@import url("button-icons.css");
@import url("../fonts.css");
body {
    font-family: 'sf_ui_textregular';
	margin: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #1D1F21;
}
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
#TableView {
	width: 1490px;
    padding-top: 46px;
    padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}
#TableView .Cell {
    width: 268px;
    height: 100px;
    display: block;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 46px;
    float: left;
}
.AdblockPlus { display: table; } 
.AdobeDreamweaver { display: table;  } 
.Bartender { display: table;  } 
.BetterSnapTool { display: table;  } 
.CleanMyMacX { display: table;  } 
.DesktopUtility { display: table;  } 
.HPSmart { display: table;  } 
.Hot { display: table;  } 
.iMazing { display: table;  } 
.KPNVeilig { display: none;  } 
.LaunchPadder { display: table;  } 
.LogitechOptionsPlus { display: table;  } 
.MicrosoftEdge { display: table;  } 
.MicrosoftOffice { display: table;  } 
.NortonSafeWebPlus { display: table;  } 
.NortonSecurity { display: table;  } 
.Numbers { display: table;  } 
.OneDrive { display: table;  } 
.OnePassword { display: table;  }
.Pages { display: table;  } 
.ParallelsDesktop { display: table;  } 
.SF-symbolen { display: table;  }
.Sketch { display: table;  } 
.Sonos { display: table;  } 
.Spark { display: table;  } 
.TeamViewer { display: table; }
.TheUnarchiver { display: table;  } 
.Transmission { display: table;  } 
.Transmit { display: table;  } 

#TableView .Cell .icon {
	width: 96px;
	height: 100px;
	display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
#TableView .Cell .icon .sprite {
	width: 76px;
	height: 76px;
	display: block;
    position: relative;
	background-image: url("icon-sprite-macos@2x.png");
	background-size: 76px 2204px;
}
.sprite.AdblockPlus { background-position: 0 0; } 
.sprite.AdobeDreamweaver { background-position: 0 -76px; } 
.sprite.Bartender { background-position: 0 -152px; } 
.sprite.BetterSnapTool { background-position: 0 -228px; } 
.sprite.CleanMyMacX { background-position: 0 -304px; } 
.sprite.DesktopUtility { background-position: 0 -380px; } 
.sprite.Hot { background-position: 0 -456px; } 
.sprite.HPSmart { background-position: 0 -532px; } 
.sprite.iMazing { background-position: 0 -608px; } 
.sprite.KPNVeilig { background-position: 0 -684px; } 
.sprite.LaunchPadder { background-position: 0 -760px; } 
.sprite.LogitechOptionsPlus { background-position: 0 -836px; } 
.sprite.MicrosoftEdge { background-position: 0 -912px; } 
.sprite.MicrosoftOffice { background-position: 0 -988px; } 
.sprite.NortonSafeWebPlus { background-position: 0 -1064px; } 
.sprite.NortonSecurity { background-position: 0 -1140px; } 
.sprite.Numbers { background-position: 0 -1216px; } 
.sprite.OneDrive { background-position: 0 -1292px; } 
.sprite.OnePassword { background-position: 0 -1368px; } 
.sprite.Pages { background-position: 0 -1444px; } 
.sprite.ParallelsDesktop { background-position: 0 -1520px; } 
.sprite.SF-symbolen { background-position: 0 -1596px; } 
.sprite.Sketch { background-position: 0 -1672px; } 
.sprite.Spark { background-position: 0 -1748px; } 
.sprite.TeamViewer { background-position: 0 -1824px; } 
.sprite.TheUnarchiver { background-position: 0 -1900px; } 
.sprite.Transmission { background-position: 0 -1976px; } 
.sprite.Transmit { background-position: 0 -2052px; } 
.sprite.VScode { background-position: 0 -2128px; } 

#TableView .Cell .icon .apple-rosetta {
    width: 25px;
    height: 25px;
    display: block;
	top: 50px;
	right: 20px;
    position: absolute;
	background-image: url("apple-rosetta.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 900;
}
#TableView .Cell .label {
    width: 173px;
    height: 22px;
	display: block;
    position: absolute;
    top: 0px;
    left: 96px;
	color: #DDDDDD;
	font-size: 10pt;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	cursor: default;
}
#TableView .Cell .author {
    width: 173px;
    height: 22px;
	display: block;
    position: absolute;
    top: 22px;
    left: 96px;
	color: #999A9B;
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	cursor: default;
}
#TableView .Cell .buttons {
    width: 173px;
    height: 22px;
	display: block;
    position: absolute;
    top: 48px;
    left: 96px;
	cursor: default;
}

#TableView .Cell .buttons .button {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    cursor: default;
    color: #007AFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    margin-right: 2px;
    background-color: #F0F0F6;
    border-radius: 15px;
}
#TableView .Cell .buttons .button:hover {
    background-color: #007AFF;
    color: #F0F0F6;
}

#TableView .Cell .buttons .button-left {
    width: 47px;
    height: 30px;
    display: block;
    position: absolute;
    cursor: default;
    color: #007AFF;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    margin-right: 2px;
    background-color: #F0F0F6;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
#TableView .Cell .buttons .button-left:hover {
    background-color: #007AFF;
    color: #F0F0F6;
}
#TableView .Cell .buttons .button-right {
    width: 47px;
    height: 30px;
    display: block;
	left: 48px;
    position: absolute;
    cursor: default;
    color: #007AFF;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    margin-right: 2px;
    background-color: #F0F0F6;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
#TableView .Cell .buttons .button-right:hover {
    background-color: #007AFF;
    color: #F0F0F6;
}
#TableView .Cell .border-bottom {
    width: 173px;
    height: 24px;
    display: block;
    position: absolute;
    top: 76px;
    left: 96px;
    cursor: default;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom: 0.5px solid rgba(255,255,255,0.18);
}

#license-box {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	align-items: center;
	justify-content: center;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}
#license-box .window {
    width: 800px;
    height: 214px;
    display: block;
    position: fixed;
    box-shadow: 0 8px 40px 0 rgba(0,0,0,0.25), 0 0 3px 0 rgba(0,0,0,0.55);
    background-color: #1C1C1E;
	border-radius: 13px;
    border: 0.5px solid rgba(255,255,255,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#license-box .window .navigation-bar {
    width: 100%;
    height: 54px;
    display: block;
    position: relative;
    font-family: 'sf_ui_textsemibold';
    font-size: 17px;
    line-height: 54px;
    color: #FFFFFF;
    text-align: center;
    background-color: rgba(0,0,0,0.25);
    border-bottom: 0.5px solid rgba(255,255,255,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 36px;
    border-top-left-radius: 11.5px;
    border-top-right-radius: 11.5px;
}
#license-box .window #text-bar {
    width: 769px;
    height: 44px;
    position: relative;
    left: 15px;
    font-size: 13px;
    text-align: center;
    border-bottom: 0.5px solid rgba(84,84,88,0.65);
    background-color: #2C2C2E;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    color: #FFFFFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    font-family: 'sf_ui_displayregular';
}
#license-box .window .cancel-button {
	width: 44px;
	height: 54px;
	top: 0px;
	right: 18px;
	box-sizing: border-box;
	display: block;
	position: absolute;
    font-family: 'sf_ui_textsemibold';
    font-size: 17px;
    line-height: 54px;
    color: #007AFF;
	cursor: default;
}
.btn {
    width: 770px;
    height: 44px;
    left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    border-style: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #2C2C2E;
    font-size: 17px;
    line-height: 44px;
    color: #007AFF;
    z-index: 3;
}
@media screen and (device-width:1920px) and (device-height:1080px){
#TableView .Cell .icon .sprite {
	background-image: url("icon-sprite-macos@4x.png");
}
}