﻿:root {
	--rz-primary: #1F2937 !important;
	--rz-secondary: #F07B21 !important;
	--rz-info: #265C00 !important;
	--rz-warning: #FFBE32 !important;
	--rz-success: #CBD942 !important;
	--rz-input-font-size: 12px !important;
	--rz-text-font-family: 'Arial', sans-serif !important;
	--bs-font-sans-serif: 'Arial', sans-serif !important;
	--bs-body-line-height: 1.3 !important;
}

body {
	font-family: 'Arial', sans-serif;
	font-size: 12pt !important;
	line-height: 1.0;
	background-color: white !important;
}

.rz-text-body1{
	font-family: 'Arial', sans-serif;
	font-size: 12pt !important;
	color: var(--rz-primary) !important;
}

.rz-text-body2{
	font-family: 'Arial', sans-serif;
	font-size: 10pt !important;
	color: var(--rz-primary) !important;
}

.layout{
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
}

.content{
	min-height: 500px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.header{
	box-shadow: none !important;
}

.rz-body{
	background-color: white !important;
}

.rz-body.body{
	padding-top: 0;
	margin-top: 0;
}

.rz-primary{
	color: white !important;
}

.rz-secondary {
	color: black !important;
}

.rz-warning {
	color: black !important;
}

.rz-info {
	color: white !important;
}

.rz-success{
	color: black !important;
}

.rz-danger {
	color: black !important;
}

.rz-button-sm {
	font-size: 0.7rem !important;
}

.rz-chkbox {
	color: black !important;
}

@media (max-width: 1023px) {
	.hidden-on-small-screens {
		display: none !important;
	}
	.showed-on-small-screens {
		display: inline-block !important;
	}
}

@media (max-width: 575px) {
	.hidden-on-very-small-screens {
		display: none !important;
	}
	.showed-on-very-small-screens {
		display: list-item !important;
	}
}

.rz-button.rz-button-sm.rz-button-text-only {
	background-color: white;
	font-size: 1.2rem !important;
}

.rz-button.rz-button-sm.rz-button-text-only.rz-state-active {
	color: var(--rz-danger);
	font-weight: bold;
	background-color: white;
	font-size: 1.2rem !important;
}

/*.rz-link-text {
	color: var(--rz-danger);
	font-weight: bold;
	font-size: var(--rz-text-display-h6-font-size) !important;
	text-transform: uppercase;
	background-size: var(--rz-button-hover-background-size);
	transition: var(--rz-button-transition);
}
	.rz-link-text:hover {
		color: var(--rz-primary) !important;
	}
.rz-link:hover {
	background-color: white;
	background-image: none;
	box-shadow: none;
	background-size: var(--rz-button-hover-background-size);
}*/

.rz-button.rz-button-md.rz-variant-text.rz-primary.rz-shade-default.aktywacja.active:hover
{
	background: none;
	border: 1px solid black;
	padding: 0 !important;
}

.rz-button.rz-button-md.rz-variant-text.rz-primary.rz-shade-default.aktywacja.active:active
{
	background: none;
	border: 1px solid black;
	padding: 0 !important;
}

.rz-button.rz-button-md.rz-variant-text.rz-primary.rz-shade-default.aktywacja.active:focus
{
	background: none;
	border: 1px solid black;
	padding: 0 !important;
}

.rz-danger > .rz-button-box > .rzi {
	color: black !important;
}

.rz-link-text > .rz-stack > .rzi{
	color: black !important;
}

.rz-steps-prev.rz-state-disabled{
	opacity: 0.75 !important;
}

.rz-steps-next.rz-state-disabled {
	opacity: 0.75 !important;
}

.rz-steps .rz-menuitem-link {
	color: black;
	font-size: 1.2rem;
}

.rz-steps .rz-menuitem-link > .rz-steps-number {
	background-color: black;
	font-size: 1.2rem;
}

.rz-steps .rz-state-disabled .rz-menuitem-link {
	color: black;
	opacity: 0.75;
	font-size: 1.2rem;
}

.rz-steps .rz-state-disabled .rz-menuitem-link > .rz-steps-number {
	background-color: black;
	opacity: 0.75;
	font-size: 1.2rem;
}

.rz-steps .rz-state-highlight .rz-menuitem-link {
	font-weight: bold;
	font-size: 1.2rem;
}

.rz-steps .rz-state-highlight .rz-menuitem-link > .rz-steps-number {
	font-size: 1.2rem;
	background: var(--rz-steps-number-selected-background);
}

.aktywacja:focus {
	border: solid 1px;
}

.rz-link{
	text-transform: uppercase;
	text-decoration: none;
	color: var(--rz-primary) !important;
	font-family: 'Arial', sans-serif;
	font-size: 12px !important;
	transition: var(--rz-button-transition);
	font-weight: bold;
}
.rz-link:hover{
	color: var(--rz-secondary) !important;
	text-decoration: none !important;
}
.rz-link:active{
	color: var(--rz-secondary) !important;
	text-decoration: none !important;
}
.rz-link:focus{
	color: var(--rz-secondary) !important;
	text-decoration: none !important;
}

.rz-link.active > .rz-link-text{
	text-transform: uppercase;
	text-decoration: none;
	color: var(--rz-secondary) !important;
	font-family: 'Arial', sans-serif;
	transition: var(--rz-button-transition);
}

.rz-link-text{
	text-transform: uppercase;
	text-decoration: none;
	color: inherit;
	font-family: 'Arial', sans-serif;
	transition: var(--rz-button-transition);
}
.rz-link-text:hover{
	color: var(--rz-secondary);
	text-decoration: none !important;
}
.rz-link-text:active{
	color: var(--rz-secondary);
	text-decoration: none !important;
}
.rz-link-text:focus{
	color: var(--rz-secondary);
	text-decoration: none !important;
}

.rz-button-text{
	text-transform: uppercase;
}

.rz-button.rz-button-sm.rz-variant-text.rz-secondary.rz-shade-default {
	color: white !important;
	font-size: 12px !important;
	font-weight: bold;
	background-color: var(--rz-primary) !important;
	background-image: none;
	font-family: 'Arial', sans-serif;
}
.rz-button.rz-button-sm.rz-variant-text.rz-secondary.rz-shade-default:hover {
	text-decoration: none !important;
	font-size: 12px !important;
	color: var(--rz-secondary) !important;
	background-color: var(--rz-primary) !important;
	background-image: none;
}
.rz-button.rz-button-sm.rz-variant-text.rz-secondary.rz-shade-default:active {
	text-decoration: none !important;
	color: var(--rz-secondary) !important;
	background-color: var(--rz-primary) !important;
	background-image: none;
}
.rz-button.rz-button-sm.rz-variant-text.rz-secondary.rz-shade-default:focus {
	text-decoration: none !important;
	color: var(--rz-secondary) !important;
	background-color: var(--rz-primary) !important;
	background-image: none;
}

.rz-splitbutton-menubutton.rz-button.rz-button-icon-only.rz-button-sm.rz-variant-text.rz-secondary.rz-shade-default{
	color: white !important;
	font-size: 12px !important;
	background-color: var(--rz-primary) !important;
	background-image: none;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
}
.rz-splitbutton-menubutton.rz-button.rz-button-icon-only.rz-button-sm.rz-variant-text.rz-secondary.rz-shade-default:hover {
	text-decoration: none !important;
	color: var(--rz-secondary) !important;
	background-color: var(--rz-primary) !important;
	background-image: none;
}

.debug{
	border: dashed black 2px;
}

.jezyk-text{
	font-family: 'Arial', sans-serif;
	color: white;
	transition: var(--rz-button-transition);
	text-align: center;
	border: 1px solid;
	padding: 5px;
	border-radius: 5px;
}

.jezyk-text-selected{
	text-align: center;
	font-family: 'Arial', sans-serif;
	color: var(--rz-secondary);
	transition: var(--rz-button-transition);
	border: 1px solid;
	padding: 5px;
	border-radius: 5px;
}

.jezyk-text:hover{
	cursor: pointer;
	color: var(--rz-secondary);
}

.jezyk-text-selected:hover{
	cursor: pointer;
	color: var(--rz-secondary);
	font-family: 'Arial', sans-serif;
}

.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active){
	background: none;
}
.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):active{
	background: none;
}

.rz-variant-outlined.rz-badge-primary.rz-shade-default{
	box-shadow: none;
}

.baner-container{
	position: relative;
	text-align: center;
}

.baner-text-container{
	position: absolute;
	width: 100%;
	top: 85%;
	left: 55%;
	transform: translate(-50%, -50%);
}

.stopka{
	max-width: 900px;
	min-height: 180px;
	margin: 50px auto 20px;
	font-family: 'Arial', sans-serif;
	color: white;
	background-color: var(--rz-primary);
}

.stopka-column{
	text-align: center;
	padding: 10px 10px 10px 20px;
	width: 100%;
	height: 100%;
}

.stopka-column-middle{
	text-align: center;
	padding: 10px 10px 10px 20px;
	width: 100%;
	height: 100%;
}

.stopka-tytul{
	font-size: 20px;
	font-family: 'Arial', sans-serif;
	display: block;
}

.stopka-text{
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	display: block;
}

.stopka-link{
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	display: block;
	transition: var(--rz-button-transition);
}
.stopka-link:hover{
	cursor: pointer;
	color: var(--rz-secondary)
}

.koszyk-button-container{
	position: relative;
	text-align: center;
}

.koszyk-etykieta{
	position: absolute;
	top: 0%;
	left: 0%;
}

.rz-menu, .rz-navigation-item-link, .rz-navigation-item-icon, .rz-menu-toggle{
	color: black !important;
}

.rz-button:hover{
	opacity: 1 !important;
}

.zaloguj-text{
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	color: white;
	transition: var(--rz-button-transition);
}

.zaloguj-text:hover{
	cursor: pointer;
	color: var(--rz-secondary);
}

.nowosci-text{
	font-family: 'Arial', sans-serif;
	color: var(--rz-secondary);
	display: block;
	text-align: center;
	font-size: 10vmin;
	letter-spacing: 1vmin;
	margin-bottom: 50px;
}

.czegoszukasz-text{
	font-family: 'Arial', sans-serif;
	color: var(--rz-primary);
	display: block;
	font-size: 25px;
	margin-bottom: 10px;
}

.czegoszukasz-pole{
}

.produkty-text{
	font-family: 'Arial', sans-serif;
	color: var(--rz-primary);
	display: block;
	font-size: 2vmin;
	text-align: left;
	margin-bottom: 10px;
}

.nazwa-produktu{
	font-size: 14px;
	color: #1c1c1c;
	font-family: 'Arial', sans-serif;
}

.przycisk-produkt{
	color: #1c1c1c;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	border: 1px solid black;
	padding: 10px;
	background-color: white;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	transition: var(--rz-button-transition) !important;
}

.nowosc-etykieta{
	position: absolute;
	background-color: var(--rz-primary);
	color: white;
	transform: rotate(5deg);
	text-transform: uppercase;
	font-size: 25px;
	top: 80%;
	left: 85%;
	padding: 1px 10px;
	font-family: 'Arial', sans-serif;
}

.bestseller-etykieta{
	position: absolute;
	color: var(--rz-primary);
	border: 1px solid var(--rz-primary);
	transform: rotate(5deg);
	text-transform: uppercase;
	padding: 1px 10px;
	font-size: 25px;
	font-family: 'Arial', sans-serif;
	top: 62%;
	left: 88%;
}

.projektuj-etykieta{
	position: absolute;
	color: var(--rz-secondary);
	border: 1px solid var(--rz-secondary);
	transform: rotate(5deg);
	text-transform: uppercase;
	padding: 1px 10px;
	font-size: 25px;
	font-family: 'Arial', sans-serif;
	top: 42%;
	left: 95%;
}

.parametry-tytul{
	font-family: 'Arial', sans-serif;
	display: inline-block;
	font-weight: bold !important;
	font-size: 14pt !important;
	color: var(--rz-primary);
	text-transform: uppercase;
}

.parametry-tytul-orange{
	padding: 5px 5px;
	text-align: center;
	font-family: 'Arial', sans-serif;
	display: inline-block;
	font-weight: bold !important;
	font-size: 14pt !important;
	color: var(--rz-primary);
	margin-bottom: 1em !important;
	text-transform: uppercase;
	background-color: var(--rz-secondary);
	border: 1px lightgray solid;
}

.parametry-tytul-dark{
	padding: 5px 5px;
	text-align: center;
	font-family: 'Arial', sans-serif;
	display: inline-block;
	font-weight: bold !important;
	font-size: 14pt !important;
	color: white !important;
	margin-bottom: 1em !important;
	text-transform: uppercase;
	background-color: var(--rz-primary);
	border: 1px lightgray solid;
}

.parametry-tytul-dark:hover{
	cursor: pointer;
	color: var(--rz-primary) !important;
	background-color: white;
	border: 1px var(--rz-primary) solid;
	transition: var(--rz-button-transition);
}

.rz-card.rz-variant-filled{
	box-shadow: none !important;
	border: 1px lightgray solid;
}

.parametry-card{
	font-size: 12pt !important;
}

.parametry-stack{
	gap: 0.5em;
}

.rz-dropdown, .rz-dropdown-item, .rz-dropdown-items, .rz-dropdown-panel{
	font-size: 12pt !important;
}

.podsumowanie-card{
	font-size: 12pt !important;
}

.indywidualne-card{
	font-size: 12pt !important;
}

.przygotowanie-pliki-card{
	font-size: 12pt !important;
}

.kreator-card{
	font-size: 12pt !important;
}

/*.rz-button.rz-button-md.rz-variant-filled.rz-shade-default {
	box-shadow: none !important;
	color: white !important;
	font-size: 12pt !important;
	border: 1px solid transparent;
}

.rz-button.rz-button-lg.rz-variant-filled.rz-shade-default {
	box-shadow: none !important;
	color: white !important;
	font-size: 15pt !important;
	border: 1px solid transparent;
}

.rz-button.rz-variant-filled.rz-success.rz-shade-default:hover {
	color: var(--rz-success) !important;
	background-color: white;
	border-color: var(--rz-success);
	border: 1px solid;
}*/

a{
	font-family: 'Arial', sans-serif;
	/*font-size: 16pt !important;*/
	color: var(--rz-primary) !important;
	transition: var(--rz-button-transition);
}

a:hover{
	color: var(--rz-secondary) !important;
}

h3{
	display: inline-block;
	font-weight: bold !important;
	font-size: 24pt !important;
	color: var(--rz-primary) !important;
}

h2{
	display: inline-block;
	font-weight: bold !important;
	font-size: 32pt !important;
	color: var(--rz-primary) !important;
}

h1{
	display: block;
	font-size: 40pt !important;
	font-weight: bold;
	color: var(--rz-primary) !important;
}

h6{
	font-size: 17px !important;
	font-weight: bold !important;
	text-align: left;
	text-transform: none !important;
}

h5{
	font-size: 18px !important;
	font-weight: bold !important;
	text-align: left;
	text-transform: uppercase !important;
	color: var(--rz-secondary) !important;
}

h4{
	font-size: 20px !important;
	font-weight: bold !important;
	margin: 0 0 !important;
}

.grupa-obrazek{
	max-width: 190px;
	max-height: 150px;
	object-fit: contain;
	transition: var(--rz-button-transition);
}

.grupa-obrazek:hover{
	max-width: 300px;
	max-height: 200px;
	cursor: pointer;
}

.rz-card.rz-variant-filled.gallery-image{
	text-align: center;
	padding: 2px 2px;
	width: 180px;
}

.rz-card.rz-variant-filled.gallery-image:hover{
	cursor: pointer;
}

.header-gray-container{
	width: 100%;
	border-bottom: 1px solid lightgray;
}

.header-gray{
	padding: 5px 5px;
	width: 50%;
	height: 100%;
	text-align: center;
	display: block;
	color: white;
	font-weight: bold;
	background-color: lightgray;
}

.orange-container{
	width: 100%;
	background-color: var(--rz-secondary);
	text-align: center;
	padding: 2px 0;
	color: white;
	transition: var(--rz-button-transition);
}
.orange-container:hover{
	background-color: var(--rz-primary);
	cursor: pointer;
}

.orange-text{
	display: inline-block;
	font-weight: bold;
	margin-top: 2px;
}

.black-container{
	margin-top: 1em;
	width: 100%;
	background-color: black;
	text-align: center;
	padding: 10px 0;
	color: white;
	transition: var(--rz-button-transition);
}
.black-container:hover{
	background-color: var(--rz-secondary);
	cursor: pointer;
}

.black-text{
	display: inline-block;
	font-weight: bold;
	margin-top: 2px;
}

.opis-ul{
	list-style: none;
}

.opis-ul li::before{
	content: '>';
	margin-left: -1em !important;
	padding-right: 10px !important;
	color: var(--rz-secondary);
}

.rz-tooltip.rz-popup{
	background-color: var(--rz-primary) !important;
}