div.naba-top-song {
    display: flex;
	flex-direction: row;
    margin-bottom: 2px;
}

div.naba-top-submit {
    float: left;
    clear: both;
}

div.naba-top-song div {
    margin-right: 2px;
    background: #1b1b1b;
    color: #ffffff;
    height: 20px;
    display: flex;
	align-items: center;
	justify-content: center;
}

div.naba-top-song div.vote {}
div.naba-top-song div.place {
    width: 20px;
}
div.naba-top-song div.place_previous {
    width: 30px;
}
div.naba-top-song div.change {
    width: 30px;
}
div.naba-top-song div.weeks {
    width: 20px;
}
div.naba-top-song div.name {
    background: #ffffff;
    color: #000000;
}
div.naba-top-song div.play {}

div.naba-top-song div.tiny_player_container,
div.naba-top-song div.iru-tiny-player,
div.naba-top-song div.song_vote_info {
	background: none;
}

div.naba-top-song div.iru-tiny-player {
    width: 100%;
    margin-right: 0;
}

div.naba-top-song div.song_vote_info,
div.naba-top-song div.tiny_player_container {
	margin-right: 0;
}

.tiny_player_container {
	width: 100%;
}

div.naba-top-song div.progress-container {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    width: 40px;
}

.redBg {
    background: #EE3A43 !important;
}

.blackBg {
    background: #000000 !important;
}

.songsList {
	width: 100%;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 100px 4px;
	margin: 0;
}

.songsList form {
	display: flex;
	flex-direction: column;
}

.songsList .allEventsShortcut {
	font-size: 18px;
}

.songLine {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	background-color: var(--cTheme);
	float: left;
	clear: both;
	margin-bottom: 2px;
	padding: 2px;
	cursor: pointer;
	width: 100%;
}

.songPlace {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 16px !important;
	height: 16px;
	text-align: center;
	font-weight: bold;
	background: #ffffff;
	margin-right: 5px;
}

.songName {
	overflow: hidden;
	white-space: nowrap;
	width: 254px;
	color: #ffffff;
    text-overflow: ellipsis;
}

.txtb_small_link.link_to_all_events {
	font-weight: bold;
	color: #FFFFFF;
}

.vote-radio {
	display: none;
}

.songVote {
	display: flex;
	margin: 0;
	cursor: pointer;
}

.checkmark {
	height: 16px;
	width: 16px;
	background-color: black;
	border-radius: 50%;
	border: 1px solid white;
	margin: 0;
}

.songVote input:checked ~ .checkmark {
	background-color: #ffffff;
}

.leftLine {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.newsCard__date.songListDate {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Move page sidebar down earlier in order to not overlap with top lists */
@media (max-width: 991.98px) {
    .pageLayout__grid {
        grid-template-columns: repeat(8, 1fr) !important;
    }

    .pageLayout__grid-smallSidebar {
        grid-template-areas: 'h h h h h h h h' 'c c c c c c c c' 's s s s s s s s' !important;
    }
}

@media (max-width: 767.98px) {
    .pageLayout__section .threeColumnGrid,
    .pageLayout__section .twoColumnGrid {
        grid-template-columns: 1fr !important;
    }
}

.infoBlock {
    color: #ffffff;
    padding: 2px;
    background-color: var(--cTheme);
    margin-right: 2px;
    display: flex;
    align-items: center;
    min-height: 20px;
}

.infoText {
    padding: 2px 6px 2px 6px;
}

.infoDark {
    background-color: #1b1b1b;
}

.infoBlock .songPlace {
    color: #000000;
    margin-right: 0;
}

.currentMonth {
    text-transform: capitalize;
    margin-bottom: 4px;
    align-self: flex-start;
    grid-column: 1;
    grid-row: 1;
}

.legend {
    margin-bottom: 4px;
    display: flex;
    grid-column: 1;
    grid-row: 2;
}

.mostPlayedLine {
    display: flex;
    margin-bottom: 2px;
}

.playCount {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.capitalizedDate {
    text-transform: capitalize;
}

.songHistoryHeader {
    display: grid;
    grid-template-columns: auto auto;
}

.datePicker {
    margin-bottom: 4px;
}

.date {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.date label.infoBlock.infoDark {
    margin: 0 2px 0 0;
}

.historySearch button {
    border: 0;
    background-color: var(--cTheme);
    color: #ffffff;
    margin-left: 2px;
    font-size: 1.5em;
    width: 30px;
    height: 20px;
}

.historySearch form,
.historySearch label {
    margin-bottom: 0;
}

.historySearch div {
    display: flex;
}

.nameSearch {
    margin-bottom: 4px;
}

.currentMonthContainer .currentMonth {
    display: flex;
}

.currentMonthContainer form {
    flex-direction: row;
}

.monthSearch {
    display: flex;
}

.spiltYearContainer {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 575.98px) {
    .songHistoryHeader {
        grid-template-columns: auto;
        grid-template-rows: repeat(3, auto);
    }

    .currentMonth {
        grid-column: 1;
        grid-row: 1;
    }

    .historySearch {
        grid-column: 1;
        grid-row: 2;
    }

    .legend {
        grid-column: 1;
        grid-row: 3;
    }
}