.justify-content-center {

	-ms-flex-pack: center !important;

	justify-content: center !important;

}



.col-12 {

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

}



.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, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {

	position: relative;

	width: 100%;

	padding-right: 15px;

	padding-left: 15px;

}



@media (min-width: 576px) {

  .card-group {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

  }

}



@media (min-width: 576px) {

  .card-group > .card:not(:last-child) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

  }

}



@media (min-width: 576px) {

  .card-group > .card {

    -ms-flex: 1 0 0%;

    flex: 1 0 0%;

    margin-bottom: 0;

  }

}



@media (min-width: 576px) {

  html:not([dir="rtl"]) .card-group > .card + .card {

    margin-left: 0;

    border-left: 0;

  }

}



@media (min-width: 576px) {

  .card-group > .card:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

  }

}





.card[class^="bg-"], .card[class*=" bg-"] {

	border-color: rgba(0,0,0,.125);

}



.pb-5, .py-5 {

	padding-bottom: 3rem !important;

}





.p-4 {

	padding: 1.5rem !important;

}



.card {

	position: relative;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	margin-bottom: 1.5rem;

	word-wrap: break-word;

	background-clip: border-box;

	border: 1px solid;

	border-radius: .25rem;

	background-color: #fff;

	border-color: #d8dbe0;

}



.card-body {

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;

	min-height: 1px;

	padding: 1.25rem;

}



h1, .h1 {

	font-size: 2.1875rem;

}



.text-muted {

	color: #768192 !important;

}



p {

	margin-top: 0;

	margin-bottom: 1rem;

}



.mb-3, .my-3 {

	margin-bottom: 1rem !important;

}







.input-group {

	position: relative;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-ms-flex-align: stretch;

	align-items: stretch;

	width: 100%;

}



html:not([dir="rtl"]) .input-group-prepend {

	margin-right: -1px;

}



.input-group-prepend {

	white-space: nowrap;

	vertical-align: middle;

}



.input-group-prepend, .input-group-append {

	display: -ms-flexbox;

	display: flex;

}



.mb-4, .my-4 {

	margin-bottom: 1.5rem !important;

}







.form-control {

	display: block;

	width: 100%;

	height: calc(1.5em + 0.75rem + 2px);

	padding: .375rem .75rem;

	font-size: .875rem;

	font-weight: 400;

	line-height: 1.5;

	background-clip: padding-box;

	border: 1px solid;

	color: #768192;

	background-color: #fff;

	border-color: #d8dbe0;

	border-radius: .25rem;

	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}







.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {

	/* position: relative; */

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;

	width: 1%;

	min-width: 0;

	margin-bottom: 0;

}



.row {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-right: -15px;

	margin-left: -15px;

}



.col-6 {

	-ms-flex: 0 0 50%;

	flex: 0 0 50%;

	max-width: 50%;

}





.btn-primary {

	color: #fff;

	background-color: #321fdb;

	border-color: #321fdb;

}



.btn {

	display: inline-block;

	font-weight: 400;

	color: #3c4b64;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-color: transparent;

	border: 1px solid transparent;

	padding: .375rem .75rem;

	font-size: .875rem;

	line-height: 1.5;

	border-radius: .25rem;

	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}







.text-right {

	text-align: right !important;

}



.przycikidologowania {

	display: flex;

	justify-content: space-between;

}





.btn-outline-light {

	color: #ebedef;

	border-color: #ebedef;

}

.btn-lg, .btn-group-lg > .btn {

	padding: .5rem 1rem;

	font-size: 1.09375rem;

	line-height: 1.5;

	border-radius: .3rem;

}



.mt-3, .my-3 {

	margin-top: 1rem !important;

}





.form-control {

	display: block;

	width: 100%;

	height: calc(1.5em + 0.75rem + 2px);

	padding: .375rem .75rem;

	font-size: .875rem;

	font-weight: 400;

	line-height: 1.5;

	background-clip: padding-box;

	border: 1px solid;

	color: #768192;

	background-color: #fff;

	border-color: #d8dbe0;

	border-radius: .25rem;

	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



input, button, select, optgroup, textarea {

	margin: 0;

	font-family: inherit;

	font-size: inherit;

	line-height: inherit;

}





.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {

	/* position: relative; */

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;

	width: 1%;

	min-width: 0;

	margin-bottom: 0;

}



[dir="rtl"] .input-group > .form-control:not(:last-child), [dir="rtl"] .input-group > .custom-select:not(:last-child), html:not([dir="rtl"]) .input-group > .form-control:not(:first-child), html:not([dir="rtl"]) .input-group > .custom-select:not(:first-child) {

	/* border-top-left-radius: 0; */

	/* border-bottom-left-radius: 0; */

}





.input-group-text {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	align-items: center;

	padding: .375rem .75rem;

	margin-bottom: 0;

	font-size: .875rem;

	font-weight: 400;

	line-height: 1.5;

	text-align: center;

	white-space: nowrap;

	border: 1px solid;

	border-radius: .25rem;

	color: #768192;

	background-color: #ebedef;

	border-color: #d8dbe0;

}









html:not([dir="rtl"]) .input-group > .input-group-prepend > .btn, html:not([dir="rtl"]) .input-group > .input-group-prepend > .input-group-text, html:not([dir="rtl"]) .input-group > .input-group-append:not(:last-child) > .btn, html:not([dir="rtl"]) .input-group > .input-group-append:not(:last-child) > .input-group-text, html:not([dir="rtl"]) .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), html:not([dir="rtl"]) .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {

	border-top-right-radius: 0;

	border-bottom-right-radius: 0;

}





.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size) {

	width: 1rem;

	height: 1rem;

	font-size: 1rem;

}





.c-icon {

	display: inline-block;

	color: inherit;

	text-align: center;

	fill: currentColor;

}



svg {

	overflow: hidden;

}



.bg-primary {

	background-color: #321fdb !important;

}



h1, h2, h3, h4, h5, h6 {

	margin-top: 0;

	margin-bottom: .5rem;

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	margin-bottom: .5rem;

	font-weight: 500;

	line-height: 1.2;

}

h2, .h2 {

	font-size: 1.75rem;

}





.text-white {

	color: #fff !important;

}



body {

	font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;

	font-size: .875rem;

	font-weight: 400;

	line-height: 1.5;

	text-align: left;

	color: #3c4b64;

}



*, ::before, ::after {

	box-sizing: border-box;

}



.btn:not(:disabled):not(.disabled) {

	cursor: pointer;

}



.pl-4, .px-4, html:not([dir="rtl"]) .pfs-4 {

	padding-left: 1.5rem !important;

}



.pr-4, .px-4 {



}

.btn-primary {

	color: #fff;

	background-color: #321fdb;

	border-color: #321fdb;

}





@media (hover: hover), (-ms-high-contrast:none) {

  .btn-link:hover {

    color: #231698;

    text-decoration: underline;

  }

}





@media (hover: hover), (-ms-high-contrast:none) {

  .btn:hover {

    color: #3c4b64;

    text-decoration: none;

  }

}







button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {

  cursor: pointer;

}







.pl-0, .px-0, html:not([dir="rtl"]) .pfs-0 {

	padding-left: 0 !important;

}





.pr-0, .px-0 {

	padding-right: 0 !important;

}







.btn-link {

	font-weight: 400;

	color: #321fdb;

	text-decoration: none;

}





a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {

	background-color: #2819ae !important;

}



.przycikidologowania .bg-primary {

	background: #3a559f !important;

	color: #fff;

}



@media (hover: hover), (-ms-high-contrast:none) {

  .btn:hover {

    color: #3c4b64;

    text-decoration: none;

  }

}



@media (hover: hover), (-ms-high-contrast:none) {

  a:hover {

    text-decoration: underline;

    color: var(--info);

  }

}

.w-100 {

	width: 100% !important;

}



.przycikidologowania .bg-primary img {

	padding-right: 10px;

	display: inline-block;

}



@media (hover: hover), (-ms-high-contrast:none) {

  .btn-outline-light:hover {

    color: #4f5d73;

    background-color: #ebedef;

    border-color: #ebedef;

  }

}



@media (hover: hover), (-ms-high-contrast:none) {

  .btn:hover {

    color: #3c4b64;

    text-decoration: none;

  }

}



.progress, .progress-bar {

	display: -ms-flexbox;

	display: flex;

	overflow: hidden;

}







.progress {

	height: 1rem;

	line-height: 0;

	font-size: .65625rem;

	border-radius: .25rem;

	background-color: #ebedef;

}



.d-none {

	display: none !important;

}



.progress-bar {

	-ms-flex-direction: column;

	flex-direction: column;

	-ms-flex-pack: center;

	justify-content: center;

	text-align: center;

	white-space: nowrap;

	transition: width .6s ease;

	color: #fff;

	background-color: #321fdb;

}



.progress, .progress-bar {

	display: -ms-flexbox;

	display: flex;

	overflow: hidden;

}



a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {

	background-color: #2819ae !important;

	color: #fff;

}



@media (hover: hover), (-ms-high-contrast:none) {

  .btn-primary:hover {

    color: #fff;

    background-color: #2a1ab9;

    border-color: #2819ae;

  }

}







#whole-loader {

  margin: 0;

  padding: 0;

  display: none;  /* Początkowo ukryty */

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: #f3f4f6; /* Jasne tło dla lepszej kontrastu */

  font-family: Arial, sans-serif;

  z-index: 1111;

  justify-content: center;

  align-items: center;

  opacity: .98;  /* Początkowo niewidoczny */

  transition: opacity 1s ease-in-out;  /* Animacja opacity */

}



#whole-loader.active {

  display: flex; /* Po aktywacji zmienia się z none na flex */

}



.whole-loader {

  flex-direction: column;

  align-items: center;

  width: 70%;

  max-width: 70%;

}



.progress-bar-container {

  width: 100%;

  background-color: #e5e7eb; /* Jasnoszare tło dla kontrastu */

  border-radius: 9999px;

  overflow: hidden;

  margin-bottom: 20px;

}



.progress-bar {

  width: 1%;

  animation: progress 70s linear forwards;

  background-color: #2563eb; /* Odpowiada Tailwind bg-blue-600 */

  height: 10px; /* Odpowiada Tailwind h-2.5 */

  border-radius: 9999px; /* Odpowiada Tailwind rounded-full */

  transition: width 0.3s linear;

}



@keyframes progress {

  from {

    width: 1%;

  }

  to {

    width: 100%;

  }

}



.loading-messages {

  text-align: center;

  font-size: 1.2rem;

  color: #374151; /* Dark gray for text */

}