/*#region << general >> */
.strike-out {
	position: relative;
	display: inline-block;
}

	.strike-out:after {
		content: "";
		height: 2px;
		background: #d9534f;
		position: absolute;
		bottom: 50%;
		margin-top: -9px;
		left: 0;
		right: 0;
		-webkit-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

.muted-title {
	color: rgba(0,0,0,0.5);
}

.horizontal-divider {
	height: 1px;
	border-top: 1px dashed #ccc;
	margin: 15px 0;
}

.input-helpblock {
	margin-top:15px;
}

.text-bold {
	font-weight:bold;
}

.empty-image {
	position:relative;
	display:block;
	background:#f2f2f2;
}

	.empty-image i {
		position:absolute;
		top:50%;
		left:50%;
		font-size:18px;
		color:#999;
		margin-top:-9px;
		margin-left:-9px;
	}

.btn-outline .label-default,
.btn-primary .label-default {
	background-color:rgba(0,0,0,0.25);
}

.hover-blue:hover {
	color:#2196F3 !important;
}

.label {
	padding:.2em .6em;
}

.hover-select:hover {
	cursor:text !important;
}
.hover-click:hover {
	cursor:pointer !important;
}

.radio-inline.active,
.checkbox-inline.active {
	font-weight:bold;
}


.go-bkg-orange-light {
	background-color: rgba(255, 152, 0,0.35) !important;
}

.go-bkg-red-light {
	background-color: rgba(244, 67, 54,0.35) !important;
}

.go-bkg-green-light {
	background-color: rgba(76, 175, 80,0.35) !important;
}


.table-hover-orange > tbody > tr:hover {
	background-color: rgba(255, 152, 0,0.1) !important;
}


.table.import-evaluation tr > td:first-child {
	width:40px !important;
}

.import-evaluation thead th {
	min-width:40px;
}

.table td.more-bar {
	background:#ddd;
	text-align:center;
}

	.table .more-bar:hover {
		cursor:pointer;
		background:#ccc;
	}

/*#endregion*/

/*#region << cart-items >> */

.cart .item-row td {
	vertical-align: top !important;
	/*padding-top: 15px;
	padding-bottom: 15px;*/
}

.cart .item-row .thumb {
	width: 36px;
	float: left;
	min-height: 45px;
}


	.cart .item-row .thumb img {
		width: 100%;
		border: none;
	}

.cart .item-row .description {
	margin-left: 50px;
}

	.cart .item-row .description .title {
		font-size: 14px;
		font-weight: normal;
		margin-top: -3px;
		padding: 0;
	}

		.cart .item-row .description .title a {
			color: #333;
		}

	.cart .item-row .description .attribute {
		color: #aaa;
		margin-left: 10px;
	}

	.cart .item-row .description .attribute-value {
		color: #333;
	}

	.cart .item-row .description .origin {
		color: #aaa;
	}

	.cart .item-row .description .attributes {
		color: #aaa;
		margin-left: -10px;
	}

	.cart .item-row .description .insurance {
		margin-top: 7px;
	}

.cart .item-row .item-count {
	width: 60px;
}

.cart .item-row .item-price {
	width: 130px;
	text-align: right;
}

.cart .item-row .description .item-price {
	width: auto;
	text-align: left;
	font-size:16px;
	margin-top:10px;
}

	.cart .item-row .item-price.promoted .currency-code {
		display:inline-block;
	}

	.cart .item-row .item-price.promoted .sell {
		position: relative;
	}
	.cart .item-row .item-price.promoted .sell:after {
		content: "";
		height: 2px;
		background: #d9534f;
		position: absolute;
		bottom: 50%;
		margin-top: -9px;
		left: 0;
		right: 0;
		-webkit-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

.cart .item-row .description .item-price .sell,
.cart .item-row .description .item-price.promoted .promo {
	display:inline-block;
}

	.cart .item-row .item-price.promoted .promo,
	.cart .item-row .item-price.promoted .percent {
		display: inline;
	}

	.cart .item-row .item-price .promo,
	.cart .item-row .item-price .percent {
		display: none;
	}

.cart .item-row .item-actions {
	width: 60px;
	text-align: center;
}

.cart .calculation-row.first td {
	border-top: 1px solid #ddd;
}

.cart .calculation-row td {
	text-align: right;
	border: none;
}

.cart .calculation-row.total {
	font-size: 20px;
	border-top: 1px solid #ddd;
}

.cart .insurance .fa-caret-down {
	position: relative;
	top: 2px;
}

.cart .insurance-box {
	margin-top: 5px;
	padding: 0 5px;
	border: 1px solid #ddd;
}

	.cart .insurance-box .table {
		margin-bottom: 0;
	}

		.cart .insurance-box .table th {
			width: 80px;
			text-align: right;
			border: none;
		}

		.cart .insurance-box .table thead th {
			text-align: left;
		}

		.cart .insurance-box .table td {
			width: 80px;
			border: none;
			padding-top: 0;
		}

/*#endregion*/

/*#region << Cart - game cards / discounts */

.cart .card-list {
	margin-bottom: 2em;
}

	.cart .card-list .card {
		display:inline-block;
		width:100px;
		margin-right:1em;
		margin-bottom:1em;
		position:relative;
	}

	.cart .card-list img {
		margin: 0.5em 0;
		width: 100%;
		border: 1px solid #ddd;
	}

	.cart .card-list .card img {
		width:100px;
	}

	.cart .card-list .card .action-bar {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		top:0;
		margin:0.5em 0;
	}

		.cart .card-list .card .action-bar a {

			background:rgba(0,0,0,0.3);
			height:50%;
			width:100%;
			position:absolute;
			border:none;
			display:none;
			line-height:71px;
			vertical-align:middle;
			text-align:center;
			font-size:1.25em;
		}

		.cart .card-list .card:hover .action-bar a {
			background:rgba(0,0,0,0.3);
			display:block;
		}

			.cart .card-list .card .action-bar .delete {
				border-radius:5px 5px 0 0;
				border-bottom: 1px solid rgba(255,255,255,0.3);
				top:0;
				left:0;
				right:0;
				color:rgba(217, 83, 79,0.95);
			}

			.cart .card-list .card .action-bar .delete:hover {
					background:rgba(217, 83, 79,0.75);
					color:rgba(255,255,255,1);
			}


			.cart .card-list .card .action-bar .view {
				border-radius:0 0 5px 5px;
				border-top: 1px solid rgba(0,0,0,0.5);
				bottom:0;
				left:0;
				right:0;
				color:rgba(0, 150, 136,1);
			}
				.cart .card-list .card .action-bar .view.single {
					top:0;
					height:100%;
					line-height:142px;
					border-radius:5px 5px 5px 5px;
				}

			.cart .card-list .card .action-bar .view:hover {
					background:rgba(0, 150, 136,0.75);
					color:rgba(255,255,255,1);
			}


	.cart .card-list .add-card {
		margin: 0.5em 0;
		display: block;
		position:relative;
	}

	.cart .card-list .remove-card {
		position:relative;
	}

		.cart .card-list .add-card img {
			margin: 0;
		}

		.cart .card-list .remove-card:after {
			position:absolute;
			top:50%;
			left:50%;
			margin-top:-8px;
			margin-left:-8px;
			font-size:16px;
			content:"\f057";
			font-family: FontAwesome;
			color:#F44336;
			display:none;
		}

	.cart .card-list .remove-card:hover:after {
		display:block;
	}

.cart h4 .fa {
	margin-right: 5px;
}

.card-list-popup {
	margin:1.5em 0;
}

.card-list-popup .card {
	position:relative;
		display:inline-block;
		width:100px;
		margin-right:1em;
		margin-bottom:1em;
}

.card-list-popup .card .used{
	display: block;
	position: absolute;
	text-align: center;
	background-color: #ff030f;
	line-height: 25px;
	width: 100%;
	border-bottom: 1px solid #ff030f;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	/*filter: alpha(opacity = 85);*/
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	color: white;
	border-radius: 5px 5px 0 0;
}

.card-list-popup .card .stats{
	display:none;
}

	.card-list-popup .card img.fade-out {
		opacity:0.5;
	}

.card-list-popup .card .blocked{
	display: block;
	position: absolute;
	text-align: center;
	background-color: rgba(0,0,0,0.75);
	line-height: 25px;
	width: 100%;
	border-bottom: 1px solid #ff030f;
	color: white;
	border-radius: 5px 5px 0 0;
	z-index:100;
}

.card-tooltip .tooltip-inner {
	background: #fff !important;
	border: 3px solid #333;
	padding: 3px;
	width: 400px !important;
	color: #333;
	/*box-shadow: 0 0px 10px rgba(0,0,0,0.15);*/
	max-width: none;
}

	.card-tooltip .tooltip-inner .table {
		margin-bottom:0;
		background:#fff;
	}

	.card-tooltip .tooltip-inner .table th {
		width:150px;
	}

	.card-tooltip .tooltip-inner .table td {
		text-align:left;
	}

/*#endregion*/

/*#region << selection-box / form buy-product >> */

.buy-product .form-group > label {
	margin-top: 10px;
	margin-bottom: 10px;
	width:100%;
	line-height:22px;
}

	.buy-product .form-group > label small {
		float:right;
		/*color:#d9534f;*/
		font-weight:normal;
		font-size:1em;
		text-transform:lowercase;
	}

	.buy-product .form-group > label .label {
		font-weight:normal;
		font-size:1em;		
		text-shadow:none;
		text-transform:uppercase;
	}

.selection-box .panel {
	color: #888;
	outline: 2px solid #ccc;
	font-size: 16px;
	text-align: center;
	display: block;
	padding: 0;
	font-weight: normal;
	/* text-transform: lowercase; */
	position: relative;
}

	.selection-box .panel:hover {
		color: #555;
		outline: 2px solid #aaa;
		cursor:pointer;
	}

	.selection-box .panel.active,
	.selection-box .panel.active:hover {
		outline: 2px solid #d9534f;
		color: #555;
	}

.selection-box .image-button {
	margin-bottom: 15px;
	display: block;
	outline: 2px solid #ccc;
	position: relative;
	min-height: 30px;
}

	.selection-box .image-button:hover {
		cursor: pointer;
		outline: 2px solid #aaa;
	}

	.selection-box .image-button.active,
	.selection-box .image-button.active:hover {
		outline: 2px solid #d9534f;
	}


	.selection-box .image-button .zoom-link {
		position: absolute;
		top: 0;
		right: 0;
		width: 24px;
		height: 24px;
		line-height: 24px;
		background: #ccc;
		color: #eee;
		text-align: center;
		font-size: 12px;
	}

		.selection-box .image-button .zoom-link:hover {
			background-color: rgba(255, 3, 15,0.55);
		}

	.selection-box .image-button.in_cart:before,
	.selection-box .panel.in_cart:before {
		position:absolute;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 12px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		content:"\f08d";
		top:5px;
		left:5px;
		color:#fff;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius:20px;
		text-align:center;
		background:#d9534f;
	}

	.selection-box .image-button.disabled:after,
	.selection-box .panel.disabled:after {
		font-family: FontAwesome;
		font-size: 16px;
		color: white;
		content: "\f023";
		display: block;
		padding: 10px;
		height: 38px;
		width: 38px;
		line-height: 16px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: rgba(0,0,0,0.5);
		margin-top: -19px;
		margin-left: -19px;
		border-radius: 30px;
		border: 2px solid #d9534f;
		text-align: center;
	}

/*#endregion << selection-box >> */

/*#region >> nav-wizard >> */

.nav-pills.nav-wizard > li {
  position: relative;
  overflow: visible;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  padding-bottom: 7px;
}
.nav-pills.nav-wizard > li + li {
  margin-left:0;
}
.nav-pills.nav-wizard > li:first-child {
  border-left: 0;
}
.nav-pills.nav-wizard > li:first-child .step {
  border-radius: 5px 0 0 5px;
}
.nav-pills.nav-wizard > li:last-child {
  border-right: 0;
}
.nav-pills.nav-wizard > li:last-child .step {
  border-radius: 0 5px 5px 0;
}
.nav-pills.nav-wizard > li .step {
  border-radius: 0;
  background-color: #ddd;
  color:#333;
	position: relative;
	display: block;
	padding: 10px 15px;
}

	.nav-pills.nav-wizard > li .step:hover {
		cursor:default;
	}

	.nav-pills.nav-wizard > li .step a {
		padding:0;
		border:0;
		text-decoration:underline;
	}

.nav-pills.nav-wizard > li .nav-arrow {
  position: absolute;
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #ddd;
  z-index: 150;
}
.nav-pills.nav-wizard > li .nav-wedge {
  position: absolute;
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: #ddd #ddd #ddd transparent;
  z-index: 150;
}

.nav-pills.nav-wizard > li.active .nav-arrow {
  border-color: transparent transparent transparent #333;
}
.nav-pills.nav-wizard > li.active .nav-wedge {
  border-color: #333 #333 #333 transparent;
}
.nav-pills.nav-wizard > li.active .step {
  background-color: #333;
  color:#fff;
}

.nav-pills.nav-wizard > li.completed .nav-arrow {
  border-color: transparent transparent transparent #999;
}
.nav-pills.nav-wizard > li.completed .nav-wedge {
  border-color: #999 #999 #999 transparent;
}
.nav-pills.nav-wizard > li.completed .step {
  background-color: #999;
  color:#333;
}

.nav-pills.nav-wizard > li.labeled .nav-arrow {
  border-color: transparent transparent transparent #009688;
}
.nav-pills.nav-wizard > li.labeled .nav-wedge {
  border-color: #009688 #009688 #009688 transparent;
}
.nav-pills.nav-wizard > li.labeled .step {
  background-color: #009688;
  color:#E0F2F1;
}


/*#endregion << nav-wizard << */

/*#region >> add-item-media-row >> */

.add-item-media-row .weight {
	width:50px;
	font-weight:bold;
	font-size:18px;
	float:left;
	text-align:left;
}

.add-item-media-row .image{
	width:100px;
	float:left;
}

.add-item-media-row .image img,
.add-item-media-row .video img{
	width:100%;
}

.add-item-media-row .description{
	margin-left:170px;
}

	.add-item-media-row .description th {
		width:120px;
		text-align:right;
		font-weight:normal;
	}

.add-item-media-row .video {
	position:relative;
	background:#eee;
	width:100px;
	float:left;
	min-height:125px;
}

	.add-item-media-row .video i {
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-21px;
		margin-left:-21px;
		color:white;
		background: #009688;
		border-radius: 42px;
		font-size:42px;
		width:42px;
		height:42px;
	}

/*#endregion*/

/*#region << marketplace >>*/
.table-marketplace th{
	width:140px;
	font-weight:normal;
	text-align:right;
	color:#999;
}
/*#endregion*/

/*#region >> progress header >>*/
.progress-header {
	position:relative;
}

	.progress-header .progress {
		position:absolute;
		right:0;
		top:8px;
		width:200px;
		margin-bottom:0;
		background:#ddd;
	}

	.progress-header .action {
		position:absolute;
		right:210px;
		top:7px;
		width:300px;
		margin-bottom:0;
		text-align:right;
		overflow:hidden;
		height:22px;
	}

/*#endregion*/

/*#region << navbar-progress >>*/
.navbar-progress {
	border:none;
}

	.navbar-progress .completed > a {
		border-right:1px solid transparent;
	}

.navbar-progress .completed > a{
	background-color:#4CAF50 !important;
	color:#f2f2f2 !important;
	border-right-color:#2E7D32;
}

.navbar-progress .active.completed > a{
	background-color:#2E7D32 !important;
}


/*#endregion*/

/*#region << vcard >>*/
.vcard {
	position:relative;
	min-height:40px;
}
.vcard .photo{
	position:absolute;
	left:0;
	top:5px;
	width:32px;
	height:32px;
	overflow:hidden;
}
	.vcard .photo img {
		width:32px;
		outline:1px solid #ccc;
	}

	.vcard .meta {
		margin-left:40px;
	}

/*#endregion*/

/*#region << message-table >> */

.message-table {
	margin-bottom: 0;
}

	.message-table .unread {
		font-weight: bold;
	}

	.message-table .priority {
		color: #d9534f;
	}

	.message-table .action {
		width: 30px;
	}

		.message-table .action a {
			color: #ccc;
		}

			.message-table .action a:hover {
				color: #333;
			}

	.message-table .datetime {
		width: 160px;
		text-align: right;
	}

	.message-table tr:hover {
		cursor: pointer;
	}

.message-subject {
	font-size:18px;
	margin-bottom:30px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}
.message .important {
	color:#d9534f;
}

.message .unread {
	color:#4CAF50;
}

.message {
	position:relative;
	padding-left:60px;
	min-height:80px;
	margin-bottom:30px;
}

	.message.efrea {
		padding-left:0;
		padding-right:60px;
	}

	.message .avatar {
		position:absolute;
		left:0;
		top:0;
		padding-top:5px;
	}

	.message.efrea .avatar {
		left:auto;
		right:0;
	}

		.message .avatar img {
			width:40px;
			border:1px solid #ccc;
		}

	.message .body .meta {
		height:1.5em;
		color:#999;
		font-size:14px;
	}

	.message.efrea .body .meta {
		text-align:right;
	}

	.message .body .content{
		/*background:#f2f2f2;*/
		background:rgba(0,0,0,0.075);
		border:1px solid #ddd;
		padding:10px;
	}

	.message.unread .body .content {
		background-color:#E8F5E9;
	}


.more-messages {
	font-size:14px;
}

	.more-messages:hover {
		background:#fffff2;
		cursor:pointer;
	}

.message-divider {
	border: none;
	border-bottom: 1px dashed #ccc;
	height: 1px;
}

.message .aux {
	margin-top:15px;
}

.message .images img {
	width:60px;
	vertical-align: top;
}

	.message .images img:hover {
		cursor:pointer;
		outline:1px solid #d9534f;
	}

.message .subject {
	margin-bottom:10px;
}
/*#endregion*/

/*#region << message list >>*/
.ef-message-list .extra-meta{
	color:#999;
}

.ef-message-list .unread .subject {
	font-weight:bold;
	color:#555;
}
/*#endregion*/

/*#region << infobox >>*/
.info-box {
	padding:15px;
	position:relative;
	min-height:78px;
	border:1px solid #ccc;
	padding-left:80px;
	padding-right:140px;
	background-color:#fafafa;
	margin-bottom:1em;
}

	.info-box .icon {
		position:absolute;
		left:15px;
		top:15px;
		font-size:48px;
	}

	.info-box h3 {
		font-size:18px;
		margin:0 0 5px 0;
	}

	.info-box .btn {
		position:absolute;
		right:15px;
		top:25px;
	}
/*#endregion*/


/*#region << add photo >>*/
	.add-photo-row .layouts {
		margin-bottom:15px;
	}

	.add-photo-row .layouts table {
		width:100%;
	}

		.add-photo-row .layouts .layout {
			background:#ccc;
			border:2px solid #ccc;
		}

			.add-photo-row .layouts .layout:hover {
				cursor:pointer;
				border-color:#777;
			}

			.add-photo-row .layouts .layout.active {
				border-color:#d9534f;
			}

		.add-photo-row .layouts table .box {
			background:#eee;
			height:60px;
			position:relative;
			margin:3px;
		}

			.add-photo-row .layouts .box .fa {
				position:absolute;
				top:50%;
				left:50%;
				font-size:32px;
				margin-top:-16px;
				margin-left:-16px;
				color:#ccc;
			}

.add-photo-row .thumb {
	position:relative;
	width: 100%;
	min-height: 260px;
	background:#eee !important;
	overflow:hidden;
}

	.add-photo-row .thumb.has-error {
		background:rgba(242, 222, 222,0.75);
	}


	.add-photo-row .thumb .alert {
		position: absolute;
		left: 5px;
		right: 5px;
		top: 5px;
		text-align: center;
	}

.add-photo-row .thumb .upload-image{
	position:absolute;
	top:130px;
	left:0;
	right:0;
	height:60px;
	text-align:center;
	color:#333;
	margin:auto;
}

.add-photo-row .thumb .btn {
	color:#333;
	background:white;	
}


.add-photo-row .thumb .fa-camera{
	font-size: 48px;
	width: 48px;
	height: 48px;
	color: #aaa;
	position: absolute;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.add-photo-row .thumb .progress {
	margin: 0 10px;
	height: 10px;
}

.add-photo-row .thumb .description{
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
height: 30px;
top: 190px;
color:#999;
text-align:center;
}


	.add-photo-row .image-wrapper {
		position: relative;
		width:100%;
	}

.add-photo-row .image-wrapper img{
	width: auto;
	outline: 1px solid #ccc;
	min-width: 100px;
	max-width:100%;
}

	.add-photo-row .image-wrapper .remove-link{
		position: absolute;
		right: 5px;
		top: 6px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		border-radius: 3px;
		background: #d9534f;
		color: white;
		z-index: 50;
		box-shadow: 0 0 5px #333;
		padding: 0 10px;
	}

	.add-photo-row .image-wrapper .remove-link:hover{
		box-shadow: 0 0 5px #555;
	}

	.add-photo-row .image-wrapper .remove-link:active{
		box-shadow: 0 0 5px #999;
	}

	.add-photo-row .image-wrapper .filename{
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		height: 36px;
		line-height: 36px;
		text-align: left;
		background: rgba(0,0,0,0.5);
		color: #ddd;
		z-index: 10;
		padding-left: 10px;
		padding-right: 40px;
		overflow: hidden;
	}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image-container img{
	width:auto;
	max-width:100%;
}
/*#endregion*/

/*#region << Panel warning >>*/
.panel.panel-warning {
	border: 1px solid #FDD835;
	background: #FFFDE7;
}

.panel.panel-warning > .panel-heading {
	border-color:#ddd;
	color:#555;
}

	.panel.panel-warning .go-gray {
		color:#999 !important;
	}

	.panel.panel-warning .panel-body,
	.panel.panel-warning .panel-heading {
		background: #FFFDE7 !important;
	}

/*#endregion*/

/*#region << File library >>*/

.file-library ul {
	margin:0;
	margin-bottom:10px;
}

.file-library li {
	width:164px;
	padding-top:10px;
	padding-left:10px;
}

.file-library .block {
	position: relative;
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
	box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
	background: #fff;
	cursor: pointer;
	margin-bottom:0;
	height:149px;
	padding:5px;
	outline:1px solid #aaa;
	text-align:center;
}

	.file-library .block:hover {
		outline: 2px solid #5b9dd9;
	}

	.file-library .block.image {
		padding:0;
		overflow:hidden;
	}

	.file-library .block.image img{
		vertical-align:top;
	}

.file-library .centered {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
}

	.file-library .centered img,
	.file-library .centered .fa {
		position:absolute;
		top:0;
		left:0;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		color:#aaa;
	}


.file-library .filename {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	max-height: 100%;
	word-wrap: break-word;
	text-align: center;
	font-weight: 600;
	background: rgba(255,255,255,.8);
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}

.file-library .filename div {
	padding: 5px 10px;
	font-size:11px;
	color:#444;
}
/*#endregion*/

/*#region << Variation grid >>*/

.variation-grid {
	margin-left:-10px;
}

	.variation-grid .item {
		display:inline-block;
		width:60px;
		margin-left:10px;
		margin-bottom:5px;
		border:1px solid #ccc;
		position:relative;
		box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	}

		.variation-grid .item:hover {
			box-shadow: 0 1px 2px rgba(0,0,0,0.35);
			text-decoration:none;
			cursor:pointer;
		}

		.variation-grid .item.active {
			border-color:#d9534f;
			color:#333!important;
		}


.variation-grid .item.active:after {
	content: "";
	display: block;
	padding: 0;
	position: absolute;
	top: -2px;
	left: -7px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d9534f;
	transform: rotate(-45deg);
}

	.variation-grid.tile .item{
		width:auto;
		background:#fff;
		text-align:center;
		padding: 5px 10px;
		font-size:16px;
		color:#888;
		min-width: 40px;
	}

	.variation-grid .item.disabled:hover {
		cursor: default !important;
	}

	.variation-grid .item.disabled:after {
		font-family: FontAwesome;
		font-size: 16px;
		color: #fff;
		content: "\f023";
		display: block;
		line-height: 70px;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.45);
		right: 0;
		bottom: 0;
		text-align: center;
	}

	.variation-grid.tile .item.disabled:after {
		line-height: 32px;
	}


	.variation-grid .item.in_cart:before {
		position:absolute;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 12px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		content:"\f08d";
		top:-7px;
		right:-7px;
		color:#fff;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius:20px;
		text-align:center;
		background:#009688;
	}


/*#endregion*/

/*#region << Stats >>*/
.stat {
	text-align:center;
}
.stat .heading {
	text-transform:uppercase;
	font-size:12px;
}

.stat .icon {
	color:#ccc;
	font-size:24px;
}

.stat .value {
}

/*#endregion*/

/*#region << Input group modes */
.input-group-teal .form-control{
	border-color:rgba(0, 150, 136,0.75);
	background-color:rgba(0, 150, 136,0.1);
}

.input-group-teal .input-group-addon{
	border-color:rgba(0, 150, 136,0.75);
	background-color:rgba(0, 150, 136,0.3);
	color:rgba(0, 150, 136,0.75) !important;
}

.input-group-teal .input-group-btn .btn{
	border-color:rgba(0, 150, 136,0.75);
	background-color:rgba(0, 150, 136,0.025);
}

.input-group-green .form-control{
	border-color:rgba(76, 175, 80,0.75);
	background-color:rgba(76, 175, 80,0.1);
}

.input-group-green .input-group-addon{
	border-color:rgba(76, 175, 80,0.75);
	background-color:rgba(76, 175, 80,0.3);
	color:rgba(76, 175, 80,0.75) !important;
}

.input-group-green .input-group-btn .btn{
	border-color:rgba(76, 175, 80,0.75);
	background-color:rgba(76, 175, 80,0.025);
}

.input-group-red .form-control{
	border-color:rgba(244, 67, 54,0.75);
	background-color:rgba(244, 67, 54,0.1);
}

.input-group-red .input-group-addon{
	border-color:rgba(244, 67, 54,0.75);
	background-color:rgba(244, 67, 54,0.3);
	color:rgba(244, 67, 54,0.75) !important;
}

.input-group-red .input-group-btn .btn{
	border-color:rgba(244, 67, 54,0.75);
	background-color:rgba(76, 175, 80,0.025);
}

.input-group-orange .form-control{
	border-color:rgba(255, 152, 0,0.75);
	background-color:rgba(255, 152, 0,0.1);
}

.input-group-orange .input-group-addon{
	border-color:rgba(255, 152, 0,0.75);
	background-color:rgba(255, 152, 0,0.3);
	color:rgba(255, 152, 0,0.75) !important;
}

.input-group-orange .input-group-btn .btn{
	border-color:rgba(255, 152, 0,0.75);
	background-color:rgba(76, 175, 80,0.025);
}

.input-group-blue .form-control{
	border-color:rgba(33, 150, 243,0.75);
	background-color:rgba(33, 150, 243,0.1);
}

.input-group-blue .input-group-addon{
	border-color:rgba(33, 150, 243,0.75);
	background-color:rgba(33, 150, 243,0.3);
	color:rgba(33, 150, 243,0.75) !important;
}

.input-group-blue .input-group-btn .btn{
	border-color:rgba(33, 150, 243,0.75);
	background-color:rgba(76, 175, 80,0.025);
}
/*#endregion*/

/*#region << Utils */
.offer-request-offer-link {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:50%;
	display:block;
	padding-left:7px;
	background:#5C6BC0;
	color:rgba(255,255,255,0.85) !important;
	line-height: 30px;
}

	.offer-request-offer-link .fa {
		color:rgba(255,255,255,0.5) !important;
	}

	.offer-request-offer-link:hover {
		background:#3F51B5;
		color:rgba(255,255,255,0.95) !important;
	}

.offer-request-customer-link {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:50%;
	display:block;
	padding-left:7px;
	background:#26A69A;
	color:rgba(255,255,255,0.85) !important;
	line-height: 30px;
}

	.offer-request-customer-link .fa {
		color:rgba(255,255,255,0.5) !important;
	}

	.offer-request-customer-link:hover {
		background:#009688;
		color:rgba(255,255,255,0.95) !important;
	}

/*#endregion*/