.tkbans__Table_primary {
    position: relative;
}

.tkbans__Table_primary_Text {
position: relative;
display: flex;
    align-items: center;
gap: 4px;

}

.tkbans__Table_primary_ban:before {
    content: "";
    background: linear-gradient(168deg, rgb(157 46 46 / 48%) 0%, rgb(19 21 25 / 0%) 44%, rgb(19 21 25 / 0%) 68%, rgb(19 21 25 / 0%) 100%);
    display: flex;
width: 400px;
    height: 70px;
    position: absolute;
    left: -14px;
    top: -21px;
}

.tkbans__Table_primary_unban:before {
    content: "";
    background: linear-gradient(168deg, rgb(84 157 46 / 48%) 0%, rgb(19 21 25 / 0%) 44%, rgb(19 21 25 / 0%) 68%, rgb(19 21 25 / 0%) 100%);
    display: flex;
width: 400px;
    height: 70px;
    position: absolute;
    left: -14px;
    top: -21px;
}

.tkbans__server_length {
	display: flex;
	align-items: center;
	gap: 4px;
}

.tkbans__server_name {
	display: flex;
	align-items: center;
	gap: 4px;
}

.ipsWidget--tkbans_checkban .ipsWidget__content > * {
    padding: clamp(1em, 2vw, 2em) 0;
    margin: 0 clamp(1em, 2vw, 2em);
}

td.ipsTable_wrap.ipsTable_primary {
font-weight: 500;
}

.tkbans--column {
padding:  1.1em;
}
.tkbans--titlehistory {
    font-weight: 600;
    font-size: 1.2em;
    color: var(--i-color_hard);
        margin-left: 1.1em;
}

.tkbans--items-ban {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.tkbans--items > li {
	margin-bottom: 10px;
}

.ipsControlStrip {
    display: flex;
    gap: 4px;
    position: relative;
    z-index: 1;
}

.ipsControlStrip_button {
font-size: 13px !important;
}

.ipsControlStrip > * {
    flex: 1 1 auto;
}

.ipsControlStrip a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    min-width: 2.4em;
    min-height: 2.4em;
    border-radius: 5px;
}

.ipsColumns--modcpanel .ipsColumns__secondary {
    background: var(--i-background_2);
    border: 0px solid transparent;
    border-color: color-mix(in srgb, var(--i-co) 10%, transparent);
    border-bottom-width: 1px;
    padding: var(--i-sp_2);
}

#tkbans_menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: calc(var(--sp-5)* -1);
}
.ipsButtonBar {
	border:none;
}
ul.ipsButtonRow.ipsPos_left.ipsClearfix {
margin-left: 0;
}
.acpWidgetToolbar.ipsFlex.ipsFlex-ai\:center.ipsFlex-jc\:between {
    margin-bottom: 5px;
}

/*
	----------------
	- Boxes
	----------------
*/

/* Make box headers smaller */
.ipsBox__header{
	font-size: 1em;
}
/* Icons */
.ipsBox__header-icon{
	color: var(--i-color_soft);
	width: 1.5em;
	font-size: .9em;
}
/* Faint secondary links */
.ipsBox__header-secondary{
	color: var(--i-color_soft);
	font-size: inherit;
}


/* Dashboard: Collapse widgets */
[data-widgetCollapse]{
	cursor: pointer;
}

	[data-widgetCollapse] .fa-caret-down{
		transition: .2s;
		margin-inline-end: .4em;
	}

	.ipsBox:has([data-widgetcollapsed="true"]) [data-widgetCollapse] .fa-caret-down{
		transform: rotate(-.25turn);
	}

/* Dashboard: Smart Community header */
.ipsBox.ipsBox--smart-community-splash {
	border: none;
	border-radius: 0;
	box-shadow: none;
}
	

/* Table search */
.acpTable_search {
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: 3em auto 40px;
	width: 300px;
	max-width: calc(100vw - 40px);
}

	.acpTable_search .fa-magnifying-glass{
		grid-column: 1;
		grid-row: 1;
		z-index: 1;
		place-self: center;
		pointer-events: none;
	}

	.acpTable_search input{
		--i-outline-color: var(--i-primary);
		background: color-mix(in srgb, currentColor 12%, transparent);
		color: var(--i-co);
		padding: .8em 1.2em;
		padding-inline-start: 3em;
		border-radius: 5px;
		grid-column: 1/-1;
		grid-row: 1;
	}

	.acpTable_search:hover input{
		background: color-mix(in srgb, currentColor 20%, transparent);
	}

	.acpTable_search ::placeholder{
		opacity: 1;
		text-transform: uppercase;
	}

	.acpWidgetSearch {
		display: grid;
		place-content: center;
		color: var(--i-color_soft);
		grid-column: 3;
		grid-row: 1;
	}

		.acpWidgetSearch:hover {
			color: var(--i-color_hard);
		}

/* Charts */
.ipsBox .ipsChart{
	box-shadow: none;
	border-width: 0;
	border-radius: 0;
}

/* Apple pie chart */
.ipsPieBar__bar {
	height: 38px;
	background: #ddd;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	border-radius: 5px;
	position: relative;
}

.ipsPieBar__barSegment {
	height: 38px;
}

.ipsList--inline > .ipsPieBar__legendItem {
	display: inline-flex;
	align-items: center;
}

.ipsPieBar__barSegment:nth-child(10n-9),
.ipsPieBar__legendItem:nth-child(10n-9) > .ipsPieBar__legendItemKey {
	background: #10967e;
}
.ipsPieBar__barSegment:nth-child(10n-8),
.ipsPieBar__legendItem:nth-child(10n-8) > .ipsPieBar__legendItemKey {
	background: #ea7963;
}
.ipsPieBar__barSegment:nth-child(10n-7),
.ipsPieBar__legendItem:nth-child(10n-7) > .ipsPieBar__legendItemKey {
	background: #de6470;
}
.ipsPieBar__barSegment:nth-child(10n-6),
.ipsPieBar__legendItem:nth-child(10n-6) > .ipsPieBar__legendItemKey {
	background: #6b9dde;
}
.ipsPieBar__barSegment:nth-child(10n-5),
.ipsPieBar__legendItem:nth-child(10n-5) > .ipsPieBar__legendItemKey {
	background: #b09be4;
}
.ipsPieBar__barSegment:nth-child(10n-4),
.ipsPieBar__legendItem:nth-child(10n-4) > .ipsPieBar__legendItemKey {
	background: #eec766;
}
.ipsPieBar__barSegment:nth-child(10n-3),
.ipsPieBar__legendItem:nth-child(10n-3) > .ipsPieBar__legendItemKey {
	background: #9fc973;
}
.ipsPieBar__barSegment:nth-child(10n-2),
.ipsPieBar__legendItem:nth-child(10n-2) > .ipsPieBar__legendItemKey {
	background: #e291bf;
}
.ipsPieBar__barSegment:nth-child(10n-1),
.ipsPieBar__legendItem:nth-child(10n-1) > .ipsPieBar__legendItemKey {
	background: #55c1a6;
}
.ipsPieBar__barSegment:nth-child(10n),
.ipsPieBar__legendItem:nth-child(10n) > .ipsPieBar__legendItemKey {
	background: #5fb9da;
}

.ipsPieBar__legend {
	text-align: start;
    margin-top: 10px;
}

.ipsPieBar__legendItemKey {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-inline-end: 4px;
	border-radius: 5px;
}

/* Loading */
.icon-spinner2:before,
.ipsLoading:before{
	border-color: var(--i-background_3);
	border-top-color: var(--i-color_root);
}

/* Stats bar */
.acpStatsBar {
	height: 38px;
	background: #ddd;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	border-radius: 5px;
	position: relative;
}

	.acpStatsBar::after{
		content: '';
		position: absolute;
		inset: 0;
		border: 1px solid color-mix(in srgb, var(--i-color_hard) 15%, transparent);
		border-radius: inherit;
		pointer-events: none;
	}

	.acpStatsBar_segment,
	.acpStatsBar_subsegment {
		height: 38px;
	}

	.acpStatsBar_subsegment {
		background: rgba(0,0,0,0.2);
	}

	.ipsList--inline > .acpStatsBar_legend{
		display: inline-flex;
		align-items: center;
	}
		
	.acpStatsBar_segment:nth-child(10n-9),
	.acpStatsBar_legend:nth-child(10n-9) > .acpStatsBar_preview {
		background: #10967e;
	}
	.acpStatsBar_segment:nth-child(10n-8),
	.acpStatsBar_legend:nth-child(10n-8) > .acpStatsBar_preview {
		background: #ea7963;
	}
	.acpStatsBar_segment:nth-child(10n-7),
	.acpStatsBar_legend:nth-child(10n-7) > .acpStatsBar_preview {
		background: #de6470;
	}
	.acpStatsBar_segment:nth-child(10n-6),
	.acpStatsBar_legend:nth-child(10n-6) > .acpStatsBar_preview {
		background: #6b9dde;
	}
	.acpStatsBar_segment:nth-child(10n-5),
	.acpStatsBar_legend:nth-child(10n-5) > .acpStatsBar_preview {
		background: #b09be4;
	}
	.acpStatsBar_segment:nth-child(10n-4),
	.acpStatsBar_legend:nth-child(10n-4) > .acpStatsBar_preview {
		background: #eec766;
	}
	.acpStatsBar_segment:nth-child(10n-3),
	.acpStatsBar_legend:nth-child(10n-3) > .acpStatsBar_preview {
		background: #9fc973;
	}
	.acpStatsBar_segment:nth-child(10n-2),
	.acpStatsBar_legend:nth-child(10n-2) > .acpStatsBar_preview {
		background: #e291bf;
	}
	.acpStatsBar_segment:nth-child(10n-1),
	.acpStatsBar_legend:nth-child(10n-1) > .acpStatsBar_preview {
		background: #55c1a6;
	}
	.acpStatsBar_segment:nth-child(10n),
	.acpStatsBar_legend:nth-child(10n) > .acpStatsBar_preview {
		background: #5fb9da;
	}

	.acpStatsBar_preview {
		display: inline-block;
		width: 14px;
		height: 14px;
		margin-inline-end: 4px;
		border-radius: 5px;
	}

/* Widget layout options in the Developer Center */
#form_dev_widget_layouts .ipsFieldList {
	display: flex;
	flex-direction: row;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: stretch;
}

#form_dev_widget_layouts .cBuilderSvg {
	--i-svg--st-wi: 4;
	--i-svg--co: var(--i-background_6);
	--i-svg--st: color-mix(in srgb, var(--i-color_root) 90%, var(--i-background_6));
	color: var(--i-svg--co);
}

#form_dev_widget_layouts .cBuilderSvg [data-role="outerborder"] {
	stroke: var(--i-svg--st);
}
#form_dev_widget_layouts .cBuilderSvg [data-role="background"] {
	fill: var(--i-background_2);
}

.ipsDataItem_main > .ipsGrid>[class*=ipsGrid_span] {
    margin-left: 0!important;
}


.ipsFlag {
    width: 16px;
    height: 16px;
    background: url("https://ips.cs-maliver.pl/applications/tkbans/dev/resources/front/flags.png") no-repeat;
    display: inline-block;
    vertical-align: text-top;
    line-height: 16px;
}

.ipsFlag.ipsFlag-pl {
    background-position: 0 -2944px;
}

.tkbans_nicktitle {
    display: flex;
    align-items: center;
}

.tkbans_nicktitle > i {
margin-left: 10px;
}

.tkbans_headeritem {
justify-content: space-between;
}

.ipsDialog_content > .tkbans_overview > div:nth-child(1), 
.ipsDialog_content > .tkbans_overview > section > div:nth-child(1),
.ipsDialog_content > .tkbans_overview > section > div:nth-child(2) > div > div > div > div{
    display: none;
}

.ipsDialog_content > .tkbans_overview > section > div > div.ipsColumn.ipsColumn_wide, .ipsDialog_content > .tkbans_overview.ipsMargin_bottom > div:nth-child(2) > section > div > div.ipsColumn.ipsColumn_fluid > div > div > div.tkbans_activeban {
    display: none !important;
}

@media screen and (min-width: 767px) {

table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxadmins > thead > tr > th:nth-child(4), table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxadmins > tbody > tr > td:nth-child(4) {
    max-width: 196px;
}

table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > thead > tr > th:nth-child(3), table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > tbody > tr > td:nth-child(3) {
    max-width: 196px;
}

table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > thead > tr > th:nth-child(2), table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > tbody > tr > td:nth-child(2) {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > thead > tr > th:nth-child(4), table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > tbody > tr > td:nth-child(4) {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}


table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > thead > tr > th:nth-child(1), table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > tbody > tr > td:nth-child(1) {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

 table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > tbody > tr > td:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
}

table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > thead > tr > th:nth-child(5), table.ipsTable.ipsTable_responsive.ipsTable_zebra.tkbans_amxbans > tbody > tr > td:nth-child(5) {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tkbans__server_name {
    overflow: hidden;
    text-overflow: ellipsis;
	display: flex;
	align-items: center;
	gap: 4px;
}
.tkbans__server_length {
	display: flex;
	align-items: center;
	gap: 4px;
}

td.ipsTable_controls > ul {
    display: flex;
    justify-content: flex-end;
}
}

@media screen and (max-width: 979px) {

span[data-ipstooltip="server_name"] {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    white-space: nowrap;
}

.tkbans__Table_primary_ban:before {
    left: -14px;
    top: -41px;
}

.tkbans__Table_primary_unban:before {
    left: -14px;
    top: -41px;
}

}

.tkbans_steamprofile {
display: inline-flex;
    vertical-align: middle;
    flex-direction: column;
    flex-wrap: nowrap;
}


#tkbansCheckBan i {
    font-size: 34px;
    margin-top: 5px;
} 

.tkbans_overview > div.cModCP_header {
    border-bottom-left-radius: 0px !important;
}

div#tkbans_menu {
    border-top: 0;
}