#object fieldset {
	padding-top: 0;
	padding-bottom: 0;
}

#nadpis h1{
	margin: 0 0 30px 0;
}

.object {
	padding-top: 32px;
	padding-bottom: 32px;
	margin: 0;
	outline: none;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	width: 100%;
	background: white;
	box-sizing: border-box;
	display: block;
	color: #262727;
}

.object .button {
	background-color: #356f88;
	opacity: 1;
}

.object .button:hover {
	background-color: black;
	text-decoration: none;
}

.email-link {
	text-decoration: underline;
}


.text-reset-setting {
	cursor: pointer;
	text-align: right;
	font-weight: bold;
}





.flags-wrap{
	font-size: 0;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.flag-item {
	display: inline-block;
	width: 60px;
	margin-left: 20px;
	margin-right: 20px;
}

.flag-item:hover {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.flag-item img{
	width: 100%;
	height: 100%;
}

.flag-selected img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.configurator-section {
	display: grid;
	grid-template-columns: calc(100% - 280px) 270px;
	grid-template-areas:
			"configurator-section-title configurator-section-title"
			"configurator-section-left  configurator-section-right";
}

.configurator-section-title {
	grid-area: configurator-section-title;

	display: grid;
	grid-template: 1fr / 1fr;
}

.configurator-section-title > * {
	grid-column: 1 / 1;
	grid-row: 1 / 1;
}

.configurator-section-title #configurator-box-reset-defaults {
	z-index: 2;
}

.configurator-section-title #configurator-box-intro {
	z-index: 1;
}



.configurator-section-left {
	grid-area: configurator-section-left;
	padding-right: 20px;
}

.configurator-section-right {
	grid-area: configurator-section-right;
	padding-top: 6px;
}

.configurator-section-right button {
	display: inline-block;
	width: 260px;
}

.color-picker-container {
	width: 100%;
	background-color: white;
	margin: 0;
	border: none;
	box-shadow: none;
	/*margin-left: auto;*/
	/*margin-right: auto;*/

}

.plugin-buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	/*max-width: 28.5em;*/
	/*padding: .8em;*/


}

.plugin-button {
	display: inline-block;
	cursor: pointer;
	border: none;
	color: white;
	background-color: #356f88;
	padding: 15px 32px;
	margin: 5px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

.download-button {
	margin: 10px 10px 0 0 ;
}

.plugin-button:hover {
	background-color: black;
	text-decoration: none;
}

.script-variable-pageColor, .script-onload, .script-border, .script-bottom {
	display: block;
}

.code-container-title{
	display: block;
	width: 100%;
	max-width: 100%;
	margin-top: 30px;
	padding: 10px 40px 10px 40px;
	color: #356f88;
	font-size: 16px;
}

.code-container-title h2 {
	display: inline-block;
	font-size: 20px;
}


.code-container {
	display: block;
	word-break: break-all;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 20px;
	background-color: #edeff4;
	/*white-space: pre*/
	white-space: pre-wrap;
	word-wrap: break-word;
}

.email-section-login {
	display: block;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}

.email-section-login a {
	display: flex;
	justify-content: center;

	cursor: pointer;
	border: none;
	color: white;
	background-color: #356f88;
	padding: 10px 32px;
	margin: 5px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

#formWrapper {
	margin-top: 40px;
	width: auto;
}

.email-section-login a img {
	width: 25px;
	height: 25px;
}

.email-section-login a span {
	padding-top: 4px;
	margin-left: 10px;
}

#downloadHtmlHorizontal, #downloadHtmlVertical {
	width: 230px;
}

#copyToClipboardHtmlVertical, #copyToClipboardHtmlHorizontal {
	width: 340px;
}

@media screen and (max-width: 800px) {
	.configurator-section {
		grid-template-columns: 100%;
		grid-template-areas:
			"configurator-section-title configurator-section-title"
			"configurator-section-left  configurator-section-left"
			"configurator-section-right configurator-section-right";
	}

	.configurator-section-title button {
		width: calc(100% - 10px);
	}

	.configurator-section-right button {
		width: calc(50% - 12px); /* 5px margin left, 5px margin right.... */
	}

	.configurator-section-left {
		padding-right: 0;
	}

	#downloadHtmlHorizontal, #downloadHtmlVertical {
		width: 100%;
	}

	#copyToClipboardHtmlVertical, #copyToClipboardHtmlHorizontal {
		width: 100%;
	}
}

@media screen and (max-width: 700px) {
	.download-button {
		width: 100%;
	}
}

@media screen and (max-width: 550px) {
	#object fieldset {
		padding: 0 5px 0 5px;
	}

	.code-container{
		padding: 10px;
	}

	.plugin-button, .configurator-section-right button {
		width: 100%;
	}

	.code-container-title {
		padding: 10px 0 10px 0;
	}

	.code-container-title h2 {
		font-size: 18px;
	}

	.flag-item {
		width: 15%;

		margin-left: 3%;
		margin-right: 3%;
	}
}




.display-none {
	display: none;
}

.visibility-visible {
	visibility: visible;
}

.visibility-hidden {
	visibility: hidden;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-8 {
	margin-top: 8px;
}

.margin-top-0 {
	margin-top: 0;
}

.margin-bottom-0 {
	margin-bottom: 0;
}

.padding-top-0 {
	padding-top: 0;
}

.padding-bottom-0 {
	padding-bottom: 0;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

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