.blpaczka__settings__template {

	font-family: "Open Sans", sans-serif;
	font-weight: 300;

	button.add {
		margin-top: 16px;
		background:linear-gradient(90deg,#5384ec,#66b5c4);
		border-radius:100px;
		color:#fff;
		font-size:16px;
		font-weight:700;
		line-height:22px;
		max-height:54px;
		padding:16px 24px;
		text-decoration:none;
		transition-duration:.2s;
		transition-property:all;
		transition-timing-function:ease;
		border:none;
		cursor:pointer;

		&:hover {
			box-shadow:0 8px 24px #568ae8b2
		}
	}

	&__header {
		color: #262b44;
		font-size: 16px;
		font-weight: 600;
		line-height: 33px;
		margin-bottom: 6px;
		padding-bottom: 6px;
		display: flex;
		align-items: center;
		gap: 1rem;

		img {
			height: 26px;
		}
	}

	&__add_button {
		margin-bottom: 28px;
	}

	&__table {
		overflow-x: auto;
		background: #fff;
		position: relative;
		min-height: 120px;

		&__loader {
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			width: 100%;
			height: 100%;
			background: rgb(255, 255, 255, 0.5);

			img {
				height: 60px;
			}
		}

		&__empty {
			display: flex;
			align-items: center;
			justify-content: center;

			&__content {
				display: flex;
				align-items: center;
				gap: 2.75rem;
				padding: 2rem;

				&__icon {
					img {
						height: 220px;
					}
				}

				&__description {

					&__short {
						line-height: 180%;
					}

				}
			}
		}

		&__td__actions {
			display: flex;
			gap: 0.5rem;
		}

		table {
			border: 2px solid #f2f2f2;
			border-collapse: collapse;
			margin: 0;
			padding: 0;
			width: 100%;
			background: #fff;
			font-weight: 300;

			tr {
				border: 1px solid #f2f2f2;
				padding: .35em;
				font-weight: 600;
			}

			tbody {
				tr {
					transition: 0.3s all;

					&:hover {
						background: #fafafa;
					}
				}
			}

			th {
				padding: .625em;
				text-align: center;
				border-bottom: 1px solid #cbcbcb;
			}
			td {
				padding: .625em;
				text-align: center;
				font-weight: 300;
			}
		}
	}

}