.main-container {
	padding-left: var(--bootstrap-container-padding);
	padding-right: var(--bootstrap-container-padding);
}

.back-btn__container {
    padding: calc(0.55 * var(--padding-normal)) var(--padding-normal);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
.back-btn {
    background-color: var(--light);
    border: 0;
    color: var(--dark);
    font-weight: var(--font-weight-normal);
    padding: 0;
    font-size: 14px;
}
.back-btn:focus {
    outline: 0;
}
.back-btn__icon {
    position: relative;
    left: -7px;
}

/* Player's details */
.player-info {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(1.1 * var(--padding-normal)) var(--padding-normal);
}
.player-info__propic {
    clip-path: circle(50% at 50% 50%);
    width: 100px;
    height: 100px;
	display: inline-block;
	background-color: var(--light);
	background-repeat: no-repeat;
	background-size: 130%;
	background-position: center 5px;
}
.player-info__text-container {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
    color: var(--light);
    margin-left: var(--margin-normal);
}
.player-info__firstname {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 28.44px;
}
.player-info__lastname {
	font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    font-size: 24px;
    line-height: 28.44px;
	width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.player-info__team {
    font-size: 14px;
    margin-top: 5px;
}
.player-stats {
	display: flex;
	color: var(--light);
}
.player-stats__container {
	background-color: rgb(0 0 0 / 18%);
	flex-grow: 1;
	display: flex;
    flex-direction: column;
	justify-content: center;
	padding: 15px 0;
}
.player-stats__container--border {
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.player-stats__group {
    text-align: center;
    font-size: 14px;
	margin-bottom: 8px;
}
.player-stats__values-container {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.player-stats__values-wrapper {
	display: flex;
    flex-direction: column;
    text-align: center;
}
.player-stats__value {
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 1;
}
.player-stats__name {
	font-size: 14px;
}

/* Inner nav */
.inner-nav {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.15);
	flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}
.inner-nav__item {
	padding: .5rem var(--padding-normal) 0 var(--padding-normal);
}
.inner-nav__link {
	font-size: 14px;
	color: var(--dark);
	padding: 0 0 5px 0;
}
.inner-nav__link--active {
	font-weight: var(--font-weight-bold);
	border-bottom: 3px solid var(--dark);
}
.inner-nav__link:hover {
	color: var(--dark);
	cursor: pointer;
}

/* Tabs */
.tab--hidden {
	display: none;
}

/* Seasonal stats */
.filter--season {
	min-height: 52px;
}
.filter.filter--season .bootstrap-select button.it-season::before {
	content: "Stagione";
}
.filter.filter--season .bootstrap-select button.en-season::before {
	content: "Season";
}
.loading-spinner--seasonal-stats {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	align-items: flex-start;
}

/* Matchup filter */
.filter.filter--matchup .bootstrap-select button.it-matchup::before {
	content: "Matchup";
}
.filter.filter--matchup .bootstrap-select button.en-matchup::before {
	content: "Matchup";
}

/* Games checkbox elements */
.label--checkbox {
	font-size: 15px;
	margin-bottom: 0;
	margin-left: .5rem;
}

/* Games table */
.dk-table--responsive-two-cols th:first-child,
.dk-table--responsive-two-cols td:first-child {
	padding-right: 8px;
    box-shadow: none;
	max-width: 85px;
	min-width: 85px;
	text-overflow: ellipsis;
	overflow-x: hidden;
}
.dk-table--responsive-two-cols th:nth-child(2),
.dk-table--responsive-two-cols td:nth-child(2) {
	padding-right: var(--padding-normal);
	position: sticky;
	left: 85px;
}
.dk-table--responsive-two-cols th:nth-child(3),
.dk-table--responsive-two-cols td:nth-child(3) {
	padding-left: var(--padding-normal);
	font-weight: var(--font-weight-normal);
}
.dk-table--responsive-two-cols th:nth-child(2) {
    box-shadow: 2px 0px 2px -1px #c1c1c1;
}
.dk-table--responsive-two-cols td:nth-child(2) {
    box-shadow: 2px 0px 2px -1px var(--color-filter-gray);
}
.games-table__ot {
	font-size: 80%;
    position: relative;
    top: -7px;
    text-transform: uppercase;
}

/* Teammate filter */
.filter.filter--teammate .bootstrap-select button.it-teammate::before {
	content: "Compagno di squadra";
}
.filter.filter--teammate .bootstrap-select button.en-teammate::before {
	content: "Teammate";
}
.teammate-placeholder__text {
	color: #afafaf;
    font-size: 20px;
    text-align: center;
}

/* Sidebar */
.sidebar--hidden {
	display: none;
}

/* Very small devices, like iPhone 5 */
@media only screen and (max-width: 374px) {
	.player-info__propic {
		display: none;
	}
}
/* From tablet */
@media only screen and (min-width: 768px) {
	.back-btn__container {
        display: none;
    }

	/* Player's details */
	.player-info {
		height: 100%;
	}
	.player-stats {
		flex-direction: column;
	}
	.player-stats__container--border {
		border-left: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.2);
	}
	.player-stats__group {
		margin-bottom: 10px;
	}

	/* Inner nav */
	.inner-nav {
		box-shadow: 0 5px 4px -3px rgb(0 0 0 / 15%);
	}

	/* Seasonal stats */
	.filter--season {
		width: 250px;
	}
	.loading-spinner--seasonal-stats {
		min-height: 400px;
	}

	/* Matchup stats */
	.filter--matchup {
		width: 250px;
	}

	/* W/O */
	.autocomplete--wo {
		display: inline-block;
		width: 250px;
	}
	.filter--teammate {
		width: 250px;
	}
}
/* From desktop */
@media only screen and (min-width: 992px) {
	/* Player's details */
	.player-info {
		padding: calc(1.1 * var(--padding-normal));
	}
	.player-info__propic {
		width: 160px;
		height: 160px;
		background-position: center 8px;
	}
	.player-info__firstname {
	    font-size: 25px;
	}
	.player-info__lastname {
	    font-size: 25px;
	}
	.player-info__text-container {
		margin-left: 20px;
	}
	.player-info__team {
	    font-size: 15px;
	}
}