div.box-polecane input[name="polecane"] {
  display: none;
}

div.box-polecane input[name="polecane"] + label {
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  padding: 7px 30px;
  border: 1px solid #000;
  border-radius: 5px;
  width: 100%;
  cursor:pointer;
}


div.box-polecane input[name="polecane"]:checked + label {
  background: var(--red);
  color: #fff;
}

div.box-pnmcs input[name="nacostac"] + label {
  cursor:pointer;
}
li.li-akt-filtr{
	margin-bottom:10px;
}
.wysylka-paczkomaty iframe{
	border:0px solid white;
	padding:0;
	margin:0;
	width:100%;
	height:600px
}
.img-tk{
	max-width:100%;
}
.event.orange{
	background:#fd7e14!important;
}
.event.red{
	background:#dc3545!important;
	color:#fff!important;
}
.event.blue{
	background:#007bff;!important
	color:#fff!important;
}
.event.purple{
	background:#6f42c1!important;
	color:#fff!important;
}
.event.green{
	background:#28a745!important;
	color:#fff!important;
}
ol.days li:last-child{
	color:#dc3545!important;
}
#MainMenu p.p-main{
	max-width:70px;
}
@media only screen and (max-width: 768px) {
  #MainMenu p.p-main{
    max-width: 100%;
  }
}
#pokaz-saldo {
    display: inline-block;
    margin: 0;
    padding: 8px 20px;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    background-color: var(--gray);
    border-radius: 4px;
	border:none;
}

#pokaz-saldo:hover{
    color: var(--black);
    background-color: var(--white);
}
.calendar li{transition:0.5s ease all;}
.calendar .moj-event > span{display:none;transition:0.5s ease all;}
.calendar .li:hover .moj-event > span,
.moj-event:hover > span{
	display:block!important;
	margin-top:10px;
}
.moj-event:hover > span a{
	font-size:11px;
	color:#000;
}
.hideme{
	display:none!important;
}
.hidemeopacity{
	opacity:0;
}
.promocja div.box-sin-pst-rgt{
	float:right;
}
.sd-user .bg-cont-slide{
	background-size:contain;
}

ul.ul-main li.color-blue.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-blue.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-blue.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--blue);
}
ul.ul-main li.color-orange.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-orange.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-orange.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--orange);
}
ul.ul-main li.color-yellow.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-yellow.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-yellow.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--yellow);
}
ul.ul-main li.color-black.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-black.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-black.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--black);
}
ul.ul-main li.color-green.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-green.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-green.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--green);
}
ul.ul-main li.color-purple.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-purple.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-purple.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--purple);
}
ul.ul-main li.color-teal.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-teal.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-teal.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--teal);
}
ul.ul-main li.color-brown.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-brown.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-brown.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--brown);
}
ul.ul-main li.color-red.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-red.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-red.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--red);
}
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li:focus-within {
  background-color: var(--light-blue);
}
/* ul.ul-main li.show-menu:not(:hover):not(:focus-within) svg.svg-menu path {
  fill: #fff !important;
} */
ul.ul-main li.show-menu ul.ul-submenu li.active svg.svg-sm path,
ul.ul-main li.show-menu ul.ul-submenu li:focus-within svg.svg-sm path {
  fill: #fff;
}

ul.ul-main li.show-menu ul.ul-submenu li.active a.a-submenu,
ul.ul-main li.show-menu ul.ul-submenu li:focus-within a.a-submenu {
  color: #fff;
}
ul.ul-main li.show-menu{
	border-radius: 12px;
}
/* ul.ul-main li.show-menu:not(:hover):not(:focus-within) > span.spn-pow > p.p-main {
	color: #fff!important;
} */
/* Custom Choose file */
.__lk-fileInput {
  cursor: pointer;
  width: 100%;
}
.__lk-fileInput input {
  display: none;
}
.__lk-fileInput span {
  display: inline-block;
  color: #fff;
  margin: 0 0 10px;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: var(--black);
  background: transparent;
  border-radius: 12px;
  border: 2px dotted var(--gray);

  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
.__lk-fileInput span:hover {
  background: var(--gray);
  color: #fff;
}
.__lk-fileInput span.withFile:after {
  content: '╳';
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  font-size: 10px;
  margin-top: -3px; 
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; width:auto!important}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; background:#fff; cursor:pointer;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #005EAA; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.box-nfr-top{
	overflow:hidden;
	width:100%;
}
.p-nag-lim-pkt.p-prod-sgl-pkt::before {
    content: '';
    background-image: url(../img/nagrody/ico-logo-pkt.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px 16px;
    position: relative;
    top: 3px;
    left: -9px;
	display:none;
}
@media only screen and (max-width: 768px) {
	table.dataTable{
		max-width:100%!important;
	}
  .__lk-fileInput span {
    padding: 10px;
  }
  .col-ms-nav-c.mob-cnt > a{
	margin-bottom:20px;"
}
}
.p-sgl-blad{
	color:red;
}
.mobi-dzien{
	display:none;
}

@media only screen and (max-width: 768px) {
	.calendar ol.days.list-unstyled{
		margin-bottom:0;
	}
	.calendar .days li{
		min-height:3.5rem;
	}
	.calendar .days li.outside{
		display:none;
	}
	.mobi-dzien{
		display:inline-block;
	}
	.calendar .days li{
		width:100%;
	}
	.calendar .day-names{
		display:none;
	}
	.calendar .days li .date{
		float:left;
		margin-right:10px;
		padding-right:10px;
		font-size:125%;
		border-right:1px solid #ddd;
		width:35px;
		margin-top:5px;
	}
	.calendar .days li .events{
		margin-top:5px;
	}
	.calendar .days{
		border-bottom:none;
	}
	
	img.img-hero-mob{
		width: 100%;
	}
	
	.mob-cnt-jstf{
		justify-content: center;
	}
	
	.mob-bt-m{
		margin-bottom: 40px;
	}
	
	main#Main {
		overflow-x: hidden;
	}
	
	img.img-logo.logo-archi{
		max-width: 50px;
		margin-bottom: 10px;
		margin-top: 0;
	}
}

/* li.active p.p-pow-cart{background:#fff;color:var(--red);font-weight:bold;} */
nav.nav-h ul.ul-dropmenu li:last-child table.tab-pow td,
nav.nav-h ul.ul-dropmenu li:last-child table.tab-pow th{
	border-bottom:none;
}
.vcont,.YTplayer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	text-align:center;
	display:none;
}
#vcont2,
.vcont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.acont{
	text-align:center;
}
.params .parametr{max-width:235px;}
.box-side-wyd tr{
	border-bottom:1px solid var(--gray);
}
.box-side-wyd tr:last-child{
	border-bottom:0px solid var(--gray);
}
.box-side-wyd tr td{
	padding-top:1rem;
}
.box-side-wyd tr:first-child td{
	padding-top:0rem;
}
p.p-bsw-txt{
	text-align:left;
}

/*mapa*/
#map  
{  
	height: 75vh;  
	/*max-height:60%;*/
	width: 100%;  
	margin: auto auto;  
	border: solid 2px #0d6b7a;  
	-webkit-transform: translateZ(0);  
	z-index: 10;  
}  
  
#map-canvas {  
	height: 100%;  
	width: 100%;  
	margin: 0px;  
	padding: 0px;  
	z-index: 10;  
}  
#map-canvas2 {  
	height: 100%;  
	width: 100%;  
	margin: 0px;  
	padding: 0px;  
	z-index: 10;  
}  
.controls {  
	margin-top: 16px;  
	border: 1px solid #0d6b7a;  
	box-sizing: border-box;  
	-moz-box-sizing: border-box;  
	height: 32px;  
	outline: none;  
	// box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);  
	background-color: floralwhite;  
	border-radius: 5px;  
}  
  
#pac-input {  
	background-color: #fff;  
	font-family: Roboto;  
	font-size: 15px;  
	font-weight: 300;  
	margin-left: 12px;  
	padding: 0 11px 0 13px;  
	text-overflow: ellipsis;  
	width: 80%;  
	z-index: 1081;  
}  
  
#pac-input:focus {  
	border-color: #0088FF;  
}  
  
.pac-container {  
	font-family: Roboto;  
}  
  
#type-selector {  
	color: #fff;  
	background-color: #4d90fe;  
	padding: 5px 11px 0px 11px;  
}  
  
#type-selector label {  
	font-family: Roboto;  
	font-size: 13px;  
	font-weight: 300;  
}  
.pac-container {  
	background-color: #FFF;  
	z-index: 100000 !important;
	position: fixed;  
	display: inline-block;  
	float: left;  
}  
.lat,.lon{
	border:none;
	background:transparent;
	cursor-events:none;
}
.btn-loc{
	display:block;
}
#inwestycja-mapa{
	width:100%;
	height:300px;
	margin-top:40px;
}
.zdjecia{
	margin-top:20px;
}
.zdjecia img{
	margin:10px 0;
}
.inwestycja-head{
	display:block;
	color:var(--blue);
	font-weight:bold;
	margin-top:0px;
	margin-bottom:20px;
	position:relative;
	padding-left:15px;
}

.inwestycja-head::before {
    content: '';
    width: 4px;
    height: 26px;
    border-radius: 53px;
    display: block;
    position: absolute;
    left: 0;
    top: -3px;
	background:var(--blue);
}
.adres-radio label{
	font-weight:normal;
}
.adres-radio span{
	font-size:125%;
	font-weight:bold;
}
.wybor-adresu{
	text-align:center;
}
#form-wizytowka textarea{
	height:200px;
}
.filechange img,.form-group-file img{
	max-width:150px;
}
.filechange input{
	margin-bottom:15px;
}
body.inwestycje .filechange img{
	margin-bottom:15px;
}
.min-340{
	min-height:340px;
}
/**

second main KAN-therm

**/

  /** new global **/
main#Main {
  /*background-image: url('../img/_global/bg-main.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
}
body {
  overflow-x: hidden;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
a, p, button, input {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

  /** new news slider **/
div.box-nf-lft {
  background: var(--akcent3);
  box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
}
div.box-nfr-top {
  background-color: #fff;
}
div.box-nfr-btm {
  background-color: var(--dark-red);
}

.box-nfr-btm-ambasador {
  background-color: #E30521!important;
}

/** new footer **/
img.img-f-logo {
  max-width: 340px;
  width: 100%;
}
p.p-f {
  margin-top: 15px;
}

/** news sidebar kalendarz **/
div.sd-user-data {
  position: relative;
  margin: 30px 0 0 0;
  padding: 20px 15px;
  text-align: center;
  border-radius: 0px;
  -webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 20px rgb(0 0 0 / 15%);
  box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 20px rgb(0 0 0 / 15%);

/*  background-image: url('../img/_global/bg-data.jpg');*/
  background-color: var(--red);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
p.p-sd-dzien {
  margin: 0 0 30px 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
    color: aliceblue;
/*  color: #51C2DA;*/
}
p.p-sd-data {
  margin: 0;
  font-weight: 700;
  font-size: 100px;
  line-height: 45px;
  color: #fff;
}
p.p-sd-data span {
  font-size: 40px;
  line-height: 50px;
}
p.p-sd-rok {
  margin: 15px 0 0 0;
  font-weight: 350;
  font-size: 28px;
  line-height: 37px;
  letter-spacing: 9.5px;
  color: #fff;
}
.usunusluge,.usunfv,.usunzdjecie{
	margin-left:5px;
	line-height:0.5;
	padding:5px;
	font-size:10px;
}
.notice-red{
	color:var(--red);
	font-size:12px;
	margin-top:0px;
	margin-bottom:10px;
}
.box4 .p-cont-title{
	display:none;
}
div.box-side-wyd div.bg-cont-slide{
	height:243px;
}

/* div.box-side-wyd{ */
	/* box-shadow:none; */
/* } */
table th{text-align:center;}

.trapezoid-container{
  	position: relative;
  margin-left: 100px;
  width: 200px;
  height: 200px;
  
  }
.trapezoid {
	background: none;
	position: relative;
	position:absolute;
  	content:"";
	width: 40%;
	height: 100%;
	right: 20px;
	top:0;
}
.trapezoid:before {
	background: none;
	position:absolute;
  	content:"";
	width: 60%;
height: 100%;
left: 63%;
transform: skew(20deg);	
}
.trapezoid:after {
background: rgba(221,221,221,0.7);
    position: absolute;
    content: "";
    width: 500%;
    height: 100%;
    left: -8%;
    transform: skew(-20deg);
    /*border: 1px solid #ddd;*/
}
.logo-login{
	position:absolute!important;
	bottom:50px;
	left:100px;
}
.logo-login img{
	max-width:initial;
	width:350px;
}
.fluid-login{
	position:absolute;
	 top: 45%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media only screen and (min-width: 600px) and (max-width: 1500px) {
	.fluid-login{
		transform: translateY(-50%) scale(0.81);
		-moz-transform: translateY(-50%) scale(0.79);
		-ms-transform: translateY(-50%) scale(0.79);
		-o-transform: translateY(-50%) scale(0.79);
	}
	.box-login-logo{
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1501px) and (min-width: 1700px) {
	.fluid-login{
		transform: translateY(-50%) scale(0.9);
		-moz-transform: translateY(-50%) scale(0.9);
		-ms-transform: translateY(-50%) scale(0.9);
		-o-transform: translateY(-50%) scale(0.9);
	}
	.box-login-logo{
		margin-top: 60px;
	}
}

@media only screen and (min-width: 1701px){
	.fluid-login{
		transform: translateY(-50%) scale(0.95);
	}
	.box-login-logo{
		margin-top: 80px;
	}
}

#klauzulainf{
	max-height:200px;
	font-size:12px;
	line-height:14px;
	overflow:hidden;
	overflow-y:auto;
	border:1px solid #eee;
	padding:20px;
}

/*.col-md-12.move-up-little{
	margin-top: -10%;
}*/
.pr50{
	margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
}
.logo-archi{
	max-width:330px!important;
}
@media only screen and (min-width: 768px) {
	.box-szad-txt.break-line p{
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	.fluid-login{
		position:initial;
		 top: initial;
		-ms-transform: initial;
		transform: initial;
		
	}
	.fluid-login.plansza-mb{
		margin-top: 30%!important;
	}
	
	#MainLogin{
		background:none;
		background:#fff!important;
	}
	.trapezoid{display:none;}
	div.box-login-logo{position:relative!important;bottom:initial;left:initial}
	div.w520{
		margin-right:initial;
	}
	
	.col-md-12.move-up-little{
		margin-top: 0%;	
	}
	
}

.box-video div.box-fp-zad{
	padding:0;
	overflow:hidden;
}

#fb-page-scroll{
  margin-top: 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
  border-radius: 0;
  text-align: center;
  position: relative;
}	

.video-container {
    width: 90%;
    height: 80%; 
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 3% 0 2.5% 5%;
}

.responsive-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

	@media (min-width: 992px) {
		.text-lg-white {
			color: white !important;
		}
	}
	
.bg-pts{
	/* padding: 10px 20px; */
	background: #F9F9F9;
	-webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	margin-bottom: 30px;
}
.sd-user table.tab-bsw {
    width: 100%;
}
.page90{
	max-width:90%;
	margin:0 auto;
}
.table-zadanie-naliczenia-DemoPlatforma{
	font-size:14px;
}
.lsklepow{
	width:100%;
	text-align:center;
}
.buttons-html5{
	margin:5px!important;
	border-radius: .2rem!important;
}
div.dataTables_wrapper div.dataTables_filter{
	text-align: left;
}

.img-ambasador-tlo-pieprz{
	position: relative;
	left: 50px;
	bottom: 0;
	/* width: 100%; */
	/* height: 100%; */
}

.szczegolowe-info{
	cursor:pointer;
}

.par{
	display:none;
	position:absolute;
	top:15px;
	left:20px;
	box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.49);
	width:409px;
	z-index:101;
}
.par .zamknij{
	font-family:Arial;
	display:none;
	font-size:30px;
	color:#000;
	position:absolute;
	top:5px;
	right:10px;
	cursor:pointer
}

@media only screen and (max-width: 768px) {
	.par{
		position:relative;
		max-width:100%;
		left:0;
		top:0;
	}
	.par img{
		max-width:100%;
	}
	.par .zamknij{
		font-family:Arial;
		display:none;
		font-size:30px;
		color:#000;
		position:absolute;
		top:10px;
		right:10px;
		cursor:pointer
	}
}
.ambasador-tlo div.box-nf-lft,
.ambasador-tlo div.p-nf-news-style{
	background:var(--red);
}
.ambasador-tlo h2.h2-zad,
.ambasador-tlo h1.h1-title{
	color:#fff;
}
.ambasador-tlo h2.h2-zad-akt::before,
.ambasador-tlo h1.h1-title::before{
	background:#fff;
}
.ambasador-tlo ol.days li:last-child{
	color:#fff!important;
	font-weight:bold;
}
.ambasador-tlo div.box-side-user,
.ambasador-tlo div.box-side-wyd,
.ambasador-tlo div.box-nf-lft,
.ambasador-tlo div.box-nfr-top,
.ambasador-tlo .box-fp-zad {
	-webkit-box-shadow: 0px 3px 6px rgba(255,255,255, 0.15), 0px 1px 20px rgba(255,255,255, 0.15);
			box-shadow: 0px 3px 6px rgba(255,255,255, 0.15), 0px 1px 20px rgba(255,255,255, 0.15);
}
 
.MainLoginAmbasadorBackground{
	background-image: url(../img/login/ambasador_DemoPlatforma_tlo.png)!important;
}
body.body-ambasador header#Header,
body.body-ambasador footer#Footer{
	background:var(--red);
}

body.body-ambasador header#Header p.p-h,
body.body-ambasador footer#Footer p.p-f,
body.body-ambasador header#Header p.p-h a.a-drop,
body.body-ambasador footer#Footer a.a-f{
	color:#fff!important;
}
body.body-ambasador header#Header p.p-h:hover,
body.body-ambasador footer#Footer a.a-f:hover,
body.body-ambasador header#Header p.p-h a.a-drop:hover{
	color:rgba(255,255,255,0.7)!important;
}

body.body-ambasador svg.svg-set circle{
	fill:#fff;
}
body.body-ambasador .line{
	stroke:#fff;
}

body.body-ambasador ul.ul-main{
	left:6px;
}

[type=radio].av { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
  }
/* IMAGE STYLES */
[type=radio].av + img {
	cursor: pointer;
	transition:0.3s ease transform;
  }
  
  /* CHECKED STYLES */
  [type=radio].av:checked + img {
	outline: 2px solid var(--red);
	border-radius:50%;
	transform:scale(1.3);
  }
  #zmiensegment{
	background:#fff;
	color:#686868;
	font-size:12px;
	border:1px solid #fff;
  }
  .body-ambasador #zmiensegment{
	background:var(--red);
	color:#fff;
	font-size:12px;
	border:1px solid var(--red);
  }
  #zmiensegment:active,
  #zmiensegment:focus,
  #zmiensegment:hover{
	outline:none;
  }
  #zmientypkonta{
	background:#fff;
	color:#686868;
	font-size:12px;
	border:1px solid #fff;
	border-bottom: 1px solid var(--primary-dev);
  }
  #zmiensegment{
	background:#fff;
	color:#686868;
	font-size:12px;
	border:1px solid #fff;
	border-bottom: 1px solid var(--primary-dev);
  }
  .body-ambasador #zmientypkonta,
  .body-typ-firma #zmientypkonta,
  .body-typ-dystrybutor #zmientypkonta,
  .body-typ-marketing #zmientypkonta{
	background:var(--red);
	color:#fff;
	font-size:12px;
	border:1px solid var(--red);
	border-bottom: 1px solid var(--primary-dev);
  }
  #zmientypkonta:active,
  #zmientypkonta:focus,
  #zmientypkonta:hover{
	outline:none;
  }
  #zmientypkonta:focus{
	box-shadow: 0 0 0 .2rem rgba(var(--accent-dev-rgb), .35);
  }
  #zmienjezyk{
	background:#fff;
	color:#686868;
	font-size:12px;
	border:1px solid #fff;
	border-bottom: 1px solid var(--primary-dev);
  }
  .body-ambasador #zmienjezyk,
  .body-typ-firma #zmienjezyk,
  .body-typ-dystrybutor #zmienjezyk,
  .body-typ-marketing #zmienjezyk{
	background:var(--red);
	color:#fff;
	font-size:12px;
	border:1px solid var(--red);
	border-bottom: 1px solid var(--primary-dev);
  }
  #zmienjezyk:active,
  #zmienjezyk:focus,
  #zmienjezyk:hover{
	outline:none;
  }
  #zmienjezyk:focus{
	box-shadow: 0 0 0 .2rem rgba(var(--accent-dev-rgb), .35);
  }
  /* Style dla typów kont */
  .typ-konta-firma{
	/* Dodaj style dla typu konta Firma */
  }
  .typ-konta-dystrybutor{
	/* Dodaj style dla typu konta Dystrybutor */
  }
  .typ-konta-marketing{
	/* Dodaj style dla typu konta Marketing */
  }
  .body-typ-firma{
	/* Dodaj style body dla typu konta Firma */
  }
  .body-typ-dystrybutor{
	/* Dodaj style body dla typu konta Dystrybutor */
  }
  .body-typ-marketing{
	/* Dodaj style body dla typu konta Marketing */
  }
  section.sec-videohome{
	margin-bottom:30px;
  }
  .row-page-small-padd{
	padding:10px!important;
	margin-top:0!important;
	margin-bottom:10px;
  }

  .modal-popupy .modal-body img{
	max-width:100%;
  }
  .modal-popupy .popup-video video{
	width:100%;
  }

  .box-form-ramka {
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 20px rgb(0 0 0 / 15%);
	box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 20px rgb(0 0 0 / 15%);
	border-radius: 10px; 
  }

  .kier-for-kom {
	font-weight: bold;
	color: #E30521;
  }

  .kier-for-kom-ok {
	font-weight: bold;
	color: #21A537;
  }

  .alert {
	font-weight: bold;
	color: #21A537;
  }
  
  /* guzik do uploadu zdjec */
  .kier-zdjecie-plik-button::file-selector-button {
	padding: 5px 15px;
	font-size: 14px;
	height: 100%;
	margin-right: 10px;
	border: none;
	background: #24357e;
	border-radius: 20px;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease-in-out;
  }
  
  /* guzik do uploadu zdjec po najechaniu */
  .kier-zdjecie-plik-button::file-selector-button:hover {
	background: #084cdf;
  }

  .kier-zdjecie-plik-button {
	padding: 0;
	height: 38px;
  }

  /* wylaczanie elementow formularza */
  .kier-nie-aktywny {
	pointer-events: none;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: 0.5;
	/* filter: brightness(1.5); */
	cursor: default; /* usuniecie wskaznika kursora */
  }

.marg-bot-20 {
	margin-bottom: 20px;
}

.marg-top-25 {
	margin-top: 25px;
}

ul.ul-lista-ph,
ul.row {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
  }
  ul.ul-lista-ph li {
	display: inline-block;
	margin-right: 30px;
  }
  
  p.p-lista-ph {
	font-size: 18px;
	line-height: 16px;
	display: block;
	align-items: center;
	color: #1A3158;
  }
  p.p-lista-ph span.sp-lph {
	display: inline-block;
	padding: 2px 7px;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 1;
	margin-left: 10px;
  }
  p.p-lista-ph span.sp-lph-lacz {
	background: #1A3158;
  }
  p.p-lista-ph span.sp-lph-akt {
	background: #21A537;
  }
  p.p-lista-ph span.sp-lph-nieakt {
	background: #E10000;
  }
  p.p-lista-ph span.sp-lph-zapro {
	background: #DEBC6E;
  }

@media only screen and (max-width: 768px) {
	p.p-lista-ph span.sp-lph{
		float:right;
	}
}
section.sec-underslider{
	padding-bottom:0;
}
.underslider_pasek{
	background:var(--akcent3);
	color:#fff;
	text-transform:uppercase;
	font-weight: 900;
    font-size: 24px;
	padding:5px 16px;
	margin-bottom:14px;
}

.col-b7 > a > div{
	padding:15px;
	padding-bottom:0;
}
.col-b7:first-child > a > div{
	padding-left:0;
}
.col-b7:last-child > a > div{
	padding-right:0;
}.col-b7:nth-child(2)> a > div{
	padding:16px 8px;
	padding-bottom:0;
}
@media only screen and (max-width: 768px) {
	.underslider_pasek{
		font-size:20px;
	}
	.col-b7 > a > div{
		padding:10px 0!important;
	}
}

.extra-4 label{
	float:right;
}
/* Komunikaty 2FA */
.twofa-messages {
	margin: 15px 0;
}

.twofa-messages .alert {
	border-radius: 8px;
	border: none;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	font-size: 14px;
	padding: 12px 20px;
}

.twofa-messages .alert-success {
	background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
	color: #155724;
	border-left: 4px solid #28a745;
}

.twofa-messages .alert-danger {
	background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
	color: #721c24;
	border-left: 4px solid #dc3545;
}

.twofa-messages .alert strong {
	font-weight: 600;
	margin-right: 8px;
}

.twofa-messages .close {
	font-size: 18px;
	font-weight: bold;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.twofa-messages .close:hover {
	opacity: 1;
}


/* ======================================== */
/* STYLE DLA KODÓW ZAPASOWYCH 2FA */
/* ======================================== */

/* Separatory w sekcji kodów zapasowych */
.backup-codes-section hr {
	margin: 30px 0;
}

/* Kontener akcji kodów zapasowych */
#backup-codes-actions {
	margin-top: 15px;
}

/* Kontener wyświetlania kodów */
#backup-codes-display {
	margin-top: 20px;
	display: none;
}

/* Style dla kodów zapasowych */
.backup-codes-list {
	font-family: monospace;
	font-size: 16px;
	line-height: 1.5;
}

/* Style dla kontenera kodów z tłem */
.backup-codes-container {
	font-family: monospace;
	font-size: 16px;
	line-height: 1.5;
	background: #f8f9fa;
	padding: 15px;
	border-radius: 5px;
}

/* Przyciski ukryte domyślnie */
.backup-codes-button-hidden {
	display: none;
}

/* Style dla przycisku kopiowania */
.copy-backup-codes-btn {
	margin-top: 10px;
}

/* Responsywność dla kodów zapasowych */
@media only screen and (max-width: 768px) {
	.backup-codes-section h4 {
		font-size: 18px;
	}

	.backup-codes-list {
		font-size: 14px;
	}

	#backup-codes-actions .btn {
		width: 100%;
		margin-bottom: 10px;
	}
}

/* Style dla obrazka Microsoft Authenticator */
.authenticator-image {
	float: left;
	border: 0px solid #8497A5;
	margin: 10px;
	margin-top: -10px;
	max-width: 70px;
}

/* Style dla ukrytych tabów */
.tab-pane-hidden {
	display: none;
}

/* Style dla ukrytych elementów nawigacji */
.nav-item-hidden {
	display: none;
}

/* Style dla kontenera tabów */
.tab-content-full-width {
	width: 100%;
}

/* Style dla formularza 2FA */
.error-hidden {
	display: none;
}

.clear-both {
	clear: both;
}

/* Style dla nawigacji logowania */
.nav-f-full-width {
	width: 100%;
}

.ul-f-full-width {
	width: 100%;
}

.nav-item-float-right {
	float: right;
}

.cookie-text-margin {
	margin-right: 5%;
}