/* ------------------ */
/* Hlavni INOVIO styl */
/* ------------------ */

/* Import stylu firmy Roedl */
@import 'roedl.css';

@import 'custom.css';

@import 'icons.css';


/* Zakladni barevne schema */
:root,
:root.default {

	/*Login*/
	--login-bg-color-primary: #005170;
	--login-bg-color-secondary: #272e40;
	--login-icon-color: #005270;
	--login-text-color: #005270;
  --login-motto: #a1cfe5;
  --login-footer: #4c6e80;

	/* nadpis str��nky */
	--content-area-heading-text: #444444;

	/* tla����tko pro p��id��n�� dokladu */
	--btn-primary-text: #ffffff;
	--btn-primary-text-hover: #ffffff;
	--btn-primary-shadow-text-hover: #0276a3;
	--btn-primary-bg: #026e99;
	--btn-primary-bg-hover: #0293cc;
	--btn-primary-shadow: #02587a;
	--btn-primary-shadow-text: rgba(0, 0, 0, 0.3);
	--btn-primary-shadow-hover: rgba(0, 0, 0, 0);

	/* combobox */
	--combo-text: #ff7800;
	--combo-btn: #ff7800;

	/* lev�� postrann�� panel */
	--leftArea-bg: #e6edf2;
	--leftArea-item-text: #005270;
	--leftArea-bg-item-hover: #cee3f2;
	--leftArea-category-text: #666;
	--leftArea-footer-text: rgb(109, 148, 162);
	--leftArea-hide-btn-arrow: #69a7bf;
	--leftArea-hide-btn-bg: #0293cc;
	--leftArea-hide-btn-arrow-hover: #ffffff;
  --leftArea-disabled-item-text: #333;

	/* seznam */
	--table-header-bg: #e6e6e6;
	--table-filter-label: #666;
	--table-filter-label-active: #ff7800;
	--table-filter-btn: #005270;
	--table-filter-btn-hover: #ff7800;
	--table-filter-btn-bg: #e5f4ff;
	--table-filter-btn-bg-hover: #ffefe5;
	--table-filter-field-text: #005270;
  --table-filter-field-text-hover: #66afe9;
	--table-odd-lines: #f5f5f5;
	--table-important-note: #ff7800;
	--table-text: #666;
	--table-link: #026e99;
	--table-state-border: #cfcfcf;
	--table-state-text: #888;
	--table-state-bg: #fff;
	--table-state-border-succes: #c1e2b3;
	--table-state-text-succes: #4caf50;
  --table-filter-dropdown-text: #666666;
  --table-filter-dropdown-text-hover: #005270;
  --table-filter-dropdown-text-bg: #e5f4ff;
	--table-filter-dropdown-btn: #005270;
	--table-filter-dropdown-btn-bg: #e5f4ff;
	--table-li-text-bg-focus: #e5f4ff;
	--table-li-text-focus: #005270;
  --table-filter-field-text-hover-shadow-dark: rgba(2,110,153,0.3);
  --table-filter-field-text-hover-shadow-light: #026e99;


	/* navigace */
	--nav-bg: #e6e6e6;
	--nav-text: #333333;
	--nav-arrow: #005270;
	--nav-right-text-color: #a1cfe5;
	--nav-right-dropdown-menu-text: #b8c5cc;
	--nav-right-dropdown-menu-text-hover: #b8c5cc;
	--nav-right-dropdown-menu-bg: #026e99;
  --nav-right-icon-bg-inverse: #026e99;
	--nav-right-icon-color: #ffffff;
	--detail-nav-tabs-bg: #cee3f2;
	--detail-nav-tabs-text: #005270;
	--detail-left-text: #005270;
	--detail-upload-button-bg-light: #0293cc;
	--detail-upload-button-bg: #026e99;
	--detail-left-checkbox-bg: #026e99;
	--detail-left-checkbox-border: #026e99;
	--detail-calendar-today-bg: #026e99;
	--detail-calendar-today-text: #FFF;
	--detail-calendar-today-bg-hover: #0293cc;
	--detail-calendar-today-text-hover: #fff;
	--nav-bg-color-primary: #005170;
  --nav-bg-color-secondary: #272e40;
  --detail-text-active-tab: #ff7800;
  --detail-bg-active-tab: #e6e6e6;
  --detail-leftArea-bg: #e6e6e6;
  --detail-table-text-color: #005270;

	/*banner na����t��n��*/
	--banner-loading-bg: #cee3f2;
	--banner-loading: #005270;

	--spinner: #0293cc;
	--approved-tab-buttons: #015270;

  --conf-title-bg: #edf8ff;
  --conf-property-bg-active: #e5f4ff;
}

/* Open Sans */
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Semibold.eot');
	src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
		url('../fonts/OpenSans-Semibold.woff') format('woff'),
		url('../fonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans.eot');
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans.woff2') format('woff2'),
		url('../fonts/OpenSans.woff') format('woff'),
		url('../fonts/OpenSans.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.eot');
	src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Bold.woff2') format('woff2'),
		url('../fonts/OpenSans-Bold.woff') format('woff'),
		url('../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

#container {
	height: 100%;
	/*min-width: 1000px !important;*/
}
#contentContainer {
	height: calc(100% - 55px);
}
body.detail #contentContainer {
	height: calc(100% - 90px);
}
body.popup #contentContainer {
	height: calc(100% - 45px);
}

#tabsContainer {}

#tabsOnMobileToggler {
	width: 0;
	height: 0;
	overflow: hidden;
}


/* utilities */
.hidden-element {
	display: none
}
.fullHeight,
.full-height {
	height: 100%;
}
.flex-col {
	display: flex;
    flex-direction: column;
}
.flex-col > .fullHeight,
.flex-col > .full-height {
	flex: 1;
    overflow-y: auto;
	height: auto;
}
.flex-row {
	display: flex !important;
    flex-direction: row;
}
.submitButtons {
	margin:0 -10px;
}
.submitButtons > * {
	margin:0 10px !important;
}
.submitButtons > *:not(.btn-danger):not(.btn-primary) {
	flex-grow: 1;
}
.full-width, .full-width {
	width: 100% !important;
}
.padding-20 {
	padding: 20px;
}
.padding-20:empty {
	padding: 0px;
}
.margin-20 {
	margin: 20px;
}
.margin-20:empty {
	margin: 0px;
}
.no-padd,
.no-padding {
	padding: 0 !important;
}
.no-horizontal-padd,
.no-horizontal-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.margin-negative-20 {
	margin: -20px;
}
.margin-negative-20.full-height {
	min-height: calc(100% + 40px);
}
.margin-top {
	margin-top: 15px;
}
.margin-right {
	margin-right: 15px;
}
.margin-bottom {
	margin-bottom: 15px;
}
.margin-left {
	margin-left: 15px;
}
.no-margin {
	margin: 0;
}
a.no-underline:hover {
	text-decoration: none;
}
a.no-underline:hover .underline {
	text-decoration: underline;
}

.timeline-message-container {
	height: 100%;
}

.timeline-message-container > div {
	position: relative;
	height: 100%;
}

/*.timeline-message-container > div::before {*/
/*	content: "";*/
/*	display: block;*/
/*	position: absolute;*/
/*	top: -5px;*/
/*	bottom: 35px;*/
/*	left: 0;*/
/*	width: 2px;*/
/*	background: #d8e5ee;*/
/*}*/


.timeline-hline {
	height: 2px;
	background: #d8e5ee;
}

.timeline-container {
	height: 100%;
}

.timeline-container > div {
	position: relative;
	height: 100%;
}

/*.timeline-container > div::before {*/
/*	content: "";*/
/*	display: block;*/
/*	position: absolute;*/
/*	top: -5px;*/
/*	bottom: -5px;*/
/*	left: 0;*/
/*	width: 2px;*/
/*	background: #d8e5ee;*/
/*}*/

.white-checkbox::after {
	background-color: #fff;
}

.timeline-container > div >div::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	bottom: -15px;
	left: -40px;
	width: 2px;
	background: #d8e5ee;
}

.timeline-message-block {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-left: 40px;
}

.timeline-block {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 20px;
	margin-left: 40px;
}

.timeline-block-date {
	position: absolute;
	top: 0;
	left: -105px;
	font-weight: 800;
	font-family: "Droid Serif";
	white-space: pre-line;
	text-align: center;
	color: rgba(129, 141, 152, 0.7);
	line-height: normal;
}

.timeline-currentdate {
	font-weight: 800;
	font-family: "Droid Serif";
	white-space: pre-line;
	text-align: center;
	color: rgba(129, 141, 152, 0.7);
	line-height: normal;
}

.quick-filter-EMPTY {
	background-color: orange !important;
	border: 2px solid orange !important;
}

.quick-filter-EMPTY::after {
	content: "prazdne";
}

.message-bubble {
	position: relative;
	border-radius: .4em;
	margin-bottom: 5px;
	padding: 10px;
	background-color: var(--detail-leftArea-bg);
}

.timeline-editing-message {
	padding-top: 10px;
	padding-bottom: 10px !important;
	background-color: var(--detail-leftArea-bg);
}

.speech-bubble-content.timeline-editing-message {
	background-color: var(--detail-leftArea-bg);
}


.speech-bubble {
	position: relative;
	background: #fff;
	border-radius: .4em;
	margin-bottom: 5px;
	box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 1), 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	/*box-shadow: 0 0 3px #B2B2B2;*/
}

.speech-bubble.speech-bubble-editing {
	background-color: var(--detail-leftArea-bg);
}

.speech-bubble.speech-bubble-info-request {
	background-color: #FDEDEC;
}

.speech-bubble.speech-bubble-info-response {
	background-color: #EAFAF1;
}

.speech-bubble::before {
	background-color: #fff;
	box-shadow: -1px 1px 1px 0 rgba( 178, 178, 178, .4 );
	content: '';
	position: absolute;
	left: -7px;
	top: 10px;
	height: 14px;
	transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	-webkit-transform: rotate( 45deg );
	width:  14px;
}

.speech-bubble.speech-bubble-editing::before {
	background-color: var(--detail-leftArea-bg);
}

.speech-bubble.speech-bubble-info-request::before {
	background-color: #FDEDEC;
}

.speech-bubble.speech-bubble-info-response::before {
	background-color: #EAFAF1;
}

.speech-bubble-log {
	position: relative;
	background: #000;
	border-radius: .4em;
	margin-bottom: 5px;
	box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 1), 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	/*box-shadow: 0 0 3px #B2B2B2;*/
}

.speech-bubble-log::before {
	background-color: #000;
	box-shadow: -1px 1px 1px 0 rgba( 178, 178, 178, .4 );
	content: '';
	position: absolute;
	left: -7px;
	top: 10px;
	height: 14px;
	transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	-webkit-transform: rotate( 45deg );
	width:  14px;
}

.speech-bubble-reply {
	position: relative;
	border-radius: .4em;
	background-color: #f3f3f3;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 5px;
}

.speech-bubble-reply::before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 3px;
	width: 4px;
	background-color: #333333;
}


.speech-bubble-user {
	display: inline-flex;
	background-color: transparent;
	position: relative;
	left: -57px;
	-ms-flex-align: center;
	align-items: center;
}

.speech-bubble-divider {
	display: inline-flex;
	background-color: transparent;
	position: relative;
	left: -57px;
	-ms-flex-align: center;
	align-items: center;
	top: 20px;
}

.speech-bubble-answer-btn {
	display: inline-flex;
	background-color: transparent;
	position: relative;
	right: -10px;
	top: 50%;
	-ms-flex-align: center;
	align-items: center;
	color: #898e95;
}

.speech-bubble-time {
	position: absolute;
	top: 5px;
	right: 10px;
	color: #898E95;
	font-size: 11px;
}

.speech-bubble-btn {
	font-size: 11px;
}

.speech-bubble-btn i {
	font-size: 21px;
}

.message-bubble-message-for {
	color: #1B2432;
	/*font-weight: bold;*/
	/*font-size: 14px;*/
	display: flex;
}

.message-bubble-message-for > label {
	margin-top: 3px;
}

.message-bubble-message-for > select {
	height: 27px;
}

.message-bubble-name {
	color: #1B2432;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
}

.speech-bubble-name-container {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	position: absolute;
	left: 20px;
	top: 5px;
	align-items: center;
}

.speech-bubble-name {
	color: darkgrey;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
}

.speech-bubble-question {
	color: #1B2432;
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
	margin-left: 20px;
}

.speech-bubble-content {
	/*border: 1px solid #eeeeee;*/
	border-radius: .4em;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	/*background-color: #fff;*/
}

.speech-bubble-content :last-child {
	margin-bottom: 0;
}

.speech-bubble-header {

}


.speech-bubble-reply-time {
	position: absolute;
	top: 5px;
	right: 10px;
	color: #1B2432;
	font-size: 11px;
}

.message-bubble-reply-time {
	position: absolute;
	top: 5px;
	right: 40px;
	color: #1B2432;
	font-size: 11px;
}

.message-bubble-reply-remove {
	position: absolute;
	top: 0;
	right: 0;
	color: #1B2432;
	font-size: 11px;
}

.speech-bubble-reply-name {
	color: #1B2432;
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 5px;
}

.speech-bubble-reply-content {
	font-size: 11px;
	padding-top: 20px;
	padding-left: 10px;
}

.timeline-log-panel {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 5px;
	justify-content: center;
}

.timeline-log-panel:first-child {
	margin-top: 5px;
}

.timeline-log-item-panel {
	width: 100%;
	display: flex;
	margin-left: -35px;
	color: #898E95;
	font-size: 11px;
	line-height: 1.4;
}

.timeline-log-item-panel > .timeline-log-item {
	margin-left: 5px;
	margin-right: 5px;
}

.timeline-log-item-date {
	color: aqua;
}

.timeline-log-item-user {
	color: burlywood;
}

.timeline-log-item-message {
	color: white;
}

.timeline-message-attachment-upload {
	margin-right: 10px;
}

.timeline-message-attachment {
	display: flex;
	flex-direction: column;
	line-height: 1.4;
	margin-right: 20px;
}

.timeline-message-attachment label {
	font-size: 10px;
	text-transform: uppercase;
	color: var(--detail-left-text);
	font-weight: bold;
}

.timeline-message-attachment-upload .rich-fileupload-ico-add::before,
.timeline-message-attachment-upload .rich-fileupload-ico-add-dis::before {
	content: "\e226";
	/*transform: rotate( 90deg );*/
	/*-moz-transform: rotate( 90deg );*/
	/*-ms-transform: rotate( 90deg );*/
	/*-o-transform: rotate( 90deg );*/
	/*-webkit-transform: rotate( 90deg );*/
}

.timeline-message-attachment-upload .rich-fileupload-button-content {

}

.timeline-message-attachment-upload .rich-fileupload-button-content {
	color: var(--table-filter-btn);
	background-color: #ffffff;
	border-color: var(--table-filter-btn-bg);
	-webkit-box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%);
	box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%);
}

.timeline-message-attachment-upload .rich-fileupload-ico::before {
	margin: -5px 0px -5px 0px;
}

.timeline-message-attachment-upload .rich-fileupload-button-light .rich-fileupload-button-content {
	color: #ff7800;
	background-color: #ffefe5 !important;
	-webkit-box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%) !important;
	box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%) !important;
}

.timeline-message-attachment-upload .rich-fileupload-button-press .rich-fileupload-button-content {
	color: var(--table-filter-btn);
	background-color: var(--table-filter-btn-bg) !important;
	-webkit-box-shadow: inset 0 -1px 0 #026e99,0 0 15px rgba(2,110,153,0.3) !important;
	box-shadow: inset 0 -1px 0 #026e99,0 0 15px rgba(2,110,153,0.3) !important;
}



@media (min-width: 1200px) {
	.row.compact div[class^='col-lg']:last-child, .row.compact div[class*=' col-lg']:last-child {
		padding-right: 20px;
	}
	.row.compact div[class^='col-lg']:first-child, .row.compact div[class*=' col-lg']:first-child {
		padding-left: 20px;
	}
	.row.compact div[class^='col-lg'], .row.compact div[class*=' col-lg'] {
		padding-right: 3px;
		padding-left: 4px;
	}
}

.normal-wrap,
.text-wrap{
	white-space: normal !important;
}
.nowrap,
.text-nowrap {
	white-space: nowrap !important;
}
.alert:not(.alert-lg) li {
	list-style: none;
}
span.label {
  	display: inline-block;
	margin: 0 5px 5px 0px;
	font-size: 13px;
	line-height: 1.846;
}
span.label .off {
  	display: inline-block;
}
span.label .on {
  	display: none;
}
span.label.active .off {
  	display: none;
}
span.label.active .on {
  	display: inline-block;
}
span.label .material-icons {
	margin-left: 6px !important;
}
.label a {
	display: inline-block;
	/*margin-left: 6px;*/
}
.label a.del {
  	color: #e51c23;
}
.label a.del:hover {
  	color: #ff7800;
}
.tooltip {
    display: none;
}
.gray {
	background-color: #e6e6e6;
}
.blue {
	background-color: #cee3f2;
}
.inner-shadow {
	box-shadow: inset 0 -1px 0 #cccccc;
}
.width-35 {
	width:35px;
}
.text-right select.form-control {
	/*text-align-last:right;*/
}

@media (max-width: 750px) {
	.h5 .pull-right {
		margin-top: 10px;
		float: none !important;
	}
}

.alert:empty {
	display: none;
}


.rich-shuttle-source-items .custom-field-def-shuttle-col.rich-shuttle-source-cell:nth-child(3) {
	display: none;
}


.profile-def-shuttle {

}

.profile-def-shuttle-col.rich-shuttle-source-cell,
.profile-def-shuttle-col.rich-shuttle-target-cell {
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td span,
.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td span,
.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td span,
.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td input,
.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td input,
.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td input
{
	color: #BBB;
}


.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td input[type="checkbox"]:checked:before,
.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td input[type="checkbox"]:checked:before,
.rich-shuttle-source-items .rich-shuttle-source-row.profile-def-shuttle-row.not-active td input[type="checkbox"]:checked:before
{
	border-color: #BBB;
}



.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:nth-child(2),
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:nth-child(2),
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:nth-child(2),
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:nth-child(3),
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:nth-child(3),
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:nth-child(3),
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:nth-child(4),
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:nth-child(4),
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:nth-child(4)
{
	pointer-events: none;
}

.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:nth-child(2) input,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:nth-child(2) input,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:nth-child(2) input,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:nth-child(3) input,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:nth-child(3) input,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:nth-child(3) input
{
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: right;
}


.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:nth-child(4) input[type="checkbox"]:after,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:nth-child(4) input[type="checkbox"]:after,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:nth-child(4) input[type="checkbox"]:after
{
	border: none;
}

.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:nth-child(4) input[type="checkbox"]:checked:after,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:nth-child(4) input[type="checkbox"]:checked:after,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:nth-child(4) input[type="checkbox"]:checked:after
{
	border: none;
	background: none;
}

.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:nth-child(4) input[type="checkbox"]:checked:before,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:nth-child(4) input[type="checkbox"]:checked:before,
.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:nth-child(4) input[type="checkbox"]:checked:before
{
	border-color: #333;
}



/*.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell:not(:first-child) .profile-def-shuttle-col.rich-shuttle-source-cell:not(:last-child),*/
/*.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-selected:not(:first-child) .profile-def-shuttle-col.rich-shuttle-source-cell-selected:not(:last-child),*/
/*.rich-shuttle-source-items .profile-def-shuttle-col.rich-shuttle-source-cell-active:not(:first-child) .profile-def-shuttle-col.rich-shuttle-source-cell-active:not(:last-child) {*/
/*	pointer-events: none;*/
/*}*/

.profile-def-shuttle-col.rich-shuttle-source-cell:first-child,
.profile-def-shuttle-col.rich-shuttle-source-cell-selected:first-child {
	min-width: 200px;
}

.profile-def-shuttle-col.rich-shuttle-target-cell:first-child,
.profile-def-shuttle-col.rich-shuttle-target-cell-selected:first-child {
	min-width: 200px;
}

.table-profile-def {
}

.table-profile-def tr {
	height: 40px;
}

.profile-container,
.profile-container-factory {
	display: flex;
	flex-direction: column;
}


.profile-container li:first-child {
	border-top: 1px solid #F5F5F5;
}

.profile-container > li:hover,
.profile-container > li:focus,
.profile-container-factory > li:hover,
.profile-container-factory > li:focus {
	background-color: var(--table-li-text-bg-focus) !important;
	color: var(--table-li-text-focus);
	outline: none;
}

.popup-container,
.popup-container-factory {
	display: flex;
	flex-direction: column;
}

.popup-container > li:hover,
.popup-container > li:focus,
.popup-container-factory > li:hover,
.popup-container-factory > li:focus {
	background-color: var(--table-li-text-bg-focus) !important;
	color: var(--table-li-text-focus);
	outline: none;
}

.dropdown-menu-left-top {
	left: 100%;
	right: auto;
	top: 0;
}

.btn-profile {
	font-weight: 800 !important;
	padding: 6px 20px !important;
}

.btn-profile i {
	font-weight: 800;
}

.profile-line {
	background-color: #fff !important;
}


.nav.navbar-nav .material-icons,
.nav.nav-tabs .material-icons,
.flextable-body :not(.btn) > .material-icons {
	margin: 0;
}

.btn-ico,
.input-group-btn > .btn.btn-ico {
	padding: 8px 3px 4px;
}
textarea + .input-group-btn > .btn.btn-ico {
	padding: 21px 5px 16px;
}
/* chrome hack */
.btn-ico:not(*:root),
.input-group-btn > .btn.btn-ico:not(*:root) {
	padding: 8px 3px 9px;
}
textarea + .input-group-btn > .btn.btn-ico:not(*:root) {
	padding: 23px 5px;
}
.btn-lg.btn-ico {
	padding: 12px 10px 6px;
}

.input-group-sm .input-group-btn > .btn.btn-ico {
	padding: 6px;
}
.input-group-lg .btn .material-icons {
	margin-top: -2px;
}

.list-group-item .material-icons,
.btn:not(.btn-ico) .material-icons,
.material-icons.in-text{
	margin: -8px 6px -8px -5px;
	position: relative;
    top: 7px;
}
.material-icons.md-18.in-text {
    top: 4px;
	margin-right: 0;
}
.list-group-item .material-icons {
	display: block;
    float: left;
    height: 40px;
	top: 3px;
}
.btn:not(.btn-ico) .material-icons {
    /*top: 6px;*/
}
label:not(.input-group-addon) .material-icons,
.label:not(.input-group-addon) .material-icons {
	font-size: 18px;
	margin: -5px;
	position: relative;
	top: 5px;
}
label.input-group-addon .material-icons,
.label.input-group-addon .material-icons {
	margin: -6px -5px;
}
label .material-icons.icon-label {
    margin: 1px 0;
    top: -1px;
}
.pageNavi .btn-ico .material-icons {
	margin: -5px;
}



.custom-list-item {
	position: relative;
	border-radius: .4em;
	margin-bottom: 5px;
	padding: 10px;
	/*background-color: var(--detail-leftArea-bg);*/
}

/** {box-sizing: border-box}*/
/*body {font-family: Verdana, sans-serif; margin:0}*/
/*.mySlides {display: none}*/
/*img {vertical-align: middle;}*/

 /*Slideshow container*/
.slideshow-container {
	max-width: 1000px;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
}

.slideshow-panel {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	bottom: 150px;
	/*border-bottom: 2px solid var(--detail-leftArea-bg);*/
	padding: 5px
}

/* Hide the images by default */
.mySlides {
	display: none;
}

/* Next & previous buttons */
.slideshow-btn-prev, .slideshow-btn-next {
	/*cursor: pointer;*/
	/*position: relative;*/
	/*top: 0;*/
	/*bottom: 0;*/
	/*width: auto;*/
	/*padding: 16px;*/
	/*color: white;*/
	/*font-weight: bold;*/
	/*font-size: 18px;*/
	/*transition: 0.6s ease;*/
	/*border-radius: 0 3px 3px 0;*/
	/*user-select: none;*/
	/*text-shadow: 0 1px 2px rgb(0 0 0 / 60%);*/
	/*display: flex;*/
	/*align-items: center;*/


	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 30px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
}

/* Position the "next button" to the right */
.slideshow-btn-next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.slideshow-btn-prev {
	left: 0;
}

 /*On hover, add a black background color with a little bit see-through*/
.slideshow-btn-prev:hover, .slideshow-btn-next:hover {
	 color: #ff7800;
	/*color: #0a6ebd;*/
	/*text-decoration: none;*/
}

/* Caption text */
.slideshow-text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.slideshow-numbertext {
	/*color: #f2f2f2;*/
	color: black;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.slideshow-dot {
	cursor: pointer;
	margin: 2px;
	padding: 4px;
	/*background-color: #eee;*/
	display: inline-block;
	/*transition: background-color 0.6s ease;*/
}

.slideshow-active, .slideshow-dot:hover {
	/*background-color: #717171;*/
	border: 2px solid #717171;
}

/* Fading animation */
.slideshow-fade {
	/*animation-name: fade;*/
	/*animation-duration: 2s;*/

	animation: fadeinout 1.5s alternate;
}

@keyframes fadeinout {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.scrolling-wrapper-flexbox {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	height: 140px;
	min-height: 140px;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
}

.scrolling-wrapper-flexbox .card {
	flex: 0 0 auto;
	width: 100px;
	height: 100px;
	display: flex;
}






.custom-field-value {
	font-weight: bold;
}

.custom-field-value p {
	margin: 0;
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* spinning animation */
.material-icons.spin {
	-webkit-animation: mi-spin 2s infinite linear;
    animation: mi-spin 2s infinite linear;
}

@-moz-keyframes mi-spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes mi-spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes mi-spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

/* zarovn��n�� loaderu */
.loading-img {
	background-color: rgba(255,255,255,0.3);
	z-index: 1000;
}
.centeredIndicator {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
	color: var(--spinner);
}
div[id$="status"]:not([id*="_viewRoot"]) {
	width: 100%;
	position: relative;
}
.tableIndicator {
	background-color: var(--banner-loading-bg);
	border-radius: 3px 3px 0 0;
	color: var(--banner-loading);
	text-align: center;
	line-height: 54px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
	padding-top: 3px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
}
.tableIndicator .material-icons {
	position: relative;
	top: 6px;
}


/* --- INPUTS --- */
.input-group {
	box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.075);
}
.form-group .input-group .radio,
.form-group .input-group .radio-inline,
.form-group .input-group .checkbox,
.form-group .input-group .checkbox-inline,
.form-group .input-group .radio,
.form-group .input-group .radio-inline,
.form-group .input-group .checkbox,
.form-group .input-group .checkbox-inline {
    width: auto;
	min-width: auto;
	background-color: #fff;
	text-align: left;
    color: var(--detail-left-checkbox);
	-ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}
.form-group .input-group .radio hr,
.form-group .input-group .radio-inline hr,
.form-group .input-group .checkbox hr,
.form-group .input-group .checkbox-inline hr,
.form-group .input-group .radio hr,
.form-group .input-group .radio-inline hr,
.form-group .input-group .checkbox hr,
.form-group .input-group .checkbox-inline hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #fff;
}

.form-group .input-group .radio input[type="radio"],
.form-group .input-group .radio-inline input[type="radio"],
.form-group .input-group .checkbox input[type="radio"],
.form-group .input-group .checkbox-inline input[type="radio"],
.form-group .input-group .radio input[type="checkbox"],
.form-group .input-group .radio-inline input[type="checkbox"],
.form-group .input-group .checkbox input[type="checkbox"],
.form-group .input-group .checkbox-inline input[type="checkbox"] {
  margin-left: 0;
}
input[type="radio"].no-label::after,
input[type="checkbox"].no-label::after {
	margin-right: 0;
}


.form-group .input-group-addon {
	min-width: 150px;
	vertical-align: top;
}
[id~="userForm"] .form-group .input-group-addon,
.form-group .input-group-addon.w-160 {
	min-width: 160px;
}
.form-group .input-group-addon.w-180 {
	min-width: 180px;
}
.form-group .input-group-addon.w-200 {
	min-width: 200px;
}
[id$="confArea"] .form-group .input-group-addon:not(.checkbox) {
	min-width: 50%;
}
.form-group .input-group-addon.wrap {
	white-space: normal;
}
.form-group .input-group-addon.no-min-width,
.mw-auto {
	min-width: auto;
}
.form-group .input-group > .input-group-addon.no-min-width:last-child {
	padding-right: 2px;
    padding-left: 6px;
}
.input-group-addon.no-styling {
	background-color: #fff !important;
	border-right: 0 !important;
}
.input-group-addon.has-error {
	color: #c63232;
}
.input-group-addon.has-success {
	color: #4caf50;
}
textarea.one-row {
	height: 31px;
}

/* flex inputs */
.form-group {
    margin-bottom: 0;
}

.input-group/*.compact*/ {
	position: relative;
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: stretch;
    width: 100%;
}
.input-group/*.compact*/ * {
    border-radius: 0;
}
.input-group/*.compact*/ .input-group-addon {
	background-color: #fff;
	position: relative;
	border: 0;
	box-shadow: inset 0 -1px 0 #d9d9d9;
	padding: 9px 8px;
	white-space: normal;
	width: auto;
    /*display: flex;*/
}
.input-group/*.compact*/ .input-group-btn {
    width: auto;
}
.input-group/*.compact*/ .input-group-addon.disabled {
	background-color: #f2f2f2;
	color: #666
}
.input-group/*.compact*/ .input-group-addon:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 6px;
	bottom: 6px;
	right: 0;
	width: 1px;
	background-color: #d9d9d9;
}
.input-group/*.compact*/ .input-group-addon .red-star {
	color: #fe4c4c;
	position: absolute;
	right: -3px;
    top: 5px;
    text-shadow:
		0px 5px 0 #fff,
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;
	z-index: 5;
}
.input-group/*.compact*/ .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    /*width: 1%;*/
    margin-bottom: 0;
	border-right: 0 !important;
	border-radius: 0;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.input-group/*.compact*/ .simditor {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.input-group/*.compact*/ .form-control:focus {
	box-shadow: inset 0 -1px 0 var(--table-filter-field-text-hover-shadow-light), 0 0 15px var(--table-filter-field-text-hover-shadow-dark);
}
.input-group/*.compact*/ .form-control-static {
	background-color: #f2f2f2;
	color: #666;
    position: relative;
	display: flex;
    flex: 1 1 auto;
    margin-bottom: 0;
	border-right: 0 !important;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.invalid-feedback:not(:empty) {
	position: relative;
	top: -1px;
	border-top: 1px solid #fe4c4c;
	color: #fe4c4c;
}



/* buttony */
.btn-ghost {
	background-color: transparent;
	/*color: #026e99;*/
	box-shadow: none;
    text-shadow: none;
}
.btn-ghost.btn-primary {
	color: #026e99 !important;
}
.btn-ghost.btn-primary:hover,
.btn-ghost.btn-primary:active,
.btn-ghost.btn-primary:focus {
	color: #fff !important;
}

.btn-add {
	background-color: transparent;
	/*color: #026e99;*/
	box-shadow: none;
    text-shadow: none;
	border: 1px dashed #b3b3b3;
}

/* --- USER --- */

.userAvatar {
	min-width: 36px;
	min-height: 36px;
	border-radius: 50%;
	line-height: 36px;
	text-align: center;
	box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 1), 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.avatarColor-1 {
	 background-color: rgba(255,255,255,1);
	 color: #999;
}
.avatarColor-2 {
	background-color: #fff;
	color: #000;
	font-weight: bold;
}

.userName {
	font-weight: 700;
	font-size: 16px;
}



/* --- RICH FACES COMPONENTS --- */
/* rich calendar */
.rich-calendar-exterior {
	border: none;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
	border-radius: 3px;
	margin-top: 3px;
	border-collapse: collapse;
}

.shadow-none > .rich-calendar-exterior {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.rich-calendar-exterior::before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0,0,0,.15);
    border-top: 0;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute;
	top: -7px;
	left: 10px;
}
.rich-calendar-exterior::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
	top: -6px;
	left: 11px;
}
.shadow-none > .rich-calendar-exterior::before,
.shadow-none > .rich-calendar-exterior::after {
    display: none;
}
.rich-calendar-exterior > tbody {
	border: 3px solid #fff ;
}
.rich-calendar-exterior > tbody > tr > td {
	border: none !important;
	background-color: #fff;
	font-size: 12px;
	padding: 5px;
	border-radius: 3px;
	line-height: 1.2;
	-webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-week {
	font-size: 10px;
	text-align: center;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-days {
	font-weight: bold;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-cell-size {
	height: auto;
	width: auto;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-holly,
.rich-calendar-exterior > tbody > tr > td.rich-calendar-days.rich-calendar-weekends{
	color: #151515;
	background-color: #f3f3f3;
	border-radius: 0;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-boundary-dates {
	color: #a0a0a0;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-btn:hover {
	color: #005270;
  	background-color: #e5f4ff;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-today {
	background-color: var(--detail-calendar-today-bg);
	color: var(--detail-calendar-today-text);
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-today:hover {
	background-color: var(--detail-calendar-today-bg-hover);
	color: var(--detail-calendar-today-text-hover);
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-header {
	padding: 0 0 3px 0;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-footer {
	padding: 3px 0 0 0;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-header td,
.rich-calendar-exterior > tbody > tr > td.rich-calendar-footer td {
	border: 0;
	background: #fff;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-header td div,
.rich-calendar-exterior > tbody > tr > td.rich-calendar-footer td div {
	width: 100%;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
	font-weight: 600;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.rich-calendar-exterior > tbody > tr > td.rich-calendar-header td div:hover,
.rich-calendar-exterior > tbody > tr > td.rich-calendar-footer td div:hover{
	color: #005270;
  	background-color: #e5f4ff;
	border: 0;
}
.rich-calendar-tool-btn-press {
    border: 0;
	background-color: #fff;
    color: #666666;
    -webkit-box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}
.rich-calendar-tool-close {
	display: none;
}
.rich-calendar-time-layout, .rich-calendar-date-layout, .rich-calendar-time-layout input {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.rich-calendar-time-layout {
    background: #e6e6e6;
    border: 0;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.rich-calendar-editor-layout-shadow {
    display: none;
}

/* rich calendar inputs */
.input-group.input-group-sm span .rich-calendar-input.form-control {
	display: block;
	height: 26px;
}
.input-group.input-group-sm span img.rich-calendar-button {
	position: absolute;
}
.input-group .rich-calendar-with-button:not(:first-child) span .rich-calendar-input.form-control,
.input-group span:not(:first-child) .rich-calendar-input.form-control {
	border-radius: 0;
}

.input-group .rich-calendar-with-button {
	flex: 1;
}
.rich-calendar-with-button span {
	display: flex;
}
.rich-calendar-with-button span .rich-calendar-input {
	/*border-right: 1px solid #d9d9d9;*/
}
.rich-calendar-with-button span .rich-calendar-input[disabled] {
    width: 100%;
	border-right: 0;
	border-radius: 0 3px 3px 0 !important;
}
.rich-calendar-with-button button.rich-calendar-button {
	font-size: 24px;
    display: block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    float: left;
    width: 31px;
	padding: 3px 3px 4px;
	font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
	line-height: 1;
    margin: 0;
}
.rich-calendar-with-button span .rich-calendar-input[disabled] + button.rich-calendar-button {
    display: none !important;
	width: 0px;
}
.rich-calendar-with-button button.rich-calendar-button.md-18 {
	font-size: 18px;
	padding: 5px;
}
.table-form td .rich-calendar-input,
.table-form td .rich-calendar-button,
td.cell-form .rich-calendar-input,
td.cell-form .rich-calendar-button {
	border-radius: 0 !important;
}
.table-form td .rich-calendar-input,
td.cell-form .rich-calendar-input {
	background-color: transparent;
}
.dropdown-menu > li > .date-to {
    padding: 3px 20px;
    line-height: 1.5;
    color: #666666;
}
/* rich calendar time inputs  */
.rich-calendar-spinner-input {
    width: 26px;
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.rich-calendar-spinner-input-container {
    background-image: none;
    background-color: transparent;
    border: none;
}
.rich-calendar-spinner-buttons {
    background-color: #FFF;
    border: none;
    background-image: none;
	-webkit-box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
}
.rich-calendar-time-btn {
    width: 100%;
    border: 0;
    background: #fff;
    padding: 2px 5px;
    border-radius: 3px;
}
.rich-calendar-time-btn:hover,
.rich-calendar-time-btn:active {
    color: #005270;
    background-color: #e5f4ff;
    border: 0;
}

/* na��ept��va�� */
.rich-sb-common-container {
	border: none;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
	border-radius: 3px;
	margin-top: 3px;
	border-collapse: collapse;
	/*padding: 5px 0;*/
}
.rich-sb-common-container::before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0,0,0,.15);
    border-top: 0;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute;
	top: -7px;
	left: 10px;
}
.rich-sb-common-container::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
	top: -6px;
	left: 11px;
}
.rich-sb-common-container .rich-sb-shadow {
	display: none;
}
.dr-sb-ext-decor-2 {
    border: none;
    background-color: #fff;
}
.rich-sb-overflow {
	/*width: 100% !important;
	height: 100% !important;*/
}
.dr-sb-int-decor-table > tbody > tr > td {
	padding: 3px 5px;
}
.rich-sb-common-container .dr-sb-int {
    font-size: 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
}
.rich-sb-common-container .dr-sb-int-sel {
    font-size: 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #005270;
  	background-color: #e5f4ff;
	background-image: none;
}
.dr-sb-overflow {
    overflow-x: hidden;
}

/* file upload */
.rich-fileupload-font {
    font-size: 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.rich-fileupload-list-decor {
	border: none;
	background-color: transparent;
	/*border: none;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    background-color: #fff;*/
}
.rich-fileupload-list-overflow {
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    background-color: #fff;
}
.rich-fileupload-toolbar-decor {
	border: none;
	border-bottom: none /*1px solid #d9d9d9*/;
    background-color: transparent/*#f2f2f2*/;
	border-radius: 3px 3px 0 0;
  /* margin-bottom: 15px; */
}
.rich-fileupload-button-border {
    border: none;
    margin: 0 /*6px 0 6px 6px*/;
}
.rich-fileupload-button-border > .rich-fileupload-font {
    border: none !important;
    padding: 0 !important;
	background: none !important;
}
.rich-fileupload-button-border > .rich-fileupload-font {
    border: none !important;
    padding: 0 !important;
	background: none !important;
}
.rich-fileupload-button-dis {
    padding: 0;
}
.rich-fileupload-button-content {
	background-image: none;
	text-transform: uppercase;
    border: none;
	border-radius: 3px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    padding: 6px 10px;
    font-weight: 600;
	color: #ffffff;
    background-color: var(--detail-upload-button-bg);
    -webkit-box-shadow: inset 0 -1px 0 var(--btn-primary-shadow);
    box-shadow: inset 0 -1px 0 var(--btn-primary-shadow);
	height: 31px;
}
[id$="versionsPanelForm"] .rich-fileupload-button-content {
	background-color: transparent;
    box-shadow: none;
    text-shadow: none;
	color: #02587a;
	padding: 8px 0px 9px 8px;
}
.rich-fileupload-button-light .rich-fileupload-button-content {
    background-color: var(--detail-upload-button-bg-light) !important;
    -webkit-box-shadow: inset 0 -2px 0 var(--btn-primary-shadow) !important;
    box-shadow: inset 0 -2px 0 var(--btn-primary-shadow) !important;
}
[id$="versionsPanelForm"] .rich-fileupload-button-light .rich-fileupload-button-content {
    color: #ff7800;
    background-color: #ffefe5 !important;
    box-shadow: none !important;
}
.rich-fileupload-ico::before {
	display: inline-block;
	margin: -5px 3px -5px -5px;
    position: relative;
    top: 7px;
	font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 0.5;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.rich-fileupload-ico-add::before, .rich-fileupload-ico-add-dis::before {
	content: "\E2C6";
}
[id$="versionsPanelForm"] .rich-fileupload-ico-add::before,
[id$="versionsPanelForm"] .rich-fileupload-ico-add-dis::before {
	content: "\E148";
}
.rich-fileupload-ico-stop::before {
	content: "\E5CD";
}
.rich-fileupload-table-td {
    border-bottom: 1px solid #d9d9d9;
}
.rich-progress-bar-shell {
    background-color: #f2f2f2;
    border: none;
    border-radius: 3px;
    overflow: hidden;
}

/* p��ehazov��n�� user�� */
/*.rich-list-shuttle,
.rich-shuttle-body {
	width: 100%;
}
.rich-list-shuttle>tbody>tr>td:nth-child(odd) {
	width: 40%;
}*/
.rich-list-shuttle-caption {
    padding: 0;
}
.rich-list-shuttle-caption div {
    padding: 0;
	font-size: 18px;
	font-weight: 400;
}
.rich-shuttle-source-items,
.rich-shuttle-target-items {
	border: none;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -2px 0 #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    background-color: #fff;
	margin: 0;
}
.rich-shuttle-list {
    background-color: transparent;
}
.rich-shuttle-header-tab-cell,
.rich-shuttle-header-tab-cell-last {
    background-image: none;
    background-color: #e6e6e6;
    font-size: 11px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-right: 0;
    border-bottom: 1px solid #d9d9d9;
	padding: 3px 10px;
}
.rich-shuttle-source-cell,
.rich-shuttle-target-cell {
    padding: 3px 10px;
}
.rich-shuttle-source-cell input,
.rich-shuttle-source-cell-selected input,
.rich-shuttle-target-cell input,
.rich-shuttle-target-cell-selected input {
    width: 95%;
}
.rich-shuttle-source-cell,
.rich-shuttle-target-cell,
.rich-shuttle-source-cell *:not(.material-icons),
.rich-shuttle-target-cell *:not(.material-icons) {
    color: #333;
    font-size: 13px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}
.rich-shuttle-source-row-selected,
.rich-shuttle-target-row-selected {
    background-color: #e5f4ff;
}
.rich-shuttle-source-cell-selected,
.rich-shuttle-target-cell-selected {
    padding: 3px 10px;
}
.rich-shuttle-source-cell-selected,
.rich-shuttle-target-cell-selected,
.rich-shuttle-source-cell-selected *:not(.material-icons),
.rich-shuttle-target-cell-selected *:not(.material-icons) {
    color: #005270;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.rich-shuttle-source-cell-active,
.rich-shuttle-target-cell-active {
    border: 0;
}
.rich-shuttle-controls {
	padding: 0;
	margin:  0 6px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	overflow: hidden;
}
.rich-shuttle-controls > div {
	border:0;
	margin:0;
}
.rich-shuttle-controls > div > div {
    background-image: none;
    color: #909090;
    background-color: #ffffff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
    border: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.5;
	font-weight: 600;
	-webkit-box-shadow: inset 0 -1px 0 #cccccc;
    box-shadow: inset 0 -1px 0 #cccccc;
}
.rich-shuttle-controls > div > div.rich-list-shuttle-button-light {
    background-color: #ffefe5;
}
.rich-shuttle-controls > div > div.rich-list-shuttle-button-light a {
    color: #ff7800;
}
.rich-list-shuttle-button-selection {
	color: var(--approved-tab-buttons);
}
.rich-list-shuttle-button-selection:hover {
    color: #ff7800;
}
.rich-list-shuttle-button-content {
    font-family: inherit;
    font-size: 12px;
}
.rich-list-shuttle-button-content img {
	display: none;
    /*position: relative;
	top: -1px;*/
}
.rich-list-shuttle-button-content::before {
	display: inline-block;
	margin: -5px 3px -5px -5px;
    position: relative;
    top: 4px;
	font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 0.5;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.rich-list-shuttle-button-content::after {
	display: block;
    position: absolute;
    top: 14px;
	left: 5px;
	font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 0.5;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.rich-shuttle-source-cell > .shuttleCellRightAlign {
	text-align: right;
	display: block;
}

div[id$="copyAll"] .rich-list-shuttle-button-content::before {
	content: "\E5C8";
	left: 1px;
}
div[id$="copyAll"] .rich-list-shuttle-button-content::after {
	content: "\E5C8";
}
div[id$="copy"] .rich-list-shuttle-button-content::before {
	content: "\E5C8";
}
div[id$="remove"] .rich-list-shuttle-button-content::before {
	content: "\E5C4";
}
div[id$="removeAll"] .rich-list-shuttle-button-content::before {
	content: "\E5C4";
	left: 1px;
}
div[id$="removeAll"] .rich-list-shuttle-button-content::after {
	content: "\E5C4";
}

div[id$="first"] .rich-list-shuttle-button-content::before {
	content: "\E5DC";
	transform: rotate(90deg);
}
div[id$="up"] .rich-list-shuttle-button-content::before {
	content: "\E5CE";
}
div[id$="down"] .rich-list-shuttle-button-content::before {
	content: "\E5CF";
}
div[id$="last"] .rich-list-shuttle-button-content::before {
	content: "\E5DD";
	transform: rotate(90deg);
}
.rich-list-shuttle input[type="radio"], .rich-list-shuttle input[type="checkbox"] {
    margin-top: 0;
}

/* p��ehazov��n�� user�� - variabiln�� ������ka */
.variable-width .rich-list-shuttle {
	width: 100%;
}
.variable-width.full-height .rich-list-shuttle {
	height: 100%;
}

.variable-width .rich-list-shuttle td:nth-child(odd) {
	width: calc(50% - 135px);
}
.variable-width .rich-list-shuttle td:nth-child(even) {
	width: 135px;
}

.variable-width.full-height .rich-shuttle-source-items,
.variable-width.full-height .rich-shuttle-body,
.variable-width.full-height .rich-shuttle-target-items,
.variable-width.full-height .rich-list-shuttle td,
.variable-width.full-height .rich-shuttle-list-content {
	height: 100%;
}
.variable-width .rich-shuttle-source-items,
.variable-width .rich-shuttle-target-items {
	margin: 0;
}
.variable-width .rich-shuttle-list {
	position: relative;
	width: 100%;
	height: 100%;
}
.variable-width.full-height .rich-shuttle-list {
	height: 100%;
}
.variable-width .rich-shuttle-list-content {
	/*position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
	min-width: 285px;*/
	width: auto !important;
}
.variable-width .rich-shuttle-body {
	min-width: 285px;
	width: 100%;
	table-layout: fixed;
}

/* STROM */
.dr-tree-h-ic-line-last,
.dr-tree-h-ic-line-exp,
.dr-tree-h-ic-line-node,
.dr-tree-h-ic-line {
	background-image: none;
}



/* historie / koment����e */
#detailCommentTab {
	display: inline-block;
}
#detailCommentTab:hover {
	color: #444;
	text-decoration: none;
}
tr.commentbox > td,
tr.comment-row > td {
	vertical-align: top;
}
.media.histories {
	/*min-width: 716px;*/
	max-width: 800px;
	/*border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;*/
}
.media.histories > .media-left {
	padding-top: 46px;
	vertical-align: top;
}
.user_image {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	background-size: cover;
	background-position: center;
}
.media.histories .user_image {
	position: relative;
	top: -50px;
}
.media.histories >.media-body {
    width: auto;
}
.media.histories > span > .media-left,
tr.comment-row > td:first-child {
	/*padding-right: 15px;
	width: 75px;*/
	padding-right: 10px;
	width: 36px;
	text-align: right;
}
tr.comment-select td,
tr.comment-row td {
	padding-top: 20px;
	/*padding-bottom: 15px;*/
	padding-bottom: 15px;
}
tr.comment-row td.content {
	padding-top: 15px;
}
tr.comment-row.BLACK td,
tr.comment-row.INVISIBLE td {
	padding-top: 1px;
	padding-bottom: 1px;
}
tr.comment-row.BLACK > td.avatar > div,
tr.comment-row.INVISIBLE > td.avatar > div {
	display: none;
}
tr.comment-row:first-child td:before,
tr.comment-row.BLACK + tr.comment-row:not(.BLACK) td:before,
tr.comment-row.INVISIBLE + tr.comment-row:not(.INVISIBLE) td:before,
tr.comment-row:not(.BLACK) + tr.comment-row.BLACK td:before,
tr.comment-row:not(.INVISIBLE) + tr.comment-row.INVISIBLE td:before{
	content: "";
	display: block;
	position: relative;
	border-top: 1px solid #d9d9d9;
	padding-top: 20px;
	width: calc(100%+10px);
	margin-left: -10px;
	left: 10px;
}
tr.comment-row:not(.BLACK):first-child td.avatar:before,
tr.comment-row:not(.INVISIBLE):first-child td.avatar:before,
tr.comment-row.BLACK + tr.comment-row:not(.BLACK) td.avatar:before,
tr.comment-row.INVISIBLE + tr.comment-row:not(.INVISIBLE) td.avatar:before{
	top: -5px;
}
tr.comment-select .input-group,
#detailCommentTabContainer .input-group {
	/*width: calc(100% - 115px);
	float: left;
	margin-right: 15px;*/
}
#detailCommentTabContainer .input-group {
	/*width: calc(100% - 175px);*/
}
tr.heading.commentbox > td,
tr.comment-nav-tabs > td,
.media.histories > .media-body ul.nav.nav-pills {
	font-size: 14px;
	font-weight: 600;
}
tr.comment-nav-tabs > td {
	border-bottom: 1px solid #d9d9d9;
}

tr.comment-row > td.content .title {
	max-width: 24px;
	margin-right: 6px;
	overflow: hidden;
	top: 4px;
	position: relative;
}
tr.comment-row > td.content .title:empty {
	margin-right: 0;
}
tr.comment-row > td.content .author {
	color: #1B2432;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	margin-right: 10px;
}
tr.comment-row.BLACK > td.content .author,
tr.comment-row.INVISIBLE > td.content .author {
	color: #898E95;
	font-size: 11px;
	margin-right: 5px;
	display: block;
	float: left;
	line-height: 1.4;
}
tr.comment-row.BLACK img.avatar,
tr.comment-row.INVISIBLE img.avatar {
	display: none;
}

tr.comment-row>td.content .author:empty {}

tr.comment-row > td.content .date {
	color: #898E95;
	font-size: 11px;
}
tr.comment-row.BLACK > td.content .date,
tr.comment-row.INVISIBLE > td.content .date {
	line-height: 1.4;
}
tr.comment-row > td.content .content {
	/*padding-left: 30px;*/
    color: #898E95;
	font-size: 11px;
	line-height: 1.4;
}
tr.comment-row.BLACK > td.content .content,
tr.comment-row.INVISIBLE > td.content .content {
	float: left;
	margin-right: 10px;
}
tr.comment-row > td.content .content p {
    color: #1B2432;
	font-size: 14px;
}
tr.comment-row > td.content .content .text-danger p,
tr.comment-row.RED > td.content .content p {
    color: #e51c23;
}
tr.comment-row.BLUE > td.content .content p,
tr.comment-row.BLUE > td.content .title {
    color: #4caf50;
}
tr.comment-row > td.content .content p:last-child {
	margin-bottom: 0;
}

.mceEditor.defaultSkin table.mceLayout {
    border: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	width: 100%;
}
.mceEditor.defaultSkin table.mceToolbar {
    margin: 0 5px 0 0;
}
.mceEditor.defaultSkin table.mceLayout tr.mceLast td {
    border: 0;
	-webkit-box-shadow: inset 0 -2px 0 #cccccc;
    box-shadow: inset 0 -2px 0 #cccccc;
	border-radius: 0 0 3px 3px;
	padding-bottom: 2px;
}
.mceEditor.defaultSkin table.mceLayout tr.mceLast iframe {
	border-radius: 0 0 3px 3px;
}
.mceEditor.defaultSkin table.mceLayout tr.mceFirst td.mceToolbar,
.mceEditor.defaultSkin table.mceLayout tr.mceFirst td.mceToolbar table {
    border: 0;
	border-radius: 4px 4px 0 0;
	background: #e6e6e6 !important;
    padding-top: 0;
}
.mceEditor.defaultSkin .mceButton {
    display: block;
    border: 0;
    width: 34px;
    height: 34px;
    margin-right: 1px;
	padding: 7px;
	cursor: pointer;
}
.mceEditor.defaultSkin .mceButton * {
	cursor: pointer;
}
.mceEditor.defaultSkin .mceButton:hover {
    display: block;
    background-color: #ffefe5;
	border: 0;
}
.mceEditor.defaultSkin a.mceButtonActive,
.mceEditor.defaultSkin a.mceButtonSelected {
    background-color: #e5f4ff;
}

.mceEditor.defaultSkin .mceSplitButton {
    width: 46px;
    height: 34px;
    direction: ltr;
}

.mceEditor.defaultSkin .mceSplitButton a.mceAction {
    width: 34px;
	height: 34px;
    border: 0;
	padding: 7px;
}
.mceEditor.defaultSkin table.mceSplitButtonEnabled:hover a.mceAction,
.mceEditor.defaultSkin .mceSplitButtonHover a.mceAction,
.mceEditor.defaultSkin .mceSplitButtonSelected a.mceAction {
    border: 0;
    background-color: #ffefe5;
}
.mceEditor.defaultSkin .mceSplitButton a.mceOpen {
    width: 10px;
	border: 0;
}
.mceEditor.defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen,
.mceEditor.defaultSkin .mceSplitButtonHover a.mceOpen {
    background-color: #ffefe5;
    border: 0;
}
.mceEditor.defaultSkin .mceSplitButtonSelected a.mceOpen {
    background-color: #e5f4ff;
    border: 0;
}

.mceEditor.defaultSkin .mceSplitButton a,
.mceEditor.defaultSkin .mceSplitButton span {
    height: 20px;
    display: block;
}




/* --- HEADER --- */

#headerCustomerLogo {
    padding: 10px;
    height: 55px;
}
#headerCustomerLogo img {
	height: 100%;
	width: auto;
}
body.detail .navbar,
body.popup .navbar {
	min-height: 45px;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	width: 240px;
}
body.detail .navbar > .container-fluid .navbar-header,
body.popup .navbar > .container-fluid .navbar-header {
	width: 100%;
}
body.detail .navbar > .container 		.navbar-brand,
body.detail .navbar > .container-fluid 	.navbar-brand,
body.popup  .navbar > .container 		.navbar-brand,
body.popup  .navbar > .container-fluid 	.navbar-brand {
    margin-left: -10px;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 45px;
	min-height: 45px;
	height: 45px;
	color: #fff;
	font-size: 18px;
}
body.detail .navbar-brand img,
body.popup .navbar-brand img {
    margin: 0 10px 4px 0;
	display: inline-block;
}
.navbar svg {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	position: relative;
	top: 1px;
}
.navbar .info {
	color: #fff;
	font-size: 14px;
	line-height: 25px;
	min-height: 25px;
	height: 45px;
	padding: 10px 0;
}
.navbar .info .divider {
	display: inline-block;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #026e99;
}
.navbar .info .sml {
	color: #a1cfe5;
}

#formPortal {
	/*width: 500px;*/
	overflow: hidden;
	flex-shrink: 1;
	flex-grow: 1;
}
#formPortal > div  {
	display: flex;
	flex-direction: row;
}
#formPortal > div > a {
	font-size: 14px;
	color: #b8c5cc;
	font-weight: 600;
	position: relative;
	padding: 0 15px 0 55px;
	line-height: 55px;
	white-space: nowrap;
	flex-shrink: 1;
	overflow: hidden;
}
#formPortal > div > a:nth-last-of-type(n+5),
#formPortal > div > a:nth-last-of-type(n+5) ~ a {
	width: 55px;
	padding: 0 0 0 55px;
}
#formPortal > div > a:hover {
	color: #fff;
	text-decoration: none;
}
#formPortal > div > a.selected {
	color: #333333;
	background-color: #f5f6f7;
}
#formPortal > div > a::before {
	display: block;
	position: absolute;
	content: "";
	width: 39px;
	height: 35px;
	top: 10px;
	left: 10px;
	background: url(../images/ico_menu_product.png) no-repeat;
}
#formPortal > div > a[id$="invoicesTab"]::before {
	background-position: 0 0;
}
#formPortal > div > a[id$="invoicesWithOrdersSeparatedInvoiceTab"]::before {
	background-position: 0 0;
}
#formPortal > div > a[id$="contractTab"]::before {
	background-position: 0 -35px;
}
#formPortal > div > a[id$="companyTab"]::before {
	background-position: 0 -70px;
}
#formPortal > div > a[id$="taskTab"]::before {
	background-position: 0 -105px;
}
#formPortal > div > a[id$="commissionTab"]::before {
	background-position: 0 -140px;
}
#formPortal > div > a[id$="telcobusTab"]::before {
	background-position: 0 -175px;
}
/*#formPortal > div > a[id$="isodocTab"]::before {
	background-position: 0 -210px;
}*/
#formPortal > div > a[id$="reclamationsTab"]::before {
	background-position: 0 -245px;
}
#formPortal > div > a[id$="postinTab"]::before {
	background-position: 0 -280px;
}
#formPortal > div > a[id$="invoicesWithOrdersTab"]::before {
	background-position: 0 -315px;
}
#formPortal > div > a[id$="invoicesWithOrdersSeparatedOrderTab"]::before {
	background-position: 0 -315px;
}
#formPortal > div > a[id$="leadmmTab"]::before {
	background-position: 0 -350px;
}
#formPortal > div > a[id$="asmTab"]::before {
	background-position: 0 -385px;
}
#formPortal > div > a[id$="isodocTab"]::before {
	background-position: 0 -420px;
}
#formPortal > div > a[id$="cashDocumentsTab"]::before {
	background-position: 0 -525px;
}
#formPortal > div > a[id$="paymentOrdersTab"]::before {
	background-position: 0 -595px;
}
#formPortal > div > a[id$="eodTab"]::before {
	background-position: 0 -420px;
}
#formPortal > div > a[id$="cashflowTab"]::before {
	background-position: 0 -700px;
}
#formPortal > div > a[id$="autoAccountingTab"]::before {
    background-position: 0 -630px;
}
#formPortal > div > a[id$="billingTab"]::before {
	background-position: 0 -490px;
}
#formPortal > div > a[id$="claimTab"]::before {
	background-position: 0 -245px;
}
#formPortal > div > a[id$="jobsTab"]::before {
	background-position: 0 -245px;
}
#formPortal > div > a[id$="fleetTab"]::before {
	background-position: 0 -245px;
}
#formPortal > div > a[id$="assetTab"]::before {
	background-position: 0 -245px;
}
#formPortal > div > a[id$="hrmTab"]::before {
	background-position: 0 -175px;
}

#formPortal > div > a[id$="invoicesDUKTab"]::before {
	background-position: 0 0;
}
#formPortal > div > a[id$="billingDUKTab"]::before {
	background-position: 0 -490px;
}
#formPortal > div > a[id$="contractDUKTab"]::before {
	background-position: 0 -35px;
}
#formPortal > div > a[id$="cashDocumentsDUKTab"]::before {
	background-position: 0 -525px;
}
.navbar-right.nav > li > a {
    padding-right: 8px;
	padding-left: 8px;
}
.detail.col3 .navbar-right.nav > li > a {
    padding-top: 10.5px;
	padding-bottom: 10.5px;
}
.navbar-right {
    margin-right: 0px;
}
.detail.col3 .navbar-right {
    margin-right: -40px;
	font-size: 13px;
}
.navbar-right .dropdown-menu {
    background-color: var(--nav-right-dropdown-menu-bg);
    border: none;
	box-shadow: none;
}
.navbar-right .dropdown-menu > li {
    list-style-type: none;
}
.navbar-right .dropdown-menu > li > a {
    color: var(--nav-right-dropdown-menu-text);
}
.navbar-right .dropdown-menu > li > a:hover {
    color: #fff;
	background-color: transparent;
}

.dropdown-submenu  > li > a {
	text-transform: none;
	text-align: left;
}

.dropdown-submenu  > li > a > i {
	top: 6px !important;
}

.history-attachment-line {
	background-color: whitesmoke !important;
}

.module-attachment-line {

}

.shared-attachment-line {

}


/* --- BODY --- */

html,body {
	height: 100%;
}

#leftArea {
	float: left;
	background-color: var(--detail-leftArea-bg);
	position: relative;
	left: 0;
	margin: 0;
	padding: 0px;
	display: flex;
	flex-direction: column;
	-webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
	z-index: 2;
	width: 450px;
}
#leftArea.widerLeft {
	width: 600px;
}

#leftTabArea {
	left: 0;
	margin: 0;
	float: left;
	position: relative;
	-webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
	z-index: 2;
	width: 450px;
}
#leftTabArea.widerLeft {
	width: 600px;
}
body.leftAreaHidden #leftArea,
body.leftAreaHidden #leftTabArea {
	left: -450px;
	margin-right: -450px;
}
body.homePage #leftArea {
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	width: 240px;
	background-color: var(--leftArea-bg);
}
body.homePage.leftAreaHidden #leftArea {
	left: -240px;
	margin-right: -240px;
}
#leftTabArea .nav-tabs > li.active > a,
#leftTabArea .nav-tabs > li.active > a:focus,
.gray .nav-tabs > li.active > a,
.gray .nav-tabs > li.active > a:focus {
  background-color: var(--detail-bg-active-tab);
	height: 39px;
}
#leftTabArea .nav-tabs > li.active > a:hover,
#leftTabArea .nav-tabs > li.active > a:focus:hover,
.gray .nav-tabs > li.active > a:hover,
.gray .nav-tabs > li.active > a:focus:hover {
  background-color: var(--detail-bg-active-tab);
}
.nav-tabs > .btn {
  	margin-top: 6px;
	margin-left: 4px;
}
.nav-tabs > .btn:last-child {
  	margin-right: 5px;
}
#leftArea .text-danger {
	color: #e83c3c;
	text-align: left;
	font-weight: 600;
}

#leftArea .input-group textarea.form-control,
#leftArea .input-group input.form-control,
#leftArea .input-group select.form-control:not([id$="pagingSelect"]),
#leftArea .input-group input[type=text].form-control,
#leftArea .input-group input[type=password].form-control,
#leftArea .input-group input[type=email].form-control,
#leftArea .input-group input[type=number].form-control,
#leftArea .input-group [type=tel].form-control,
#leftArea .input-group [contenteditable].form-control,
.gray .input-group textarea.form-control,
.gray .input-group input.form-control,
.gray .input-group select.form-control:not([id$="pagingSelect"]),
.gray .input-group input[type=text].form-control,
.gray .input-group input[type=password].form-control,
.gray .input-group input[type=email].form-control,
.gray .input-group input[type=number].form-control,
.gray .input-group [type=tel].form-control,
.gray .input-group [contenteditable].form-control {
	/*height: auto;*/
  	font-size: 13px;
	color: var(--detail-left-text);
	padding: 3px 6px 5px;
	border-right: 1px solid #d9d9d9;
}
.input-group-addon.checkbox,
.input-group-addon.radio {
	padding: 8px 6px 10px;
	margin: 0;
}
#leftArea .input-group.sml textarea.form-control,
#leftArea .input-group.sml input.form-control,
#leftArea .input-group.sml select.form-control {
  	font-size: 13px;
}

textarea[disabled],
textarea.form-control[disabled],
input.form-control[disabled],
select.form-control[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=number][disabled],
[type=text].form-control[disabled],
[type=password].form-control[disabled],
[type=email].form-control[disabled],
[type=tel].form-control[disabled],
[contenteditable].form-control[disabled] {
  /*  -webkit-box-shadow: none;
    box-shadow: none;*/
  background-color: #f3f3f3;
  color: var(--leftArea-disabled-item-text) !important;
}

#toggleLeftArea {
	position: absolute;
	top: 5px;
	right: 0;
	background: none;
	width: 35px;
	height: 35px;
	padding: 0;
	box-shadow: none;
	color: var(--leftArea-hide-btn-arrow);
	border-radius: 3px;
}
body.leftAreaHidden #toggleLeftArea {
	right: -35px;
	color: #ffffff ;
    background-color: var(--leftArea-hide-btn-bg);
    -webkit-box-shadow: inset 0 -2px 0 var(--table-filter-field-text-hover-shadow-dark);
    box-shadow: inset 0 -2px 0 var(--table-filter-field-text-hover-shadow-dark);
	border-radius: 0 3px 3px 0;
}
body.detail #toggleLeftArea {
	top: -40px;
}
#toggleLeftArea:hover {
    background-color: var(--leftArea-hide-btn-bg); !important;
	color: #ffffff;
    -webkit-box-shadow: inset 0 -2px 0 var(--table-filter-field-text-hover-shadow-dark) !important;
    box-shadow: inset 0 -2px 0 var(--table-filter-field-text-hover-shadow-dark) !important;
}
body.leftAreaHidden #toggleLeftArea .material-icons {
	transform: rotate(180deg);
}
#toggleLeftArea .menuIcon,
#toggleLeftArea .closeIcon {
	display: none;
}

#menuArea  {
	margin-top: 35px;
	flex: 1;
	overflow: auto;
	position: relative;
}
#menuArea a.list-group-item {
    color: var(--leftArea-item-text);
	font-size: 14px;
	font-weight: 600;
}
#menuArea .list-group-item {
    padding: 8px 20px;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
	line-height: 1.4;
}
#menuArea a.list-group-item:hover/*, #menuArea a.list-group-item:focus */{
    background-color: var(--leftArea-bg-item-hover);
}
#menuArea a.list-group-item:focus {
    background-color: var(--leftArea-bg-item-hover);
}
#menuArea .btn-edit {
	margin: 0 10px -35px;
	width: 35px;
	height: 35px;
	z-index: 2;
	float: right;
}
#menuArea .btn-edit + a.list-group-item {
    padding-right: 55px;
}
#menuArea .btn-edit .material-icons.md-18{
	margin-top: 0;
}

#portalVersion {
	font-size: 10px;
	color: var(--leftArea-footer-text);
	line-height: 1.6;
	padding: 20px;
/*	position: absolute;
	bottom: 0px;*/
}

/* detail leftArea */
.bodyArea {
	flex: 1;
	overflow-y: auto;
}
.blueForm {
	background-color: #272f40;
}
.bottomArea.blueForm .reason {
	padding-bottom: 20px;
}
.submit-area > .col-6,
.btn-half {
	width: calc(50% - 10px);
	margin-right: 20px;
}
.btn-margin-right {
	margin-right: 20px;
}
.submit-area > .col-6.btn-group.dropup,
.submit-area .btn-half.btn-group.dropup {
	margin-left: -4px; /* vyj��mka pro commision buttonek - nev��m pro�� */
}

.submit-area > .col-4 {
	width: calc(33% - 10px);
	margin-right: 15px;
}
.submit-area > .col-6:last-child,
.submit-area > .col-4:last-child,
.btn-half:last-child {
	margin-right: 0px;
}
body.popup .submit-area > .col-6:not(.btn-half) {
	width: 200px;
}
.submit-area .btn-group.dropup.col-6 > a.btn,
.submit-area .btn-group.dropup.btn-half > a.btn {
	width: calc(100% - 25px);
}
.submit-area .btn-group.dropup.col-6 > button.btn,
.submit-area .btn-group.dropup.btn-half > button.btn {
	height: 100%;
	border-left:1px solid #179a6a;
	padding: 13px 8px 14px;
}
.submit-area .btn-group.dropup > ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
.submit-area .dropdown-menu > li > a {
	font-size: 13px;
    line-height: 1.846;
	padding: 6px 10px;
	font-weight: 600;
}

.submit-area .d-flex {
	margin-left: -20px;
}
.submit-area .d-flex > * {
	margin-left: 20px;
	flex-grow: 1;
}



#contentArea {
	padding: 0;
	overflow: auto;
	-webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
	width: calc(100% - 450px);
	display: flex;
	flex-direction: column;
}
#contentArea.widerLeft {
	width: calc(100% - 600px);
}
#contentTabArea {
	width: calc(100% - 450px);
	float: left;
	-webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
#contentTabArea.widerLeft {
	width: calc(100% - 600px);
}
body.homePage #contentArea {
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	width: calc(100% - 240px);
}
body.leftAreaHidden #contentArea,
body.popup #contentArea,
body.leftAreaHidden #contentTabArea,
body.popup #contentTabArea {
	/*width: calc(100% - 35px);*/
	width: 100%;
}

#contentTabArea .tabBtnCont {
    margin-top: 6px;
    margin-left: -3px;
    background-color: #f7f7f7;
    padding: 3px 3px 2px;
    border-top-right-radius: 5px;
	display: none;
}
#contentTabArea .active > .tabBtnCont {
	display: block;
}

.detail #content-body {
	height: calc(100% - 45px);
	flex:1;
	overflow: auto;
}
.mainHeading {
	margin-bottom: 15px;
	display: flex;
	flex-direction: row
}
.mainHeading .col-sm-4 {
	flex-grow: 1;
	float: none;
	width: auto;
}
.mainHeading .col-sm-8 {
	width: auto;
	float: none;
}
.mainHeading h1 {
	margin: 0;
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	line-height: 40px;
}
body.leftAreaHidden #contentArea .mainHeading h1 {
	margin-left: 35px;
}
.mainHeading .input-group {
	width: auto;
	display: inline-flex;
	text-align: right;
}
.mainHeading .input-group-btn {
	width: auto;
	display: inline-flex;
	text-align: right;
}
.mainHeading select {
	color: var(--combo-text);
	width: 150px !important;
}
.mainHeading .input-group-lg .btn,
.mainHeading .btn-group-lg .btn {
	color: var(--combo-btn);
	padding-right: 10px;
	padding-left: 10px;
}
.mainHeading .btn-primary {
	/*padding-top: 3px !important;*/
}

#contentArea > .nav.nav-tabs {
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
body.leftAreaHidden #contentTabArea > .nav.nav-tabs {
	padding-left: 40px;
}

.help {
	background-color: #e6edf2;
	padding: 20px;
	border-radius: 3px;
	font-size: 13px;
	line-height: 1.4;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	color: #005270;
}
.help .h5,
.help .h6 {
	color: #005270;
}
.help .h6 {
	margin-bottom: 5px;
}

.help-right::before {
    content: '';
    display: inline-block;
    border-left: 0;
    border-right: 10px solid rgba(0,0,0,.15);
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left-color: rgba(0,0,0,.2);
    position: absolute;
    top: calc(50% - 10px);
    left: -10px;
}
.help-right::after {
    content: '';
    display: inline-block;
    border-left: 0;
    border-right: 9px solid #e6edf2;
    border-bottom: 9px solid transparent;
    border-top: 9px solid transparent;
    position: absolute;
    top: calc(50% - 9px);
    left: -9px;
}

#rightArea {
	border-left: 1px solid #e6e6e6;
}
.detail.col3 #leftArea .form-group {
	margin-bottom: 0;
}






/* tables */

.overflow-x {
	/*overflow: auto;*/
	border-radius: 4px;
	/*background-color: #e6e6e6;*/
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
}
.table-overflow-x  {
	width: 100%;
	/*min-width: 700px;*/
	table-layout: fixed;
}
/*
Pokud je tabulka s fixed head rozpadl��, je pot��eba zkontrolovat:
- zda vypo����tan�� ������ka sloupe��ku (v��etn�� %) nen�� v��t���� ne�� celkov�� ������ka tabulky zadan�� u min-width
- zda nen�� v hlavi��ce ��ir���� obsah ne�� kolik je zadan�� ������ka sloupe��ku
*/
.fixed-head.sticky > thead {
	position: relative;
}
.fixed-head.sticky > thead > tr {
	z-index: 100;
	display: block;
	position: relative;
}
.fixed-head.sticky > tbody {
    display: block;
/*    overflow: auto;*/
    width: 100%;
	height: 100%;
}
.fixed-head.sticky > tbody > tr {
	display: table;
    width: 100%;
}


.table-main {
	border-radius: 4px;
	background-color: #e6e6e6;
}
.table-flat-bottom {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.table-main th {
	background-color: #e6e6e6;
}
#leftArea .table-main th {
	background-color: #f2f2f2;
}
.table-main th.no-bgr {
	background-color: transparent;
	vertical-align: middle;
}
.table-main th:first-child {
	border-top-left-radius: 4px;
}
.table-main th:last-child {
	border-top-right-radius: 4px;
}
.table-main tr {
	background-color: #fff;
}
.table-main td {
	border-bottom: 1px solid #e6e6e6;
	line-height: 1.2;
}
@media (min-width: 751px) {
	.table-main:not(.table-compact) > tbody > tr > td {
		height: 31px;
		/*overflow:hidden; zakomentov��no, proto��e se nezobrazovali popup calend����e v tabulce http://89.187.135.189:8086/commission_2/timesheetMassEdit.seam?id=0 */
	}
}
.table-main tr.total td {
	font-weight: bold;
}
.table-main td input[type="radio"].no-label,
.table-main td input[type="checkbox"].no-label {
	margin-top: 2px;
	margin-bottom: 0;
}
.table-main td .media-left .material-icons.text-warning,
.table-main td .media-left .material-icons.text-success,
.table-main td .media-left .material-icons.text-danger {
	cursor: help;
}
.table-main .max-height {
	display: block;
    max-height: 35px;
	/*margin-bottom: -5px;*/
    overflow: hidden;
}
/*.table-main .max-height:focus,*/
.table-main tr:hover .max-height {
    max-height: none;
	margin-bottom: 0px;
}
.table-condensed tr > td:first-child,
.table-condensed tr > th:first-child {
	padding-left: 10px;
}
.table-condensed tr > td:last-child,
.table-condensed tr > th:last-child {
	padding-right: 10px;
}
.table-td-align-middle td,
.table-td-align-middle th {
	vertical-align: middle;
}
.table-qf {
	position: relative;
}
.tbl-qf-cleaner {
	padding: 6px 1px !important;
    margin-bottom: -19px;
    left: 9px;
    z-index: 2;
}

/* flextable */
.table-flex > thead > tr,
.table-flex > tbody > tr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
}
.table-flex > thead > tr > th,
.table-flex > thead > tr > td,
.table-flex > tbody > tr > th,
.table-flex > tbody > tr > td {
	display: flex;
	height: auto;
	flex: 1;
	border-left: 0;
}
.table-flex > thead > tr > th,
.table-flex > tbody > tr > th {
	padding: 5px 0;
}
.table-flex > thead > tr > th > label,
.table-flex > tbody > tr > th > label {
	padding: 0 5px;
}
.table-flex .col-mobile-main {
	flex: 4;
}
.table-form.table-flex > tbody > tr > td {
	border-left: none;
}
.table-flex .flex-wrap {
	display: block;
	min-width: 100% !important;
	height: 0 !important;
	padding: 0!important;
}
/*td.flex-wrap + td > .form-control,*/
td.flex-wrap ~ td > input,
td.flex-wrap ~ td > select {
	box-shadow: inset 0 -2px 0 #808080 !important;
	font-weight: normal !important;
	color: #333 !important;
}

.polozky-faktury,
.polozky-objednavky {
	padding: 0 30px 0 25px;	
}
.polozky-faktury .form-control,
.polozky-objednavky .form-control {
	color: #005270;
	font-weight: bold;
}
.polozky-faktury th:first-child,
.polozky-faktury td:first-child,
.polozky-objednavky th:first-child,
.polozky-objednavky td:first-child {
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 100% !important;
	padding-top: 6px !important;
	justify-content: center;
	background-color: #e6e6e6;
}
.polozky-faktury th:last-child,
.polozky-faktury td:last-child,
.polozky-objednavky th:last-child,
.polozky-objednavky td:last-child {
	position: absolute;
	right: 0px;
	top: 0;
	width: 30px;
	height: 100% !important;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	background-color: #e6e6e6;
}
.polozky-faktury td:first-child,
.polozky-faktury td:last-child,
.polozky-objednavky td:first-child,
.polozky-objednavky td:last-child {
	border-bottom: 1px solid #808080;
}

.table-flex .btn-ico:not(:first-child) {
    margin-left: 0;
}

/*
NO TABLE - ONLY FLEX Layout for table
flextable-container
*/
.flextable-container {
	position: relative;
}
.flextable-container > ul {
	margin: 0;
	padding: 0;
}
.flextable-container > ul > li {
	list-style: none;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	padding: 0 5px;
	min-width: 100%;
	margin-right: 20px;
}
.row-wrap.flextable-container > ul > li {
	flex-wrap: wrap;
	margin-right: 0;
	max-width: 100%;
}
.flextable-container > ul > li > * {
	flex-shrink: 0;
	flex-grow: 0;
	padding: 5px;
}
.flextable-container .grow {
	flex-grow: 1;
}
.flextable-container .shrink {
	flex-shrink: 1;
}
.flextable-container .col-main {
	font-weight: 600;
}


.flextable-head {
	position: relative;
}
.flextable-head.sticky {
	z-index: 100;
	position: relative;
}
.flextable-head > li {
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: var(--table-header-bg);
	align-items: flex-end;
}

#leftArea .flextable-head > li {
	background-color: #f2f2f2;
}
.flextable-head > li > * {
	padding: 5px 0;
}

.flextable-head .filter {
	min-width: 10px;
	overflow: hidden;
	/*padding: 0 5px;*/
}

.flextable-head .filter-input {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	box-shadow: none;
	margin: 0 -5px;
	width: auto;
}

/*.flextable-head .filter-input > input:focus:required:invalid{ color: red; border-color: red; box-shadow: 0 0 6px red;}*/
/*.flextable-head .filter-input > input:focus:required:valid,*/
/*.flextable-head .filter-input > input:focus:required:placeholder-shown{ border-color: green; box-shadow: 0 0 8px green;}*/

/*.flextable-head .filter-input > input[type=text] {*/
/*	background-color: red;*/
/*}*/
/*.flextable-head .filter-input > input[type=text]:-moz-placeholder {*/
/*	background-color: green;*/
/*}*/
/*.flextable-head .filter-input > input[type=text]::-moz-placeholder {*/
/*	background-color: green;*/
/*}*/
/*.flextable-head .filter-input > input[type=text]:-ms-input-placeholder {*/
/*	background-color: green;*/
/*}*/
/*.flextable-head .filter-input > input[type=text]::-webkit-input-placeholder {*/
/*	background-color: green;*/
/*}*/

.qf-hide .flextable-head .filter-input {
	display: none;
}
.flextable-head .filter-input .form-control {
	width: auto !important;
	height: 26px;
	padding-left: 5px;
	padding-right: 0;
	min-width: 10px;
	flex-grow: 1;
	display: block;
	border-radius: 0 !important;
}
.flextable-head .filter-input .dropdown {
	width: auto !important;
}
.flextable-head .filter-input .dropdown .btn {
	margin: 0;
	padding: 7px 3px;
	border: 0;
	border-radius: 0;
	border-right: 1px solid #d9d9d9;
}
.flextable-head .filter-input .rich-calendar-input.form-control {
	width: 100% !important;
}

.quick-filter-CONTAINS, .quick-filter-NOT_CONTAINS, .quick-filter-EMPTY,
.quick-filter-STARTS, .quick-filter-ENDS, .quick-filter-EQUALS,
.quick-filter-NOT_EQUALS, .quick-filter-MORE_VALUES {
	/*background-color: transparent;*/
	/*border: none !important;*/
	border-bottom: 1px solid orange !important; /* Oran��ov�� ����ra */
	box-shadow: 0 2px 3px -1px rgba(255, 165, 0, 0.75) !important; /* Oran��ov�� st��n pod prvkem */
}


.flextable-body {
	color: #666;

}
.flextable-body > li {
	border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
	position: relative;
}
.flextable-body > li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
}
.flextable-body > li:hover,
.flextable-body > li:focus {
	background-color: var(--table-li-text-bg-focus) !important;
	color: var(--table-li-text-focus);
	outline: none;
}

.flextable-body > li.bg-danger {
  	background-color: #fcdedd !important;
	color: #e51c23;
}
.flextable-body > li.danger::before,
.flextable-body > li.bg-danger::before {
  	background-color: #e51c23;
}
.flextable-body > li.bg-danger:hover,
.flextable-body > li.bg-danger:focus {
  	background-color: #f9bdbb !important;
	color: #b9151b !important;
}
.flextable-body > li.bg-danger a {
  	color: #e51c23;
}
.flextable-body > li.bg-danger a:hover,
.flextable-body > li.bg-danger a:focus {
  	color: #b9151b;
}

.flextable-body > li.bg-success {
  	background-color: #e6f7df !important;
	color: #4caf50;
}
.flextable-body > li.success::before,
.flextable-body > li.bg-success::before {
  	background-color: #4caf50;
}
.flextable-body > li.bg-success:hover,
.flextable-body > li.bg-success:focus {
  	background-color: #c1e2b3 !important;
	color: #3d8b40 !important;
}
.flextable-body > li.bg-success a {
  	color: #4caf50;
}
.flextable-body > li.bg-success a:hover,
.flextable-body > li.bg-success a:focus {
  	color: #3d8b40;
}

.flextable-body > li.blue-corner::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 10px 0;
	border-color: transparent var(--btn-primary-bg) transparent transparent;
	right: 0;
	top: 0;
	position: absolute;
}

.flextable-body > li.bg-orange {
  	background-color: #ffebd9 !important;
}
.flextable-body > li.orange::before,
.flextable-body > li.bg-orange::before {
  	background-color: #ff7800;
}
.flextable-body > li.bg-orange:hover,
.flextable-body > li.bg-orange:focus {
  	background-color: #ffddbf !important;
}
.flextable-body > li.bg-orange a {
  	color: #ff7800;
}
.flextable-body > li.bg-orange a:hover,
.flextable-body > li.bg-orange a:focus {
  	color: #d56400;
}

.flextable-body > li.bg-primary-light {
  	background-color: #edf8ff !important;
}
.flextable-body > li.primary-light::before,
.flextable-body > li.bg-primary-light::before {
  	background-color: #2a82bb;
}
.flextable-body > li.bg-primary-light:hover,
.flextable-body > li.bg-primary-light:focus {
  	background-color: #bfe5ff !important;
}
.flextable-body > li.bg-primary-light a {
  	color: #2a82bb;
}
.flextable-body > li.bg-primary-light a:hover,
.flextable-body > li.bg-primary-light a:focus {
  	color: #0070b8;
}

.table-striped .flextable-body > li:nth-of-type(odd) {
    background-color: #f5f5f5;
}
.flextable-body > li > * {
	height: 31px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.table-form .flextable-body > li > * {
	border-right: 1px solid #e6e6e6;
}
.table-form .flextable-body > li > *:last-child {
	border-right: 0;
}
.flextable-body > li:focus > *,
.allow-wrap .flextable-body > li > * {
	height: auto;
	white-space: normal;
}
.table-striped .flextable-body > li .list_green {
	background-color: lightgreen;
}

.flextable-body .cell-form {
	padding: 0;
	overflow: visible;
}
.flextable-body .cell-form > input:not([type="checkbox"]):not([type="radio"]),
.flextable-body .cell-form > textarea,
.flextable-body .cell-form > select,
.flextable-body .cell-form .rich-calendar-input {
	height: calc(100% + 1px);
	width: 100%;
	display: block;
	padding-left: 6px;
	padding-right: 6px;
	color: #005270;
	background-color: transparent;
	border-radius: 0;
	/*-webkit-box-shadow: inset 0 -2px 0 #cccccc;
    box-shadow: inset 0 -2px 0 #cccccc;*/
}
.flextable-body .cell-form .rich-calendar-input {
    width: calc(100% - 31px);
	float: left;
	height: 100%;
    /*border-right: 1px solid #d9d9d9;*/
}
.flextable-body .cell-form button.rich-calendar-button {
    font-size: 24px;
    display: block;
    border-radius: 0;
	background-color: transparent;
    width: 31px;
	float: left;
    padding: 4px 3px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    margin: 0;
	top: 0;
}

.itemState {
	border: 1px solid #cfcfcf;
	color: #888;
	background: #fff;
	border-radius: 3px;
	padding: 1px 3px;
	font-size: 11px;
	text-transform: uppercase;
	position: relative;
	top: 3px;
}
.itemState.success {
	border-color: #c1e2b3;
	color: #4caf50;
}
.itemState.fail {
	border-color: #e2b3b3;
	color: #f30707;
}
.itemState.cancel {
	border-color: #fffdc3;
	color: #ffdc0e;
}
.itemState.finish {
	border-color: #b8dfe2;
	color: #2530af;
}

@media (max-width: 750px) {

	/* head */
	.flextable-head > li > * {
		padding: 5px 0;
	}

	.flextable-container > ul > li {
		flex-wrap: wrap;
		margin-right: 0;
		max-width: 100%;
		padding: 5px;
	}
	.flextable-container > ul > li > * {
		display: none;
	}
	.flextable-container .col-main {
		width: 100% !important;
		max-width: none !important;
		height: auto;
		font-size: 16px;
		display: block;
		padding: 0 5px;
	}
	.flextable-container .col-sub {
		display: block;
		/*width: auto !important;*/
		flex-grow: 1;
		flex-shrink: 1;
		padding: 0 5px;
	}
	.flextable-container .col-sub.cell-form {
		padding: 0;
	}
	.flextable-body .col-sub:not(.cell-form) {
		height: 23px;
	}
	.flex-order-1 {
		order: 1;
	}
	.flex-order-2 {
		order: 2;
	}
	.flex-order-3 {
		order: 3;
	}
	.flex-order-4 {
		order: 4;
	}
	.flex-order-5 {
		order: 5;
	}
	.flex-order-6 {
		order: 6;
	}
}



.tbl-qf-cleaner {
	padding: 6px 1px !important;
    margin-bottom: -26px;
    left: -21px;
    bottom: -25px;
    z-index: 2;
}
.qf-hide .tbl-qf-cleaner {
	display: none;
}


/* Schvalov��n�� */

[id$="processContainer"] {
	background-color: #fff;
	position: relative;
}

[id$="processContainerName"], [id$="groupContainerName"], [id$="proxyContainerName"] {
	line-height: 41px;
	min-width: 41px;
	text-align: center;
	color: #fff;
	background-color: #036e99;
}

[id$="processContainer"].APPROVED.FORCED_NEXT_ALL,
[id$="processContainer"].COMMENTED.FORCED_NEXT_ALL {
	border: 2px solid green;
}

[id$="processContainer"].DISAPPROVED.FORCED_NEXT_ALL,
[id$="processContainer"].NOT_COMMENTED.FORCED_NEXT_ALL {
	border: 2px solid darkred;
}

[id$="processContainer"].APPROVED [id$="processContainerName"],
[id$="processContainer"].COMMENTED [id$="processContainerName"],
[id$="groupPanel"].APPROVED [id$="groupContainerName"],
[id$="groupPanel"].COMMENTED [id$="groupContainerName"],
[id$="groupPanel"].APPROVED [id$="proxyContainerName"],
[id$="groupPanel"].COMMENTED [id$="proxyContainerName"]{
	background-color: #4caf50;
}
[id$="processContainer"].DISAPPROVED [id$="processContainerName"],
[id$="processContainer"].NOT_COMMENTED [id$="processContainerName"],
[id$="groupPanel"].DISAPPROVED [id$="groupContainerName"],
[id$="groupPanel"].NOT_COMMENTED [id$="groupContainerName"],
[id$="groupPanel"].DISAPPROVED [id$="proxyContainerName"],
[id$="groupPanel"].NOT_COMMENTED [id$="proxyContainerName"]{
	background-color: #e51c23;
}
[id$="processContainer"].WAITING [id$="processContainerName"],
[id$="groupPanel"].WAITING [id$="groupContainerName"],
[id$="groupPanel"].WAITING [id$="proxyContainerName"]{

	background-color: #a0a0a0;
}
[id$="processContainer"].DISABLED [id$="processContainerName"],
[id$="groupPanel"].DISABLED [id$="groupContainerName"],
[id$="groupPanel"].DISABLED [id$="proxyContainerName"]{
	background-color: #707070;
}

[id$="processContainer"].INACTIVE [id$="processContainerName"],
[id$="groupPanel"].INACTIVE [id$="groupContainerName"],
[id$="groupPanel"].INACTIVE [id$="proxyContainerName"]{
	background-color: #a0a0a0;
}

[id$="processContainerInfo"] {
	line-height: 41px;
}

[id$="userPanel"],
[id$="memberPanel"],
.memberPanel,
.userPanel {
	line-height: normal;
	background-color: #f3f3f3;
	border-bottom: 1px solid #d9d9d9;
	min-width: 250px;
}
[id$="userPanel"].APPROVED,
[id$="memberPanel"].APPROVED,
[id$="userPanel"].COMMENTED,
[id$="memberPanel"].COMMENTED {
	border-color: #4caf50;
	background-color: #e6f7df;
}
[id$="userPanel"].DISAPPROVED,
[id$="memberPanel"].DISAPPROVED,
[id$="userPanel"].NOT_COMMENTED,
[id$="memberPanel"].NOT_COMMENTED {
	border-color: #e51c23;
	background-color: #fcdedd;
}
[id$="userPanel"].DISABLED,
[id$="memberPanel"].DISABLED {
	border-color: #707070;
	background-color: #b0b0b0;
}

.arrow {
	color: #036e99;
}
[id$="processContainer"].APPROVED + .arrow,
[id$="processContainer"].COMMENTED + .arrow {
	color: #4caf50;
}
[id$="processContainer"].DISAPPROVED + .arrow,
[id$="processContainer"].NOT_COMMENTED + .arrow {
	color: #e51c23;
}
[id$="processContainer"].DISABLED + .arrow {
	color: #707070;
}
[id$="processContainer"].WAITING + .arrow {
	color: #a0a0a0;
}

[id$="processBodyapproving"].APPROVED,
[id$="processBodyapproving"].APPROVED + .well,
[id$="processBodycommenting"].COMMENTED,
[id$="processBodycommenting"].COMMENTED + .well {
	background-color: #dff0d8;
}

[id$="processBodyapproving"].DISAPPROVED,
[id$="processBodyapproving"].DISAPPROVED + .well,
[id$="processBodycommenting"].NOT_COMMENTED,
[id$="processBodycommenting"].NOT_COMMENTED + .well {
	background-color: #f0d8d8;
}

/* add approver */
.userAvatar.add {
	padding-top: 7px;
	border: 1px dashed #ccc;
	box-shadow: none;
	color: #ccc;
	background-color: #fff;
	margin-right: -10px;
	z-index: 5;
}
.userAvatar.add + .input-group > .form-control {
	padding-left: 20px !important;
}


/* dataTable */
.dr-table {
    border-top: 0;
    border-left: 0;
}
.dr-table-cell {
    border-right: 0;
    border-bottom: solid 1px #C4C0C9;
    padding: 5px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #333333;
}
.dr-table-thead {
    border-bottom: 0;
}
.dr-table-headercell {
    border-right: 0;
    border-bottom:0;
    text-align: left;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #333333;
}
.dr-table-footercell {
    border-right: 0;
    border-bottom: 0;
    padding: 5px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #333333;
}
.dr-table-subheadercell {
    border-right: 0;
    padding: 5px;
    text-align: left;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #333333;
}



.border-right {
	border-right: 1px solid #e6e6e6;
}

.btn-qf-toggle {
	display: none;
	position: absolute;
	top: 0;
	right: 5px;
	background: none;
	width: 25px;
	height: 25px;
	box-shadow: none;
	color: rgba(0,0,0,0.5);
	padding: 0 !important;
}
.qf-toggle .btn-qf-toggle {
	display: block;
}

.subheading {
    font-size: 11px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
}
/*.well label,*/
.filter label,
label.filter,
table th label,
.table-form-input label:not(.input-group-addon) {
	display: block;
	white-space: nowrap;
    font-size: 11px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
	width: auto;
	line-height: 1.846;
}
.filter label.wrap,
label.filter.wrap,
table th label.wrap,
.table-form-input label.wrap,
.well label {
	white-space: normal;
}
.filter label.normal,
label.filter.normal,
table th label.normal,
.table-form-input label.normal,
.well label.normal {
	font-weight: normal;
}
#menuArea .list-group label.filter {
	padding-left: 20px;
}

.filter label a,
label.filter a {
	display: block;
	color: var(--table-header-text);
}
.filter label a.active,
label.filter a.active {
	color: #ff7800;
}
.filter.form-group {
    margin-bottom: 1px;
	width: 100%;
}
.filter.form-group .input-group-sm .btn {
    padding: 5px 3px;
}

.table-form > thead > tr > th:last-child,
.table-form > tbody > tr > th:last-child {
	/*padding-right: 0;
	padding-left: 0;*/
}
.table-form > tbody > tr > td {
	padding: 0 !important;
	border: 1px solid #e6e6e6;
	border-bottom: 0;
	border-top: 0;
	height: 31px;
}
td.cell-form {
	padding: 0 !important;
	border-bottom-color: #cccccc;
}
.table-form > tbody > tr > td.normal-padding {
	padding: 5px !important;
}
.table-form > tbody > tr > td:first-child {
	border-left: 0;
}
.table-form > tbody > tr > td.normal-padding:first-child {
	padding-left: 10px !important;
}
.table-form > tbody > tr > td:last-child {
	border-right: 0;
}
.table-form > tbody > tr > td.normal-padding:last-child {
	padding-right: 10px !important;
}
.table-form tr > td:first-child label.form-control,
.table-form tr > td:first-child input:not([type="checkbox"]):not([type="radio"]),
.table-form tr > td:first-child textarea,
.table-form tr > td:first-child select,
td.cell-form:first-child label.form-control,
td.cell-form:first-child input:not([type="checkbox"]):not([type="radio"]),
td.cell-form:first-child textarea,
td.cell-form:first-child select {
	padding-left: 10px;
}
.table-form td label.form-control,
.table-form td input:not([type="checkbox"]),
.table-form td textarea,
.table-form td select {
	background-color: transparent;
	border-radius: 0;
	-webkit-box-shadow: inset 0 -2px 0 #cccccc;
    box-shadow: inset 0 -2px 0 #cccccc;
}
.table-form td label.form-control {
	-webkit-box-shadow: inset 0 -1px 0 #cccccc;
    box-shadow: inset 0 -1px 0 #cccccc;
}
td.cell-form label.form-control,
td.cell-form input:not([type="checkbox"]),
td.cell-form textarea,
td.cell-form select{
	background-color: transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.table-form td .btn.btn-default {
	background-color: transparent;
	border-radius: 0;
	-webkit-box-shadow: inset 0 -2px 0 #cccccc;
    box-shadow: inset 0 -2px 0 #cccccc;
	border: 0;
}
.table-form td label.form-control {
	box-shadow: none;
}
.table-form > tbody > tr > td > label.form-control,
.table-form > tbody > tr > td > input:not([type="checkbox"]):not([type="radio"]),
.table-form > tbody > tr > td > textarea,
.table-form > tbody > tr > td > select,
td.cell-form > label.form-control,
td.cell-form > input:not([type="checkbox"]):not([type="radio"]),
td.cell-form > textarea,
td.cell-form > select {
	height:100%;
	width: 100%;
	display: block;
	padding-left: 6px;
	padding-right: 6px;
	color: var(--detail-table-text-color);
}
.table-form:not(.table-double-input) > tbody > tr > * :not(.input-group-btn) > .btn-ico{
	padding: 9px 6px 6px;
}
.cell-form > .btn-ico{
	padding: 8px 5px 6px;
}
/* chrome hack */
.table-form:not(.table-double-input) > tbody > tr > * :not(.input-group-btn) > .btn-ico:not(*:root) {
	padding: 10px 6px;
}
.cell-form > .btn-ico:not(*:root) {
	padding: 9px 5px 10px;
}
.table-form td .text {
	display: inline-block;
	padding: 0 6px;
}

.table-form-input > tbody > tr {
	background-color: transparent;
}
.table-form-input > tbody > tr > th {
	padding-bottom: 0px;
}
.table-form-input > tbody > tr:only-child > th {
	padding-bottom: 10px;
}
.table-form-input > tbody > tr:only-child > th:first-child {
	border-bottom-left-radius: 4px;
}
.table-form-input > tbody > tr:only-child > th:last-child {
	border-bottom-right-radius: 4px;
}
.table-form-input > tbody > tr > td {
	background-color: transparent;
	border: 0;
	padding-top:0;
	padding-bottom: 10px;
}


.table-double-input > tbody > tr > * > label.form-control,
.table-double-input > tbody > tr > * > input:not([type="checkbox"]),
.table-double-input > tbody > tr > * > span[id$="ItemSelect"] > input:not([type="checkbox"]), /* pro rich:rich:suggestionbox */
.table-double-input > tbody > tr > * .input-group:not(.input-group-sm) input,
.table-double-input > tbody > tr > * > select {
	height:52px !important;
	padding-bottom: 34px;
	padding-top: 5px;
	line-height: 1.2;
	border: 0;
}
.table-double-input > tbody > tr > * .input-group:not(.input-group-sm) .input-group-btn .btn ,
.table-double-input > tbody > tr > * > textarea {
	height:52px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.2;
}
.table-double-input th input[type="radio"].no-label,
.table-double-input th input[type="checkbox"].no-label {
	margin-top: 19px;
}
.table-double-input th > .btn-ico:not(.btn-qf-toggle) {
	margin-top: 8px;
}
.table-double-input.table-form-input .input-group-sm.has-success input {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.table-double-input.table-form-input .input-group-sm.has-error input {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}



/* page navigation */

.pageNavi {
	background-color: #e6e6e6;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 8px 6px 6px;
}
.pageNavi .row {
	display: flex;
	flex-direction: row;
	margin: 0;
}
.pageNavi .row .col-sm-6 {
	flex-grow: 1;
	float: none;
	width: auto;
	padding: 0;
}
.pageNavi .row .col-sm-6.text-right {
	width: auto;
	float: none;
}
.pageNavi select.form-control {
	width: auto;
}
.pageNavi select.form-control.input-sm {
	display: inline-block;
	font-size: 13px;
	line-height: 1;
}
.pageNavi .text-right .input-group {
	width: 150px;
	float: right;
}
.pageNavi p.btn {
	background-color: #fff;
	color: #666666;
	border-left: 0;
	padding-left: 0 !important;
	cursor: default;
	font-size: 12px;
	font-weight: 300;
}

.btn-import-contract:hover {
	color: var(--table-filter-btn);
	background-color: transparent !important;
}

/* error page */
.error-page .material-icons.md-48 { font-size: 96px; }

/* login page */
.login-wrapper {
	display: table;
  	background: var(--login-bg-color-secondary);
	background: -webkit-linear-gradient(bottom left, var(--login-bg-color-secondary) 50%, var(--login-bg-color-primary) 100%);
	background: -o-linear-gradient(bottom left, var(--login-bg-color-secondary) 50%, var(--login-bg-color-primary) 100%);
	background: linear-gradient(to top right, var(--login-bg-color-secondary) 50%, var(--login-bg-color-primary) 100%);
  	width: 100%;
  	height: 100%;
}

.login-wrapper-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.panel-login-page {
	width: 50%;

}

.panel-login {
	width: 450px;
	height: 100%;
	padding: 20px 50px;
	background-color: #e6e6e6;
	border-radius: 4px;
	float: right;
	margin-right: 10px;
}

#panelLogin h1 {
	margin: 20px;
}
#panelLogin label {
	min-width: 35px;
	height: 35px;
	background-color: #fff;
	color: #005270;
}
#panelLogin label .material-icons {
	font-size: 24px;
	margin: -6px 0;
	top: 2px;
	position: relative;
}
#panelLogin input {
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #005270;
}
#panelLogin .btn-success {
	height: 35px;
	width: 190px;
	margin: 15px 0 30px;
	padding: 0;
}


.panel-news {
	width: 450px;
	height: 100%;
	padding: 20px 50px;
	background-color: #e6e6e6;
	border-radius: 4px;
	float: left;
	margin-left: 10px;
}

p.motto {
	font-size: 14px;
	font-weight: 600;
	color: var(--login-motto);
	margin: 10px;
}
#flags {
	padding: 20px;
}
.navbar-header #flags {
	padding: 0px;
	float: left;
}
h2.h4 #flags {
	padding: 0px;
	float: right;
}
#flags a {
	width: 40px;
	height: 28px;
	display: inline-block;
	margin-left: 10px;
}
.navbar-header #flags a {
	padding: 9px 9px 8px;
	width: 58px;
	height: 45px;
	display: block;
	float: left;
	margin-right: 0px;
}
#flags a.active {
	background-color: #f7f7f7;
	-webkit-box-shadow: 0 0 15px rgba(2,110,153,0.5) !important;
    box-shadow: 0 0 15px rgba(2,110,153,0.5) !important;
}
#flags a span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/ico_flags.png) no-repeat;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}
#flags a span.cs {
	background-position: 0 0;
}
#flags a span.en {
	background-position: 0 -28px;
}
#flags a span.de {
	background-position: 0 -56px;
}

#panel {
	width: 450px;
	margin: 20px auto;
	padding: 20px 50px;
	background-color: #e6e6e6;
    border-radius: 4px;
}

#panel h1 {
	margin: 20px;
}
#panel label {
	min-width: 35px;
	height: 35px;
	background-color: #fff;
	color: var(--login-icon-color);
}
#panel label .material-icons {
    font-size: 24px;
    margin: -6px 0;
    top: 2px;
	position: relative;
}
#panel input {
    height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: var(--login-text-color);
}
#panel .btn-success {
    height: 35px;
	width: 190px;
	margin: 15px 0 30px;
	padding: 0;
}

#footer {
	color: var(--login-footer);
	font-size: 12px;
}

/* admin */
.mappingFirstColumn {
	width: 200px;
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #ccc;
}
.mappingSecondColumn {
	width: 200px;
	float: left;
	padding-right: 20px;
}
.mappingFirstColumn .pageNavi select,
.mappingSecondColumn .pageNavi select {
	width: 100%;
	font-size: 12px !important;
	color: #666 !important;
}
.mappingFirstColumn .pageNavi .btn .material-icons {
	transform: rotate(90deg);
}
div[id$="mappingArray"] .table-main th {
	font-size: 11px;
    color: #666;
    font-weight: bold;
	vertical-align: bottom;
	line-height: 1.2;
}
div[id$="mappingArray"] .table-main th.no-bgr {
	vertical-align: middle;
	text-transform: uppercase;
}
div[id$="mappingArray"] .table-main td {
	padding: 3px !important;
}

.mappingSelect {
	width: 100%;
	height: 100%;
	max-width: 200px;
}
.mappingSelect tr {
	background-color: transparent;
}
.mappingSelect td {
	position: relative;
	padding: 0px !important;
	text-align: center;
	vertical-align: middle;
	border: 0;
}
.mappingSelect input[type="radio"] {
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.mappingSelect input[type="radio"]:before,
.mappingSelect input[type="radio"]:after {
	display: none;
}


.mappingSelect label {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	padding: 10px 0 4px;
	text-align: center;

	font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 0.5;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
	/*pointer-events: none;*/
	opacity: 0.3;
	border-radius: 3px;
	transition: all 0.3s;
}
.mappingSelect td input[type="radio"]:checked + label {
	font-size: 24px;
	padding: 8px 0 4px;
}
/* chrome hack */
.mappingSelect label:not(*:root) {
	padding: 10px 0 9px;
}
.mappingSelect td input[type="radio"]:checked + label:not(*:root) {
	padding: 8px 0 9px;
}

.mappingSelect td:nth-child(1):hover label {
    color: #4caf50;
}
.mappingSelect td:nth-child(2):hover label {
    color: #e51c23;
}
.mappingSelect td:nth-child(3):hover label {
    color: #ff7800;
}
.mappingSelect td:nth-child(1) input[type="radio"]:checked + label {
    /*background-color: #4caf50;*/
	color: #4caf50;
}
.mappingSelect td:nth-child(2) input[type="radio"]:checked + label {
    /*background-color: #e51c23;*/
	color: #e51c23;
}
.mappingSelect td:nth-child(3) input[type="radio"]:checked + label {
    /*background-color: #ff7800;*/
	color: #ff7800;
}
.mappingSelect input[type="radio"]:hover + label {
	opacity: 0.8;
}
.mappingSelect input[type="radio"]:checked + label {
	opacity: 1;
	/*color: #fff;*/
}



.moduleRelationRowIcon {
	display: flex;
}

.moduleRelationRowIcon > a::before {
	display: block;
	position: absolute;
	content:'';
	width: 39px;
	height: 35px;
	top: 10px;
	left: 10px;
	overflow: hidden;
	background: url(../images/ico_menu_product.png) no-repeat;
}

.moduleRelationRowIcon > a[class^="CONTRACTS"]::before {
	background-position: 0 -35px;
}

.moduleRelationRowIcon > a[class^="CONTRACT_AMENDMENTS"]::before {
	background-position: 0 -35px;
}

.moduleRelationRowIcon > a[class^="EOD"]::before {
	background-position: 0 -420px;
}

.moduleRelationRowIcon > a[class^="INVOICES"]::before {
	background-position: 0 0px;
}

.moduleRelationRowIcon > a[class^="CASH_DOCUMENTS"]::before {
	background-position: 0 -525px;
}
.moduleRelationRowIcon > a[class^="ORDERS"]::before {
	background-position: 0 -315px;
}


/* commissionPartialNew */
.calculationsFlexContainer {
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
}
.calculationsFlexContainer > * {
	margin-left: 20px;
	flex: 1;
}

div[id$="verTable"] table tr {
	background-color: transparent;
}
div[id$="verTable"] table td {
	padding-top: 0;
	padding-bottom: 10px;
	border: 0;
}
div[id$="sumTable"] table td label{
	font-size: 18px;
	padding-top: 6px;
	padding-bottom: 7px;
	white-space: nowrap;
}

#supplierAttachmentTabContainer, #taskAttachmentTabContainer, #ceAttachmentTabContainer {
	max-width: 700px;
}
#timesheetsTabContainer .well {
	max-width: 400px;
}

div[id$="userTable"] table {
	max-width: 700px;
}
div[id$="userTable"] .btn {
	display: block;
	width: 100%;
}

/* taskList */
td.priority .material-icons {
    margin: 0;
}
.priority .key {
	margin-top: 1px;
    height: 21px;
    /*background-color: #333;*/
    color: #fff;
    width: 21px;
    display: inline-block;
    text-align: center;
    line-height: 21px;
    border-radius: 15px;
}
.priority .key1:not(.key) {
    color: #e51c23;
}
.priority .key1.key {
	border: 2px solid #e51c23;
    background-color: #e51c23;
	line-height: 17px;
	font-weight: bold;
}
.priority .key2 {
    color: #ff7800;
}
.priority .key2.key {
    border: 2px solid #ff7800;
	line-height: 17px;
	font-weight: bold;
}
.priority .key3 {
    color: #026e99;
}
.priority .key3.key {
    border: 1px solid #026e99;
	line-height: 19px;
}
.priority .key4 {
    color: #333333;
}
.priority .key5 {
    color: #808080;
}
#switchPanel .switch {
	border-right: 1px solid #02587a !important;
	/*line-height: 26px;*/
}
#switchPanel .btn {
	/*height: 38px;*/
}
.userOpenTaskDetail {
	position: absolute;
	right: 20px;
	top: -5px;
}
a[id$="newTask"],
a[id$="newCompany"]{
	position: absolute;
	right: 20px;
	top: 50px;
}

/*
#switchPanel .switch::before {
	display: inline-block;
    position: relative;
    top: 4px;
	margin-right: 5px;
	font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 0.5;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
	content: "\E8F5";
}
#switchPanel .switch.active::before {
	content: "\E8F4";
}*/
[id~="openTaskForm"] .form-group .input-group label.input-group-addon {
	min-width: 80px;
}
@media (min-width: 1200px) {
	[id~="openTaskForm"] .row.compact .col-lg-6 {
		padding-left: 3px;
		padding-right: 4px;
	}
	[id~="openTaskForm"] .row.compact .col-lg-6:last-child {
		padding-right: 20px;
	}
	[id~="openTaskForm"] .row.compact .col-lg-6:first-child {
		padding-left: 20px;
	}
}


/* callcentrum */
#ipexState {
	margin: 0px 20px 14px;
}
#ipexState .material-icons {
    margin-right: 6px;
    position: relative;
    top: 5px;
}
#lineState {
	font-size: 12px;
	color: #666;
	min-height: 13px;
}
#ipexLogContainer {
	display: none;
}

div[id$="contactNewDetailTab"] .mainHeading {
	margin-top: -20px;
    padding-top: 20px;
	margin-bottom: 0px;
    padding-bottom: 4px;
	background-color: #cee3f2;
}


#smsPanel {
	margin: 0px 20px 0px;
    padding-bottom: 10px;
    /*border-bottom: 1px solid #d9e4ec;*/
}
#leftArea div[id$="telcobusTasks"] {
	margin: 0px 20px 0px;
    padding-bottom: 10px;
}
/*div[id$="telcobusTasks"] select.form-control,
div[id$="telcoContactList"] {
	margin: 0px -20px 0px;
}*/

/*
div[id$="contactNewDetailTab"] {
	display: flex;
    flex-direction: column;
}
div[id$="contactNewDetailTab"] .full-height.row {
    flex: 1;
    overflow-y: auto;
}
*/

#priceTaxTabContainer .form-group .input-group-addon:not(.checkbox) {
	min-width: 230px;
}

/* faktury */
#contentTabContainer .form-group .input-group-addon:not(.checkbox) {
    min-width: 230px;
}
#orderFormTabContainer .well .form-group .input-group-addon:not(.checkbox) {
    min-width: 170px;
}
div[id$="invoiceScanUpload"] {
	display: inline-block;
}

/* obchodn��k */
.actions {
    background-color: white;
    display: none;
    z-index: 100;
    position: fixed;
    top: 200px;
    left: 300px;
    width: 500px;
}

.window {
    background: #fff;
	padding: 2px;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.window h3 {
	background-color: #cee3f2;
	padding: 10px;
	margin-bottom: -2px;
	position: relative;
	font-size: 16px;
}
.window h3 .btn {
	position: absolute;
	top: 3px;
	right: 3px;
	margin: 0;
}
tr.person-next {
	background-color: transparent;
}
tr.person-next ~ .firstline .pull-right  {
	display: none;
}


.person-role.labels {
	/*display: inline-block;
	padding-top: 10px;*/
	font-weight: bold;
}

.person-relation:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
	position: relative;
	top: 6px;
	width: 30px;
}

.person-relation.positive:before {
	color: #4caf50;
	content: "\E8DC";
}
.person-relation.negative:before {
	color: #e51c23;
	content: "\E8DB";
}
.person-relation.unknown:before {
	color: #666;
    content: "\E8DD";
}

.taskTable th {
	font-weight: bold;
}
.taskListRow td {
	background-color: #f5f5f5;
	border: 0 !important;
	/*border-bottom: 1px solid #e6e6e6 !important;*/
}
.taskHeaderRow th {
	background-color: #f5f5f5;
}

#importForm label.input-group-addon {
	min-width: 300px;
}


/* Dokument management */
#approversTabContainer .rich-list-shuttle {
	width: 100%;
	height: 100%;
}
#approversTabContainer h2 + .rich-list-shuttle {
	height: calc(100% - 60px);
}

#approversTabContainer .rich-shuttle-source-items,
#approversTabContainer .rich-shuttle-body,
#approversTabContainer .rich-shuttle-target-items,
#approversTabContainer .rich-list-shuttle td,
#approversTabContainer .rich-shuttle-list-content {
	height: 100%;
}
#approversTabContainer .rich-shuttle-source-items,
#approversTabContainer .rich-shuttle-target-items {
	margin: 0;
}
#approversTabContainer .rich-shuttle-list {
	position: relative;
	width: 100%;
	height: 100%;
}
#approversTabContainer .rich-shuttle-list-content {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 2px;
	overflow: auto;
	min-width: 300px;
	height: auto !important;
	width: auto !important;
}
#approversTabContainer .rich-shuttle-body {
	min-width: 300px;
	width: 100%;
	height: 100%;
}

.line-body {
	width: 100px;
	flex-grow: 1
}

.line-body label {
	position: relative;
	top: 2px;
}

.line-body span {
	position: relative;
	top: 2px;
}

.line-body .material-icons {
	/*font-size: 18px;*/
}

.line-body a {
	display: inline-block;
	margin-left: 8px;
}

.line-toolbar {
	overflow: inherit !important;
	text-overflow: clip !important;
}

.line-toolbar .material-icons {
	font-size: 18px;
}

.line-toolbar a {
	display: inline-block;
	margin-left: 5px;
}
.line-toolbar a.del {
	color: #e51c23;
}
.line-toolbar a.del:hover {
	color: #ff7800;
}

.tab-number {
	position: absolute;
	top: 18px;
	right: 5px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: rgba(255, 218, 185, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
}

.tab-number label {
	color: black;
	font-weight: 700;
	font-size: 11px;
}

.tab-number-texttab {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: rgba(255, 218, 185, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
}

.tab-number-texttab label {
	color: black;
	font-weight: 700;
	font-size: 11px;
}

.edit-indicator {
	position: absolute;
	top: -2px;
	left: -3px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: rgba(139, 235, 133, 0.7);
	border: 1px solid green;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-dropdown {
	text-align: left;
	line-height: 2 !important;
}

.error {
	color: #af0606;
}

.warn {
	color: #ff7800;
}

.info {
	color: #2ecc71;
}



/* ----- MOBILN�� STYL ----- */



@media (min-width: 751px) {
	.hide-on-desktop {
		display: none !important;
	}
	.qf-hide > thead > tr > th .input-group {
		display: block;
		height: 0;
		overflow: hidden;
	}
	input[id$="priceAsWord"] {
		width: 300px !important;
	}
}

@media (max-width: 750px) {

	/* header */
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		width: auto !important;
		padding: 6px !important;
	}
	.navbar-nav {
    	margin: 0;
	}

	#container .container-fluid {
    	padding: 0;
	}

	#navbar.collapse {
		display: block;
		width: 100%;
		border: 0;
		padding: 0;
		margin: 0;
	}

	#formPortal {
    	/*height: 55px;
		overflow: hidden;*/
		width: calc(100% - 55px);
		/*float: left;*/
		position: relative;
	}

	#formPortal > div  {
		flex-direction: column !important;
	}
	#formPortal > div > a {
		padding-bottom: 0;
		height: 45px;
		overflow: hidden;
		width: auto !important;
	}
	#formPortal div.collapsedApps > a {
		padding-top: 0;
		height: 0;
	}
	#formPortal > div > a.selected {
		color: #fff;
		background-color: transparent;
		height: 45px;
	}
	#mainNavOnMobileToggler {
		width: 100% !important;
		height: 55px;
		position: absolute;
		z-index: 9999;
		top: 0;
		left: 0;
	}

	#formPortal2 {
    	height: 55px;
		width: 55px;
		float: left;
	}

	#formPortal2 .dropdown-toggle {
    	height: 55px;
		width: 55px;
		padding: 15px;
	}

	#formPortal2 .open .dropdown-menu {
		position: absolute;
		left: -150px;
		right: 0;
		background-color: #026e99;
	}


	/* main layout */
	#panel {
		width: auto !important;
		padding: 20px 30px;
	}
	/*#container {
		display: flex;
		flex-direction: column;
	}*/
	#contentContainer {
		height: calc(100% - 90px);
		/*flex: 1;*/
	}
	#contentArea {
		width: 100% !important;
		/*height: auto !important;  je tu proto, aby na mobilech tabulky nevytv����eli dvojt�� scroll */
	}
	#leftArea {
		width: 100% !important;
	}
	body.homePage #leftArea {
		display: block;
		height: auto !important;
	}
	#toggleLeftArea {
		display: none !important;
	}
	.hide-on-mobile {
		display: none !important;
	}
	.text-right-mobile {
		text-align: right !important;
	}
	.font-weight-bold-mobile {
		font-weight: bold !important;
	}
	.text-left-mobile {
		text-align: left !important;
	}
	.no-padd-mobile {
		padding: 0 !important;
	}

	.table-mobile {
		min-width: auto !important;
	}
	.table-mobile > tbody > tr,
	.table-mobile > thead > tr,
	.table-mobile-form > tbody > tr,
	.table-mobile-form > thead > tr {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.table-mobile > tbody > tr > td,
	.table-mobile > thead > tr > th {
		display: none;
		padding: 5px !important;
	}
	.table-mobile > thead > tr > th.text-right label,
	.table-mobile > thead > tr > th.text-center label {
		text-align: left;
	}
	.table-mobile tr td.col-mobile-main,
	.table-mobile tr th.col-mobile-main {
		display: block;
		min-width: 100% !important;
		float: none;
		border-bottom: 0;
		height: auto;
		font-size: 16px;
		/*order:1;*/
	}
	.table-mobile-form tr td.col-mobile-main,
	.table-mobile-form tr th.col-mobile-main {
		display: block;
		min-width: 100% !important;
		float: none;
		border-bottom: 0;
	}
	.table-mobile tr td.col-mobile-main {
		padding-bottom: 0;
	}
	.table-mobile tr td.col-mobile-sub,
	.table-mobile-form tr td.col-mobile-sub {
		display: flex;
		/*float: left;*/
		height: auto;
		align-items: flex-end;
		flex: 1;
	}
	.table-mobile.table-mobile-align-items-center tr td.col-mobile-sub {
		align-items: center;
	}
	.table-mobile tr th.col-mobile-sub {
		min-width: 100% !important;
		float: none;
	}
	.table-mobile.qf-mobile-show tr th.col-mobile-sub:not(.hide-header-on-mobile) {
		display: block;
	}
	/*.table-mobile.qf-hide > thead > tr > th .input-group {
		height: 26px;
		overflow: show !important;
	}*/

	.table-mobile tr *.col-mobile-sub.flex-0,
	.table-mobile-form tr *.col-mobile-sub.flex-0 {
		flex: 0;
	}
	.table-mobile tr *.col-mobile-sub.flex-2,
	.table-mobile-form tr *.col-mobile-sub.flex-2 {
		flex: 2;
	}
	.table-mobile tr *.col-mobile-sub.flex-3,
	.table-mobile-form tr *.col-mobile-sub.flex-3 {
		flex: 3;
	}
	.table-mobile tr *.col-mobile-sub.flex-5,
	.table-mobile-form tr *.col-mobile-sub.flex-5 {
		flex: 5;
	}
	.table-mobile tr *.col-mobile-sub.flex-10,
	.table-mobile-form tr *.col-mobile-sub.flex-10 {
		flex: 10;
	}
	.table-mobile tr *.col-mobile-sub.flex-99,
	.table-mobile-form tr *.col-mobile-sub.flex-99 {
		flex: 99;
	}

	.table-mobile .btn-qf-toggle {
		display: block;
	}

	.table-form-input.table-mobile > tbody > tr:only-child > th {
		display: block;
		width: 100% !important;
		padding: 5px !important;
		text-align: left !important;
	}
	.table-form-input.table-mobile > tbody > tr:only-child > th .input-group {
		width: 100% !important;
	}
	.table-form.table-mobile > tbody > tr > td {
		border-left: 0;
		border-right: 0;
	}


	.form-group > .input-group {
		width: 100%;
	}

	.btn-mobile-ico {
		padding: 0 !important;
		flex-grow: 0 !important;
		overflow: hidden;
	}

	.btn-mobile-ico-new {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 0 8px 2px 8px !important;
	}

  .btn-normal-mobile {
    width: 30px !important;
    height: 30px !important;
  }
	.btn-mobile-ico.btn-lg {
		width: 40px;
	}
	.btn-mobile-ico .material-icons {
		margin: -4px 3px !important;
	}
	.btn-mobile-ico.btn-lg .material-icons {
		width: 40px;
		line-height: 40px;
		margin: -7px 0 !important;
	}




	/* homepage */

	body.homePage .navbar > .container .navbar-brand,
	body.homePage .navbar > .container-fluid .navbar-brand {
		/*width: auto;
		padding-left: 35px;*/
		display: none !important;
	}

	#portalVersion {
		display: none !important;
	}
	#menuArea {
		padding-top: 0;
		margin-top: 0;
	}
	#menuArea .list-group {
		display: flex;
		flex-direction: row;
		margin-bottom: 0;
	}
	#menuArea .list-group .list-group-item {
		flex: 1;
		text-align: center;
		font-size: 13px;
		line-height: 1.3;
		padding: 5px 5px 15px;
	}
	#menuArea .list-group .list-group-item .material-icons {
		font-size: 36px;
		margin: 0 0 5px;
		display: block;
		float: none;
	}

	.mainHeading .col-sm-4 {
		display: none;
	}

	.mainHeading .input-group {
		width: 100%;
		display: table;
	}
	.mainHeading .btn-primary + .input-group {
		width: calc(100% - 55px);
	}
	.mainHeading .btn-primary + .btn-primary + .input-group {
		width: calc(100% - 110px);
	}
	.mainHeading select {
		width: 100% !important;
	}
	.mainHeading .input-group-btn {
		width: 1%;
		/*display: table-cell;*/
		display: none;
	}


	/* popups and details */

	body.detail .navbar > .container-fluid .navbar-header,
	body.popup .navbar > .container-fluid .navbar-header {
		display: table;
		width: 100%;
		min-height: 45px;
	}
	body.detail .navbar > .container-fluid .navbar-brand,
	body.popup .navbar > .container-fluid .navbar-brand {
		/*width: auto;
		padding-left: 35px;*/
		height: auto !important;
		margin: 0;
		line-height: 1.3;
		font-size: 14px;
		/*padding: 5px 20px 5px 5px; */
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
	body.detail .navbar-brand img + .margin-top,
	body.popup .navbar-brand img + .margin-top {
		display: block;
		margin-top: 22px;
	}
	.navbar > .container-fluid .btn-ico {
		display: table-cell;
		width: 45px;
		color: #fff;
		text-align: center;
		vertical-align: middle;
	}
	.navbar > .container-fluid .divider {
		display: inline-block;
		padding-right: 5px;
		margin-right: 5px;
		border-right: 1px solid #026e99;
	}
	.navbar .info {
		color: #fff;
		font-size: 12px;
		line-height: 1.3;
		min-height: none;
		height: auto;
		padding: 10px 0 5px;
	}

	body.detail #leftArea,
	body.detail #contentArea,
	/*body.popup #leftArea */
	body.popup #contentArea {
		padding-bottom: 70px;
	}
	body.detail #leftArea.hide-on-mobile {
		display: block !important;
		padding-bottom: 0;
		height: 0;
	}
	body.detail #leftArea.hide-on-mobile .bodyArea {
		display: none;
	}
	#leftTabArea,
	#contentTabArea {
		width: auto;
		float: none;
	}
	#leftTabArea .nav-tabs > li,
	#contentTabArea .nav-tabs > li {
		text-align: left;
		float: none;
	}

	.bottomArea.blueForm {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: auto;
		z-index: 999999;
		text-align: right;
	}
	.bottomArea.blueForm .reason {
		/*display: none;*/
		position: absolute;
		top: -111px;
		margin: 0 -20px;
		padding: 20px;
		background-color: #272f40;
		width: 100%;
	}
	.bottomArea.blueForm div[id$="invoiceForm\:transitionSelect"],
	.bottomArea.blueForm div[id$="messageForm\:transitionSelect"] {
		width: calc(100% - 86px);
	}
	.bottomArea.blueForm div[id$="decisionPanel"] + .btn-primary {
		margin-right: 10px;
	}
	.bottomArea.blueForm div[id$="transitionSelect"] + .btn-danger,
	.bottomArea.blueForm div[id$="decisionPanel"] + .btn-primary + .btn-danger {
		display: none;
	}
	.bottomArea.blueForm div[id$="transitionSelect"] + .btn-danger + .btn-success,
	.bottomArea.blueForm div[id$="decisionPanel"] + .btn-primary + .btn-danger + .btn-success {
		width: 31px;
		text-indent: 9999px;
		overflow: hidden;
		position: relative
	}
	.bottomArea.blueForm div[id$="transitionSelect"] + .btn-danger + .btn-success .material-icons,
	.bottomArea.blueForm div[id$="decisionPanel"] + .btn-primary + .btn-danger + .btn-success .material-icons {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: 0;
		width: 31px;
		line-height: 31px;
		margin: 0;
		padding: 0;
	}

	#tabsContainer {
		position: relative;
	}
	#tabsContainer .nav-tabs > li {
		overflow: hidden;
	}
	#tabsContainer .nav-tabs > li > a,
	#tabsContainer .nav-tabs > li > a:focus {
		margin: 0;
		/*border-bottom: 1px solid #f7f7f7;*/
	}
	#tabsContainer .nav-tabs > li.active > a,
	#tabsContainer .nav-tabs > li.active > a:focus {
		background-color: transparent !important;
		color: #005270 !important;
	}
	#tabsContainer .nav-tabs.active > li.active > a,
	#tabsContainer .nav-tabs.active > li.active > a:focus {
		/*margin-bottom: 5px;*/
		margin-top: 0;
		border-radius: 4px;
		background-color: #f7f7f7 !important;
		border-color: #f7f7f7;
		color: #ff7800 !important;
	}
	#tabsContainer #leftTabArea .nav-tabs.active > li.active > a,
	#tabsContainer #leftTabArea .nav-tabs.active > li.active > a:focus {
		background-color: #e6e6e6 !important;
		border-color: #e6e6e6;
	}
	#tabsContainer.collapsedTabs .nav-tabs.active > li.active > a,
	#tabsContainer.collapsedTabs .nav-tabs.active > li.active > a:focus {
		margin-bottom: 0;
		margin-top: 5px;
		border-radius: 4px 4px 0 0;
		border: 0;
	}
	#tabsContainer.collapsedTabs .nav-tabs > li {
		height: 0;
	}
	#tabsContainer.collapsedTabs .nav-tabs.active > li.active {
		height: 44px;
	}
	#tabsContainer #leftTabArea .nav-tabs {
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #e5f4ff;
		box-shadow: 0 5px 0 0 #cee3f2;
	}
	#tabsContainer.collapsedTabs #leftTabArea .nav-tabs {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}

	#tabsOnMobileToggler {
		width: 100% !important;
		height: 44px;
		text-align: right;
    	padding: 17px 20px;
		position: absolute;
		z-index: 9999;
		top: 0;
		left: 0;
		color: #ff7800;
	}

	.mainHeading {
		display: block;
	}

	#taskHistoriesTable {
		width: auto !important;
	}
	.mceEditor.defaultSkin table.mceLayout tr.mceFirst td.mceToolbar,
	.mceEditor.defaultSkin table.mceLayout tr.mceFirst td.mceToolbar table {
		display: none !important;
	}

	.commentbox .nav-pills li a.labelcomm {
		width: 26px;
		height: 35px;
	}


	/* *** specifick�� str��nky *** */

	/* ��e��itel */

	#detailTabContainer {
		width: auto !important;
	}
	#switchPanel {
		display: none;
	}

	.formTable.fields .section {
		display: block !important;
	}
	.userOpenTaskDetail {
		right: 0;
		left: -5px;
		top: 27px;
		text-align: left;
	}
	a[id$="newTask"],
	a[id$="newCompany"] {
		top: 10px;
	}

	#taskForm div.col-md-6.well h2.h4 {
		font-size: 18px;
	}

	th.day,
	td.day {
		width: 90px;
		border-left-width: 1px !important;
	}
	th.dayOff,
	td.dayOff {
		width: 50px;
		text-align: center;
	}
	th.fromTime,
	td.fromTime {
		width: 120px;
	}
	th.toTime,
	td.toTime {
		width: 120px;
	}
	th.addTime,
	td.addTime {
		width: 31px;
	}

	@media (max-width: 750px) {
		th.day,
		td.day {
			width: calc(100% - 81px);
			order: 1;
			align-self: center;
		}
		td.day span {
			margin-top: 8px;
		}
		th.dayOff,
		td.dayOff {
			order: 2;
			align-self: center;
		}
		td.dayOff input[type="checkbox"] {
			margin-top: 8px;
		}
		th.fromTime,
		td.fromTime {
			width: 50%;
			order: 4;
		}
		th.toTime,
		td.toTime {
			width: 50%;
			order: 5;
		}
		th.addTime,
		td.addTime {
			order: 3;
		}
	}



	/* Objedn��kvy */
	#orderFormTabContainer .well .form-group .input-group-addon:not(.checkbox) {
		min-width: 90px;
	}

	/* Tipsport mobiln�� zobrazen�� */
	.list-group-item {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 5px !important;
	}
}

.no-preview-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 100px 0;
}


/*Konfigurace*/

.form-group.searchableBlock:hover .input-group,
.form-group.searchableBlock:hover .input-group .form-control,
.form-group.searchableBlock:hover .input-group .input-group-addon {
    background-color: var(--conf-property-bg-active) !important;
    outline: none;
}

.conf-module-title-div {
	display: table;
	width: 100%;
	background: gainsboro;
	padding: 6px 10px 0px 8px;
}

.conf-all-title-div {
	display: table;
	width: 100%;
	background: #00FFFF;
	padding: 6px 10px 0px 8px;
	margin-bottom: 6px;
}

.conf-all-title-div >.filterInputConfig {
	height: 22px;
}

.dr-rich-tool-tip {
    padding: 7px 10px;
    border: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
	background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}



/*  CashFlow  */

#cashflowTable .text-income {
  	border-color: #74aed3 !important;
}
#cashflowTable .text-costs {
  	border-color: #ffa759 !important;
}
#cashflowTable .text-costs:hover,
#cashflowTable li.collapseCOSTS:hover {
  	background-color: #ffebd9 !important;
	color: #ff851a;
}
#cashflowTable li.collapse > div:first-child {
	padding-left: 30px;
}
#cashflowTable li.collapse2 > div:first-child {
	padding-left: 60px;
}
#cashflowTable li.closed > div:first-child > .material-icons {
	transform: rotate(-90deg);
}
#cashflowTable .text-primary {
  	border-color: #026e99 !important;
}

.drop-zone {
	max-width: 200px;
	height: 200px;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
	font-size: 20px;
	cursor: pointer;
	color: #cccccc;
	border: 4px dashed #009578;
	border-radius: 10px;
}

.drop-zone--over {
	border-style: solid;
}

.drop-zone__input {
	display: none !important;
}

.drop-zone__thumb {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #cccccc;
	background-size: cover;
	position: relative;
}

.drop-zone__thumb::after {
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	text-align: center;
}

/****  UTILITIES for Inovio ****/

.w-0 {
  width: 0 !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-0 {
  height: 0 !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}


.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-semibold {
  font-weight: 600 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

/* display */

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.position-sticky-top {
  position: sticky;
  top: 0;
}

.position-sticky-left {
  position: sticky;
  left: 0;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}


/* floats */

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}


/* shadows */

.shadow-sm {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

.shadow {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

.shadow-none {
  box-shadow: none !important;
}


/* border radius */

.rounded {
  border-radius: 3px !important;
}

.rounded-top {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.rounded-right {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.rounded-bottom {
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.rounded-left {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}


/* border */

.b-1 {
  border: 1px solid #d9d9d9 !important;
}
.bt-1 {
  border-top: 1px solid #d9d9d9 !important;
}

.br-1 {
  border-right: 1px solid #d9d9d9 !important;
}

.bb-1 {
  border-bottom: 1px solid #d9d9d9 !important;
}

.bl-1 {
  border-left: 1px solid #d9d9d9 !important;
}

.b-0 {
  border: 0 !important;
}

.bt-0 {
  border-top: 0 !important;
}

.br-0 {
  border-right: 0 !important;
}

.bb-0 {
  border-bottom: 0 !important;
}

.bl-0 {
  border-left: 0 !important;
}

.b-primary {
  border-color: #005270 !important;
}

.b-secondary {
  border-color: #6c757d !important;
}

.b-success {
  border-color: #28a745 !important;
}

.b-info {
  border-color: #17a2b8 !important;
}

.b-warning {
  border-color: #ffc107 !important;
}

.b-danger {
  border-color: #dc3545 !important;
}

.b-light {
  border-color: #f8f9fa !important;
}

.b-dark {
  border-color: #343a40 !important;
}

.b-white {
  border-color: #fff !important;
}


.sr-1,
.sl-1 {
	position: relative;
}
.sr-1::after,
.sl-1::before {
	content: "";
	position: absolute;
	top: 6px;
	bottom: 6px;
	right: 0;
	left: auto;
	width: 1px;
	background-color: #d9d9d9;
}
.navbar-inverse .sr-1::after,
.navbar-inverse .sl-1::before {
	background-color: rgba(161,207,229,0.5);
}
.sl-1::before {
	right: auto;
	left: 0;
}

.attachment-upload .rich-fileupload-ico-add::before,
.attachment-upload .rich-fileupload-ico-add-dis::before {
	content: "\e226";
	font-size: 22px;
	top: 6px;
}

.documentation-upload .rich-fileupload-ico-add::before,
.attachment-upload .rich-fileupload-ico-add-dis::before {
	content: "\e9fc";
	font-size: 22px;
	top: 6px;
}

.blockingSuggestion {
	width: 700px;
}

.blockingSuggestion .rich-sb-overflow {
	padding: 10px;
	width: 100%;
	min-width: 100%;
}


/*!
 * rem converted to px (base font 20px)
 *
 * Bootstrap Grid v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.action-toolbar {

}

.action-toolbar-subbar {
	display: flex;
}

.action-toolbar-subbar > a {
	margin-left: 2px;
}


.action-toolbar-upload-btn {
	padding: 0;
	margin-left: 2px;
}

.action-toolbar-upload-btn .rich-fileupload-ico-add::before,
.action-toolbar-upload-btn .rich-fileupload-ico-add-dis::before {
	/*content: "\e226";*/
	/*transform: rotate( 90deg );*/
	/*-moz-transform: rotate( 90deg );*/
	/*-ms-transform: rotate( 90deg );*/
	/*-o-transform: rotate( 90deg );*/
	/*-webkit-transform: rotate( 90deg );*/
}

.action-toolbar-upload-btn .rich-fileupload-button-content {

}

.action-toolbar-upload-btn .rich-fileupload-button-content {
	color: var(--table-filter-btn);
	background-color: #ffffff;
	border-color: var(--table-filter-btn-bg);
	-webkit-box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%);
	box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%);
	padding: 8px 3px 9px;
}

.action-toolbar-upload-btn .rich-fileupload-ico::before {
	margin: -5px 0px -5px 0px;
}

.action-toolbar-upload-btn .rich-fileupload-button-light .rich-fileupload-button-content {
	color: #ff7800;
	background-color: #ffefe5 !important;
	-webkit-box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%) !important;
	box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%) !important;
}

.action-toolbar-upload-btn .rich-fileupload-button-press .rich-fileupload-button-content {
	color: var(--table-filter-btn);
	background-color: var(--table-filter-btn-bg) !important;
	-webkit-box-shadow: inset 0 -1px 0 #026e99,0 0 15px rgba(2,110,153,0.3) !important;
	box-shadow: inset 0 -1px 0 #026e99,0 0 15px rgba(2,110,153,0.3) !important;
}


.upload-btn-disable .rich-fileupload-button-content {
	background-color: dimgray;
}

.action-toolbar-upload-btn-dropdown .rich-fileupload-button-content {
	background-color: transparent;
	box-shadow: none;
	text-shadow: none;
	color: #026e99;
	line-height: 2 !important;
}

.action-toolbar-upload-btn-dropdown .rich-fileupload-ico-add-dis {
	color: dimgray;
}

.action-toolbar-upload-btn-dropdown .rich-fileupload-button-light .rich-fileupload-button-content {
	color: #ff7800;
	background-color: #ffefe5 !important;
	/*-webkit-box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%) !important;*/
	-webkit-box-shadow: none !important;
	/*box-shadow: inset 0 -1px 0 #cccccc, 0px 0px 5px 0px rgb(0 0 0 / 5%) !important;*/
	box-shadow: none !important;
}

.without-scan-panel {
	width: 300px;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 5px dashed red;
	box-shadow: 10px 10px 10px darkgrey;
}

.invoice-payment-panel {
	width: 300px;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 5px dashed blue;
	box-shadow: 10px 10px 10px darkgrey;
}

.without-scan-panel .without-scan-label {
	font-size: 24px;
	color: red;
}

.invoice-payment-panel .invoice-payment-label {
	font-size: 24px;
	color: blue;
}

.without-scan-panel.invoice-payment-panel {
	border: 5px dashed red;
	flex-direction: column;
}

.job-checklist-panel {
	width: 50%;
	/*min-height: 300px;*/
	display: flex;
	padding: 30px;
	justify-content: center;
	/*align-items: center;*/
	border: 2px solid var(--detail-leftArea-bg);
	/*box-shadow: 10px 10px 10px darkgrey;*/
}

.job-checklist-panel .form-control-panel {
	flex: 1 1 auto;
}

.user-group-select {
	width: 200px; /* Nastav��me ������ku select menu podle pot��eby */
	position: relative; /* Nastav��me relativn�� pozici pro polo��ky */
	appearance: none; /* Odstran��me v��choz�� vzhled pro Firefox */
	-webkit-appearance: none; /* Odstran��me v��choz�� vzhled pro WebKit */
	-moz-appearance: none; /* Odstran��me v��choz�� vzhled pro Firefox */
	padding-right: 30px; /* Posuneme text polo��ky doprava, aby bylo m��sto pro ikonu */
	background-repeat: no-repeat;
	background-position: right center; /* Um��st��me ikonu na prav�� konec */
}

.user-group-select option::after {
	content: "\e84d"; /* Unicode pro ikonu z Material Icons */
	font-family: 'Material Icons'; /* Nastav��me fontovou rodinu na Material Icons */
	position: absolute; /* Nastav��me absolutn�� pozici pro ikonu */
	top: 50%; /* Zarovn��me ikonu na st��ed vertik��ln�� */
	right: 10px; /* Posuneme ikonu zprava */
	transform: translateY(-50%); /* Vertik��ln�� zarovn��n�� ikony pomoc�� transformace */
}

.item-user::before {
	content: "\e7fd"; /* Unicode pro ikonu z Material Icons */
	font-family: 'Material Icons'; /* Nastav��me fontovou rodinu na Material Icons */
	font-size: 16px;
	margin-right: 8px;
	margin-left: 4px;
}

.item-group::before {
	content: "\f233"; /* Unicode pro ikonu z Material Icons */
	font-family: 'Material Icons'; /* Nastav��me fontovou rodinu na Material Icons */
	font-size: 16px;
	margin-right: 8px;
	margin-left: 4px;
}





.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 5px !important;
}

.mt-1,
.my-1 {
  margin-top: 5px !important;
}

.mr-1,
.mx-1 {
  margin-right: 5px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 5px !important;
}

.ml-1,
.mx-1 {
  margin-left: 5px !important;
}

.m-2 {
  margin: 10px !important;
}

.mt-2,
.my-2 {
  margin-top: 10px !important;
}

.mr-2,
.mx-2 {
  margin-right: 10px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 10px !important;
}

.ml-2,
.mx-2 {
  margin-left: 10px !important;
}

.m-3 {
  margin: 20px !important;
}

.mt-3,
.my-3 {
  margin-top: 20px !important;
}

.mr-3,
.mx-3 {
  margin-right: 20px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 20px !important;
}

.ml-3,
.mx-3 {
  margin-left: 20px !important;
}

.m-4 {
  margin: 30px !important;
}

.mt-4,
.my-4 {
  margin-top: 30px !important;
}

.mr-4,
.mx-4 {
  margin-right: 30px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 30px !important;
}

.ml-4,
.mx-4 {
  margin-left: 30px !important;
}

.m-5 {
  margin: 60px !important;
}

.mt-5,
.my-5 {
  margin-top: 60px !important;
}

.mr-5,
.mx-5 {
  margin-right: 60px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 60px !important;
}

.ml-5,
.mx-5 {
  margin-left: 60px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 5px !important;
}

.pt-1,
.py-1 {
  padding-top: 5px !important;
}

.pr-1,
.px-1 {
  padding-right: 5px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 5px !important;
}

.pl-1,
.px-1 {
  padding-left: 5px !important;
}

.p-2 {
  padding: 10px !important;
}

.pt-2,
.py-2 {
  padding-top: 10px !important;
}

.pr-2,
.px-2 {
  padding-right: 10px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 10px !important;
}

.pl-2,
.px-2 {
  padding-left: 10px !important;
}

.p-3 {
  padding: 20px !important;
}

.pt-3,
.py-3 {
  padding-top: 20px !important;
}

.pr-3,
.px-3 {
  padding-right: 20px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 20px !important;
}

.pl-3,
.px-3 {
  padding-left: 20px !important;
}

.p-4 {
  padding: 30px !important;
}

.pt-4,
.py-4 {
  padding-top: 30px !important;
}

.pr-4,
.px-4 {
  padding-right: 30px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 30px !important;
}

.pl-4,
.px-4 {
  padding-left: 30px !important;
}

.p-5 {
  padding: 60px !important;
}

.pt-5,
.py-5 {
  padding-top: 60px !important;
}

.pr-5,
.px-5 {
  padding-right: 60px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 60px !important;
}

.pl-5,
.px-5 {
  padding-left: 60px !important;
}

.m-n1 {
  margin: -5px !important;
}

.mt-n1,
.my-n1 {
  margin-top: -5px !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -5px !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -5px !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -5px !important;
}

.m-n2 {
  margin: -10px !important;
}

.mt-n2,
.my-n2 {
  margin-top: -10px !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -10px !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -10px !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -10px !important;
}

.m-n3 {
  margin: -20px !important;
}

.mt-n3,
.my-n3 {
  margin-top: -20px !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -20px !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -20px !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -20px !important;
}

.m-n4 {
  margin: -30px !important;
}

.mt-n4,
.my-n4 {
  margin-top: -30px !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -30px !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -30px !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -30px !important;
}

.m-n5 {
  margin: -60px !important;
}

.mt-n5,
.my-n5 {
  margin-top: -60px !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -60px !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -60px !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -60px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.empty-item-cell {
	background-color: #f2f2f2;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 5px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 5px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 5px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 5px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 5px !important;
  }
  .m-sm-2 {
    margin: 10px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 10px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 10px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 10px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 10px !important;
  }
  .m-sm-3 {
    margin: 20px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 20px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 20px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 20px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 20px !important;
  }
  .m-sm-4 {
    margin: 30px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 30px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 30px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 30px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 30px !important;
  }
  .m-sm-5 {
    margin: 60px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 60px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 60px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 60px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 60px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 5px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 5px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 5px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 5px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 5px !important;
  }
  .p-sm-2 {
    padding: 10px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 10px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 10px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 10px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 10px !important;
  }
  .p-sm-3 {
    padding: 20px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 20px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 20px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 20px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 20px !important;
  }
  .p-sm-4 {
    padding: 30px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 30px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 30px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 30px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 30px !important;
  }
  .p-sm-5 {
    padding: 60px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 60px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 60px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 60px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 60px !important;
  }
  .m-sm-n1 {
    margin: -5px !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -5px !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -5px !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -5px !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -5px !important;
  }
  .m-sm-n2 {
    margin: -10px !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -10px !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -10px !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -10px !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -10px !important;
  }
  .m-sm-n3 {
    margin: -20px !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -20px !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -20px !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -20px !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -20px !important;
  }
  .m-sm-n4 {
    margin: -30px !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -30px !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -30px !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -30px !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -30px !important;
  }
  .m-sm-n5 {
    margin: -60px !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -60px !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -60px !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -60px !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -60px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 5px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 5px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 5px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 5px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 5px !important;
  }
  .m-md-2 {
    margin: 10px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 10px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 10px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 10px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 10px !important;
  }
  .m-md-3 {
    margin: 20px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 20px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 20px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 20px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 20px !important;
  }
  .m-md-4 {
    margin: 30px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 30px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 30px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 30px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 30px !important;
  }
  .m-md-5 {
    margin: 60px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 60px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 60px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 60px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 60px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 5px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 5px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 5px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 5px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 5px !important;
  }
  .p-md-2 {
    padding: 10px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 10px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 10px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 10px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 10px !important;
  }
  .p-md-3 {
    padding: 20px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 20px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 20px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 20px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 20px !important;
  }
  .p-md-4 {
    padding: 30px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 30px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 30px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 30px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 30px !important;
  }
  .p-md-5 {
    padding: 60px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 60px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 60px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 60px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 60px !important;
  }
  .m-md-n1 {
    margin: -5px !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -5px !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -5px !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -5px !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -5px !important;
  }
  .m-md-n2 {
    margin: -10px !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -10px !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -10px !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -10px !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -10px !important;
  }
  .m-md-n3 {
    margin: -20px !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -20px !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -20px !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -20px !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -20px !important;
  }
  .m-md-n4 {
    margin: -30px !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -30px !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -30px !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -30px !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -30px !important;
  }
  .m-md-n5 {
    margin: -60px !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -60px !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -60px !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -60px !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -60px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 5px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 5px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 5px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 5px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 5px !important;
  }
  .m-lg-2 {
    margin: 10px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 10px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 10px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 10px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 10px !important;
  }
  .m-lg-3 {
    margin: 20px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 20px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 20px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 20px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 20px !important;
  }
  .m-lg-4 {
    margin: 30px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 30px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 30px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 30px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 30px !important;
  }
  .m-lg-5 {
    margin: 60px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 60px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 60px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 60px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 60px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 5px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 5px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 5px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 5px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 5px !important;
  }
  .p-lg-2 {
    padding: 10px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 10px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 10px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 10px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 10px !important;
  }
  .p-lg-3 {
    padding: 20px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 20px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 20px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 20px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 20px !important;
  }
  .p-lg-4 {
    padding: 30px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 30px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 30px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 30px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 30px !important;
  }
  .p-lg-5 {
    padding: 60px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 60px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 60px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 60px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 60px !important;
  }
  .m-lg-n1 {
    margin: -5px !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -5px !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -5px !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -5px !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -5px !important;
  }
  .m-lg-n2 {
    margin: -10px !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -10px !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -10px !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -10px !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -10px !important;
  }
  .m-lg-n3 {
    margin: -20px !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -20px !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -20px !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -20px !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -20px !important;
  }
  .m-lg-n4 {
    margin: -30px !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -30px !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -30px !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -30px !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -30px !important;
  }
  .m-lg-n5 {
    margin: -60px !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -60px !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -60px !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -60px !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {

    margin-left: -60px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 5px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 5px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 5px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 5px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 5px !important;
  }
  .m-xl-2 {
    margin: 10px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 10px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 10px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 10px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 10px !important;
  }
  .m-xl-3 {
    margin: 20px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 20px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 20px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 20px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 20px !important;
  }
  .m-xl-4 {
    margin: 30px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 30px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 30px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 30px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 30px !important;
  }
  .m-xl-5 {
    margin: 60px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 60px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 60px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 60px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 60px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 5px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 5px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 5px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 5px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 5px !important;
  }
  .p-xl-2 {
    padding: 10px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 10px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 10px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 10px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 10px !important;
  }
  .p-xl-3 {
    padding: 20px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 20px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 20px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 20px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 20px !important;
  }
  .p-xl-4 {
    padding: 30px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 30px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 30px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 30px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 30px !important;
  }
  .p-xl-5 {
    padding: 60px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 60px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 60px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 60px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 60px !important;
  }
  .m-xl-n1 {
    margin: -5px !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -5px !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -5px !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -5px !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -5px !important;
  }
  .m-xl-n2 {
    margin: -10px !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -10px !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -10px !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -10px !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -10px !important;
  }
  .m-xl-n3 {
    margin: -20px !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -20px !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -20px !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -20px !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -20px !important;
  }
  .m-xl-n4 {
    margin: -30px !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -30px !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -30px !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -30px !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -30px !important;
  }
  .m-xl-n5 {
    margin: -60px !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -60px !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -60px !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -60px !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -60px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }

	.CB_CONNECTED {
		background-color: green;
	}
	.CB_GREEN {
		background-color: orange;
	}
	.CB_ORANGE {
		background-color: orange;
	}
	.CB_RED {
		background-color: red;
	}


	.CB_DOCUMENT_GREEN {
		background-color: limegreen;
	}
	.CB_DOCUMENT_RED {
		background-color: red;
	}

	.calendarOnlyMonth tr[id]{
		display:none;
	}

}
/*# sourceMappingURL=bootstrap-grid.css.map */


/* forecast table */

.forecast-table {
  border: solid 1px var(--table-header-bg);
  position: relative;
  border-collapse: collapse;
}
.forecast-table-header {
  position: sticky;
  top: -1px;
  z-index: 2;
  background-color: var(--table-header-bg);
  text-align: center;
}

.forecast-table-header span {
  font-weight: bold !important;
  color: var(--table-text) !important;
}


.forecast-table-link {
  color: var(--table-link);
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.forecast-table-body-sum {
  background-color: #f2f2f2;
  border: solid 1px var(--table-header-bg);
}

.forecast-table-body-col {
  background-color: white;
  border: solid 1px var(--table-header-bg);
}

.forecast-table-body-col span {
  color: var(--table-text);
}

.forecast-table-footer {
  border: solid 1px var(--table-header-bg);
  background-color: var(--table-header-bg);
}

.forecast-text-input {
  border-radius: 0;
  width: 100%;
  min-height: 33px;
  text-align: right;
}

#forecastNew>tbody>tr>td:nth-child(1),
#forecastPlanNew>tbody>tr>td:nth-child(1) {
  position: sticky;
  left: -1px;
  z-index: 1;
  min-width: 100px;
}

#budgetListTable > ul.flextable-body > li:last-child {
  background-color: #e6e6e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#budgetListTable > ul.flextable-body > li:last-child > div > input {
  color: var(--table-text) !important;
  box-shadow: none;
}

.text-red {
  color: red !important;
}

.text-green {
  color: green;
}

/* @media (max-width: 750px) {
.bottomArea.blueForm .reason {
  top: -99px
}
} */

/* #invoiceForm\:decisionPanel > #leftArea > div.bottomArea.blueForm.aaa > div.submit-area.padding-20 {
  color: red;
} */

.tooltip-tooltip {
	position: relative;
	display: inline-block;
}

/* Style for the tooltip text */
.tooltip-tooltip .tooltip-tooltiptext {
	visibility: hidden;
	white-space: nowrap; /* Prevents text from wrapping */
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 10px; /* Add padding to the text */
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%); /* Center the tooltip */
	opacity: 0;
}

.tooltip-position-up {
	bottom: 125%;
}

.tooltip-position-down {
	top: 125%;
}

.tooltip-tooltip:hover .tooltip-tooltiptext {
	visibility: visible;
	opacity: 1;
}

.smallOutput {
	color: red;
	float: right;
}

.fullSpan {
	width: 100%;

}

.checkListTemplateTableWrapper {
	overflow: hidden;
	border:solid #e6e6e6 1px;
	border-radius: 6px;
}

.checkListTemplateTable {
	width: 100%;
	border-collapse:collapse;
}

.checkListTemplateTh {
	background-color: #e6e6e6; padding: 8px;
}

.checkListTemplateTd {
	border:solid #f2f2f2 1px;
	border-bottom: none;
}

.background-tag {
	margin: 4px;
	background-color: #ffffff;
	padding: 2px;
	border-radius: 6px;
	box-sizing: border-box;
}


/* @media (max-width: 750px) {
.bottomArea.blueForm .reason {
  top: -99px
}
} */

/* #invoiceForm\:decisionPanel > #leftArea > div.bottomArea.blueForm.aaa > div.submit-area.padding-20 {
  color: red;
} */

@media (max-width: 750px) {
	#menuArea .list-group.sub-menu-list-group {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	#menuArea .list-group.sub-menu-list-group .list-group-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		padding-left: 10px !important;
	}

	.col-main.mobile-fix-w-125,
	.col-sub.mobile-fix-w-125 {
		width: 125px !important;
		flex-grow: 0;
	}

	.justify-content-between-mobile {
		justify-content: space-between;
	}

	.d-flex.hide-on-mobile-flex {
		display: none !important;
	}

	.w-100-mobile {
		width: 100% !important;
	}

	.flex-wrap-mobile {
		flex-wrap: wrap !important;
	}

	.flex-column-mobile {
		flex-direction: column !important;
	}

	.align-items-end-mobile {
		align-items: flex-end !important;
	}

	.well-no-mobile {
		padding-left: 0 !important;
		padding-right: 0 !important;
		background-color: transparent !important;
	}

	.new-step-arrow {
		display: flex;
		justify-content: center;
	}

	.rounded-top-mobile {
		border-radius: 3px 3px 0 0 !important;
	}

	.bg-mobile-transparent {
		background-color: transparent !important;
	}
}

/* Proto��e hide-on-desktop v kombinaci s d-flex nefunguje */
@media (min-width: 751px) {
	.hide-on-desktop-flex {
		display: none !important;
	}
}

/* Odebere mezeru mezi tabem a aktivn�� z��lo��kou */
#leftTabArea .nav-tabs > li.active > a,
#leftTabArea .nav-tabs > li.active > a:focus {
	height: 40px;
}

.break-words {
	word-break: break-word;
}

.btn-saveclose {
	background-color: #ffffff !important;
	color: #1A8EE2 !important;
}

.btn-toggle-reason {
	background-color: #272f40 !important;
	color: #ffffff !important;
	position: absolute;
	top: -35px;
	left: 0;
	box-shadow: none;
	transition: none 0s ease 0s;
}

.btn-deny {
	color: #f36c7d !important;
	background-color: #ffffff !important;
	box-shadow: none;
}