/********** DEVICE LIST (sprite image) **********/
/* unknown PLATFORM || unknown DEVICE (= default,no extended class needed) - list image 2 */
.devices {
	background-image: url(../images/devices-list.png);
	background-position: 0 -73px;
    background-size: 72px 1532px;
	background-repeat: no-repeat;
    width: 72px;
    height: 72px;
}
/*** PHONES ***/
/* IOS || iPhone - list image 1 */
.devices.phone.ios {
	background-position: 0 0;
}
/* Android || phone - list image 19 */
.devices.phone.android {
	background-position: 0 -1314px;
}
/* unknown || phone - list image 2 */
.devices.phone {
	background-position: 0 -73px;
}

/*** TABLETS ***/
/* IOS || iPad - list image 14 */
.devices.tablet.ios {
	background-position: 0 -949px;
}
/* Android || tablet - list image 20 */
.devices.tablet.android {
	background-position: 0 -1387px;
}
/* unknown || tablet - list image 16 */
.devices.tablet {
	background-position: 0 -1095px;
}

/*** DESKTOP, LAPTOP ***/
/* macOS || iMac or MacBook - list image 8 */
.devices.desktop.mac {
	background-position: 0 -511px;
}
/* Linux || desktop or laptop - list image 17 */
.devices.desktop.linux {
	background-position: 0 -1168px;
}
/* Google Chrome OS || desktop or laptop - list image 18 */
.devices.desktop.chrome {
	background-position: 0 -1241px;
}
/* Windows || desktop or laptop - list image 21 */
.devices.desktop.windows {
	background-position: 0 -1460px;
}
/* unknown || desktop or laptop - list image 9 */
.devices.desktop {
	background-position: 0 -584px;
}

/*** ADDITONAL DEVICES STYLING ***/
/* center device image (if used inside well) */
.well .devices {
	margin: auto;
}

/********** BROWSER LIST (sprite image) **********/
/* UNKNOWN (= default,no extended class needed) */
.browser {
	background-image: url(../images/browsers-list.png);
	background-position: 0 -147px;
    background-size: 20px 167px;
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
/* EDGE */
.browser.edge {
	background-position: 0 0;
}
/* MOBILE UNKNOWN BROWSER (MUB) */
.browser.mub {
	background-position: 0 -21px;
}
/* CHROME */
.browser.chrome {
	background-position: 0 -42px;
}
/* OPERA */
.browser.opera {
	background-position: 0 -63px;
}
/* FIREFOX */
.browser.firefox {
	background-position: 0 -84px;
}
/* SAFARI */
.browser.safari {
	background-position: 0 -105px;
}
/* INTERNET EXPLORER (IE) */
.browser.ie {
	background-position: 0 -126px;
}

/********** APPS LIST (sprite image) **********/
/* UNKNOWN (= We know it's an app, but we don't recognize the app or brand, so we show an text icon 'APP') */
.app {
	background-image: url(../images/apps-list.png);
	background-position: 0 0;
    background-size: 20px 105px;
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
/** i-Reserve Apps **/
/* ADMIN */
.app.admin {
	background-position: 0 -21px;
}
/* SCANNER */
.app.scanner {
	background-position: 0 -42px;
}
/** Brand Based Apps (We know it's an app, but we don't recognize the app but we do recongnize the brand: IOS or android) **/
/* IOS */
.app.ios {
	background-position: 0 -63px;
}
/* ANDROID */
.app.android {
	background-position: 0 -84px;
}


/*** ADDITONAL BROWSER STYLING ***/
/* list view */
.browserListItem {
	display: flex;
	padding-bottom: 10px;
}
.browserName {
	padding-left: 10px;
}