@charset "utf-8";



/* Flex osztályok */
.flex__container, .flex__container--horizontal, .flex__container--vertical {
    display: flex;
    gap: 5px;
}
.flex__container, .flex__container--horizontal {
    flex-direction: row;
}
.flex__container--vertical {
    flex-direction: column;
}
.flex__container--align-center {
    align-items: center;
}
.flex__container--align-stretch {
    align-items: stretch;
}
.flex__container--justify-center {
    justify-content: center;
}
.flex__item--fill {
    flex: 1 1 50%;
}
.flex__item--fix {
    flex: 0 0 auto;
}
@media (width < 768px) {
	.flex__container--vertical-xs {
		flex-direction: column;
	}
	.flex__container--align-center-xs {
		align-items: center;
	}
}
@media (width >= 768px) and (width < 992px) {
	.flex__container--vertical-sm {
		flex-direction: column;
	}
	.flex__container--align-center-sm {
		align-items: center;
	}
}
@media (width >= 992px) and (width < 1200px) {
	.flex__container--vertical-md {
		flex-direction: column;
	}
	.flex__container--align-center-md {
		align-items: center;
	}
}
@media (width >= 1200px) {
	.flex__container--vertical-lg {
		flex-direction: column;
	}
	.flex__container--align-center-lg {
		align-items: center;
	}
}
@media (width < 768px) {
	.flex__container--horizontal-xs {
		flex-direction: row;
	}
	.flex__container--align-center-xs {
		align-items: center;
	}
}
@media (width >= 768px) and (width < 992px) {
	.flex__container--horizontal-sm {
		flex-direction: row;
	}
	.flex__container--align-center-sm {
		align-items: center;
	}
}
@media (width >= 992px) and (width < 1200px) {
	.flex__container--horizontal-md {
		flex-direction: row;
	}
	.flex__container--align-center-md {
		align-items: center;
	}
}
@media (width >= 1200px) {
	.flex__container--horizontal-lg {
		flex-direction: row;
	}
	.flex__container--align-center-lg {
		align-items: center;
	}
}



/* Grid osztályok */
.grid {
    display: grid;
    column-gap: 15px;
    row-gap: 5px;
}
.grid label span[data-toggle="tooltip"]:after {
    font-family: FontAwesome;
    color: #1E91CF;
    content: "\f059";
    margin-left: 4px;
}
.grid .text-center {
    text-align: center!important;
}
.grid .text-start {
    text-align: left!important;
}
.grid .grid__row {
    display: contents;
}