::-ms-reveal,
::-ms-clear {
  display: none !important;
}
.mainContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;

}
.mainContainer > .left > article,
.mainContainer > .right > article{
 	border-radius: 4px;
 	width: calc(100% - 3px);
}
.mainContainer > .left {
	width: 50%;
	/*flex-grow: 6;*/

}
.mainContainer > .right {
	width: 50%;
	flex-grow: 5;
	margin-left: 30px;
}

.mainContainer > article {
	width: calc(50% - 15px);
}
.mainContainer > article.fullContainer {
	width: calc(100% - 5px);
}
.mainContainer.column {
	flex-direction: column;
}
.tab-content>.active {
	/*display: flex;*/
}
.tab-content {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
}
.nav.nav-tabs {
	border: none;
	padding-bottom: 30px;
}
.nav-tabs>li>a {
		margin-bottom: 10px;
}

.nav-tabs>li.active>a {

}
.tab-content header h2 {
	padding: 30px;
	padding-top: 0px;
	margin: 0px;
	width: 100%;
}

.formContainer {
	display: flex;
	flex-direction: column;

	width: calc(100% - 5px);
	background-color:white;

	margin-bottom: 30px; 
	margin-left: 0px;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

	border-radius: 4px;

  	overflow: hidden;

  	padding-bottom: 10px;


}



.formContainer > header {
	display: flex;
	width: 100%;
	position: relative;

	flex-wrap: nowrap;
	align-items: center;

	padding: 23px 30px;
	margin: 0px;


	
	border-bottom: 1px solid #eaedf3;


}
.formContainer > header h3 {
	
	color: #3e3f42;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;

	margin: 0px;

	flex-grow: 3;


}

.formContainer > header a {
	display: inline-block;
	position: absolute;
	right: 0px;

	color: #9ea0a5;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;

	
}

.formContainer > header a::after {
	content: url("/img/sign-arrow-right2.png");
	padding-left: 10px;

} 
.formContainer article {
	padding: 10px 30px;
}
.formContainer article.control {
	display: flex;
	justify-content: center;
	padding: 30px;
}

.formContainer label {
	display: block;

	color: #3e3f42;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;	
}
.formContainer label.inlineLabel {
	display: inline-block;

	color: #3e3f42;
	font-size: 12px;
	font-weight: 400;
	line-height: initial;

	cursor: pointer;	
}
.formContainer label.ui-checkboxradio-label {
	display: inline-block;
	font-family: "Roboto";
}
.formContainer label.ui-button {
	color: #3e3f42;
	font-family: "Roboto";
	font-size: 14px;
	font-weight: 500!important;
	line-height: 22px;
}
.formContainer label.ui-button.ui-state-active {
	color: #ffffff;
}
.formContainer label.radioLabel {
	display: inline-block;

	color: #3e3f42;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	margin-bottom: 0px;
	padding: 5px 10px;
}

/*ui-checkboxradio-checked ui-state-active */
.inline-table input[type="text"],
.inline-table input[type="password"]  {
	height: 38px;
	box-shadow: inset 0 1px 2px rgba(102, 113, 123, 0.21);
	border-radius: 4px;
	border: 1px solid #e2e5ed;
	background-color: #ffffff;

	color: #3e3f42;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;

	padding: 8px 16px;
}
.inline-table input[type="text"].code-input {
	width: 100px;
}
.inline-table input[type="password"].code-input-password {
	width: 120px;
}

.ocp-table input[type="text"],
.ocp-table input[type="password"],
.formContainer input[type="text"],
.formContainer input[type="number"],
.formContainer input[type="password"],
.formContainer input[type="email"],
.formContainer input[type="tel"],
.formContainer select,
.formContainer .select2-selection
  {
	width: 100%;
	height: 38px;
	box-shadow: inset 0 1px 2px rgba(102, 113, 123, 0.21);
	border-radius: 4px;
	border: 1px solid #e2e5ed;
	background-color: #ffffff;

	color: #3e3f42;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;

	padding: 8px 16px;
}
.formContainer input[type="text"][disabled],
.formContainer input[type="number"][disabled],
.formContainer input[type="password"][disabled],
.formContainer input[type="tel"][disabled],
.formContainer input[type="email"][disabled] {
	background-color: #EEE;
}


.formContainer select option {
	width: 100%;
	height: 38px;
	color: #3e3f42;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px
	padding: 8px 16px;;
}
.formContainer .select2-selection {
	padding: 4px 8px;
}
.formContainer .select2-selection__rendered {
	/*padding: 4px 16px;	*/
}
.formContainer .select2-container--default .select2-selection--single .select2-selection__arrow
{
	top: 6px;
}
.formContainer input[type="password"]  {
	color: #3e3f42;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;

}
.formContainer input[type="password"].withEye  {


	background-image: url('/img/sign-eye.png');
	background-position: calc(100% - 10px) 50%;
	background-repeat: no-repeat;

}

.select2-results__option {
	color: #3e3f42;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	padding: 10px 20px;
	border-bottom: 1px solid #eaedf3;
}



.formContainer input[type="text"]::placeholder,
.formContainer input[type="number"]::placeholder,
.formContainer input[type="email"]::placeholder,
.formContainer input[type="tel"]::placeholder,
.formContainer input[type="password"]::placeholder  {

	color: #9ea0a5;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	
}
.formContainer input[type="password"]:-ms-input-placeholder{
	color: #9ea0a5;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}
.formContainer input[type="password"]::-webkit-input-placeholder {
	color: #9ea0a5;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	
}
@supports (-ms-ime-align:auto) {
	.formContainer input[type="password"]
	{
		font-size: 14px!important;
		font-weight: 400;
		line-height: 22px;
	}
}

.borderTop {
	border-top: 1px solid #eaedf3;
}
.borderBottom {
	border-bottom: 1px solid #eaedf3;
}
.formContainer .fullPadding {
	padding: 30px;
}
.formContainer .formCennyPapir {
	display: flex;
	border-bottom: 1px solid #eaedf3;
	padding: 30px;

}
.formContainer .formCennyPapir > section {

}
.formContainer .formCennyPapir > section:first-child {
	padding-right: 30px;
	flex-grow: 1
}
.formContainer .formCennyPapir > section:last-child {
	flex-grow: 7	
}

.formContainer .dropzone.dz-clickable {
	box-shadow: inset 0 1px 2px rgba(102, 113, 123, 0.21);
	border-radius: 4px;
	border: 1px solid #e2e5ed;
	background-color: #ffffff;

	text-align: center

}
#vyhodnoceniInvDotazniku.formContainer.wizardFloating {
	position: fixed;
	top: 145px;
	width: calc(50.5% - 200px);

}

.note-editor.note-frame {
	box-shadow: inset 0 1px 2px rgba(102, 113, 123, 0.21);
	border-radius: 4px;
	border: 1px solid #e2e5ed;
	background-color: #ffffff;
}
.note-editor .note-toolbar.panel-heading {
	background-image: none;
	background-color: white;
	border-bottom: 1px solid #e2e5ed;

}
.note-editable.panel-body {
	color: #3e3f42;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}
.profileImageContainer input[type="file"] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.profileImageContainer label {
 	margin-top: 10px;
}
.list-unstyled h6 {
	margin: 0px;
}
.list-unstyled li {
	padding: 5px 0px;
	line-height: 1.3;
}
.list-unstyled.flex li {
	display: flex;
	align-items: flex-start;
}
.list-unstyled.flex li > input {
	display: inline-block;
	margin-top: 2px;
	margin-right: 2px;
}
.list-unstyled.flex li > strong {
	display: inline-block;
	padding: 0px;
	padding-left: 5px;
	font-weight: 900;
}
.list-unstyled.flex li > label.inlineLabel,
.list-unstyled.flex li > span {
	display: inline-block;
	padding: 0px;
	padding-left: 5px;
}

.list-unstyled.flex li.flexColumn {
	display: flex;
	justify-content: space-between;

}
.list-unstyled.flex .noFlex {
	display: list-item;
}
.tab-content article > input,
.tab-content article > select {
	margin-bottom: 10px;
}
.formContainer .questionnaireEvaluationBox,
.formContainer #questionnaireEvaluationBox {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}
.formContainer #questionnaireEvaluationBox div,
.formContainer #questionnaireEvaluationBox p,
.formContainer .questionnaireEvaluationBox div,
.formContainer .questionnaireEvaluationBox p  {
	display: block;
	height: 36px;
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
}
.formContainer #questionnaireEvaluationBox .customBox,
.formContainer .questionnaireEvaluationBox .customBox
{
	display: block;
	height: 36px;
	color: #ffffff;

	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
	padding: 10px 30px;
	border-radius: 4px;
	text-align: center;
	
}
.formContainer .customBoxNeprijatelny
{
	background-color: #CCC;
}

.formContainer .customBoxDynamicky,
.formContainer .customBoxSpekulativni
{
	background-color: #ee2e2e;
}

.formContainer .customBoxKonzervativni 
{
	background-color: #0e024b;
}

.formContainer .customBoxRustovy
{
	background-color: #34aa44;
}
.ui-icon {
	display: inline-block !important;
}
.closeTab {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 12px;
	
	cursor: pointer;

	color: rgb(200,0,0,1);
}
.nav>li>a {

}
.nav>li.isClosable>a
{
	padding-right: 40px;
}
.ui-datepicker-header {
	width: calc(100% - 14px);
}
.ui-checkboxradio-label {
	border-radius: 16px;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	font-size: 14px;
}


.formContainer .doubleColumn {
	display: flex;
	justify-content: space-between;
}
.formContainer .doubleColumn article {
	width: calc(50% - 15px);
	padding: 0px;
}
.formContainer .singleColumn {
	
}
.formContainer .singleColumn article {
	padding: 0px;
}
.poplatek-pricelist,
#poplatek-pricelist {
	display: inline-block;

	height: 20px;
	padding: 8px 16px;
	font-size: 14px;
}
.poplatek-pricelist::after,
#poplatek-pricelist::after {
	content: " %";
}
.error-note {
	display: inline-block;
}
.dotaznik-table {
	margin-bottom: 10px;
}
.dotaznik-table td {
	padding: 5px 10px 5px 0px;

}
.dotaznik-table h6 {
	padding: 10px 0px;
}
.dotaznik-table label {
	display: inline-block !important;
	padding: 0px 20px 0px 0px !important;
	white-space: nowrap;
}
.formInlineInput {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	margin-bottom: 10px;
}
.formInlineInput section {
	padding-left: 20px;
}
.formInlineInput section:first-child {
	padding-left: 0px;
}
.formInlineInput section.grow {
	flex-grow: 10; 
}
.formInlineInput section.small input {
	max-width: 80px;
}


.formInlineInput section.formStreetInputStreet {
	flex-grow: 10; 
}
.formInlineInput section.formStreetInputCP {
	flex-grow: 0; 
	padding-right:5px;
}
.formInlineInput section.formStreetInputCP::after {
	content:"/";
	font-size:24px;
	padding-left: 10px;
}
.formInlineInput section.formStreetInputCO {
	flex-grow: 0;
	padding-left: 10px;
}


@media only screen and (max-width: 1350px) {
	#vyhodnoceniInvDotazniku.formContainer.wizardFloating {
		position: static;
		top: auto;
		width: inherit;
	}
	.mainContainer {
		flex-direction: column;
	
	}
	.mainContainer > .left {
		width: 100%;
		/*flex-grow: 6;*/

	}
	.mainContainer > .right {
		width: 100%;
		margin-left: 0px;
	}

	.mainContainer > article {
		width: 100%;
	}

	.formContainer {
	
		width: 100%;
		flex-direction: column;

	}
	.formContainer > article {
		width: 100%;
		margin-left: 0px;

	}
	section.mainContainer > .left > article,
	section.mainContainer > .right > article
	{
 		border-radius: 0px;
 		width: 100%;
	}
	
}
@media only screen and (max-width: 900px) {
	.formContainer {
		border-radius: 0px;
 	}
 	.mainContainer > article.fullContainer {
 		width: 100%;
 	}
 	.nav.nav-tabs {
 		padding: 30px;
 	}
 	.tab-content header h2 {
		padding: 30px;
		margin: 0px;
		width: 100%;
		border-top: 1px solid #eaedf3;
		text-align: left;
	}

}
@media only screen and (max-width: 550px) {
	
	.formContainer > header {
 		flex-direction: column;
 		height: 90px;
 		padding: 20px;
 		align-items: center;
 		justify-content: center;

	}
	.tab-content header h2 {
		text-align: center;
	}
	.formContainer > header h3 {
		flex-grow: 0;	
	}
	.formContainer .formCennyPapir {
		flex-flow: column;
	
	}
	.formContainer .formCennyPapir > section:first-child {
		padding: 0px;
	}
	.formContainer .formCennyPapir > section:last-child {
		padding-top: 20px; 
	
	}
	.list-unstyled.flex li.flexColumn {
		flex-flow: column;
	}
	.formContainer #questionnaireEvaluationBox {
		flex-flow: column;	
	}
	.formContainer .questionnaireEvaluationBox,
	.formContainer #questionnaireEvaluationBox {
		flex-direction: column;
	}

	.formInlineInput {
		flex-direction: column;
		margin-bottom: 0px;
	}
	.formInlineInput section {
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.formInlineInput section.grow {
		flex-grow: 10; 
	}
	.formInlineInput section.small input {
		max-width: 100%;
	}

	.formInlineInput section.formStreetInputCP {
		padding-right:0px;
	}
	.formInlineInput section.formStreetInputCP::after {
		content:"";
		padding-left: 0px;
	}
	.formInlineInput section.formStreetInputCO {
		padding-left: 0px;
}
}