﻿@media screen and (min-width: 480px) {
	.listing:not(.fi) #LeftToolbar .fakeSelect {
		top: 12px;
	}
}
@media screen and (min-width: 768px) {
	#desktopDisplayControl {
		right: .5em;
	}
}
@media screen and (max-width: 1023px) {
	.listing #LeftToolbar #desktopOrderControl .moduleHeader {
		margin-top: 4px;
	}
}
@media screen and (min-width: 1024px) {
	@-moz-document url-prefix() {
		.listing.library #MainContent.hasTools {
			top: -7.5em;
		}
	}
	.listing.library #MainContent.hasTools {
			top: -7em;
	}
	.listing #LeftToolbar #desktopDisplayControl {
		margin-top: .5em;
	}
	.listing #LeftToolbar.fixedTools #desktopDisplayControl {
		margin-top: .75em;
	}
	#desktopOrderControl .moduleHeader .text {
		display: inline-block;
		line-height: 1.2em;
		max-width: 91px;
		text-align: right;
	}
	.listing:not(.sw):not(.ty):not(.fi) #LeftToolbar #desktopOrderControl {
		min-height: 4.5em;
	}
	.listing:not(.fi) #LeftToolbar .fakeSelect {
		left: 7em;
		top: 18px;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ LISTING BOOKMARKS (HEADING) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.listing.playlist h1#pageTitle .button.edit {
	width: auto;
	min-width: 55px;
	padding-left: .75em;
	padding-right: .75em;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ LISTING BOOKMARKS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
@media screen and (max-width: 767px) {
	.general.nl .bookmarks .product .bottomOptions .option.remove, .general.it .bookmarks .product .bottomOptions .option.remove, .general.de .bookmarks .product .bottomOptions .option.remove { width: 22%; }
	.general.nl .bookmarks .product .bottomOptions .option.remove .icon, .general.it .bookmarks .product .bottomOptions .option.remove .icon, .general.de .bookmarks .product .bottomOptions .option.remove .icon { margin-left: 0; }
	.general.nl .bookmarks .product .bottomOptions .option.remove .btnMainText, .general.it .bookmarks .product .bottomOptions .option.remove .btnMainText, .general.de .bookmarks .product .bottomOptions .option.remove .btnMainText { display: none; }
	.general.nl .bookmarks .product .bottomOptions .option.move, .general.it .bookmarks .product .bottomOptions .option.move, .general.de .bookmarks .product .bottomOptions .option.move { width: 78%; }
}
@media screen and (min-width: 600px) {
	.bookmarks .product .bottomOptions .option.remove {
		width: 34%;
	}
	.bookmarks .product .bottomOptions .option.move {
		width: 66%;
	}
	.bookmarks.ui-sortable .product .bottomOptions {
		width: 22em;
	}
}
@media screen and (min-width: 768px) {
	.bookmarks.current .product.series .bottomOptions .option.read {
		width: 58%
	}
	.bookmarks.current .product.series .bottomOptions .option.done {
		width: 42%
	}
	.general:not(.es):not(.af):not(.nl):not(.it):not(.sw):not(.ty) .bookmarks.current .product:not(.series) .bottomOptions .option.read {
		width: 55%
	}
	.general:not(.es):not(.af):not(.nl):not(.it):not(.sw):not(.ty) .bookmarks.current .product:not(.series) .bottomOptions .option.done {
		width: 45%
	}
	.general.nl .bookmarks .product .bottomOptions .option.remove { 
		width: 43%;
	}
	.general.nl .bookmarks .product .bottomOptions .option.move { 
		width: 57%;
	}
	.general.de .product .bottomOptions .option.remove { width: 40%; }
	.general.de .product .bottomOptions .option.move { width: 60%; }
	.general.it .bookmarks .product .bottomOptions .option.remove { 
		width: 38%;
	}
	.general.it .bookmarks .product .bottomOptions .option.move { 
		width: 62%;
	}
	.general.it .bookmarks .product .bookmarkTools .option.move .button .icon, .general.de .bookmarks .product .bookmarkTools .option.move .button .icon { 
		left: -28px;
	}
	.general.it .bookmarks .product .bottomOptions .bookmarkTools .move .button .btnMainText, .general.de .bookmarks .product .bottomOptions .bookmarkTools .move .button .btnMainText { 
		position: relative;
		top: -5px;
	}
	.general.it .bookmarks .product .bottomOptions .bookmarkTools .move .button .helpText, .general.de .bookmarks .product .bottomOptions .bookmarkTools .move .button .helpText { 
		top: -17px;
		display: block;
		position: relative;
	}
}

.video .seriesItem .info.icon, .audio .seriesItem .info.icon {
	right: 8.65em;
}

@media screen and (min-width: 768px) {
	.sectionHelp .text {
		margin-top: .85em;
		max-width: calc(90% - 2.5em);
		width: auto;
		min-height: 4.75em;
	}
}