/**
 * The overrides, treaks and supplements to the Bootstrap grid.
 */

.container,
.container-fluid
{
	/* NOTE: Useful for preventing too wide spread of elements with extremely wide views.
	 * TODO Yii: Check whether still needed after introducing additional xl breaking point or Bootstrap 4. */
	max-width: var(--container_max-width);
}

.row
{
	/* Make rows ready to handle centered cols. */
	text-align: center;
	vertical-align: middle;
	font-size: 0;	/* Disable horizontal spaces between cols. */
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
	/* Take care of distances when cols are stacked vertically. */
	padding: 15px;

	/* Make cols able to be centered in a row. */
	display: inline-block;
	font-size: var(--page_font-size);
	vertical-align: text-top;
}

/* Class causing cols to be centered in a row. */
.col-center
{
	float: none;
}