

.loadout
{
	flow-children: down;
	width: 100%;
	height: 100%;
	visibility: visible;
}

.loadout--visible
{
	visibility: visible;
}

.radial-menu-container
{
	flow-children: none;
	vertical-align: center;
	horizontal-align: center;
	background-color: #00000001;
	width: height-percentage( 100% );
	height: 93%;
}

.loadout-contents
{
	width: 100%;
	height: 100%;
	flow-children: right;
	margin-right: 0px;
	margin-top: 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.AspectRatio5x4 .radial-menu-container,.AspectRatio4x3 .radial-menu-container
{
	height: width-percentage( 100% );
	width: 98%;
	vertical-align: center;
}

.radial-menu-team-logo
{
	horizontal-align: center;
	vertical-align: center;
	width: 20%;
	height: 20%;
	brightness: 0.4;
	padding:6px;
	transition-property: brightness;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.radial-menu-team-logo:hover
{
	brightness: 1;
	transition-property: brightness;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.radial-menu-team-logo .TickBox
{
	visibility: collapse;
}

.item-wheel
{
	height: 100%;
	vertical-align: center;
	horizontal-align: center;
}

.loadout-item
{
	horizontal-align: center;
	vertical-align: center;
	width: 256px;
	height: 190px;
}

.loadout-item__image
{
	width: 244px;
}

ItemImage Label
{
	y: -16px;
}

.loadout-item__textbox
{
	vertical-align: middle;
	horizontal-align: center;
	flow-children: down;
	min-width: 180px;
	color: color-rarity-common;
	vertical-align: top;
	text-align: center;
	font-size: 18px;
	font-weight: medium;
	text-shadow: 2px 2px 2px #000000;
	font-family: Stratum2, 'Noto Sans';
}

.common .loadout-item__textbox
{
	color: color-rarity-common;
}

.uncommon .loadout-item__textbox
{
	color: color-rarity-uncommon;
}

.rare .loadout-item__textbox
{
	color: color-rarity-rare;
}

.mythical .loadout-item__textbox
{
	color: color-rarity-mythical;
}

.ancient .loadout-item__textbox
{
	color: color-rarity-ancient;
}

.legendary .loadout-item__textbox
{
	color: color-rarity-legendary;
}

.immortal .loadout-item__textbox
{
	color: color-rarity-immortal;
}

.loadout-item__image
{
	padding-top: 26px;
	vertical-align: bottom;
}

.w1 > .loadout-item
{
	position: -20% -27% 0px;
}

.w2 > .loadout-item
{
	position: 20% -27% 0px;
}

.w3 > .loadout-item
{
	position: 30% 0% 0px;
}

.w4 > .loadout-item
{
	position: 20% 27% 0px;
}

.w5 > .loadout-item
{
	position: -20% 27% 0px;
}

.w6 > .loadout-item
{
	position: -30% 0% 0px;
}

.loadout-item-list-container
{
	width: 50%;
	height: 100%;
	flow-children: down;
}

.loadout-sort
{
	width: 100%;
	margin-right: 16px;
	margin-left: 16px;
	margin-bottom: 4px;
}

.loadout-team-selector-container
{
	Width: 50%;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.loadout-team-selector-spacer
{
	width: fill-parent-flow( 1.0 );
	height: 100%;
}

.loadout-single-item-container
{
	width: 100%;
	height: 100%;
	flow-children: down;
	vertical-align: center;
	horizontal-align: center;

	transition-property: height;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.loadout-single-item-container.extra-tall
{
	height: 100%;
}

.loadout-single-item-bg
{
	vertical-align: center;
	horizontal-align: center;
	background-image: url("file://{resources}/videos/dust2_loadout.webm");
	background-size: auto auto;
	background-position: center;
	background-img-opacity: 1;
	width: 100%;
	opacity: 1;
}

.loadout-single-item-bg--localagent--CT
{
	wash-color: color-CT;
	opacity: 0.1;
	width: 100%;
	height: 50%;
}

.loadout-single-item-bg--localagent--TERRORIST
{
	wash-color: color-T;
	opacity: 0.1;
	width: 100%;
	height: 50%;
}

.loadout-single-item
{
	width: 100%;
	height: 100%;
	background-color: contentPanelBackground;
}

.loadout-single-item-title
{
	font-size: 18px;
	width: 100%;
	font-weight: medium;
	font-family: Stratum2, 'Noto Sans';
	margin: 15px 0px 15px 5%;
	width: 400px;
	color: white;
	height: 26px;
	text-overflow: shrink;
}

.loadout-single-item-rarity
{
	width: 100%;
	horizontal-align: center;
	height: 6px;
}

.border-right-white
{
	border-right: 1px solid #ffffff22;
}

.margin-right-20
{
	padding-right: 20px;
}

#LoadoutSingleItemModelWeaponChoice
{
	min-width: 350px;
}

.popup-button-row
{
	width: 90%;
	border-top: 1px solid rgba(145, 145, 145, 0.5);
	vertical-align: bottom;
	horizontal-align: center;
	padding: 8px 0px 8px 0px;
}

.loadout-character-controls .IconButton Image
{
	height: 36px;
}

#LoadoutCharacterControls
{
	vertical-align: center;
}

.hidden
{
	visibility: collapse;
}

.loadout-team-selector
{
	flow-children: left;
	horizontal-align: right;
	vertical-align: top;
	margin: 3px 16px;
}

.loadout-team-selector .RadioBox
{
	opacity: 1;
	vertical-align: center;
}

.loadout--no-item ItemImage
{
	visibility: collapse;
}

.loadout--shuffle-enabled ItemImage
{
	brightness: 0.3;
	blur: gaussian( 2, 2, 1 );
}

.loadout-shuffle_icon
{
	visibility: collapse;
	horizontal-align: center;
	vertical-align: center;
}

.loadout-shuffle-text
{
	visibility: collapse;
	horizontal-align: center;
}

.loadout--shuffle-enabled .loadout-shuffle_icon,.loadout--shuffle-enabled .loadout-shuffle-text
{
	visibility: visible;
}

.loadout-empty-list-text
{
	max-width: 512px;
	font-size:16;
	font-weight:lighter;
	line-height:24px;
}

.shuffle-options
{
	vertical-align: center;
	width: 24px;
	height: 24px;
}

.loadout-info
{
	margin-right: 64px;
	vertical-align: center;
	wash-color: baseText;
}
