/*
 * Netdomy: lekki zamiennik wyłącznie siatki używanej przez archiwa REM.
 * Zastępuje zależność od pełnego Bootstrap 3 bez globalnego stylowania
 * typografii, formularzy i przycisków.
 */
.ich-settings-main-wrap,
.ich-settings-main-wrap *,
.ich-settings-main-wrap *::before,
.ich-settings-main-wrap *::after {
	box-sizing: border-box;
}

.ich-settings-main-wrap .row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	min-width: 0;
}

.ich-settings-main-wrap [class^="col-"],
.ich-settings-main-wrap [class*=" col-"] {
	flex: 0 0 100%;
	max-width: 100%;
	min-height: 1px;
	min-width: 0;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	width: 100%;
}

.ich-settings-main-wrap .col-xs-1 { flex-basis: 8.333333%; max-width: 8.333333%; }
.ich-settings-main-wrap .col-xs-2 { flex-basis: 16.666667%; max-width: 16.666667%; }
.ich-settings-main-wrap .col-xs-3 { flex-basis: 25%; max-width: 25%; }
.ich-settings-main-wrap .col-xs-4 { flex-basis: 33.333333%; max-width: 33.333333%; }
.ich-settings-main-wrap .col-xs-5 { flex-basis: 41.666667%; max-width: 41.666667%; }
.ich-settings-main-wrap .col-xs-6 { flex-basis: 50%; max-width: 50%; }
.ich-settings-main-wrap .col-xs-7 { flex-basis: 58.333333%; max-width: 58.333333%; }
.ich-settings-main-wrap .col-xs-8 { flex-basis: 66.666667%; max-width: 66.666667%; }
.ich-settings-main-wrap .col-xs-9 { flex-basis: 75%; max-width: 75%; }
.ich-settings-main-wrap .col-xs-10 { flex-basis: 83.333333%; max-width: 83.333333%; }
.ich-settings-main-wrap .col-xs-11 { flex-basis: 91.666667%; max-width: 91.666667%; }
.ich-settings-main-wrap .col-xs-12 { flex-basis: 100%; max-width: 100%; }

.ich-settings-main-wrap .visible-xs,
.ich-settings-main-wrap .visible-sm {
	display: none !important;
}

.ich-settings-main-wrap .hidden-xs,
.ich-settings-main-wrap .hidden-sm {
	display: block !important;
}

.ich-settings-main-wrap .img-responsive,
.ich-settings-main-wrap img.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.ich-settings-main-wrap .pull-left { float: left !important; }
.ich-settings-main-wrap .pull-right { float: right !important; }

.ich-settings-main-wrap .pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

.ich-settings-main-wrap .pagination > li { display: block; }

.ich-settings-main-wrap .pagination > li > a,
.ich-settings-main-wrap .pagination > li > span {
	align-items: center;
	background: #fff;
	border: 1px solid #d5e2ee;
	border-radius: 7px;
	color: #245f9d;
	display: inline-flex;
	justify-content: center;
	min-height: 36px;
	min-width: 36px;
	padding: 7px 10px;
	text-decoration: none;
}

.ich-settings-main-wrap .pagination > .active > a,
.ich-settings-main-wrap .pagination > .active > span,
.ich-settings-main-wrap .pagination > li > a:hover,
.ich-settings-main-wrap .pagination > li > a:focus {
	background: #2d70b7;
	border-color: #2d70b7;
	color: #fff;
}

@media (max-width: 767px) {
	.ich-settings-main-wrap .visible-xs { display: block !important; }
	.ich-settings-main-wrap .hidden-xs { display: none !important; }
}

@media (min-width: 768px) {
	.ich-settings-main-wrap .col-sm-1 { flex-basis: 8.333333%; max-width: 8.333333%; }
	.ich-settings-main-wrap .col-sm-2 { flex-basis: 16.666667%; max-width: 16.666667%; }
	.ich-settings-main-wrap .col-sm-3 { flex-basis: 25%; max-width: 25%; }
	.ich-settings-main-wrap .col-sm-4 { flex-basis: 33.333333%; max-width: 33.333333%; }
	.ich-settings-main-wrap .col-sm-5 { flex-basis: 41.666667%; max-width: 41.666667%; }
	.ich-settings-main-wrap .col-sm-6 { flex-basis: 50%; max-width: 50%; }
	.ich-settings-main-wrap .col-sm-7 { flex-basis: 58.333333%; max-width: 58.333333%; }
	.ich-settings-main-wrap .col-sm-8 { flex-basis: 66.666667%; max-width: 66.666667%; }
	.ich-settings-main-wrap .col-sm-9 { flex-basis: 75%; max-width: 75%; }
	.ich-settings-main-wrap .col-sm-10 { flex-basis: 83.333333%; max-width: 83.333333%; }
	.ich-settings-main-wrap .col-sm-11 { flex-basis: 91.666667%; max-width: 91.666667%; }
	.ich-settings-main-wrap .col-sm-12 { flex-basis: 100%; max-width: 100%; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.ich-settings-main-wrap .visible-sm { display: block !important; }
	.ich-settings-main-wrap .hidden-sm { display: none !important; }
}

@media (min-width: 992px) {
	.ich-settings-main-wrap .col-md-1 { flex-basis: 8.333333%; max-width: 8.333333%; }
	.ich-settings-main-wrap .col-md-2 { flex-basis: 16.666667%; max-width: 16.666667%; }
	.ich-settings-main-wrap .col-md-3 { flex-basis: 25%; max-width: 25%; }
	.ich-settings-main-wrap .col-md-4 { flex-basis: 33.333333%; max-width: 33.333333%; }
	.ich-settings-main-wrap .col-md-5 { flex-basis: 41.666667%; max-width: 41.666667%; }
	.ich-settings-main-wrap .col-md-6 { flex-basis: 50%; max-width: 50%; }
	.ich-settings-main-wrap .col-md-7 { flex-basis: 58.333333%; max-width: 58.333333%; }
	.ich-settings-main-wrap .col-md-8 { flex-basis: 66.666667%; max-width: 66.666667%; }
	.ich-settings-main-wrap .col-md-9 { flex-basis: 75%; max-width: 75%; }
	.ich-settings-main-wrap .col-md-10 { flex-basis: 83.333333%; max-width: 83.333333%; }
	.ich-settings-main-wrap .col-md-11 { flex-basis: 91.666667%; max-width: 91.666667%; }
	.ich-settings-main-wrap .col-md-12 { flex-basis: 100%; max-width: 100%; }
}