Initial commit

2019-11-20 07:44:43 +01:00
commit 5bf49c4a81
41188 changed files with 5459177 additions and 0 deletions
--- a/web/admin1553pskpx/themes/default/sass/admin-theme.sass
+++ b/web/admin1553pskpx/themes/default/sass/admin-theme.sass
@@ -0,0 +1,112 @@
+// Make sure the charset is set appropriately
+@charset "UTF-8"
+//Compass is required to pre-compile this stylesheets to .css
+@import "~bourbon/app/assets/stylesheets/bourbon"
+
+@import "modules/colors"
+@import "modules/variables"
+@import "modules/mixins"
+
+@import "vendor/bi-app/bi-app-ltr"
+
+@import "vendor/animate"
+@import "vendor/font-awesome/font-awesome"
+
+//Bootstrap Core : Variables + Mixins + Reset + Print
+@import "vendor/bootstrap-sass/variables"
+@import "vendor/bootstrap-sass/mixins"
+@import "vendor/bootstrap-sass/normalize"
+//@import "vendor/bootstrap-sass/print"
+
+//import fonts
+@import url($url-font-content)
+@import url($url-font-headings)
+
+//Bootstrap's rules applied only on div#content.bootstrap, nav.bootstrap, header.bootstrap, footer.bootstrap
+.bootstrap
+	//Core CSS
+	@import "vendor/bootstrap-sass/scaffolding"
+	@import "vendor/bootstrap-sass/type"
+	@import "vendor/bootstrap-sass/code"
+	@import "vendor/bootstrap-sass/grid"
+	@import "vendor/bootstrap-sass/tables"
+	@import "vendor/bootstrap-sass/forms"
+	@import "vendor/bootstrap-sass/buttons"
+	//Components
+	@import "vendor/bootstrap-sass/component-animations"
+	//@import "vendor/bootstrap-sass/glyphicons"
+	@import "vendor/bootstrap-sass/dropdowns"
+	@import "vendor/bootstrap-sass/button-groups"
+	@import "vendor/bootstrap-sass/input-groups"
+	@import "vendor/bootstrap-sass/navs"
+	@import "vendor/bootstrap-sass/navbar"
+	@import "vendor/bootstrap-sass/breadcrumbs"
+	@import "vendor/bootstrap-sass/pagination"
+	@import "vendor/bootstrap-sass/pager"
+	@import "vendor/bootstrap-sass/labels"
+	@import "vendor/bootstrap-sass/badges"
+	//@import "vendor/bootstrap-sass/jumbotron"
+	@import "vendor/bootstrap-sass/thumbnails"
+	@import "vendor/bootstrap-sass/alerts"
+	@import "vendor/bootstrap-sass/progress-bars"
+	@import "vendor/bootstrap-sass/media"
+	@import "vendor/bootstrap-sass/list-group"
+	@import "vendor/bootstrap-sass/panels"
+	@import "vendor/bootstrap-sass/wells"
+	@import "vendor/bootstrap-sass/close"
+	// Components w/ JavaScript
+	@import "vendor/bootstrap-sass/tooltip"
+	@import "vendor/bootstrap-sass/popovers"
+	//Utility classes
+	@import "vendor/bootstrap-sass/utilities"
+	@import "vendor/bootstrap-sass/responsive-utilities"
+
+//Moved out from .bootstrap prefix since modal's javascript appends the background overlay just before /body.
+@import "vendor/bootstrap-sass/modals"
+@import "vendor/bootstrap-sass/carousel"
+
+//PrestaShop Elements
+@import "partials/content"
+@import "partials/header"
+@import "partials/footer"
+@import "partials/nav"
+@import "partials/icons"
+
+.bootstrap
+	//Partials
+	@import "partials/commons"
+	@import "partials/tables"
+	@import "partials/tree"
+	@import "partials/forms"
+	@import "partials/kpi"
+	@import "partials/switch"
+	@import "partials/toolbar"
+	@import "partials/date-range-picker"
+	@import "partials/multistore"
+	@import "partials/product"
+
+	//Controllers
+	@import "controllers/carrier-wizard"
+	@import "controllers/dashboard"
+	@import "controllers/login"
+	@import "controllers/modules"
+	@import "controllers/search"
+	@import "controllers/translations"
+	@import "controllers/customer-thread"
+	@import "controllers/themes"
+	@import "controllers/order"
+	@import "controllers/products"
+
+//Plug-ins
+@import "partials/tinymce"
+@import "partials/growl"
+@import "partials/chosen"
+@import "partials/ladda"
+@import "partials/date-picker"
+@import "partials/select2"
+
+//Backward compatibility
+@import "partials/backward"
+
+//Print support
+@import "partials/print"
--- a/web/admin1553pskpx/themes/default/sass/controllers/_carrier-wizard.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_carrier-wizard.sass
@@ -0,0 +1,145 @@
+#carrier_wizard
+	position: relative
+	display: block
+	.translatable-field
+		color: $main-color
+		li
+			a
+				color: $main-color
+	.stepContainer
+		position: relative
+		display: block
+		//overflow: hidden
+		clear: both
+		div.content
+			position: absolute
+			display: block
+			width: 100%
+			clear: both
+		.StepTitle
+			display: block
+			position: relative
+			clear: both
+	ul.anchor
+		position: relative
+		display: block
+		float: left
+		list-style: none
+		padding: 0
+		margin: 0 0 10px 0
+		clear: both
+		width: 100%
+		&.nbr_steps_4
+			li
+				width: 25%
+				float: left
+		&.nbr_steps_5
+			li
+				width: 25%
+				float: left
+	li
+		position: relative
+		display: block
+		overflow: hidden
+		a
+			color: #ccc
+			height: 32px
+			display: block
+			position: relative
+			margin: 0 16px 0 0
+			text-decoration: none
+			outline-style: none
+			.stepNumber
+				position: relative
+				float: left
+				width: 24px
+				height: 32px
+				margin-right: 3px
+				text-align: center
+				padding: 0 5px
+				font-size: 30px
+				line-height: 32px
+				color: white
+			.stepDesc
+				position: relative
+				text-align: left
+				font-size: 13px
+				height: 32px
+				display: table-cell
+				vertical-align: middle
+				line-height: 13px
+			.chevron
+				border: 16px solid transparent
+				border-left: 14px solid white
+				border-right: 0
+				position: absolute
+				right: -16px
+				top: 0
+				&:after
+					border: 16px solid transparent
+					border-left: 14px solid #ccc
+					border-right: 0
+					position: absolute
+					content: ""
+					right: 2px
+					top: -16px
+		a.disabled
+			color: #777
+			background-color: #ccc
+			.chevron:after
+				border-left: 14px solid #ccc
+		a.selected
+			color: #F8F8F8
+			cursor: text
+			background-color: $main-color
+			.chevron:after
+				border-left: 14px solid $main-color
+		a.done
+			color: white
+			background-color: $brand-success
+			.chevron:after
+				border-left: 14px solid $brand-success
+	.loader
+		display: none
+
+	.msgBox
+		position: relative
+		display: none
+		float: left
+		margin: 4px 0 0 5px
+		padding: 5px
+		border: 1px solid #FFD700
+		background-color: #FFFFDD
+		color: #5A5655
+		+border-radius(5px)
+	.msgBox .content
+		padding: 0px
+		float: left
+	#carrier_logo_block
+		right: 10px
+	.wizard_error
+		@extend .alert
+		@extend .alert-danger
+	.range_inf td, .range_sup td
+		background-color: #ccc
+	.range_type
+		width: 220px
+		text-align: right
+		font-weight: bold
+	.range_data
+		width: 110px
+	.range_sign
+		width: 18px
+		font-size: 20px
+		text-align: center
+	.range_data_new
+		width: 110px
+	table#zones_table
+		width: auto
+	.field_error
+		border-color: $brand-danger
+	.actionBar
+		height: 30px
+	.actionBar a
+		float: right
+		margin-right: 10px
--- a/web/admin1553pskpx/themes/default/sass/controllers/_customer-thread.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_customer-thread.sass
@@ -0,0 +1,250 @@
+//Avatar
+
+.employee_avatar_small
+	@extend .avatar-sm
+	vertical-align: middle
+	img
+		padding: 0
+		border: none
+
+.employee_avatar
+	@extend .avatar-lg
+	display: block!important
+	margin: 10px auto!important
+	text-align: center
+
+.avatar-xs
+	@include avatar(16px, 16px)
+.avatar-sm
+	@include avatar(32px, 32px)
+.avatar-md
+	@include avatar(48px, 32px)
+.avatar-lg
+	@include avatar(80px, 80px)
+.avatar-xl
+	@include avatar(128px, 128px)
+
+
+#employee-thumbnail
+	margin-bottom: 10px
+	width: 104px
+	height: 104px
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAIAAACzY+a1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB1ZJREFUeNrsnV1PGl0UhcsUbGmtVotYQatVbFqrF973/1+ZJqaJX0hFRKh8CRYBUZyu0KR5k1eBwWFmHV3romlShdPzzN577TMz5wTOz8+fSSbL0hQIoSSEkhAKoSSEkhBKQiiEkhBKQigJoRBKQigJoSSET1bBJ/W/7XQ6rVarXq83Go2rq6ubmxv8/fr6Gv80OTm5vr5uWZYQ0umqq3K5/Pv372q1CoS3t7f//7E3b94oCrmw1Wq1SqWCP//FWQ99+fJlcXFRCP1Xu93O5XLFYhHkkCQH8gKWBX4LCwuqhX4KtICtUCggW4Kio98Nh8NG8zMeIVxJPp/PZrPNZnO4T0CORaYdHx83dxIChj6ECFeSSqXAb8CE2UOhUGhlZWVpaUlR6JFs20bBOzg4gGdx5QMRiHt7eyifnz9/fvHihRCOVmgMMN2oea5/MgIaLQesTTQaVSIdlVDzwO/hmbPXdAQCiUQCeVVR6L4AL51Oe5Clk8kkzNHa2popKzVmjHJ3d9cDfv8N9+/fv/ddEBDCQbW/v398fOzxl5ZKpa2tLSMosiNEQBwdHfny1fCo29vbdy6oCqGDSUQJ9HEAiMWdnR0USCEcRrj8UQJH6j8HTAM/f/4UwmF0dnaGRo1hJKlUirn14kWYyWR48gEoCqEz1et1FEKe8ZTLZarxGICwUqlQWUE4mtPTUyF0oEajwTaki4sLIXQgt+5CuCh4Y87uQg8hGi8hHFSBQEAIzVa73e50OkJosG67EkIH3kG51GyEptyrE0LzvIMQSkIoCaEQeiHbtjkdqRAKoRyppFoohJIQSkIoCaEQSkIoPQmEnC/2oVXlHBjXK6LX19f7+/utVsvp3iMeyLbt8/Pzly9fsm2PwYWwWq1ms1nOfIXLa2trKxQKffv2jWpXBYvtSicvPADJtn7LhTAcDpOvjgaDwefPnwvhvRobG8McMSNELWTbm4bOYvHnUjUVvYQcRR6FGCFbqqdDCMvHjBCpXlHYp30m3wWNcHh0tZB8X8lXr14JYf9cSu5IhbCPpqammBGicxXCPpqcnKR1NAhBDE8I+wj8YrEYJ8JIJEJ4s4Lx7sny8jJhyUHDyrn5MyNCGPeNjQ0qX/P3LAROt0x61/7du3dUxuHt27fxeJxzrngfvKA6gQcIaSeKFyHVNufMrQ4vwomJCRL7B5PMfCgXL0Kee4dwMYQO2QCE4EdyW4C5EFIjDAQCJBWI/PAR6keBI5EIQxYlXFQzBiG6Q9+76bm5OfIzR6gHh3Lo7+GC8KLz8/PPuMX+TkU8HvfxLmssFuM/S40dIQIxkUj4MzWWZcQBvwa82YRQQEHy/ntx6RA+ZmEkQujr16/T09NefuPMzIwp54qagRDpdHNz08sWGzVYh9+5bw69XOUif5zVSIS2bXt58oFB7wUYg7DT6RCefCCEDkT4Yp8QOlOz2fRyg3qDNoEzBqGXu9Pzv9phJEKPT3FSFLoveRnjEbZaLdFSFCqR+mdkrrryuPRyntB0x9XGfNAwlM/nDw8P2+229+fHWJaVSCSWl5cVhcOrVqv9+PHj8vLSl/N/EP3JZJL2CF8zEBYKBX8PK7NtO5fLCeGDotD3MdAe4WsGQob9EPlNDS9CWNBms+n7MDAG8lUFXoRnZ2cMpxhiDBiJEA7jBjOZDMlgMBLOI2CpEZZKpXq9TjIYjATjEULHHb3GYyrCVquVTqfZrnqMB6PiXGpnWWBDsalUKrjY0c7TnsUcCoWi0ejc3Nz09DTPI4r+I4Rlz2azgMdT/PpqfHwcIOfn5xlu7vuJsFarwa+DH+GRBoNobGwMFGdnZ/19AdEHhJ1OB6Xl5OQEmZPZrA/qJiwLeXVhYSESifiy3ZGn+xFcXl7mumJYdnGxipe6CofDsa5ev379CKPw4uLi+Pj4169fptxHHVoIxPfv3y8uLk5MTDwGhLZtF4tFVDtcpI8gZzrKrsirqJQzMzOjfoZjVAjhM2EykTP5b9aMVIjFv+9Hjs67uo8QBe+0Kz02+E/gF+9qFGXSTYQwKZlMBmmTtjf3fWUAqfXDhw/ubvLoDkJ0eCAHtyJ4g4CE3wFLt7rJhyIEvKOjI3ToOqjH2bwHArOzsx8/fnw4yOER1uv1ZDJZKBQE7yEgo9Ho6urqQ3ZIGqa1R81Lp9PInI++yRu1cPUjgaHjQl5dWloarkY6i0KYzL/wVPNGZHYA0mn74QAh3GYqlVKrMOr2Y2VlBa7V5UTaaDQODg5gODXFoxYiZGdnp1KpfPr0acCNi/ojzOfz+FBlTi+FaCmXy2tra4Nse9UHITInbKfm1HshZra3t5H/kFd7/2SvpwcODw/Fz19h/kFhSIQnJyd9f1nyQKAAFo4RVqvV3d1dTR+JwAJEHCBEv7m3t/ekbu+RCyxA5L5VsDsQwtH2YC75IhABl0ERFotFTRmh7uNyB8JCoaD5ItR9XCxNjekSQiGUhFASQiGUhFASQkkIhVAyQo1G486VbiE0RsFg8M6XpP4IMAApALrnMeLgrgAAAABJRU5ErkJggg==)
+	background-size: contain
+	position: relative
+	border: solid 1px #ccc
+	@include border-radius(4px)
+	@include box-shadow(white 0 0 0 4px inset)
+	&:before
+		@extend .icon
+		@extend .icon-spin
+		@extend .icon-refresh
+		position: absolute
+		top: 10px
+		display: block
+		text-align: center
+		font-size: 2em
+		z-index: 10
+		color: #ccc
+		@include left(10px)
+	a
+		width: 100px
+		height: 100px
+		overflow: hidden
+		display: block
+		position: absolute
+		top: 1px
+		z-index: 100
+		background-position: center
+		background-size: contain
+		border: none
+		@include left(1px)
+		@include box-shadow(white 0 0 0 3px inset)
+
+
+
+.message-item-initial
+	h2
+		font-size: 1.5em
+		@include margin(0, 0, 5px, 0)
+	.message-item-initial-body
+		@extend .panel
+		position: relative
+		margin-top: 10px
+	.message-date
+		color: #bbb
+		margin-bottom: 10px
+
+//Messages
+.message-item
+	@extend .media
+	position: relative
+	border-bottom: solid 1px #EEEEEE
+	@include margin(0, 0, 0, 30px)
+	padding: 10px 0
+	&:last-child
+		border: none
+	.message-item-heading
+		display: inline-block
+	.message-body
+		@include margin(0, 0, 0, 80px)
+		.message-item-text
+			@include padding(0, 0, 0, 10px)
+			@include border-left(2px solid #ccc)
+	.message-avatar
+		position: absolute
+		top: 10px
+		@include left(10px)
+	.message-date
+		color: #bbb
+
+//Arrows
+.arrow:before, .arrow:after
+	position: absolute
+	display: inline-block
+	border-color: transparent
+	border-style: solid
+	content: ""
+.arrow-left:before
+	top: 6px
+	@include ltr
+		border-right-color: #d1d4d7
+		border-width: 7px 7px 7px 0
+	@include rtl
+		border-left-color: #d1d4d7
+		border-width: 7px 0 7px 7px
+	@include margin-left(-7px)
+	@include left(0)
+.arrow-left:after
+	top: 7px
+	@include ltr
+		border-right-color: #fff
+		border-width: 6px 6px 6px 0
+	@include rtl
+		border-left-color: #fff
+		border-width: 6px 0 6px 6px
+	@include left(0)
+	@include margin-left(-6px)
+.arrow-right:before
+	top: 6px
+	@include ltr
+		border-left-color: #d1d4d7
+		border-width: 7px 0 7px 7px
+	@include rtl
+		border-right-color: #d1d4d7
+		border-width: 7px 7px 7px 0
+	@include right(0px)
+	@include margin-right(-7px)
+.arrow-right:after
+	top: 7px
+	@include ltr
+		border-left-color: #fff
+		border-width: 6px 0 6px 6px
+	@include rtl
+		border-right-color: #fff
+		border-width: 6px 6px 6px 0
+	@include right(0px)
+	@include margin-right(-6px)
+
+//Timeline
+$time-icon-size: 40px
+.timeline
+	display: table
+	width: 100%
+	border-spacing: 0
+	table-layout: fixed
+	position: relative
+	border-collapse: collapse
+	&:before
+		content: ""
+		width: 6px
+		position: absolute
+		top: 0
+		bottom: 30px
+		background-color: #ddd
+		z-index: 0
+		@include margin-left(-4px)
+		@include left(50%)
+	.timeline-item
+		display: table-row
+		.timeline-caption
+			display: table-cell
+			vertical-align: top
+			width: 50%
+			.timeline-panel
+				@extend .panel
+				display: inline-block
+				position: relative
+				@include text-align(left)
+				@include margin-left($time-icon-size + 2px)
+				@include box-shadow(0)
+			h5
+				margin: 0
+				span
+					display: block
+					color: #999
+					margin-bottom: 4px
+					font-size: 12px
+			p
+				font-size: 12px
+				margin-bottom: 0
+				margin-top: 10px
+		.timeline-date
+			position: absolute
+			width: 150px
+			top: 10px
+			@include text-align(right)
+			@include left(-220px)
+		.timeline-icon
+			position: absolute
+			width: $time-icon-size
+			height: $time-icon-size
+			line-height: $time-icon-size
+			border-radius: $time-icon-size
+			top: -2px
+			text-align: center
+			border: 2px solid #fff
+			background-color: #666
+			@include left(-($time-icon-size + $time-icon-size/2 + 2px))
+			i
+				font-size: ($time-icon-size/2)
+				margin-top: 5px
+				color: #fff
+		&:before, &.alt:after
+			content: ""
+			display: block
+			width: 50%
+		&.alt
+			@include text-align(right)
+			&:before
+				display: none
+			.timeline-panel
+				@include margin-right($time-icon-size)
+				@include margin-left(0)
+			.timeline-date
+				@include right(-220px)
+				@include text-align(left)
+				@include left(auto)
+			.timeline-icon
+				@include left(auto)
+				@include right(-($time-icon-size+$time-icon-size/2))
+		&.active
+			display: table-caption
+			text-align: center
+			&:before
+				width: 1%
+			.timeline-panel
+				@include margin-left(0)
+			.timeline-caption
+				display: inline-block
+				width: auto
+			.timeline-date,
+			.timeline-icon
+				position: static
+				margin-bottom: 10px
+				display: inline-block
+				width: auto
+.command-danger
+	background-color: $brand-danger!important
+.command-success
+	background-color: $brand-success!important
--- a/web/admin1553pskpx/themes/default/sass/controllers/_dashboard.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_dashboard.sass
@@ -0,0 +1,300 @@
+//DASHBOARD
+.size_s
+	font-size: 1.1em
+.size_md
+	font-size: 1.3em
+.size_l
+	font-size: 1.7em
+.size_xl
+	font-size: 2em
+.size_xxl
+	font-size: 2.3em
+
+.number-monospace
+	font-family: $font-family-mono!important
+	word-spacing: -0.3em
+	font-weight: 200
+
+.color_success
+	color: $brand-success
+.color_danger
+	color: $brand-danger
+
+.dash_trend_down
+	color: $brand-danger
+	&:before
+		font-family: FontAwesome
+		content: "\f0ab"
+		@include margin-right(4px)
+.dash_trend_up
+	color: $brand-success
+	&:before
+		font-family: FontAwesome
+		content: "\f0aa"
+		@include margin-right(4px)
+.dash_trend_right
+	&:before
+		font-family: FontAwesome
+		content: "\f0a9"
+		@include margin-right(4px)
+
+#dashboard
+	section > section
+		header
+			padding: 3px 8px
+			color: white
+			font-size: 1.2em
+			background-color: $brand-primary
+			@include margin(0, 0, 3px, 0)
+			.small
+				display: block
+				clear: both
+				font-variant: small-cap
+				text-transform: uppercase
+				font-size: 0.8em
+				font-family: $font-family-sans-serif
+	.data_list
+		@extend .list-group
+		padding: 0
+		@include margin(0, 0, 10px, 0)
+		li
+			@extend .list-group-item
+			position: relative
+
+		.data_value
+			line-height: 39px
+			position: absolute
+			top: 0
+			@include right(0)
+			@include padding(0, 10px, 0, 0)
+
+	.data_list_small
+		padding: 0
+		border-top: solid 1px #ddd
+		@include margin(8px, 0, 10px, 0)
+		li
+			padding: 3px 0
+			position: relative
+			border: none
+			margin: 0
+			border-bottom: dashed 1px #ddd
+		.data_label
+			text-transform: uppercase
+			color: #bbb
+		.data_value
+			line-height: 25px
+			position: absolute
+			top: 0
+			padding: 0
+			@include right(0)
+
+	.data_list_large
+		@extend .list-unstyled
+		padding: 0
+		@include margin(8px, 0, 10px, 0)
+		li
+			padding: 6px 0
+			position: relative
+			border: none
+			margin: 0
+		.data_label
+			line-height: 0.8em
+			small
+				font-size: 0.6em
+		.data_value
+			text-align: right
+			line-height: 0.6em
+			position: absolute
+			top: 0
+			@include right(0)
+			@include padding(8px, 0, 0, 0)
+			small
+				font-size: 0.5em
+
+	.data_list_vertical
+		@extend .list-unstyled
+		@extend .row
+		padding: 0
+		border: 1px solid #ddd
+		@include margin(0, 0, 10px, 0)
+		@include border-radius(3px)
+		li
+			@extend .col-xs-6
+			padding: 6px
+			@include border-left(solid 1px #ddd)
+			&:first-child
+				border: none
+		.data_label
+			min-height: 32px
+			display: block
+			line-height: 1em
+			text-align: center
+		.data_value
+			display: block
+			text-align: center
+			
+	#dashtrends
+		header
+			margin-bottom: 0
+		#dashtrends_toolbar
+			margin: 0 -16px 10px
+			dl
+				@include box-shadow(0 0 0 2px white inset)
+				dt
+					color: #777
+					padding: 0
+					margin: 0
+					height: 2.6em
+				dd.data_value
+					color: #aaa
+					@extend .clearfix
+					small
+						font-size: 0.5em
+				dd.dash_trend
+					background-color: white
+					width: 80px
+					margin: 0 auto
+					@include border-radius(3px)
+				&:hover
+					dt, dd.data_value
+						color: $brand-primary
+					dt
+						text-decoration: underline
+				&.active
+					dt, dd.data_value
+						color: white
+		dl
+			cursor: pointer
+			margin: 0
+			min-height: 70px
+			text-align: center
+			background-color: white
+			padding: 10px
+			border-bottom: 1px solid #ddd
+			@include border-left(1px solid #ddd)
+			&:first-child
+				@include border-left(none)
+			&.active
+				background-color: $brand-primary
+				@include box-shadow(white 0 0 0 2px inset)
+				dt
+					color: white
+		dt
+			text-align: center
+			height: 37px
+			line-height: 1em
+			font: 400 1.1em/120% $headings-font-family
+		dd
+			span
+				font-size: 0.9em
+				white-space: nowrap
+		svg
+			height: 350px
+
+	#dashgoals
+		svg
+			height: 250px
+			
+	#dashproducts
+		nav
+			margin-bottom: 10px
+			font: 400 1.1em/120% $headings-font-family
+			text-transform: uppercase
+
+	#dashaddons
+		background-color: white
+		border: 1px dashed #C0C0C0
+		@include border-radius(3px)
+		a
+			display: block
+			&:hover
+				text-decoration: none
+		padding: 10px 20px
+		font-size: 1.3em
+		text-align: center
+
+	#dashactivity
+		svg
+			height: 150px
+
+	.data_value
+		span, .dash_trend
+			@extend .data_loading
+	.loading
+		.data_value
+			min-width: 30px
+			text-align: center
+			&:before
+				@extend .icon-spin
+				@extend .icon
+				@extend .icon-refresh
+				font-size: 14px
+				color: #ccc
+			span, small
+				display: none
+		.data_trend
+			display: none
+
+	.tooltip-panel
+		padding: 10px
+		min-width: 150px
+	.tooltip-panel-heading
+		font: 400 1.2em/#{$line-height-base} $headings-font-family
+		text-align: center
+		margin-bottom: 10px
+		text-transform: uppercase
+		border-bottom: 1px solid #ccc
+
+=animation($name,$value)
+	-webkit-animation-#{$name}: $value
+	animation-#{$name}: $value
+
+=keyframes($name)
+	@-webkit-keyframes #{$name}
+		@content
+	@-moz-keyframes #{$name}
+		@content
+	@-ms-keyframes #{$name}
+		@content
+	@-o-keyframes #{$name}
+		@content
+	@keyframes #{$name}
+		@content
+
+.data_loading
+	opacity: 1
+	+animation(name,bounceG)
+	+animation(duration,0.7s)
+	+animation(direction,linear)
+	+scaleX(0.7)
+	+scaleY(0.7)
+
+keyframes(bounceG)
+	0%
+		+opacity(0)
+		+scaleX(0.1)
+		+scaleY(0.1)
+	100%
+		+opacity(1)
+		+scaleX(1)
+		+scaleY(1)
+
+#dash_version
+	@extend .panel
+	padding: 0!important
+	overflow: hidden
+	iframe
+		height: 80px
+		width: 100%
+
+#calendar
+	button.btn-default.active
+		border-color: darken($brand-primary,10%)
+		color: white
+		font-weight: 700
+		background-color: $brand-primary
+		@include box-shadow(none)
+	@media (max-width: $screen-phone)
+		padding: 10px!important
+		button.btn-default
+			padding: 5px 5px
--- a/web/admin1553pskpx/themes/default/sass/controllers/_login.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_login.sass
@@ -0,0 +1,86 @@
+@mixin background-image-with-ms($image)
+	@include background-image($image) // Compass default version, for everything but IE 10.
+	background-image: -ms-#{$image} // Vendor prefixes for IE 10.
+
+#login
+	min-height: 100%
+	padding-bottom: 45px
+
+#shop-img
+	z-index: 1
+	position: absolute
+	margin: 0 auto
+	width: 69.5px
+	left: 0
+	right: 0
+
+#login-header
+	padding-top: 40px
+	margin-bottom: 30px
+	color: #6d6d6d
+	h1, h4
+		margin: 0
+		padding: 0
+
+#login-panel
+	margin: 0 auto
+	width: 500px
+
+	.form-control
+		height: inherit !important
+		padding: 10px 8px !important
+
+	@media (max-width: $screen-phone)
+		width: 90%
+	.panel
+		@include border-radius(0)
+		@include box-shadow(0 1px 3px rgba(0,0,0,0.30))
+	.panel-footer
+		height: inherit
+		margin: 0 -20px -20px
+	.flip-container
+		height: 420px
+		margin-top: 115px
+		@include perspective(1000px)
+		transform-style: preserve-3d
+		//@include animate(fadeInDown, 0.3s)
+		&.flip
+			.flipper
+				@include rotateY(180deg)
+			.back
+				@include backface-visibility(visible)
+	.flipper
+		position: relative
+		transform-style: preserve-3d
+		@include transition-duration(0.6s)
+		@include transform-style
+	.front, .back
+		width: 100%
+		padding: 40px
+		position: absolute
+		transition: 0.6s
+		transform-style: preserve-3d
+		top: 0
+		@include backface-visibility(hidden)
+		@include left(0)
+	.front
+		@include rotateY(0)
+		z-index: 2
+	.back
+		display: none
+		z-index: 1
+		@include rotateY(180deg)
+
+	#shop_name, #reset_name, #reset_confirm_name, #forgot_name, #forgot_confirm_name
+		text-align: center
+		font-family: $font-family-sans-serif
+	#login_form
+		padding-top: 15px
+
+	#remind-me
+		margin-top: 0
+
+#login-footer
+	margin-top: 20px
+	a
+		color: #A0AAB5
--- a/web/admin1553pskpx/themes/default/sass/controllers/_modules.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_modules.sass
@@ -0,0 +1,166 @@
+#module-list
+	h3
+		position: relative
+		top: 0
+		margin: 0
+		padding: 0
+		background-color: transparent
+		color: $main-color
+		@include left(0)
+	select.active
+		border: solid 1px $brand-primary
+		background: lighten($brand-primary,40%)
+		option
+			background: white!important
+
+.hook_panel
+	margin-bottom: 10px!important
+	border: solid #E6E6E6 1px
+	@include box-shadow(rgba(black,0.10) 0 -2px 0 inset)
+	@include border-radius(3px)
+	@include padding(10px, 10px, 5px, 10px)
+.module_name
+	font-size: 1.2em
+.module_description
+	@extend .text-muted
+.hook_panel_header
+	@include margin(0, -10px, 0, -10px)
+	@include padding(0, 10px, 10px, 10px)
+	.hook_name
+		font-size: 1.4em
+		color: $brand-primary
+		background-color: white
+		padding: 0 4px
+		@include border-radius(3px)
+	.hook_title
+		@extend .text-muted
+	.hook_description
+		@extend .text-muted
+		@include padding(3px, 0, 0, 3px)
+
+.modules_list_container_tab
+	img
+		max-width: 66px
+.module_list
+	.module_list_item
+		display: table
+		width: 100%
+		padding: 5px 0
+		margin-bottom: -1px
+		border: solid 1px #9ED0EC
+		&.highlight
+			background-color: #F7E69F
+.module_list
+	.draggable
+		cursor: pointer
+.module_col_select
+	display: table-cell
+	width: 22px
+	min-height: 35px
+	vertical-align: middle
+	text-align: center
+	@include border-right(1px solid #ddd)
+.module_col_position
+	display: table-cell
+	width: 70px
+	vertical-align: middle
+	@include text-align(right)
+	.positions
+		border: solid 1px #ccc
+		background-color: #eee
+		padding: 0 5px
+		font-size: 1.4em
+		color: #aaa
+		cursor: move
+		text-shadow: white 1px 1px
+		@include border-radius(3px)
+		@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset)
+.module_col_icon
+	display: table-cell
+	width: 75px
+	text-align: center
+	vertical-align: middle
+.module_col_infos
+	display: table-cell
+	height: 50px
+	vertical-align: middle
+.module_col_actions
+	display: table-cell
+	width: 160px
+	padding: 0 10px
+	vertical-align: middle
+	@include text-align(right)
+	.btn-group
+		@include text-align(left)
+li.sortable-placeholder
+	border: 1px dashed #CCC
+	background-color: #eee
+	margin: 4px
+	@include border-radius(5px)
+td.module_active
+	background-color: lighten($brand-success,10%)!important
+td.module_inactive
+	background-color: lighten($gray,50%)!important
+.module-badge-popular, .module-badge-partner, .module-badge-bought
+	@extend .badge
+	font-size: 12px
+.module-badge-popular
+	background-color: $brand-addons
+.module-badge-partner
+	background-color: $brand-primary
+.module-badge-bought
+	background-color: $greenPrestashop
+
+.categoriesTitle
+	.list-group
+		#filternameForm
+			@include padding-right(15px)
+		.list-group-item
+			position: relative
+			overflow: hidden
+			white-space: nowrap
+			text-overflow: ellipsis
+			@include padding-right(35px)
+			.badge
+				position: absolute
+				@include right(5px)
+
+.quickview-badge
+	margin-top: 30px
+.quickview-price
+	color: #666
+	font-size: 1.8em
+	@include float(right)
+
+//stars
+.rating
+	unicode-bidi: bidi-override
+	direction: rtl
+	font-size: 20px
+	span.star
+		font-family: $icon-font-family
+		display: inline-block
+		&:before
+			content: "\f006"
+			@include padding-right(3px)
+			color: #bbb
+		&.active:before,
+		&.active~span.star:before
+			content: "\f005"
+			color: #F5AB35
+
+#modules_list_container_tab_modal
+	.img-thumbnail
+		max-width: 60px
+		max-height: 60px
+
+.modules-addons-info
+	text-align: center
+	h4
+		margin-bottom: 0px !important
+
+.modules-addons-buttons
+	text-align: center
+	a
+		margin-right: 10px
+		text-transform: uppercase
--- a/web/admin1553pskpx/themes/default/sass/controllers/_order.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_order.sass
@@ -0,0 +1,5 @@
+.nowrap
+	white-space: nowrap
+
+#customization_list
+	border: 0px
--- a/web/admin1553pskpx/themes/default/sass/controllers/_products.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_products.sass
@@ -0,0 +1,7 @@
+#leave_bprice
+    margin-left: 0px
+
+.product-line-row
+    td
+        overflow-wrap: break-word
+        max-width: 200px
--- a/web/admin1553pskpx/themes/default/sass/controllers/_search.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_search.sass
@@ -0,0 +1,8 @@
+.adminsearch
+	#content
+		.panel .panel
+			padding: 0
+			margin: 0
+			border: none
+			@include border-radius(0)
+			@include box-shadow(0)
--- a/web/admin1553pskpx/themes/default/sass/controllers/_themes.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_themes.sass
@@ -0,0 +1,42 @@
+.theme-container
+	width: 100%
+	height: 300px
+	overflow: hidden
+	border: solid 1px #ccc
+	position: relative
+	background-color: rgba(#4D576E,.3)
+	@include border-radius(3px)
+	.theme-title
+		text-align: center
+		height: 40px
+		line-height: 40px
+		font-size: 16px
+		background-color: #4D576E
+		color: white
+		margin: 0 0 10px 0
+		padding: 0
+		border-bottom: solid 1px white
+
+	.thumbnail-wrapper
+		.action-wrapper
+			display: none
+			position: absolute
+			top: 40px
+			left: 0
+			.action-overlay
+				width: 100%
+				height: 260px
+				@include background-image(linear-gradient(rgba(#4D576E,.5),#4D576E))
+			.action-buttons
+				position: absolute
+				width: 100%
+				top: 130px
+				text-align: center
+
+.addons-see-all-themes
+	padding-top: 21px
+	a
+		margin-left: 10px
+
+.addons-style-search-bar
+	padding-top: 0px
--- a/web/admin1553pskpx/themes/default/sass/controllers/_translations.sass
+++ b/web/admin1553pskpx/themes/default/sass/controllers/_translations.sass
@@ -0,0 +1,31 @@
+#translations_form
+	.translations-email-panel
+		padding: 8px 12px
+		@include margin(0, 0, 8px, 20px)
+	.block-mail
+		iframe, textarea
+			width: 100%
+			height: 500px
+	.panel-group
+		display: none
+	a.panel-title
+		i
+			display: none
+		&:hover
+			text-decoration: none
+			i
+				display: inline-block
+	.mails_field
+		border-bottom: 1px solid #eee
+		padding-bottom: 8px
+		margin-bottom: 16px
+		ul.nav-pills
+			margin-bottom: 5px
+		h4 .badge
+			font-size: 12px
+			&.badge-danger
+				color: $brand-danger
+				border: solid 2px $brand-danger
+				background-color: transparent
+		.panel-footer
+			margin: 0 -15px
--- a/web/admin1553pskpx/themes/default/sass/controllers/index.php
+++ b/web/admin1553pskpx/themes/default/sass/controllers/index.php
@@ -0,0 +1,35 @@
+<?php
+/**
+ * 2007-2018 PrestaShop
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2018 PrestaShop SA
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+header("Location: ../");
+exit;
--- a/web/admin1553pskpx/themes/default/sass/font.scss
+++ b/web/admin1553pskpx/themes/default/sass/font.scss
@@ -0,0 +1,36 @@
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: local('Material Icons'),
+  local('MaterialIcons-Regular'),
+  url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.woff2) format('woff2'),
+  url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.woff) format('woff'),
+  url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}
--- a/web/admin1553pskpx/themes/default/sass/index.php
+++ b/web/admin1553pskpx/themes/default/sass/index.php
@@ -0,0 +1,35 @@
+<?php
+/**
+ * 2007-2018 PrestaShop
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2018 PrestaShop SA
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+                        
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+                        
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+                        
+header("Location: ../");
+exit;
--- a/web/admin1553pskpx/themes/default/sass/modules/_colors.sass
+++ b/web/admin1553pskpx/themes/default/sass/modules/_colors.sass
@@ -0,0 +1,20 @@
+// PrestaShop Colors
+$greenPrestashop: #8BC954
+$pinkPrestashop: #F01778
+
+// Color Me SASS v1.3 by Richard Bray => http://richbray.me/cms/
+@import "colors/reds"
+@import "colors/peaches"
+@import "colors/tans"
+@import "colors/oranges"
+@import "colors/ambers"
+@import "colors/yellows"
+@import "colors/limes"
+@import "colors/greens"
+@import "colors/turquoise"
+@import "colors/blues"
+@import "colors/purples"
+@import "colors/pinks"
+@import "colors/browns"
+@import "colors/whites"
+@import "colors/grays"
--- a/web/admin1553pskpx/themes/default/sass/modules/_mixins.sass
+++ b/web/admin1553pskpx/themes/default/sass/modules/_mixins.sass
@@ -0,0 +1,102 @@
+// Avatar
+
+@mixin avatar($size, $radius)
+    height: $size
+    width: $size
+    display: inline-block
+    text-align: center
+    overflow: hidden
+    -webkit-border-radius: $radius
+    border-radius: $radius
+    img
+        width: 100%
+        height: 100%
+    i
+        font-size: $size/3*2
+        line-height: $size
+
+// Breakpoint viewport sizes and media queries.
+//
+// Breakpoints are defined as a map of (name: minimum width), order from small to large:
+//
+//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
+//
+// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
+
+// Name of the next breakpoint, or null for the last breakpoint.
+//
+//    >> breakpoint-next(sm)
+//    md
+//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    md
+//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
+//    md
+@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints))
+    $n: index($breakpoint-names, $name)
+
+    @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null)
+
+// Minimum breakpoint width. Null for the smallest (first) breakpoint.
+//
+//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    576px
+@function breakpoint-min($name, $breakpoints: $grid-breakpoints)
+    $min: map-get($breakpoints, $name)
+
+    @return if($min != 0, $min, null)
+
+// Maximum breakpoint width. Null for the largest (last) breakpoint.
+// The maximum value is calculated as the minimum of the next one less 0.1.
+//
+//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    767px
+@function breakpoint-max($name, $breakpoints: $grid-breakpoints)
+    $next: breakpoint-next($name, $breakpoints)
+
+    @return if($next, breakpoint-min($next, $breakpoints) - .0625em, null)
+
+// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
+// Useful for making responsive utilities.
+//
+//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    ""  (Returns a blank string)
+//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    "-sm"
+@function breakpoint-infix($name, $breakpoints: $grid-breakpoints)
+    @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}")
+
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+=media-breakpoint-up($name, $breakpoints: $grid-breakpoints)
+    $min: breakpoint-min($name, $breakpoints)
+
+    @if $min
+        @media (min-width: $min)
+            @content
+    @else
+        @content
+
+// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
+// Makes the @content apply to the given breakpoint and narrower.
+=media-breakpoint-down($name, $breakpoints: $grid-breakpoints)
+    $max: breakpoint-max($name, $breakpoints)
+
+    @if $max
+        @media (max-width: $max)
+            @content
+    @else
+        @content
+
+// Media that spans multiple breakpoint widths.
+// Makes the @content apply between the min and max breakpoints
+=media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints)
+    +media-breakpoint-up($lower, $breakpoints)
+        +media-breakpoint-down($upper, $breakpoints)
+            @content
+
+// Media between the breakpoint's minimum and maximum widths.
+// No minimum for the smallest breakpoint, and no maximum for the largest one.
+// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
+=media-breakpoint-only($name, $breakpoints: $grid-breakpoints)
+    +media-breakpoint-between($name, $name, $breakpoints)
+        @content
--- a/web/admin1553pskpx/themes/default/sass/modules/_variables.sass
+++ b/web/admin1553pskpx/themes/default/sass/modules/_variables.sass
@@ -0,0 +1,171 @@
+// PrestaShop Admin Theme Colors
+$main-color: #363A41 !default
+$primary-color: $blueSkype !default
+$secondary-color: $greenPrestashop !default
+$bg-content-color: #EFF1F2 !default
+
+$contrasted-dark-default: #333
+$contrasted-light-default: white
+$contrasted-lightness-threshold: 10%
+
+$bg-page-head-color : $secondary-color
+$bg-panel-heading-color: hsl(hue($secondary-color), 10, 90)
+
+$badge-notif-color: $greenPrestashop
+$brand-addons: $pinkPrestashop
+
+$font-family-mono: 'Droid Sans Mono', Helvetica, Arial, sans-serif
+
+// FontAwesome icons
+$icon-font-family: 'FontAwesome'
+$fa-css-prefix: icon
+$icon-size-base: 14px
+
+// Tooltips
+$tooltip-opacity: 1
+$tooltip-bg: #555
+$tooltip-max-width: 250px
+
+// Bootstrap variables
+$gray-darker: lighten(#000, 13.5%)  //#222
+$gray-dark: lighten(#000, 20%)  //#333
+$gray: lighten(#000, 33.5%)  //#555
+$gray-light: lighten(#000, 60%)  //#999
+$gray-lighter: lighten(#000, 93.5%)  //#eee
+
+// Brand colors
+$brand-primary: $primary-color !default
+
+$brand-success: #72C279 !default
+$brand-warning: #fbbb22 !default
+$brand-danger: #E08F95 !default
+$brand-info: #25b9d7 !default
+
+$alert-success-bg:            lighten($brand-success, 30%) !default
+$alert-success-text:          $brand-success !default
+$alert-success-border:        $brand-success !default
+
+$alert-info-bg:               #DCF4F9 !default
+$alert-info-text:             #1e94ab !default
+$alert-info-border:           $brand-info !default
+
+$alert-warning-bg:            #FFF3D7 !default
+$alert-warning-text:          #D2A63C !default
+$alert-warning-border:        #D2A63C !default
+
+$alert-danger-bg:             #FFE2E4 !default
+$alert-danger-text:           #D27C82 !default
+$alert-danger-border:         $brand-danger !default
+
+// Sidebar
+$sidebar-menu-color: #BEBEBE !default
+$sidebar-menu-active-color: white !default
+$sidebar-menu-hover-color: white !default
+$sidebar-menu-bg-hover-color: #282b30
+
+// Toolbar
+$toolbar-buttons-color: #2eacce
+$toolbar-buttons-hover-color: #40c9ed
+
+// Scaffolding
+$body-bg: $bg-content-color
+$text-color: $gray
+
+// Typography
+$url-font-content: "//fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700" !default
+$url-font-content-name : 'Open Sans' !default
+$url-font-headings: "//fonts.googleapis.com/css?family=Ubuntu+Condensed" !default
+$url-font-headings-name: 'Ubuntu Condensed' !default
+$font-family-sans-serif: $url-font-content-name, Helvetica, Arial, sans-serif
+$headings-font-family: $url-font-headings-name, Helvetica, Arial, sans-serif
+$font-size-base: 12px
+$line-height-base: 1.428571429
+$line-height-computed: floor($font-size-base * $line-height-base)
+$headings-font-weight: 400
+
+// Components
+$padding-base-vertical: 6px
+$padding-base-horizontal: 8px
+$border-radius-base: 3px
+
+// Tables
+
+// $table-bg: transparent  overall background-color
+$table-bg-accent: #f9f9f9  //for striping
+$table-bg-hover: #EDF7FB
+
+// Buttons
+$btn-default-color: $main-color
+$btn-default-bg: white
+$btn-default-border: #DEDEDE
+$btn-primary-color: $btn-default-color
+$btn-primary-bg: #2eacce
+$btn-primary-border: #2eacce
+
+// Forms
+$input-bg: #F5F8F9
+$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2)
+$input-group-addon-bg: #F5F8F9
+$input-border: #C7D6DB
+// Dropdowns
+$dropdown-link-hover-color: white
+$dropdown-link-hover-bg: $brand-primary
+
+// Grid system
+$grid-gutter-width: 10px  // Navbar
+
+// Basics of a navbar
+$navbar-height: 40px  // Wells
+$well-bg: #FCFDFE
+
+// Media queries breakpoints
+// Tiny screen / phone
+$screen-tiny: 480px
+$screen-phone: $screen-tiny
+
+// Small screen / tablet
+$screen-small: 768px
+$screen-tablet: $screen-small
+
+// Medium screen / desktop
+$screen-medium: 992px
+$screen-desktop: $screen-medium
+
+// So media queries don't overlap when required, provide a maximum
+$screen-small-max: ($screen-medium - 1)
+$screen-tablet-max: $screen-small-max
+
+// Large screen / wide desktop
+$screen-large: 1200px
+$screen-large-desktop: $screen-large
+
+// Container sizes
+// Small screen / tablet
+$container-tablet: 728px
+
+// Medium screen / desktop
+$container-desktop: 940px
+
+// Large screen / wide desktop
+$container-large-desktop: 1170px  //light
+
+// Menu
+$gray-dark-menu: #363a41
+$widthSidebarNav: 210px
+$paddingLeftPageClosed: 4.0625rem
+$paddingLeftMobile: 0.625rem
+$widthSidebarSubmenu: 200px
+$menu-item-size: 34px
+$min-height: 950px
+$gray-dark-text: #bebebe
+$gray-dark-text-hover: #ffffff
+$size-navbar-width: 13.13rem
+$size-navbar-width-mini: 3.125rem
+$size-header-height: 2.5rem
+$header-mobile-padding-y: .625rem
+$medium-gray: #6c868e
+$gray-medium: $medium-gray
+
+// use rems to ensure homogeneity on all zoom scales
+// xs: 0, sm: 544px, md: 768px, lg: 1024px, xl: 1300px
+$grid-breakpoints: (xs: 0, sm: 34em, md: 48em, lg: 64em, xl: 81.25em)
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_ambers.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_ambers.scss
@@ -0,0 +1,27 @@
+// Ambers 9
+// -------------------------
+
+$amber:               	#FF9900 !default;
+$amberDark:            	#995C00 !default;
+$amberDarker:          	#4C2E00 !default;
+$amberLight:           	#FFC266 !default;
+$amberLighter:         	#FFD699 !default;
+$amberDull:           	#D68E22 !default;
+$amberDuller:         	#B38642 !default;
+$amberBright:           #FFB84D !default;
+$amberBrighter:        	#FFD391 !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 4
+
+$amberQueen:        	#F1995A !default;
+$amberFlame:       		#F9B465 !default;
+$amberSands:    		#F7A955 !default;
+$amberBark:    			#FFB448 !default;
+
+
+
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_blues.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_blues.scss
@@ -0,0 +1,70 @@
+// Blue 32
+// -------------------------
+
+//Defaults
+
+$blue:             		#0066FF !default;
+$blueDark:         		#003D99 !default;
+$blueDarker:       		#002966 !default;
+$blueLight:        		#4D94FF !default;
+$blueLighter:      		#80B2FF !default;
+$blueDull:         		#0066CC !default;
+$blueDuller:       		#336699 !default;
+$blueBright:       		#3399FF !default;
+$blueBrighter:     		#70B8FF !default;
+
+
+//Variations
+
+$blueAirforce:        	#5d8aa8 !default;
+$blueAzure:        		#007fff !default;
+$blueBaby:        		#89cff0 !default;
+$blueFrench:        	#318ce7 !default;
+$blueCeleste:        	#b2ffff !default;
+$blueColumbia:        	#75b2dd !default;
+$blueSky:        		#73c2fb !default;
+$blueMidnight:        	#191970 !default;
+$blueNavy:        		#000080 !default;
+$blueRoyal:        		#4169e1 !default;
+$blueSapphire:        	#0f52ba !default;
+$blueSteel:        		#4682b4 !default;
+
+//Brands
+
+$blueBehance:        	#053eff !default;
+$blueDropbox:        	#3d9ae8 !default;
+$blueFacebook:        	#3b5998 !default;
+$blueFlickr:        	#0063dc !default;
+$blueFoursquare:        #25a0ca !default;
+$blueLinkedIn:        	#0e76a8 !default;
+$blueRdio:        		#008fd5 !default;
+$blueSkype:        		#00aff0 !default;
+$blueTwitter:        	#00a0d1 !default;
+$blueVimeo:        		#86c9ef !default;
+$blueVirb:        		#06afd8 !default;
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 13
+
+$blueSea:        		#668ebf !default;
+$blueBabe:        		#96b5d4 !default;
+$blueReflection:        #9ab7b3 !default;
+$blueHoliday:        	#0097C8 !default;
+$blueStonewash:        	#648e9c !default;
+$blueCyan:      		#36a0ca !default;
+$blueSapphire:    		#2c405b !default;
+$blueLake:        		#476a88 !default;
+$blueBreton:        	#4d5965 !default;
+$blueSeduction:        	#4C84B8 !default;
+$blueCloud:      		#6883B6 !default;
+
+
+//Zurb Foundation 1
+
+$blueZurb:        		#2ba6cb !default;
+
+
+
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_browns.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_browns.scss
@@ -0,0 +1,45 @@
+// Browns 21
+// -------------------------
+
+//Defaults
+
+$brown:             	#663300 !default;
+$brownDark:         	#472400 !default;
+$brownDarker:       	#331A00 !default;
+$brownLight:        	#754719 !default;
+$brownLighter:      	#855C33 !default;
+$brownDull:         	#664728 !default;
+$brownDuller:       	#5E4C3A !default;
+$brownBright:       	#993300 !default;
+$brownBrighter:     	#A34719 !default;
+
+//Variations
+
+$brownBeaver:        	#9f8170 !default;
+$brownBistre:        	#3d2b1f !default;
+$brownBole:        		#79443b !default;
+$brownBronze:        	#cd7f32 !default;
+$brownBurnt:        	#8a3324 !default;
+$brownCamel:        	#c19a6b !default;
+$brownChestnut:        	#954535 !default;
+$brownChocolate:        #7b3f00 !default;
+$brownCoffee:        	#6f4e37 !default;
+$brownCopper:        	#b87333 !default;
+$brownMahogany:        	#c04000 !default;
+$brownSepia:        	#704214 !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 8
+
+$brownCaramel:        	#AC9D8E !default;
+$brownPraline:        	#9F8E82 !default;
+$brownTruffle:        	#8E796B !default;
+$brownExotic:        	#8E766C !default;
+$brownBitter:        	#82695F !default;
+$brownCocoa:        	#7E6660 !default;
+$brownMocha:        	#7F6968 !default;
+$brownClay:        		#D7C3B8 !default;
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_grays.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_grays.scss
@@ -0,0 +1,13 @@
+// Gray 10
+// -------------------------
+
+$grayAsh:        		#b2beb5 !default;
+$grayBattleship:        #848482 !default;
+$grayCadet:        		#91a3b0 !default;
+$grayCharcoal:        	#36454f !default;
+$grayCool:        		#8c92ac !default;
+$grayGunmetal:        	#423732 !default;
+$graySilver:        	#c0c0c0 !default;
+$graySlate:        		#708090 !default;
+$grayTaupe:        		#8b8589 !default;
+$grayTimberwolf:        #dbd7d2 !default;
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_greens.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_greens.scss
@@ -0,0 +1,59 @@
+// Green 27
+// -------------------------
+
+//Defaults
+
+$green:               	#33CC33 !default;
+$greenDark:            	#1F7A1F !default;
+$greenDarker:          	#0F3D0F !default;
+$greenLight:           	#5CD65C !default;
+$greenLighter:         	#85E085 !default;
+$greenDull:           	#009933 !default;
+$greenDuller:         	#428057 !default;
+$greenBright:         	#66FF33 !default;
+$greenBrighter:        	#99FF66 !default;
+
+//Variations
+
+$greenApple:        	#8db600 !default;
+$greenAsparagus:        #7ba05b !default;
+$greenOlive:        	#556b2f !default;
+$greenFern:        		#4f7942 !default;
+$greenForest:        	#228b22 !default;
+$greenHunter:        	#355e3b !default;
+$greenMint:        		#3eb489 !default;
+$greenOffice:        	#008000 !default;
+$greenSea:        		#2e8b57 !default;
+$greenSpring:        	#a7fc00 !default;
+$greenTeal:        		#008080 !default;
+
+//Brands
+
+$greenEvernote:        	#5ba525 !default;
+$greenForrst:        	#5b9a68 !default;
+$greenGroupon:        	#82b548 !default;
+$greenKickstarter:      #87c442 !default;
+$greenNvidia:      		#76b900 !default;
+$greenSpotify:      	#81b71a !default;
+$greenZerply:      		#9dcc7a !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Brands 8
+
+$greenSpa:      		#00AA8F !default;
+$greenFalls:      		#33AD7B !default;
+$greenGranada:      	#57B176 !default;
+$greenGarland:   		#68AF6B !default;
+$greenParrot:      		#75B65D !default;
+$greenCreek:      		#89B555 !default;
+$greenKiwi:      		#98B641 !default;
+$greenLime:      		#B6BF3C !default;
+
+
+//Zurb Foundation 1
+
+$greenZurb:        		#5da423 !default;
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_limes.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_limes.scss
@@ -0,0 +1,12 @@
+// Lime 9
+// -------------------------
+
+$lime:               	#B8E62E !default;
+$limeDark:            	#7A991F !default;
+$limeDarker:          	#3D4C0F !default;
+$limeLight:           	#D6FF5C !default;
+$limeLighter:         	#E0FF85 !default;
+$limeDull:           	#A6C44B !default;
+$limeDuller:         	#94A856 !default;
+$limeBright:         	#BFFF00 !default;
+$limeBrighter:        	#D7FF5E !default;
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_oranges.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_oranges.scss
@@ -0,0 +1,56 @@
+// Oranges 14
+// -------------------------
+
+
+//Default
+
+$orange:               	#FF6600 !default;
+$orangeDark:            #993D00 !default;
+$orangeDarker:          #4C1F00 !default;
+$orangeLight:           #FF944D !default;
+$orangeLighter:         #FFC299 !default;
+$orangeDull:           	#C96B2C !default;
+$orangeDuller:         	#A16740 !default;
+$orangeBright:          #FF9933 !default;
+
+//Brands
+
+$orangeAmazon:          #e47911 !default;
+$orangeBlogger:         #fc4f08 !default;
+$orangeGrooveshark:     #f77f00 !default;
+$orangeHackerNews:      #ff6600 !default;
+$orangeSoundCloud:      #ff7700 !default;
+$orangeUbuntu:      	#dd4814 !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 10
+
+$orangeAddvocate:        #ff6138 !default;
+$orangeGinger:     		 #995039 !default;
+$orangeAutumn:       	 #BE5F37 !default;
+$orangeDawn: 	 		 #E47C6C !default;
+$orangeBongo: 	 		 #E66E5B !default;
+$orangeMango: 			 #E98762 !default;
+$orangeCoral: 			 #EC926F !default;
+$orangePaprika: 	 	 #CF5141 !default;
+$orangeAfrican: 		 #DB6335 !default;
+$orangeFlame: 	 		 #D46946 !default;
+$orangeAuburn: 	 		 #DD8251 !default;
+$orangeHarvest: 	 	 #EE8C4D !default;
+$orangeSands: 			 #EB8830 !default;
+
+
+
+
+
+
+
+
+
+
+
+
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_peaches.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_peaches.scss
@@ -0,0 +1,22 @@
+// Peach 9
+// -------------------------
+
+$peach:                	#FF5050 !default;
+$peachDark:            	#993030 !default;
+$peachDarker:          	#4C1818 !default;
+$peachLight:            #FF9696 !default;
+$peachLighter:          #FFCACA !default;
+$peachDull:           	#D67272 !default;
+$peachDuller:         	#BA8C8C !default;
+$peachBright:          	#FF9C9C !default;
+$peachBrighter:        	#FFBFBF !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 2
+
+$peachSorbet:        	#f5d8d2 !default;
+$peachShimmer:   		#fdefe2 !default;
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_pinks.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_pinks.scss
@@ -0,0 +1,65 @@
+// Pinks 25
+// -------------------------
+
+//Defaults
+
+$pink:             		#FF33CC !default;
+$pinkDark:         		#B2248F !default;
+$pinkDarker:       		#661452 !default;
+$pinkLight:        		#FF5CD6 !default;
+$pinkLighter:      		#FF85E0 !default;
+$pinkDull:         		#CC3399 !default;
+$pinkDuller:       		#993366 !default;
+$pinkBright:       		#FF66CC !default;
+$pinkBrighter:     		#FF99CC !default;
+
+//Variations
+
+$pinkAmaranth:        	#e52b50 !default;
+$pinkBrink:        		#fb607f !default;
+$pinkCarmine:        	#960018 !default;
+$pinkCarnation:        	#ffa6c9 !default;
+$pinkCerise:        	#de3163 !default;
+$pinkCoral:        		#f88379 !default;
+$pinkDeep:        		#ff1493 !default;
+$pinkFandago:        	#b53389 !default;
+$pinkRose:        		#f64a8a !default;
+$pinkFuchsia:        	#ff00ff !default;
+$pinkHot:        		#ff69b4 !default;
+$pinkMagenta:        	#ff0090 !default;
+$pinkRuby:        		#e0115f !default;
+$pinkSalmon:        	#ff91a4 !default;
+
+//Brands
+
+$pinkDribbble:        	#ea4c89 !default;
+$pinkFlickr:        	#ff0084 !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 10
+
+$pinkBerry:     		 #d46f8d !default;
+$pinkPlum:     			 #952c57 !default;
+$pinkBlush:     	     #954D65 !default;
+$pinkAdobe:       		 #9F5C60 !default;
+$pinkNevada:       		 #AC545C !default;
+$pinkFlamingo:   		 #C16B9E !default;
+$pinkCandy:   	 		 #BB597E !default;
+$pinkFuchsia:   	 	 #C25C77 !default;
+$pinkRose:   			 #CF5F6F !default;
+$pinkParty:   			 #D87082 !default;
+
+
+
+
+
+
+
+
+
+
+
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_preboot.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_preboot.scss
@@ -0,0 +1,24 @@
+// Preboot Colours http://getpreboot.com/
+// -------------------------
+
+
+//Blacks 9
+
+$black10:             	#e6e6e6 !default;
+$black20:         		#cccccc !default;
+$black30:       		#b3b3b3 !default;
+$black40:        		#999999 !default;
+$black50:      			#808080 !default;
+$black60:         		#666666 !default;
+$black70:       		#4d4d4d !default;
+$black80:       		#333333 !default;
+$black90:     			#191919 !default;
+
+
+//Colours 5
+
+$bluePrimary:           #428bca !default;
+$greenSuccess:          #5cb85c !default;
+$yellowWarning:         #f0ad4e !default;
+$redDanger:         	#d9534f !default;
+$blueInfo:         		#5bc0de !default;
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_purples.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_purples.scss
@@ -0,0 +1,49 @@
+// Purples 19
+// -------------------------
+
+
+//Defaults
+
+$purple:             	#9966FF !default;
+$purpleDark:         	#5C3D99 !default;
+$purpleDarker:       	#2E1F4C !default;
+$purpleLight:        	#AD85FF !default;
+$purpleLighter:      	#C2A3FF !default;
+$purpleDull:         	#957BC7 !default;
+$purpleDuller:       	#9589AD !default;
+$purpleBright:       	#9933FF !default;
+$purpleBrighter:     	#AD5CFF !default;
+
+//Variations
+
+$purpleAmethyst:        #9966cc !default;
+$purpleCerise:        	#de3163 !default;
+$purpleFandango:        #b53389 !default;
+$purpleHeliotrope:      #df73ff !default;
+$purpleLavendar:       	#b57edc !default;
+$purpleMagenta:        	#ff0090 !default;
+$purpleOrchid:        	#da70d6 !default;
+$purplePlum:        	#8e4585 !default;
+
+//Brands
+
+$purpleHeroku:        	#6567a5 !default;
+$purpleYahoo:        	#720e9e !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 8
+
+$purpleRose:    		 #865873 !default;
+$purpleBlush:   		 #864E66 !default;
+$purpleOpera: 	 		 #B977A9 !default;
+$purpleVerona: 	 		 #A77AAC !default;
+$purpleSpring: 	 		 #A389B8 !default;
+$purpleBlossom:  		 #8A7AA2 !default;
+$purpleShowers:  		 #7571A4 !default;
+$purpleLilac:  			 #797FA8 !default;
+
+
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_reds.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_reds.scss
@@ -0,0 +1,64 @@
+// Reds 21
+// -------------------------
+
+//Defaults
+
+$red:                 	#D42C2C !default;
+$redDark:              	#7A0000 !default;
+$redDarker:            	#3D0000 !default;
+$redLight:              #DB4D4D !default;
+$redLighter:            #F0B2B2 !default;
+$redDull:            	#993333 !default;
+$redDuller:            	#824D4D !default;
+$redBright:            	#FF0000 !default;
+$redBrighter:           #FF6E6E !default;
+
+//Variations
+
+$redAuburn:        		#a52a2a !default;
+$redBurgundy:        	#9f1d35 !default;
+$redChestnut:        	#9a1a00 !default;
+$redCrimson:        	#dc143c !default;
+$redBrick:        		#b22222 !default;
+$redWood:        		#ab4e52 !default;
+$redRust:        		#b7410e !default;
+$redWine:        		#722f37 !default;
+
+//Brands
+
+$redGoogle:        		#db4a39 !default;
+$redLastfm:        		#c3000d !default;
+$redPinterest:        	#c8232c !default;
+$redYouTube:        	#c4302b !default;
+
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 10
+
+$redRaspberry:   		#bf545a !default;
+$redDiva:   			#b5787d !default;
+$redRuby:   			#7d3d3e !default;
+$redSummer:   			#a05a5c !default;
+$redFire:   			#B24848 !default;
+$redFountain:   		#A64048 !default;
+$redAutumn:   			#A34847 !default;
+$redBloom:   			#9D5351 !default;
+$redThai:  				#AA5452 !default;
+$redVolcanic:		  	#B5473A !default;
+
+//Zurb Foundation 1
+
+$redZurb:        		#c60f13 !default;
+
+
+
+
+
+
+
+
+
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_tans.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_tans.scss
@@ -0,0 +1,38 @@
+// Tans 9
+// -------------------------
+
+$tan:                	#FFCC99 !default;
+$tanDark:            	#997A5C !default;
+$tanDarker:          	#4C3D2E !default;
+$tanLight:            	#FFD6AD !default;
+$tanLighter:          	#FFE0C2 !default;
+$tanDull:           	#C7925D !default;
+$tanDuller:         	#A67544 !default;
+$tanBright:           	#FF9966 !default;
+$tanBrighter:        	#FFC2A3 !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 8
+
+$tanGold:        		#F5CA9E !default;
+$tanBronze:  		    #EDBC91 !default;
+$tanWholemeal:    	    #E8B894 !default;
+$tanNectar:     		#EAB897 !default;
+$tanMelody:    		    #E3BBA5 !default;
+$tanSpicy:    			#EAA06F !default;
+$tanPumpkin:    		#E09C70 !default;
+$tanGinger:    			#E89F78 !default;
+
+
+
+
+
+
+
+
+
+
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_turquoise.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_turquoise.scss
@@ -0,0 +1,22 @@
+// Turquoise 9
+// -------------------------
+
+$turquoise:             #48E8C8 !default;
+$turquoiseDark:         #00997A !default;
+$turquoiseDarker:       #006652 !default;
+$turquoiseLight:        #6BE8CF !default;
+$turquoiseLighter:      #8EE8D6 !default;
+$turquoiseDull:         #52CCB4 !default;
+$turquoiseDuller:       #69B8A8 !default;
+$turquoiseBright:       #00FFCC !default;
+$turquoiseBrighter:     #80FFE6 !default;
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 3
+
+$turquoiseTeal:   		 #01969c !default;
+$turquoiseDawn:   		 #35AFBA !default;
+$turquoiseCrystal:   	 #2BA8A8 !default;
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_whites.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_whites.scss
@@ -0,0 +1,27 @@
+// Whites 15
+// -------------------------
+
+$whiteAntiflash:        #f2f3f4 !default;
+$whiteAntique:          #faebd7 !default;
+$whiteBeige:           	#f5f5dc !default;
+$whiteBlond:            #faf0be !default;
+$whiteCornsilk:         #fff8dc !default;
+$whiteCosmic:           #fff8e7 !default;
+$whiteCream:            #fffdd0 !default;
+$whiteEggshell:         #f0ead6 !default;
+$whiteFloral:           #fffaf0 !default;
+$whiteHoneydew:         #f0fff0 !default;
+$whiteIsabelline:       #f4f0ec !default;
+$whiteNavajo:           #ffdead !default;
+$whitePearl:           	#eae0c8 !default;
+$whiteVanilla:          #f3e5ab !default;
+$whiteSmoke:           	#f5f5f5 !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 1
+
+$whiteBlossom:           #f6e9de !default;
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/_yellows.scss
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/_yellows.scss
@@ -0,0 +1,57 @@
+// Yellow 17
+// -------------------------
+
+//Defaults
+
+$yellow:               	#FFCC00 !default;
+$yellowDark:            #806600 !default;
+$yellowDarker:          #332900 !default;
+$yellowLight:           #FFDB4D !default;
+$yellowLighter:         #FFEB99 !default;
+$yellowDull:           	#CFB036 !default;
+$yellowDuller:         	#B39F52 !default;
+$yellowBright:         	#FFFF00 !default;
+$yellowBrighter:        #FFFF66 !default;
+
+
+//Variations
+
+$yellowBuff:        	#f0dc82 !default;
+$yellowGold:        	#ffd700 !default;
+$yellowGoldmetal:       #d4af37 !default;
+$yellowJasmine:        	#f8de7e !default;
+$yellowMaize:        	#fbec5d !default;
+$yellowSaffron:        	#f4c430 !default;
+$yellowSunglow:        	#ffcc33 !default;
+$yellowLight:        	#fdfc8f !default;
+
+
+// * * * Premium * * *
+// -------------------------
+
+
+//Dulux 13
+
+$yellowAboutme:         #ffcc33 !default;
+$yellowAim:          	#fcd20b !default;
+$yellowPharaoh:   	    #FDC46B !default;
+$yellowHavana:			#FBBB5C !default;
+$yellowSunny:			#FFD251 !default;
+$yellowDelhi:			#FFC924 !default;
+$yellowSpring:			#FFCD59 !default;
+$yellowSunflower: 		#FFC43C !default;
+$yellowGlaze:			#FFC054 !default;
+$yellowBreeze:			#F0D458 !default;
+$yellowEaster:			#FECF51 !default;
+$yellowLemon:			#FFD865 !default;
+$yellowButtercup:		#F9C833 !default;
+
+
+
+
+
+
+
+
+
+
--- a/web/admin1553pskpx/themes/default/sass/modules/colors/index.php
+++ b/web/admin1553pskpx/themes/default/sass/modules/colors/index.php
@@ -0,0 +1,35 @@
+<?php
+/**
+ * 2007-2018 PrestaShop
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2018 PrestaShop SA
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+header("Location: ../");
+exit;
--- a/web/admin1553pskpx/themes/default/sass/modules/index.php
+++ b/web/admin1553pskpx/themes/default/sass/modules/index.php
@@ -0,0 +1,35 @@
+<?php
+/**
+ * 2007-2018 PrestaShop
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2018 PrestaShop SA
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+header("Location: ../");
+exit;
--- a/web/admin1553pskpx/themes/default/sass/partials/_backward.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_backward.sass
@@ -0,0 +1,268 @@
+.page-sidebar:not(.page-sidebar-closed) .nobootstrap
+	margin-left: 200px
+
+.nobootstrap
+	background-color: white
+	min-width: 1200px
+	padding: 110px 30px 100px 30px
+	form p
+		margin: .5em 0 0
+		padding: 0 0 .5em
+	fieldset
+		background-color: #EBEDF4
+		border: 1px solid #CCCED7
+		color: #585A69
+		margin: 0 0 10px 0
+		padding: 1em
+		img
+			padding: 0 4px 0 0
+			vertical-align: bottom
+	legend
+		background: #EBEDF4
+		border: 1px solid #CCCED7
+		font-weight: 700
+		margin: 0
+		padding: .2em .5em
+		text-align: left
+		a
+			color: #585984
+			text-decoration: none
+	label
+		color: #585a69
+		text-shadow: 0 1px 0 #fff
+		float: left
+		width: 250px
+		padding: .2em .5em 0 0
+		text-align: right
+		font-weight: bold
+		&.t
+			float: none
+			clear: none
+			padding: 0 5px 0
+			margin: 0px
+			font-weight: normal
+			font-size: 12px
+			text-shadow: none
+	a
+		color: #415260
+	.pull-right, .pull-left
+		float: none
+	.clear
+		clear: both
+
+	.margin-form
+		padding: 0 0 1em 260px
+		color: #7F7F7F
+		font-size: .85em
+	.button
+		cursor: pointer
+		background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent
+		background: -webkit-gradient(linear, center top ,center bottom, from(#F9F9F9), to(#E3E3E3)) repeat scroll 0 0 transparent
+		border-color: #CCCCCC #BBBBBB #A0A0A0
+		border-left: 1px solid #BBBBBB
+		border-radius: 3px 3px 3px 3px
+		border-right: 1px solid #BBBBBB
+		border-style: solid
+		border-width: 1px
+		color: #000000
+		margin: 5px 0
+		outline: medium none
+		padding: 3px 8px
+		text-align: center
+		vertical-align: middle
+		white-space: nowrap
+		text-shadow: 0 1px 0 #fff
+		text-decoration: none
+		&:hover
+			border-color: #AAA #999 #888
+	input
+		vertical-align: middle
+	select
+		border: 1px solid #ccc
+		font-size: 12px
+	input, textarea, option
+		color: #000
+		font-size: 12px
+		margin: 0
+		padding: 0
+	input[type="text"], input[type="password"], input[type="file"], textarea
+		border: 1px solid #ccc
+		background-color: #fff
+		padding: 2px 4px
+		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset
+	.table_grid
+		width: 100%
+	.table
+		background-color: #fff
+		border: 1px solid #ccc
+		padding: 0
+		border-radius: 3px
+		th a
+			text-decoration: underline
+			&:hover
+				text-decoration: none
+		tr 
+			th
+				background-color: #F1F1F1
+				color: #333
+				font-size: 13px
+				padding: 4px 6px
+				text-align: left
+				&.right
+					text-align: center
+			td
+				border-bottom: 1px solid #ccc
+				color: #333
+				font-size: 12px
+				padding: 4px 4px 4px 6px
+			&.row_hover.filter:hover td
+				background: #F1F9FF
+			td.row_hover:hover table tr td
+				background: none
+			&.action_details td
+				background: #FAFAFA
+			&.alt_row.action_details td
+				background: #E8E8E8
+			td.empty
+				background: #FFF!important
+				border-bottom: none
+			td.first
+				border-left: 1px solid #DEDEDE
+			td.last
+				border-right: 1px solid #DEDEDE
+			&.small td
+				height: 15px
+			&.last td
+				border-bottom: none
+			.filter
+				background-color: #f1f9ff
+
+// Helper 1.6
+.nobootstrap
+	.form-group
+		clear: both
+		margin-bottom: 1em
+		float: left
+		width: 100%
+		> div
+			float: left
+	.panel:not(.bootstrap)
+		background-color: #EBEDF4
+		border: 1px solid #CCCED7
+		color: #585A69
+		margin: 0 0 10px 0
+		padding: 1em
+		float: left
+		width: 100%
+		box-sizing: border-box
+		img
+			padding: 0 4px 0 0
+			vertical-align: bottom
+		h3
+			position: relative
+			top: -25px
+			display: inline-block
+			background: #EBEDF4
+			border: 1px solid #CCCED7
+			font-weight: 700
+			margin: 0
+			padding: .2em .5em
+			text-align: left
+			a
+				color: #585984
+				text-decoration: none
+			i
+				font-family: 'FontAwesome'
+		.help-block
+			float: left
+			clear: both
+		.switch
+			float: left
+			clear: both
+			line-height: 1.3em
+			label
+				padding: 0 10px 0 5px
+				float: left
+				width: auto
+			input[type=checkbox], input[type=radio]
+				float: left
+		.radio
+			label
+				clear: both
+				width: auto
+				margin-right: 4px
+		button
+			cursor: pointer
+			background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent
+			background: -webkit-gradient(linear, center top ,center bottom, from(#F9F9F9), to(#E3E3E3)) repeat scroll 0 0 transparent
+			border-color: #CCCCCC #BBBBBB #A0A0A0
+			border-left: 1px solid #BBBBBB
+			border-radius: 3px 3px 3px 3px
+			border-right: 1px solid #BBBBBB
+			border-style: solid
+			border-width: 1px
+			color: #000000
+			margin: 5px 0
+			outline: medium none
+			padding: 3px 8px
+			text-align: center
+			vertical-align: middle
+			white-space: nowrap
+			text-shadow: 0 1px 0 #fff
+			text-decoration: none
+			&:hover
+				border-color: #AAA #999 #888
+
+		.tree-panel-heading-controls
+			font-size: 13px
+			background-color: #DDE0E9
+			margin: -8px -8px 20px
+			padding: 5px
+			border-bottom: solid 1px #DFDFDF
+			a
+				display: inline-block
+				padding: 0 8px
+				border-right: solid 1px #888
+		.tree
+			padding: 0 0 0 20px
+			list-style: none
+			input
+				vertical-align: baseline
+				margin-right: 4px
+				line-height: normal
+			i
+				font-size: $icon-size-base
+			.tree-item-name, .tree-folder-name
+				padding: 2px 5px
+				@include border-radius(4px)
+				label
+					font-size: 13px
+					float: none
+					text-shadow: none
+					font-weight: 400
+				&:hover
+					background-color: #eee
+					cursor: pointer
+			.tree-selected
+				background-color: #CCCED7
+				&:hover
+					background-color: darken(#CCCED7,15%)
+				i.tree-dot
+					background-color: #eee
+			.tree-folder, .tree-item
+				margin: 3px 0
+			i.tree-dot
+				display: inline-block
+				position: relative
+				width: 6px
+				height: 6px
+				margin: 0 4px
+				background-color: #ccc
+				@include border-radius(6px)
+			.tree-item-disable, .tree-folder-name-disable
+				color: #ccc
+				&:hover
+					color: #ccc
+					background-color: none
+
+
--- a/web/admin1553pskpx/themes/default/sass/partials/_chosen.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_chosen.sass
@@ -0,0 +1,344 @@
+//
+// bootstrap-chosen.scss
+//
+// An alternate stylesheet for Chosen (http://harvesthq.github.com/chosen/).
+// This one is supposed to integrate better with Bootstrap.
+//
+// Submit bugfixes to: http://github.com/alxlit/bootstrap-chosen
+//
+
+$chosen-background: $input-bg
+$chosen-border: $input-border
+$chosen-border-radius: $input-border-radius
+$chosen-multi-border-radius: 0
+$chosen-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
+$chosen-drop-border: $gray-light
+$chosen-drop-box-shadow: 0 8px 8px rgba(0, 0, 0, .25)
+$chosen-drop-zindex: 1060
+$chosen-focus-border: rgba(82, 168, 236, .8)
+$chosen-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6)
+$chosen-focus-transition: border linear .2s, box-shadow linear .2s
+$chosen-height: $input-height-base
+$chosen-multi-height: $input-height-base + 6px
+$chosen-sprite-path: '../img/chosen-sprite.png'
+
+.chosen-select
+	width: 100%
+.chosen-select-deselect
+	width: 100%
+
+.chosen-container
+	display: inline-block
+	font-size: $font-size-base
+	position: relative
+	vertical-align: middle
+	.chosen-drop
+		background: $chosen-background
+		border: 1px solid $chosen-drop-border
+		border-top-color: lighten($chosen-drop-border, 25%)
+		margin-top: -1px
+		position: absolute
+		top: 100%
+		z-index: $chosen-drop-zindex
+		@include left(-9000px)
+		@include border-bottom-radius($chosen-border-radius)
+		@include box-shadow($chosen-drop-box-shadow)
+	&.chosen-with-drop .chosen-drop
+		@include left(0)
+		@include right(0)
+	.chosen-results
+		color: $gray
+		max-height: 240px
+		position: relative
+		overflow-x: hidden
+		overflow-y: auto
+		-webkit-overflow-scrolling: touch
+		@include padding(0, 0, 0, 4px)
+		@include margin(0, 4px, 4px, 0)
+		li
+			display: none
+			line-height: $line-height-base
+			list-style: none
+			margin: 0
+			padding: 5px 6px
+			em
+				background: #feffde
+				font-style: normal
+			&.group-result
+				display: list-item
+				cursor: default
+				color: #999
+				font-weight: bold
+			&.group-option
+				@include padding-left(15px)
+			&.active-result
+				cursor: pointer
+				display: list-item
+			&.highlighted
+				background-color: $link-color
+				color: white
+				em
+					background: transparent
+			&.disabled-result
+				display: list-item
+				color: $gray-light
+		.no-results
+			background: $gray-lighter
+			display: list-item
+	.chosen-results-scroll
+		background: white
+		margin: 0 4px
+		position: absolute
+		text-align: center
+		width: 321px
+		z-index: 1
+		span
+			display: inline-block
+			height: $line-height-base
+			text-indent: -5000px
+			width: 9px
+	.chosen-results-scroll-down
+		bottom: 0
+		span
+			background: url($chosen-sprite-path) no-repeat -4px -3px
+
+	.chosen-results-scroll-up
+		span
+			background: url($chosen-sprite-path) no-repeat -22px -3px
+
+.chosen-container-single
+	.chosen-single
+		background-color: $chosen-background
+		border: 1px solid $chosen-border
+		color: $gray
+		display: block
+		height: $chosen-height
+		overflow: hidden
+		line-height: $chosen-height
+		position: relative
+		text-decoration: none
+		white-space: nowrap
+		@include padding(0, 0, 0, 8px)
+		@include box-shadow($chosen-box-shadow)
+		@include border-radius($input-border-radius)
+		&:hover
+			text-decoration: none
+			cursor: pointer
+		&:span
+			display: block
+			@include margin-right(26px)
+			@include text-overflow()
+		&:abbr
+			background: url($chosen-sprite-path) right top no-repeat
+			display: block
+			font-size: 1px
+			height: 10px
+			position: absolute
+			top: ($chosen-height - 10px) / 2
+			width: 12px
+			@include right(26px)
+			&:hover
+				background-position: right -11px
+		&.chosen-disabled .chosen-single abbr:hover
+			background-position: right 2px
+		div
+			display: block
+			height: 100%
+			position: absolute
+			top: 0
+			width: 18px
+			@include right(0)
+			b
+				@extend .icon
+				@extend .icon-caret-down
+				font-size: 14px
+				text-align: center
+				line-height: 28px
+				display: block
+				height: 100%
+				width: 100%
+	.chosen-default
+		color: $gray-light
+	.chosen-search
+		margin: 0
+		padding: 3px 4px
+		position: relative
+		white-space: nowrap
+		z-index: $zindex-dropdown
+		overflow: hidden
+		input
+			border: 1px solid $chosen-border
+			margin: 1px 0
+			width: 100%
+			@include padding(4px, 20px, 4px, 4px)
+			@include border-top-radius($chosen-border-radius)
+			@include border-bottom-radius($chosen-border-radius)
+			@include box-shadow($chosen-box-shadow)
+	.chosen-search:before
+		@extend .icon
+		@extend .icon-search
+		color: $brand-primary
+		position: absolute
+		font-size: 14px
+		text-align: center
+		display: block
+		line-height: 22px
+		height: 22px
+		width: 22px
+		top: 7px
+		@include right(7px)
+
+	.chosen-drop
+		margin-top: -1px
+		-webkit-background-clip: padding-box
+		-moz-background-clip: padding
+		background-clip: padding-box
+		@include border-bottom-radius($chosen-border-radius)
+
+.chosen-container-single-nosearch
+	.chosen-search
+		input
+			position: absolute
+			@include left(-9000px)
+
+.chosen-container-multi
+	.chosen-choices
+		background-color: $chosen-background
+		border: 1px solid $chosen-border
+		cursor: text
+		height: auto !important
+		height: 1%
+		margin: 0
+		overflow: hidden
+		padding: 0
+		position: relative
+		@include border-top-radius($chosen-multi-border-radius)
+		@include border-bottom-radius($chosen-multi-border-radius)
+		@include box-shadow($chosen-box-shadow)
+		li
+			list-style: none
+			@include float(left)
+		.search-field
+			margin: 0
+			padding: 0
+			white-space: nowrap
+			input
+				background: transparent !important
+				border: 0 !important
+				color: $gray
+				height: $chosen-multi-height - 8px
+				margin: 0
+				padding: 4px
+				outline: 0
+				@include box-shadow(none)
+			.default
+				color: #999
+		.search-choice
+			-webkit-background-clip: padding-box
+			-moz-background-clip: padding
+			background-clip: padding-box
+			background-color: $gray-lighter
+			border: 1px solid $chosen-border
+			color: $gray-dark
+			cursor: default
+			line-height: 13px
+			position: relative
+			@include margin(6px, 0, 3px, 5px)
+			@include padding(3px, 20px, 3px, 5px)
+			@include border-top-radius($chosen-border-radius)
+			@include border-bottom-radius($chosen-border-radius)
+			@include gradient-vertical(white, $gray-lighter)
+			@include box-shadow($chosen-box-shadow)
+			.search-choice-close
+				background: url($chosen-sprite-path) right top no-repeat
+				display: block
+				font-size: 1px
+				height: 10px
+				position: absolute
+				top: 5px
+				width: 12px
+				@include right(4px)
+				&:hover
+					background-position: right -11px
+		.search-choice-focus
+			background: #d4d4d4
+			.search-choice-close
+				background-position: right -11px
+	.chosen-results
+		margin: 0
+		padding: 0
+	.chosen-drop
+		.result-selected
+			display: none
+
+.chosen-container-active
+	.chosen-single
+		border: 1px solid $chosen-focus-border
+		@include box-shadow($chosen-focus-box-shadow)
+		@include transition($chosen-focus-transition)
+
+	&.chosen-with-drop .chosen-single
+		background-color: $gray-lighter
+		border: 1px solid $chosen-focus-border
+		@include box-shadow($chosen-focus-box-shadow)
+		@include transition($chosen-focus-transition)
+		div
+			background: transparent
+			@include border-left(none)
+			b
+				background-position: -18px 7px
+	.chosen-choices
+		border: 1px solid $chosen-focus-border
+		@include border-bottom-radius(0)
+		@include box-shadow($chosen-focus-box-shadow)
+		@include transition($chosen-focus-transition)
+		.search-field input
+			color: #111 !important
+
+.chosen-disabled
+	cursor: default
+	opacity: 0.5 !important
+	.chosen-single
+		cursor: default
+	.chosen-choices .search-choice .search-choice-close
+		cursor: default
+
+.chosen-rtl
+	text-align: right
+	.chosen-single
+		padding: 0 8px 0 0
+		overflow: visible
+		span
+			margin-left: 26px
+			margin-right: 0
+			direction: rtl
+		div
+			left: 7px
+			right: auto
+		abbr
+			left: 26px
+			right: auto
+	.chosen-choices
+		.search-field input
+			direction: rtl
+		li
+			float: right
+		.search-choice
+			margin: 6px 5px 3px 0
+			padding: 3px 5px 3px 19px
+			.search-choice-close
+				background-position: right top
+				left: 4px
+				right: auto
+	&.chosen-container-single .chosen-results
+		margin: 0 0 4px 4px
+		padding: 0 4px 0 0
+	.chosen-results .group-option
+		padding-left: 0
+		padding-right: 15px
+	&.chosen-container-active.chosen-with-drop .chosen-single div
+		border-right: none
+	.chosen-search input
+		background: url($chosen-sprite-path) no-repeat -28px -20px, $chosen-background
+		direction: rtl
+		padding: 4px 5px 4px 20px
--- a/web/admin1553pskpx/themes/default/sass/partials/_commons.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_commons.sass
@@ -0,0 +1,206 @@
+// helpers class for fixing input width
+.fixed-width-xs
+	width: 48px!important
+.fixed-width-sm
+	width: 80px!important
+.fixed-width-md
+	width: 120px!important
+.fixed-width-lg
+	width: 160px!important
+.fixed-width-xl
+	width: 200px!important
+.fixed-width-xxl
+	width: 250px!important
+
+//quick fix for inline hidden content on device width - waiting for bootstrap update https://github.com/twbs/bootstrap/issues/8869
+.hidden-inline-xs
+	@media (max-width: $screen-xs)
+		display: none!important
+
+.row-margin-bottom
+	margin-bottom: 15px
+.row-margin-top
+	margin-top: 15px
+.row-padding-top
+	padding-top: 15px
+
+.thumbnail,
+.img-thumbnail
+	background-color: white
+	border-color: #ccc!important
+
+.highlight
+	background-color: #F7E69F
+
+.text-orange
+	color: $amber
+
+.badge
+	padding: 1px 5px
+	font-weight: normal
+	font-size: 1em
+	line-height: inherit
+	letter-spacing: 0.0625em
+	background-color: $brand-primary
+	&.badge-info
+		background-color: $brand-info
+	&.badge-success
+		background-color: $brand-success
+	&.badge-warning
+		background-color: $brand-warning
+	&.badge-danger
+		background-color: $brand-danger
+	&.badge-critical
+		background-color: darken($brand-danger,15%)
+
+.label
+	font-size: 12px
+	font-weight: 400
+	&.label-inactive
+		background-color: #999
+//tabs
+.nav-tabs
+	border-bottom: none
+	li .badge
+		background-color: white
+		border: solid 2px #eee
+		color: #666
+	li a
+		font-size: 1.1em
+		font-family: $headings-font-family
+		text-transform: uppercase
+		font-weight: 300
+	li.active
+		a, a:hover, a:focus
+			background-color: white
+
+.table tr.parent td
+	background-color: #eee!important
+	border-bottom: solid 1px #ccc!important
+
+//alert boxs
+@mixin alert-panel($icon,$color)
+	position: relative
+	border: none
+	@include padding-left(50px)
+	@include border-left(solid 3px lighten($color,9%))
+	&:before
+		position: absolute
+		top: 6px
+		display: block
+		height: 25px
+		width: 25px
+		color: lighten($color,9%)
+		@include left(7px)
+		@extend .icon
+		@extend .icon-3x
+		@extend .#{$icon}
+
+.alert.alert-warning
+	@include alert-panel(icon-exclamation-circle, $brand-warning)
+
+.alert.alert-danger
+	@include alert-panel(icon-exclamation-triangle, $brand-danger)
+
+.alert.alert-success
+	@include alert-panel(icon-check-circle, $brand-success)
+
+.alert.alert-info
+	@include alert-panel(icon-question-circle, $brand-info)
+
+.alert.alert-addons
+	$alert-addons-border: lighten($brand-addons,10%)
+	$alert-addons-text: $brand-addons
+	@include alert-variant(#F3F3F2, $alert-addons-border, $alert-addons-text)
+	@include alert-panel(icon-puzzle-piece, $brand-addons)
+
+.alert.alert-onboarding
+	$alert-addons-border: lighten($brand-info,10%)
+	$alert-addons-text: $brand-info
+	@include alert-variant(white, $alert-addons-border, $alert-addons-text)
+	@include alert-panel(icon-rocket, white)
+	&:before
+		left: 25px
+		top: 40px
+		font-size: 98px
+	border: solid 2px $brand-info
+	box-shadow: inset 140px 0 0 $brand-info
+	padding: 20px 20px 20px 160px
+	.onboarding-step
+		width: 100%
+		height: 2em
+		&.step-success
+			background-color: $brand-info
+		&.step-in-progress
+			@include gradient-striped(lighten($brand-info,20%))
+			@include animation(progress-bar-stripes 2s linear infinite)
+			background-color: $brand-info
+		&.step-todo
+			background-color: #eee
+		&.step-first
+			@include border-radius(3em 0 0 3em)
+		&.step-final
+			@include border-radius(0 3em 3em 0)
+
+	h4
+		font-weight: 100
+		font-size: 2.1em
+		color: #383F50
+		margin-bottom: .4em
+	p
+		font-size: 1.1em
+		color: lighten(#383F50,30%)
+		margin-bottom: 1em
+	.onboarding-action-container
+		padding-top: 3em
+
+	hr
+		border-color: lighten($brand-info,30%)
+	.progress
+		@include border-radius(3em)
+		height: 2em
+		box-shadow: none
+	.progress-bar
+		box-shadow: none
+
+.alert.alert-message
+	@include alert-panel(icon-comment, $brand-warning)
+	border: solid 2px $brand-warning
+	background-color: white
+
+.alert h4
+	font-size: 1.45em
+	margin-bottom: 1em
+
+.overflow-y
+	max-height: 200px
+	margin-bottom: 15px
+	overflow-y: auto
+
+.input[type='password']
+	font-size: 2em!important
+
+.pagination
+	@include margin(17px, 0, 0, 0)
+
+.list-detail
+	dd:not(:last-child)
+		margin-bottom: 10px
+
+//colors
+.attributes-color-container
+	width: 40px
+	height: 25px
+	display: block
+	border: solid 1px black
+
+#mColorPickerInput
+	color: #000000
+
+//modals
+.modal-content-overflow
+	max-height: 400px
+	overflow-y: scroll
+
+.pointer
+	cursor: pointer
--- a/web/admin1553pskpx/themes/default/sass/partials/_content.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_content.sass
@@ -0,0 +1,232 @@
+html, body
+	min-height: 100%
+	height: 100%
+
+body
+	font: 400 #{$font-size-base}/#{$line-height-base} $font-family-base
+	color: $text-color
+	background-color: $body-bg
+	-webkit-tap-highlight-color: rgba(0,0,0,0)
+	&.mobile
+		#content.bootstrap
+			@media (max-width: $screen-lg)
+				padding-left: $paddingLeftMobile
+
+			.page-head
+				h2.page-title
+					padding-left: $paddingLeftMobile
+				h4.page-subtitle
+					@include left($paddingLeftMobile)
+				ul.page-breadcrumb
+					@include left($paddingLeftMobile)
+
+#main
+	z-index: 10
+	width: 100%
+	padding: 36px 0 60px
+	@include margin(0, 0, -50px, 0)
+	@include float(left)
+
+#content.bootstrap
+	padding: 120px 10px 0 225px
+	&.with-tabs
+		padding-top: 160px
+	@include transition-property(margin)
+	@include transition-duration(0.4s)
+	@include transition-timing-function(ease-out)
+	.panel
+		position: relative
+		padding: 20px
+		margin-bottom: 20px
+		border: solid 1px darken($bg-content-color,10%)
+		background-color: white
+		@include border-radius(5px)
+		&.panel-highlighted
+			border-color: $brand-primary!important
+			@include box-shadow(rgba($brand-primary,.15) 0 0 0 6px inset !important)
+		.panel-heading
+			font-family: $headings-font-family
+			font-weight: $headings-font-weight
+			font-size: 14px
+			text-overflow: ellipsis
+			white-space: nowrap
+			color: #555
+			height: 32px
+			.btn
+				padding: 4px 8px !important
+			a.btn
+				font-family: $font-family-sans-serif
+				text-transform: none
+				position: relative
+				top: 2px
+			i
+				font-size: $icon-size-base
+		.panel
+			border: solid 1px #DDDDDD
+		.panel.tab-content
+			@include border-radius(0 0 3px 3px)
+	h3:not(.modal-title), .panel-heading
+		border: none
+		font-size: 1.2em
+		line-height: 2.2em
+		height: 2.2em
+		text-transform: uppercase
+		border-bottom: solid 1px #EEEEEE
+		@include padding(0, 0, 0, 5px)
+		@include margin(-20px, -16px, 15px, -16px)
+		i, a
+			color: contrasted($bg-panel-heading-color)
+		.badge
+			color: $gray
+			font-size: 1.1em
+			line-height: 1.2em
+			padding: 0 10px
+			font-weight: 700
+			border: solid 1px lighten($gray-light,25%)
+			background-color: white
+			@include margin-left(0.4em)
+			@include border-radius(20px)
+			a
+				display: block
+				font-size: 0.8em
+		.panel-heading-action
+			line-height: 0
+			position: absolute
+			top: 2px
+			@include right(0)
+			.btn
+				padding: 4px 8px !important
+			.btn-group
+				position: absolute
+				white-space: nowrap
+				top: -2px
+				@include right(2px)
+				a.btn
+					float: none
+			> a.btn
+				position: absolute
+				top: 0
+				@include right(2px)
+			a.list-toolbar-btn
+				height: 30px
+				width: 30px
+				color: #CCC
+				@include float(left)
+				@include border-left(solid 1px #eee)
+				&:hover
+					text-decoration: none
+					color: $brand-primary
+				i
+					text-align: center
+					font-size: 18px
+					line-height: 30px
+	.panel-danger .panel-heading
+		background-color: $badge-notif-color!important
+	form .alert
+		clear: both
+	.mobile &
+		padding: 140px 5px 0
+		@include margin-left(0!important)
+	.help-block
+		font-style: italic
+	.nav.nav-tabs li.active a
+		z-index: 99
+	.breadcrumb
+		background-color: white
+		border: solid 1px darken($bg-content-color,10%)
+	.panel.panel-sm
+		padding: 8px!important
+		.panel-heading
+			font-size: 13px
+			margin: -8px -8px 10px
+			@include ltr
+				padding-left: 8px
+			@include rtl
+				padding-right: 8px
+		.form-group
+			margin-bottom: 8px
+
+//data-focus
+.data-focus
+	&.data-focus-primary
+		background-color: $brand-primary
+		color: white
+		@include border-radius(10px)
+
+//orders
+#customer_part
+	.customerCard
+		&.selected-customer .panel
+			color: $brand-success
+			border: solid 2px $brand-success
+
+//modal
+body.display-modal
+	#content, #main
+		margin: 0
+		padding: 0
+		background: #F8F8F8
+
+.bootstrap
+	.modal
+		.alert
+			h3
+				margin-top: 0
+	.modal-footer
+		.alert
+			text-align: left
+
+//todo: remove temp fix for bootstrap RC1 -> final
+.bootstrap
+	input[type="text"],input[type="search"],input[type="password"], textarea, select
+		@extend .form-control
+
+//panels
+.bootstrap
+	.panel
+		.panel-footer
+			height: 73px
+			border-color: #eee
+			background-color: #FCFDFE
+			margin: 15px -20px -20px
+			.btn.pull-right:not(:first-child)
+				@include margin-right(5px)
+			.btn
+				line-height: 1em
+
+#header
+	.panel-footer
+		margin: 15px 0 0!important
+		height: 40px!important
+
+//help containers
+#main.helpOpen
+	width: 70%
+	@media (max-width: $screen-lg)
+		width: 100%
+
+#help-container
+	position: relative
+	margin: 0
+	padding: 0
+	float: right
+	width: 30%
+	margin-top: 181px
+	margin-bottom: 50px
+	background-color: white
+	box-sizing: border-box
+	overflow-x: hidden
+	@media (max-width: $screen-lg)
+		display: none
+
+.page-topbar
+	#help-container
+		margin-top: 140px
+
+.page-sidebar-closed
+	&:not(.mobile)
+		#content
+			padding-left: $paddingLeftPageClosed
+
+			.page-head
+				padding-left: $paddingLeftPageClosed - .9375rem
--- a/web/admin1553pskpx/themes/default/sass/partials/_date-picker.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_date-picker.sass
@@ -0,0 +1,55 @@
+// ui-datepicker: The outer container of the datepicker. If the datepicker is inline, this element will additionally have a ui-datepicker-inline class. If the isRTL option is set, this element will additionally have a class of ui-datepicker-rtl.
+// ui-datepicker-header: The container for the datepicker's header.
+// ui-datepicker-prev: The control used to select previous months.
+// ui-datepicker-next: The control used to select subsequent months.
+// ui-datepicker-title: The container for the datepicker's title containing the month and year.
+// ui-datepicker-month: The textual display of the month or a <select> element if the changeMonth option is set.
+// ui-datepicker-year: The textual display of the year or a <select> element if the changeYear option is set.
+// ui-datepicker-calendar: The table that contains the calendar itself.
+// ui-datepicker-week-end: Cells containing weekend days.
+// ui-datepicker-other-month: Cells containing days that occur in a month other than the currently selected month.
+// ui-datepicker-unselectable: Cells containing days that are not selectable by the user.
+// ui-datepicker-current-day: The cell containing the selected day.
+// ui-datepicker-today: The cell containing today's date.
+// ui-datepicker-buttonpane: The buttonpane that is used when the showButtonPanel option is set.
+// ui-datepicker-current: The button used to select today's date.
+
+.ui-datepicker
+	top: 0
+	left: 0
+	padding: 4px
+	margin-top: 1px
+	@include border-radius(4px)
+	&:before
+		content: ''
+		display: inline-block!important
+		border-left: 7px solid transparent
+		border-right: 7px solid transparent
+		border-bottom: 7px solid #ccc
+		border-bottom-color: rgba(black,.2)
+		position: absolute
+		top: -7px
+		left: 6px
+	&:after
+		content: ''
+		display: inline-block!important
+		border-left: 6px solid transparent
+		border-right: 6px solid transparent
+		border-bottom: 6px solid white
+		position: absolute
+		top: -6px
+		left: 7px
+	.ui-datepicker-header
+		background: transparent !important
+		color: gray
+		font-weight: normal
+	.ui-state-default
+		background: transparent !important
+	.ui-state-highlight
+		border: solid 1px darken(#FEFBE2 ,50%) !important
+		background: #FEFBE2 !important
+	.ui-state-active
+		color: white !important
+		background: $primary-color !important
+		border: solid 1px darken($primary-color,10%) !important
+
--- a/web/admin1553pskpx/themes/default/sass/partials/_date-range-picker.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_date-range-picker.sass
@@ -0,0 +1,267 @@
+$color-bright: white
+
+$color-calendar: #00A4E7
+$color-calendar-compare: #FF8000
+
+$color-calendar-day: $color-bright
+
+$color-calendar-outrange: #ccc
+
+$color-calendar-day-selected: $color-calendar
+$color-calendar-day-selected-compare: $color-calendar-compare
+
+$color-calendar-range: lighten($color-calendar,10%)
+$color-calendar-range-compare: lighten($color-calendar-compare,10%)
+
+#datepicker
+	.input-selected
+		margin: 0
+	#date-start.input-selected, #date-end.input-selected,
+		border: solid 3px $color-calendar-day-selected
+	#date-start-compare.input-selected, #date-end-compare.input-selected,
+		border: solid 3px $color-calendar-day-selected-compare
+	div#datepicker-form
+		#date-range
+			border: solid 1px darken($color-calendar,5%)
+			.form-date-heading
+				background-color: darken($color-calendar,5%)
+		#date-compare
+			border: solid 1px darken($color-calendar-compare,5%)
+			.form-date-heading
+				background-color: darken($color-calendar-compare,5%)
+		.form-date-heading
+			height: 30px
+			line-height: 30px
+			@include padding(0, 0, 0, 8px)
+			.title, .checkbox-title label
+				font-size: 1.15em
+				color: $color-bright
+				font-weight: 200
+				text-transform: uppercase
+				line-height: 2em
+			.btn-default
+				background-color: rgba($color-bright,0.3)
+				font-weight: 700
+				color: $color-bright
+				border: none
+			select
+				@include margin(2px,2px,0,0)
+		.form-date-body, .form-date-actions
+			width: 100%
+			padding: 10px
+			background-color: white
+			display: inline-block
+		.form-date-actions
+			border: solid 1px #ccc
+		.form-date-group
+			clear: both
+			width: 100%
+			margin: 0 auto 6px
+			label
+				font-size: 0.8em
+				font-weight: 700
+				text-transform: uppercase
+				color: #666
+			input
+				@include margin(4px, 4px, 0, 0)
+			input[type='text']
+				width: 35%
+			button
+				@include margin(5px, 0, 0, 0)
+
+	.daterangepicker
+		position: relative
+		width: 100%
+		font-size: 13px
+		border: solid 1px #ccc
+		@include margin(0, 0, 8px, 0)
+		table
+			width: 100%
+			margin: 0
+			border-spacing: 1px
+		thead
+			tr th
+				background-color: darken($color-calendar,5%)
+				color: white
+				font-size: 0.7em
+				height: 1.5em
+				text-transform: uppercase
+			tr:first-child th
+				background-color: $color-bright
+				border-bottom: 1px solid darken($color-calendar,5%)
+				font-weight: 200
+				font-size: 1.4em
+				color: $color-calendar-day-selected
+		td, th
+			text-align: center
+			padding: 0
+			position: relative
+		tr
+			border-bottom: solid 1px white
+		td
+			color: $color-calendar-day-selected
+			height: 2.4em
+			padding: 0 8px
+			@include transition-property(all)
+			@include transition-duration(0.2s)
+			@include transition-timing-function(ease-out)
+			&.day:after
+				content: ""
+				position: absolute
+				display: block
+				top: 0
+				width: 100%
+				z-index: 0
+				background-color: transparent
+				@include left(0)
+			&.day:hover
+				cursor: pointer
+			&.day.disabled
+				color: $color-calendar-outrange
+			&.old, &.new
+				color: $color-calendar-outrange
+			&.start-selected:not(.old):not(.new):not(.end-selected)
+				color: $color-bright
+				font-weight: 700
+				background-color: $color-calendar-day-selected
+				@include border-left-radius(15px)
+				//@extend .chevron-left
+				&.range-compare
+					background-color: mix($color-calendar-day-selected,$color-calendar-range-compare,70%)
+					@include border-left-radius(0)
+				&.end-selected-compare, &.start-selected-compare
+					background-color: mix($color-calendar-day-selected,$color-calendar-day-selected-compare,70%)
+				&.end-selected-compare
+					@include border-radius(0)
+			&.end-selected:not(.old):not(.new):not(.start-selected)
+				color: $color-bright
+				font-weight: 700
+				background-color: $color-calendar-day-selected
+				//@extend .chevron-right
+				@include border-right-radius(15px)
+				&.range-compare
+					background-color: mix($color-calendar-day-selected,$color-calendar-range-compare,70%)
+					@include border-right-radius(0)
+				&.end-selected-compare, &.start-selected-compare
+					background-color: mix($color-calendar-day-selected,$color-calendar-day-selected-compare,70%)
+				&.start-selected-compare
+					@include border-radius(0)
+			&.start-selected-compare:not(.old):not(.new):not(.end-selected-compare)
+				color: $color-bright
+				font-weight: 700
+				background-color: $color-calendar-day-selected-compare
+				@include border-left-radius(15px)
+				&.range
+					background-color: mix($color-calendar-day-selected-compare,$color-calendar-range,70%)
+					@include border-left-radius(0)
+			&.end-selected-compare:not(.old):not(.new):not(.start-selected-compare)
+				color: $color-bright
+				font-weight: 700
+				background-color: $color-calendar-day-selected-compare
+				@include border-right-radius(15px)
+				&.range
+					background-color: mix($color-calendar-day-selected-compare,$color-calendar-range,70%)
+					@include border-right-radius(0)
+			&.end-selected.start-selected
+				color: $color-bright
+				@include border-radius(15px)
+				font-weight: 700
+				background-color: $color-calendar-day-selected
+				&.range-compare
+					background-color: mix($color-calendar-day-selected,$color-calendar-range-compare,70%)
+					@include border-radius(0)
+			&.end-selected-compare.start-selected-compare
+				color: $color-bright
+				@include border-radius(15px)
+				font-weight: 700
+				background-color: $color-calendar-day-selected-compare
+				&.range
+					background-color: mix($color-calendar-day-selected-compare,$color-calendar-range,70%)
+					@include border-radius(0)
+			&.range
+				color: lighten($color-calendar-range,35%)
+				background-color: $color-calendar-range
+				&.range-compare
+					background-color: mix($color-calendar-range,$color-calendar-range-compare,50%)
+			&.range-compare
+				color: lighten($color-calendar-range-compare,35%)
+				background-color: $color-calendar-range-compare
+				&.range
+					background-color: mix($color-calendar-range,$color-calendar-range-compare,50%)
+			&.today
+				background-color: $color-bright
+			span
+				padding: 0
+				display: block
+				width: 33.333%
+				height: 3em
+				line-height: 3em
+				font-weight: 400
+				float: left
+				text-transform: uppercase
+				cursor: pointer
+				&:hover
+					color: white
+					background-color: $color-calendar-day-selected
+				&.active
+					background-color: $color-calendar-day-selected
+					color: #fff
+				&.old
+					color: $color-calendar-outrange
+		th
+			&.next
+				@include text-align(right)
+				@include padding(0, 10px, 0, 0)
+			&.prev
+				@include text-align(left)
+				@include padding(0, 0, 0, 10px)
+			&.next, &.prev, &.month-switch
+				font-size: 1.3em
+				line-height: 2em
+				height: 2em
+				&:hover
+					background-color: darken($color-calendar,5%)
+					color: white
+		thead tr:first-child th
+			cursor: pointer
+
+//chevrons are disabled time to figure out the firefox incompatibility..
+.chevron-left, .chevron-right
+	position: relative
+.chevron-left:before, .chevron-right:before
+	display: block
+	content: ""
+	width: 0
+	height: 0
+	border-style: solid
+	position: absolute
+.chevron-left:before
+	top: 0
+	border-color: transparent transparent transparent $color-calendar-day-selected
+	background-color: $color-calendar-range
+	@include right(0)
+	@include border-width(1.2em, 0, 1.2em, 0.5em)
+.chevron-right:before
+	top: 0
+	border-color: transparent transparent transparent $color-calendar-range
+	background-color: $color-calendar-day-selected
+	@include left(0)
+	@include border-width(1.2em, 0, 1.2em, 0.5em)
+.input-complete
+	-webkit-animation: one 0.2s ease-in-out
+	-moz-animation: one 0.2s ease-in-out
+	-ms-animation: one 0.2s ease-in-out
+	-o-animation: one 0.2s ease-in-out
+	animation: one 0.2s ease-in-out
+		
+@-webkit-keyframes one
+	0%
+		background-color: $color-calendar
+	100%
+		background-color: $color-bright
+
+@-webkit-keyframes two
+	0%
+		+box-shadow($color-calendar 0 0 0 20px inset)
+	100%
+		+box-shadow($color-calendar 0 0 0 inset)
--- a/web/admin1553pskpx/themes/default/sass/partials/_footer.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_footer.sass
@@ -0,0 +1,101 @@
+#footer
+	display: block
+	width: 100%
+	height: 50px
+	position: fixed
+	bottom: 0
+	z-index: 600
+	background-color: rgba(black,0.8)
+	color: #aaa
+	line-height: 50px
+	@include animate(fadeInUp, 0.3s)
+	a
+		color: #ccc
+	&.hide
+		display: none!important
+	#go-top
+		display: block
+		height: 30px
+		width: 30px
+		position: fixed
+		right: 10px
+		bottom: 10px
+		z-index: 9003
+		padding: 0px 6px
+		margin: -2px 0px 0px
+		text-align: center
+		line-height: 30px
+		text-decoration: none
+		color: #fff
+		cursor: pointer
+		font-size: 16px
+		background-color: $main-color
+		@include right(10px)
+		&:hover
+			background-color: $brand-primary
+	a.footer_link
+		color: $brand-primary
+		&:hover
+			color: white
+			text-decoration: none
+		i
+			font-size: $icon-size-base
+			color: white
+	.footer-contact
+		padding: 7px 0 0 0
+		line-height: 35px
+		white-space: nowrap
+		overflow: hidden
+		text-overflow: ellipsis
+		@include margin(0,0,6px,6px)
+		strong
+			font-weight: 400
+			color: white
+
+a.link-social
+	i
+		font-size: 14px
+		width: 24px
+		height: 24px
+		display: inline-block
+		line-height: 24px !important
+		text-align: center
+		@include margin(0, 4px, 0, 0)
+		@include border-radius(30px)
+	&:hover
+		text-decoration: none
+
+.link-youtube i
+	color: white
+	background-color: #FF0000
+	&:hover
+		color: #FF0000
+		background-color: white
+.link-twitter i
+	color: white
+	background-color: #7CCEEF
+	&:hover
+		color: #7CCEEF
+		background-color: white
+.link-facebook i
+	color: white
+	background-color: #557DBB
+	&:hover
+		color: #557DBB
+		background-color: white
+.link-github i
+	color: black
+	background-color: white
+	&:hover
+		color: white
+		background-color: black
+
+.status-page-dot
+	&.operational
+		color: #2ecc71 !important
+	&.degraded_performance
+		color: #f1c40f !important
+	&.partial_outage
+		color: #e67e22 !important
+	&.major_outage
+		color: #e74c3c !important
--- a/web/admin1553pskpx/themes/default/sass/partials/_forms.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_forms.sass
@@ -0,0 +1,169 @@
+//form
+label.control-label
+	font-size: 13px
+	font-weight: normal
+	color: #666
+
+label.control-label span.label-tooltip
+	text-decoration: none
+	font-size: 13px
+	color: #3586AE
+	background-color: lighten(#D8EDF7,5%)
+	border: none
+	border-bottom: solid 1px #D8EDF7
+	padding: 0 5px
+	@include border-radius(3px)
+
+label.required:before
+	content: '*'
+	color: red
+	font-size: 14px
+	position: relative
+	line-height: 12px
+
+.tooltip
+	font-size: 12px
+	font-family: $font-family-sans-serif
+	white-space: normal
+
+select.input-tiny,
+input[type="text"].input-tiny,
+input[type="password"].input-tiny
+	width: 80px
+	@include float(left)
+
+textarea
+	resize: none
+
+textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus
+	background-color: #FEFBE2
+	@include box-shadow(none)
+
+//buttons
+.btn
+	.caret
+		border-top-color: $gray-dark!important
+	&:hover
+		.caret
+			border-top-color: white!important
+	&.btn-default
+		i
+			color: $gray
+		&:hover
+			color: white
+			background-color: $brand-primary
+			border-color: darken($brand-primary,10%)
+			@include box-shadow(none)
+			i
+				color: white
+	&.btn-primary
+		i
+			color: white
+		background-color: $brand-primary
+		color: white
+		text-transform: uppercase
+		&:hover
+			background-color: darken($brand-primary,10%)
+			@include box-shadow(none)
+	&.btn-default[disabled]
+		border-color: $gray-light
+		color: $gray-light
+		background-color: lighten($gray-light,35%)
+
+.dropdown-menu
+	@include text-align(left)
+	> li a
+		padding: 5px 10px
+		&:hover
+			i
+				color: white
+
+.btn-group-action
+	line-height: 0
+	.btn
+		font-family: $font-family-sans-serif
+	.btn-group
+		white-space: nowrap
+		> a, button
+			text-decoration: none
+			display: inline-block
+			float: none
+		> a:first-child
+			@include margin-right(-3px)
+		i
+			font-size: 14px
+//form file upload
+.dummyfile
+	position: relative
+	.hide-file-upload
+		position: absolute
+		top: 0
+		left: 0
+		width: 100%
+		height: 100%
+		@include opacity(0)
+
+//typeahead
+.tt-query
+	@include border-right-radius(3px!important)
+.tt-dropdown-menu
+	background-color: white
+	border: solid 1px #ccc
+	font-size: 0.9em
+	text-transform: none
+.tt-suggestions
+	padding: 0 6px
+	@include box-shadow(rgba(black,0.25) 0 1px 4px)
+.tt-suggestion p
+	border-bottom: solid 1px #ccc
+	margin: 0!important
+	padding: 0!important
+.tt-suggestion:last-child p
+	border-bottom: none
+
+//tag
+.tagify-container
+	background-color: white
+	padding: 0px 3px
+	min-height: 30px
+	overflow: auto
+	border: solid 1px #ccc
+	@include border-radius(3px)
+	@include box-shadow(rgba(0, 0, 0, 0.075) 0 1px 1px inset)
+	span
+		@include float(left)
+	> span
+		display: inline-block
+		padding: 2px 5px
+		margin: 3px
+		border-radius: 2px
+		border: 1px solid $brand-primary
+		background-color: lighten($brand-primary,15%)
+		color: white
+		> a
+			color: $brand-primary
+			text-decoration: none
+			font-weight: bold
+			@include padding-left(5px)
+	> input
+		margin-top: 2px
+		border: 0 none
+		width: 140px
+		height: auto
+		@include box-shadow(none)
+	> input:focus
+		outline: 0
+		@include box-shadow(none)
+
+.form-group
+	@media (max-width: $screen-lg)
+		input[type="text"],input[type="search"],input[type="password"], textarea, select
+			margin: 4px 0
+		.input-group
+			margin: 4px 0
+		.input-group
+			input[type="text"],input[type="search"],input[type="password"], textarea, select
+				margin: 0
+
+input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="tel"]
+	font-family: $url-font-content-name, Helvetica, Arial, $icon-font-family, sans-serif !important
--- a/web/admin1553pskpx/themes/default/sass/partials/_growl.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_growl.sass
@@ -0,0 +1,79 @@
+/*
+ * jQuery Growl
+ * Copyright 2013 Kevin Sylvestre
+ * 1.1.4
+ */
+
+$namespace: "growl"
+$duration: 0.4s
+
+#growls
+	z-index: 50000
+	position: fixed
+	
+	&.default
+		top: 100px
+		@include right(10px)
+	&.tl
+		top: 10px
+		@include left(10px)
+	&.tr
+		top: 10px
+		@include right(10px)
+	&.bl
+		bottom: 10px
+		@include left(10px)
+	&.br
+		bottom: 10px
+		@include right(10px)
+
+.growl
+	opacity: 1
+	position: relative
+	@include border-radius(4px)
+	@include transition(all $duration ease-in-out)
+
+	&.#{$namespace}-incoming
+		opacity: 0.0
+
+	&.#{$namespace}-outgoing
+		opacity: 0.0
+
+	&.#{$namespace}-small
+		width: 200px
+		padding: 5px
+		margin: 5px
+	&.#{$namespace}-medium
+		width: 250px
+		padding: 10px
+		margin: 10px
+	&.#{$namespace}-large
+		width: 300px
+		padding: 15px
+		margin: 15px
+
+	&.#{$namespace}-default
+		color: #FFF
+		background: gray
+	&.#{$namespace}-error
+		color: white
+		background: rgba($brand-danger,0.8)
+	&.#{$namespace}-notice
+		color: white
+		background: rgba($brand-success,0.8)
+	&.#{$namespace}-warning
+		color: white
+		background: rgba($brand-warning,0.8)
+	.#{$namespace}-close
+		cursor: pointer
+		font-size: 14px
+		line-height: 18px
+		font-weight: normal
+		font-family: helvetica, verdana, sans-serif
+		@include float(right)
+	.#{$namespace}-title
+		font-size: 18px
+		line-height: 24px
+	.#{$namespace}-message
+		font-size: 14px
+		line-height: 18px
--- a/web/admin1553pskpx/themes/default/sass/partials/_header.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_header.sass
@@ -0,0 +1,475 @@
+$header-text-color: #4e6167
+$search-border-color: #bbcdd2
+
+#header
+	z-index: 20
+#header_infos
+	position: fixed
+	z-index: 503
+	background: #fff
+	height: $size-header-height
+	width: 100%
+	display: flex
+	align-items: stretch
+	color: $header-text-color
+	font-size: 13px
+	box-sizing: content-box
+
+	.mobile &
+		padding: $header-mobile-padding-y 0
+
+	.material-icons
+		vertical-align: middle
+		position: relative
+
+	#header_logo
+		height: 100%
+		background: url('#{$img-path}/prestashop-avatar-header_shopname.png') no-repeat center left
+		width: 13.13rem
+		.mobile &
+			margin-left: -15px
+			min-width: 172px
+			width: 0
+			flex-grow: 1
+
+	#shop_version
+		font-size: 10px
+		position: absolute
+		left: 11.25rem
+		top: .9375rem
+		color: #4a4a4a
+        // hide if viewport <= tablet portrait size
+		@media (max-width: breakpoint-max('md'))
+			display: none
+
+	> .component
+		margin:
+			left: 0.5rem
+			right: 0.5rem
+
+		// hide on very small screens
+		&.hide-mobile-sm
+			@media (max-width: breakpoint-max('sm'))
+				display: none
+
+	// disable bootstrap styling
+	.btn-link
+		color: initial
+		&:hover
+			color: initial
+			text-decoration: none
+		&:active,
+		&:focus
+			text-decoration: none
+			box-shadow: none
+			outline: none
+
+	#quick_select
+		height: $size-header-height
+		font-size: 13px
+		color: $header-text-color
+		line-height: 1.5
+		padding: 7px 10px 5px
+		> .material-icons
+			font-size: 20px
+			margin-left: -5px
+
+	// Shop state / Maintenance / Debug / View my shop
+	.shop-state,
+	#header_shopname
+		display: inline-block
+		padding: $navbar-padding-vertical 5px
+		line-height: $line-height-computed
+		height: $navbar-height
+
+		> .material-icons
+			margin-right: $navbar-padding-horizontal
+
+	.shop-state
+		padding-top: 11px
+		color: $header-text-color
+		text-decoration: none
+		white-space: nowrap
+
+		&:hover,
+		&:focus
+			color: $brand-info !important
+			text-decoration: none !important
+
+		.material-icons
+			color: #6c868e
+			font-size: 20px
+			margin-top: -4px
+
+		// hide label if width <= tablet landscape size
+		@media (max-width: breakpoint-max('lg'))
+			span
+				display: none
+
+		@media (max-width: $screen-sm-max)
+			padding:
+				left: 10px !important
+				right: 10px !important
+			margin-right: 0
+			.material-icons
+				margin-right: 0
+
+	ul.header-list
+		color: $header-text-color
+		margin-bottom: 0
+		padding: 0
+		display: flex
+		align-items: stretch
+
+		#header_shopname
+			padding-top: 11px
+			color: $header-text-color !important
+			&:hover, &:focus
+				color: $brand-info !important
+
+		li
+			list-style: none
+			display: block
+
+			> a
+				&.notifs
+					display:        flex
+					height:         $size-header-height
+					min-width:      $size-header-height
+					line-height:    $size-header-height
+					box-sizing:     border-box
+					padding:        0 5px !important
+					vertical-align: middle
+					align-items: 	center
+					&:hover, &:focus
+						color: $brand-info
+						text-decoration: none
+
+	#maintenance-mode
+		a
+			color: #6c868e
+			&:hover, &:focus
+				color: $brand-info
+				text-decoration: none
+
+	// view my shop
+	#header_shopname
+		font-size: 13px !important
+		height: inherit !important
+		text-decoration: none
+		padding-top: 11px
+		text-overflow: ellipsis
+		white-space: nowrap
+		overflow-x: hidden
+		i
+			color: $brand-info
+		@media (max-width: 320px)
+			max-width: 140px
+
+	// multishop menu
+	#header_shop
+		.dropdown
+			&.open
+				.dropdown-toggle
+					background: none !important
+					color: $brand-info !important
+			.material-icons
+				color: $brand-info
+				top: -1px
+			.dropdown-toggle
+				display: inline-block !important
+				color: $header-text-color !important
+				text-decoration: none !important
+				&:hover
+					color: $brand-info !important
+				i
+					padding-left: 5px
+			.dropdown-menu
+				.list-dropdown-menu
+					overflow-y: auto
+					max-height: 500px
+					margin: 20px
+					padding: 0
+
+	// employee button
+	#header_employee_box
+		padding: 0
+		margin-right: 0
+		margin-bottom: 0
+		display: flex
+		align-items: center
+
+		.mobile &
+			display: none
+
+		#employee_infos
+			list-style-type: none
+			width: 24px
+			margin-right: 10px
+			box-sizing: border-box
+			display: block
+
+			#employee_links
+				.employee_avatar
+					display: none !important
+					img
+						border: none
+						padding: 0
+
+				@media (max-width: $screen-sm)
+					li
+						color: white
+						font-size: 1.2em
+						text-transform: uppercase
+						i
+							font-size: 1.3em
+							color: $brand-primary
+
+			.employee_name
+				text-align: center
+
+			.dropdown-menu
+				min-width: inherit
+				width: 10.625rem
+				li
+					font-size: 14px
+					&:hover
+						.material-icons
+							color: white
+					&.username
+						font-weight: 600
+						padding: 16px 0 9px
+					&.divider
+						border: 1px solid $gray-lighter
+					a
+						.material-icons
+							padding: 0
+							margin-right: 5px
+
+.bo_search_form
+	@extend .hidden-xs
+	flex-grow: 1
+	margin: 4px 0 0 0
+	.form-group
+		width: 250px
+	#bo_query
+		@include border-radius(0, 55px, 55px, 0)
+		color:       $main-color
+		background:  white
+		border:      1px solid $search-border-color
+		border-left: none
+		font-style:  italic
+		&::placeholder
+			color: $gray-medium
+		@include box-shadow(none)
+		@include transition(none)
+	.input-group
+		margin: 0 !important
+	.input-group-btn
+		@include border-radius(55px, 0, 0, 55px)
+		border:       1px solid $search-border-color
+		border-right: none
+		.btn
+			@include border-radius(55px, 0, 0, 55px)
+			@include box-shadow(none)
+			height: 29px
+			outline: none
+		.btn-default
+			@include box-shadow(none)
+			border: 1px solid transparent !important
+	.clear_search
+		position: absolute
+		top: 6px
+		z-index: 10
+		@include right(8px)
+	#search_type_icon
+		line-height: 1
+		top: -2px
+		padding-right: 0
+		font-size: 20px
+	.icon-remove
+		vertical-align: middle
+
+#header_quick
+	@extend .hidden-xs
+	@extend .hidden-sm
+
+	font-size: 13px
+	a
+		//color: #6c868e
+
+	.dropdown
+		> a,
+		> a:focus
+			color: $header-text-color !important
+			background-color: transparent !important
+
+		> a
+			.material-icons
+				font-size: 20px
+				margin-left: -5px
+
+		> a:hover
+			color: $toolbar-buttons-hover-color !important
+
+	.dropdown-menu
+		> li
+			a
+				padding: 7px 15px
+				&:hover
+					color: #fff
+
+				.material-icons
+					margin-right: $navbar-padding-horizontal
+
+				&:not(:hover)
+					.material-icons
+						color: #6c868e
+
+		.material-icons
+			font-size: 1.125rem
+
+#ajax_running
+	position: absolute
+	height: 35px
+	width: 35px
+	top: 0
+	background-color: rgba(black,.4)
+	text-align: center
+	@include left(0)
+	i
+		font-size: 20px
+		color: rgba(white,.6)
+		line-height: 35px
+
+#notification,
+#employee_infos
+	&.open
+		background: none
+		a
+			&.dropdown-toggle
+				background: none !important
+	.material-icons
+		color: #6c868e
+		font-size: 22px
+		vertical-align: middle
+	#total_notif_number_wrapper
+		display: inline-block
+		line-height: .75rem
+		height: 1rem
+		vertical-align: middle
+		position: absolute
+		top: .3rem
+		right: .6rem
+		color: #fff
+		background: #f1b746
+		font:
+			size: .625rem
+		padding: 0 .18rem
+		border-radius: .625rem
+		border: 2px solid #fff
+		> span
+			font-size: inherit
+			color: inherit
+	.dropdown-menu
+		margin: 0
+		padding: 0
+		border-radius: 0
+		min-width: 25rem
+		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1)
+		border: 1px solid #bbcdd2
+		top: 42px
+		right: 5px !important
+		&:before, &:after
+			bottom: 100%
+			right: 8px
+			border: solid transparent
+			content: " "
+			height: 0
+			width: 0
+			position: absolute
+			pointer-events: none
+		&:after
+			border-color: transparent
+			border-bottom-color: white
+			border-width: 7px
+			margin-right: 1px
+		&:before
+			border-color: transparent
+			border-bottom-color: #bbcdd2
+			border-width: 8px
+		.notifications
+			.nav-tabs
+				border-bottom: 1px solid #fff
+				.nav-item
+					margin-left: 0
+					width: 33%
+					text-align: center
+					margin-bottom: -1px
+					&.active
+						a
+							border-top: 0
+							border-bottom: 3px solid $brand-info
+							color: $brand-info
+					&:hover
+						a
+							color: $brand-info
+					.nav-link
+						color: #6c868e
+						font-weight: 400
+						padding: .9375rem .9375rem .625rem
+						font-family: Open Sans,sans-serif
+						font-size: 0.9rem
+						text-transform: none
+						border: 0
+			.tab-content
+				border-top: .125rem solid $gray-lighter
+				padding: 0
+				margin-top: -.0625rem
+				background: #f2f4f5
+				.tab-pane
+					height: 11.875rem
+					overflow-y: auto
+					.no-notification
+						display: none
+					&.empty
+						color: #6c868e
+						text-align: center
+						&::after
+							content: "\E7F5"
+							font-family: "Material Icons"
+							opacity: 0.7
+							font-size: 5.625rem
+							color: #bbcdd2
+						> .no-notification
+							position: absolute
+							bottom: 0
+							width: 100%
+							display: block
+				.notif
+					display: block
+					padding: .625rem .9375rem
+					color: #6c868e
+					.material-icons
+						vertical-align: top
+						font-size: 16px
+						line-height: 16px
+					.message-notification-status
+						&.open
+							color: #5cb85c
+						&.closed
+							color: #d9534f
+						&.pending1, &.pending2
+							color: #FFBB00
+					strong
+						color: #363a41
+					&:hover
+						background-color: #3ed2f0
+						color: #fff
+						text-decoration: none
+						strong
+							color: #fff
+
+#employee_infos
+	> a > .material-icons
+		font-size: 24px
--- a/web/admin1553pskpx/themes/default/sass/partials/_icons.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_icons.sass
@@ -0,0 +1,445 @@
+//migrationfromfont-awesomev3tov4
+[class^="icon-"]
+	font-size: 14px
+	@extend .icon
+//.icon-ban-circle
+//	@extend .icon-ban
+.icon-bar-chart
+	@extend .icon-bar-chart-o
+.icon-beaker
+	@extend .icon-flask
+.icon-bell
+	@extend .icon-bell-o
+.icon-bell-alt
+	@extend .icon-bell
+.icon-bitbucket-sign
+	@extend .icon-bitbucket-square
+.icon-bookmark-empty
+	@extend .icon-bookmark-o
+.icon-building
+	@extend .icon-building-o
+.icon-calendar-empty
+	@extend .icon-calendar-o
+.icon-check-empty
+	@extend .icon-square-o
+.icon-check-minus
+	@extend .icon-minus-square-o
+.icon-check-sign
+	@extend .icon-check-square
+.icon-chevron-sign-down
+	@extend .icon-chevron-circle-down
+.icon-chevron-sign-left
+	@extend .icon-chevron-circle-left
+.icon-chevron-sign-right
+	@extend .icon-chevron-circle-right
+.icon-chevron-sign-up
+	@extend .icon-chevron-circle-up
+.icon-circle-arrow-down
+	@extend .icon-arrow-circle-down
+.icon-circle-arrow-left
+	@extend .icon-arrow-circle-left
+.icon-circle-arrow-right
+	@extend .icon-arrow-circle-right
+.icon-circle-arrow-up
+	@extend .icon-arrow-circle-up
+.icon-circle-blank
+	@extend .icon-circle-o
+.icon-cny
+	@extend .icon-rub
+.icon-collapse-alt
+	@extend .icon-minus-square-o
+.icon-collapse-top
+	@extend .icon-caret-square-o-up
+.icon-collapse
+	@extend .icon-caret-square-o-down
+.icon-comment-alt
+	@extend .icon-comment-o
+.icon-comments-alt
+	@extend .icon-comments-o
+.icon-copy
+	@extend .icon-files-o
+.icon-cut
+	@extend .icon-scissors
+.icon-dashboard
+	@extend .icon-tachometer
+.icon-double-angle-down
+	@extend .icon-angle-double-down
+.icon-double-angle-left
+	@extend .icon-angle-double-left
+.icon-double-angle-right
+	@extend .icon-angle-double-right
+.icon-double-angle-up
+	@extend .icon-angle-double-up
+.icon-download
+	@extend .icon-arrow-circle-o-down
+.icon-download-alt
+	@extend .icon-download
+.icon-edit-sign
+	@extend .icon-pencil-square
+.icon-edit
+	@extend .icon-pencil-square-o
+.icon-ellipsis-horizontal
+	@extend .icon-ellipsis-h
+.icon-ellipsis-vertical
+	@extend .icon-ellipsis-v
+.icon-envelope-alt
+	@extend .icon-envelope-o
+.icon-exclamation-sign
+	@extend .icon-exclamation-circle
+.icon-expand-alt
+	@extend .icon-plus-square-o
+.icon-external-link-sign
+	@extend .icon-external-link-square
+.icon-eye-close
+	@extend .icon-eye-slash
+.icon-eye-open
+	@extend .icon-eye
+.icon-facebook-sign
+	@extend .icon-facebook-square
+.icon-facetime-video
+	@extend .icon-video-camera
+.icon-file-alt
+	@extend .icon-file-o
+.icon-file-text-alt
+	@extend .icon-file-text-o
+.icon-flag-alt
+	@extend .icon-flag-o
+.icon-folder-close-alt
+	@extend .icon-folder-o
+.icon-folder-close
+	@extend .icon-folder
+.icon-folder-open-alt
+	@extend .icon-folder-open-o
+.icon-food
+	@extend .icon-cutlery
+.icon-frown
+	@extend .icon-frown-o
+.icon-fullscreen
+	@extend .icon-arrows-alt
+.icon-github-sign
+	@extend .icon-github-square
+.icon-google-plus-sign
+	@extend .icon-google-plus-square
+.icon-group
+	@extend .icon-users
+.icon-h-sign
+	@extend .icon-h-square
+.icon-hand-down
+	@extend .icon-hand-o-down
+.icon-hand-left
+	@extend .icon-hand-o-left
+.icon-hand-right
+	@extend .icon-hand-o-right
+.icon-hand-up
+	@extend .icon-hand-o-up
+.icon-hdd
+	@extend .icon-hdd-o
+.icon-heart-empty
+	@extend .icon-heart-o
+.icon-hospital
+	@extend .icon-hospital-o
+.icon-indent-left
+	@extend .icon-outdent
+.icon-indent-right
+	@extend .icon-indent
+.icon-info-sign
+	@extend .icon-info-circle
+.icon-keyboard
+	@extend .icon-keyboard-o
+.icon-legal
+	@extend .icon-gavel
+.icon-lemon
+	@extend .icon-lemon-o
+.icon-lightbulb
+	@extend .icon-lightbulb-o
+.icon-linkedin-sign
+	@extend .icon-linkedin-square
+.icon-meh
+	@extend .icon-meh-o
+.icon-microphone-off
+	@extend .icon-microphone-slash
+.icon-minus-sign-alt
+	@extend .icon-minus-square
+.icon-minus-sign
+	@extend .icon-minus-circle
+.icon-mobile-phone
+	@extend .icon-mobile
+.icon-moon
+	@extend .icon-moon-o
+.icon-move
+	@extend .icon-arrows
+.icon-off
+	@extend .icon-power-off
+.icon-ok-circle
+	@extend .icon-check-circle-o
+.icon-ok-sign
+	@extend .icon-check-circle
+.icon-paper-clip
+	@extend .icon-paperclip
+.icon-paste
+	@extend .icon-clipboard
+.icon-phone-sign
+	@extend .icon-phone-square
+.icon-picture
+	@extend .icon-picture-o
+.icon-pinterest-sign
+	@extend .icon-pinterest-square
+.icon-play-circle
+	@extend .icon-play-circle-o
+.icon-play-sign
+	@extend .icon-play-circle
+.icon-plus-sign-alt
+	@extend .icon-plus-square
+.icon-plus-sign
+	@extend .icon-plus-circle
+.icon-pushpin
+	@extend .icon-thumb-tack
+.icon-question-sign
+	@extend .icon-question-circle
+.icon-remove-circle
+	@extend .icon-times-circle-o
+.icon-remove-sign
+	@extend .icon-times-circle
+.icon-remove
+	@extend .icon-times
+.icon-reorder
+	@extend .icon-bars
+.icon-resize-full
+	@extend .icon-expand
+.icon-resize-horizontal
+	@extend .icon-arrows-h
+.icon-resize-small
+	@extend .icon-compress
+.icon-resize-vertical
+	@extend .icon-arrows-v
+.icon-rss-sign
+	@extend .icon-rss-square
+.icon-save
+	@extend .icon-floppy-o
+.icon-screenshot
+	@extend .icon-crosshairs
+.icon-share-alt
+	@extend .icon-share
+.icon-share-sign
+	@extend .icon-share-square
+.icon-share
+	@extend .icon-share-square-o
+.icon-sign-blank
+	@extend .icon-square
+.icon-signin
+	@extend .icon-sign-in
+.icon-signout
+	@extend .icon-sign-out
+.icon-smile
+	@extend .icon-smile-o
+.icon-sort-by-alphabet-alt
+	@extend .icon-sort-alpha-desc
+.icon-sort-by-alphabet
+	@extend .icon-sort-alpha-asc
+.icon-sort-by-attributes-alt
+	@extend .icon-sort-amount-desc
+.icon-sort-by-attributes
+	@extend .icon-sort-amount-asc
+.icon-sort-by-order-alt
+	@extend .icon-sort-numeric-desc
+.icon-sort-by-order
+	@extend .icon-sort-numeric-asc
+.icon-sort-down
+	@extend .icon-sort-asc
+.icon-sort-up
+	@extend .icon-sort-desc
+.icon-stackexchange
+	@extend .icon-stack-overflow
+.icon-star-empty
+	@extend .icon-star-o
+.icon-star-half-empty
+	@extend .icon-star-half-o
+.icon-sun
+	@extend .icon-sun-o
+.icon-thumbs-down-alt
+	@extend .icon-thumbs-o-down
+.icon-thumbs-up-alt
+	@extend .icon-thumbs-o-up
+.icon-time
+	@extend .icon-clock-o
+.icon-trash
+	@extend .icon-trash-o
+.icon-tumblr-sign
+	@extend .icon-tumblr-square
+.icon-twitter-sign
+	@extend .icon-twitter-square
+.icon-unlink
+	@extend .icon-chain-broken
+.icon-upload
+	@extend .icon-arrow-circle-o-up
+.icon-upload-alt
+	@extend .icon-upload
+.icon-warning-sign
+	@extend .icon-exclamation-triangle
+.icon-xing-sign
+	@extend .icon-xing-square
+.icon-youtube-sign
+	@extend .icon-youtube-square
+.icon-zoom-in
+	@extend .icon-search-plus
+.icon-zoom-out
+	@extend .icon-search-minus
+
+//icons page-head
+[class^="icon-Admin"]
+	@extend .icon-fw
+	@extend .icon-2x
+.icon-AdminDashboard
+	@extend .icon-dashboard
+.icon-AdminCatalog
+	@extend .icon-book
+.icon-AdminParentOrders
+	@extend .icon-credit-card
+.icon-AdminParentCustomer
+	@extend .icon-group
+.icon-AdminPriceRule
+	@extend .icon-tags
+.icon-AdminParentShipping
+	@extend .icon-truck
+.icon-AdminParentLocalization
+	@extend .icon-globe
+.icon-AdminParentModules
+	@extend .icon-puzzle-piece
+.icon-AdminParentPreferences
+	@extend .icon-wrench
+.icon-AdminTools
+	@extend .icon-cogs
+.icon-AdminAdmin
+	@extend .icon-cog
+.icon-AdminParentStats
+	@extend .icon-bar-chart
+.icon-AdminStock
+	@extend .icon-archive
+.icon-AdminSearch
+	@extend .icon-search
+.icon-AdminShopUrl
+	@extend .icon-link
+.icon-AdminAttributeGenerator
+	@extend .icon-magic
+.icon-AdminShop
+	@extend .icon-sitemap
+.icon-AdminFlash
+	@extend .icon-flash
+
+//Toolbar
+[class^="process-icon-"]
+	display: block
+	width: 30px
+	height: 30px
+	margin: 0 auto
+	font-size: 28px
+	@extend .icon
+	@extend .icon-2x
+	@extend .icon-fw
+	background: transparent
+	background-size: 26px
+	background-position: center
+#content
+	.process-icon-save, .process-icon-save-and-stay, .process-icon-save-and-preview
+		@extend .icon-save
+	.process-icon-ok
+		@extend .icon-check
+	.process-icon-cancel
+		@extend .icon-remove
+	.process-icon-back
+		@extend .icon-circle-arrow-left
+	.process-icon-next
+		@extend .icon-circle-arrow-right
+	.process-icon-help
+		@extend .icon-question-circle
+	.process-icon-export
+		@extend .icon-share-square
+	.process-icon-import
+		@extend .icon-cloud-upload
+	.process-icon-help-new
+		@extend .icon-question-sign
+	.process-icon-edit
+		@extend .icon-edit
+	.process-icon-newAttributes, .process-icon-new, .process-icon-new-url
+		@extend .icon-plus-sign
+	.process-icon-modules-list
+		@extend .icon-puzzle-piece
+	.process-icon-save-date
+		@extend .icon-download
+	.process-icon-save-status
+		@extend .icon-download
+	.process-icon-new-module
+		@extend .icon-plus
+	.process-icon-delete
+		@extend .icon-trash
+	.process-icon-update
+		@extend .icon-refresh
+	.process-icon-preview, .process-icon-previewURL
+		@extend .icon-eye-open
+	.process-icon-stats
+		@extend .icon-bar-chart
+	.process-icon-duplicate
+		@extend .icon-copy
+	.process-icon-newCombination.toolbar-new, .process-icon-plus
+		@extend .icon-plus-sign
+	.process-icon-newCombination.toolbar-cancel, .process-icon-minus
+		@extend .icon-minus-sign
+	.process-icon-partial_refund
+		@extend .icon-exchange
+	.process-icon-anchor
+		@extend .icon-anchor
+	.process-icon-refresh
+		@extend .icon-refresh
+	.process-icon-configure
+		@extend .icon-cog
+	.process-icon-uninstall
+		@extend .icon-trash
+	.process-icon-off
+		@extend .icon-off
+	.process-icon-reset
+		@extend .icon-rotate-left
+	.process-icon-upload
+		@extend .icon-cloud-upload
+	.process-icon-download
+		@extend .icon-cloud-download
+	.process-icon-cogs
+		@extend .icon-cogs
+	.process-icon-download-alt
+		@extend .icon-download-alt
+	.process-icon-mail-reply
+		@extend .icon-mail-reply
+	.process-icon-power
+		@extend .icon-power-off
+	.process-icon-dropdown
+		@extend .icon-caret-down
+	.process-icon-envelope
+		@extend .icon-envelope-o
+	.process-icon-compress
+		@extend .icon-compress
+	.process-icon-expand
+		@extend .icon-expand
+	.process-icon-eraser
+		@extend .icon-eraser
+	.process-icon-flag
+		@extend .icon-flag-alt
+	.process-icon-close
+		@extend .icon-times-circle
+	.process-icon-loading
+		@extend .icon-spin
+		@extend .icon-circle-o-notch
+		line-height: 30px
+		font-size: 20px
+	.process-icon-cart
+		@extend .icon-shopping-cart
+	.process-icon-payment
+		@extend .icon-credit-card
+	.process-icon-themes
+		@extend .icon-html5
+	.process-icon-database
+		@extend .icon-database
+	.process-icon-terminal
+		@extend .icon-terminal
+	.process-icon-toggle-on
+		@extend .icon-toggle-on
+	.process-icon-toggle-off
+		@extend .icon-toggle-off
--- a/web/admin1553pskpx/themes/default/sass/partials/_kpi.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_kpi.sass
@@ -0,0 +1,80 @@
+.kpi-container
+	padding-bottom: 10px !important
+	.kpi-refresh
+		position: absolute
+		z-index: 1
+		right: 20px
+
+.box-stats
+	display: block
+	height: 64px
+	margin-bottom: 10px
+	.boxchart-overlay
+		@include padding(10px, 10px, 5px, 10px)
+		@include margin-right(10px)
+		@include float(left)
+		@include border-radius(3px)
+	.kpi-content
+		width: 100%
+		position: relative
+		@include padding-left(40px)
+		@include float(left)
+		i
+			position: absolute
+			top: 0
+			font-size: 26px
+			text-align: center
+			color: white
+			line-height: 26px
+			@include left(0)
+			@include border-radius(3px)
+
+		.title
+			display: block
+			color: #666
+		.subtitle
+			display: block
+			text-transform: uppercase
+			color: #aaa
+		.value
+			display: block
+			clear: both
+			font-size: 1.5em
+			white-space: nowrap
+			text-overflow: ellipsis
+			overflow: hidden
+	&:hover
+		text-decoration: none
+.color1
+	i, .boxchart-overlay
+		color: #2BA8E3 !important
+	.value
+		color: #2BA8E3
+.color2
+	i, .boxchart-overlay
+		color: #FF5450 !important
+	.value
+		color: #FF5450
+.color3
+	i, .boxchart-overlay
+		color: #9E5BA1 !important
+	.value
+		color: #9E5BA1
+.color4
+	i, .boxchart-overlay
+		color: #95CC6B !important
+	.value
+		color: #95CC6B
+
+.data_chart
+	rect
+		fill: white
+	path
+		stroke: white
+		stroke-width: 2
+		fill: none
+	line
+		stroke: black
+	.area
+		fill: rgba(white,0.30)
+		stroke-width: 0
--- a/web/admin1553pskpx/themes/default/sass/partials/_ladda.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_ladda.sass
@@ -0,0 +1,313 @@
+/*!
+ * Ladda
+ * http://lab.hakim.se/ladda
+ * MIT licensed
+ *
+ * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
+ */
+
+
+// CONFIG
+$spinnerSize: 32px
+
+// MIXINS
+@mixin prefix ( $property, $value )
+	-webkit-#{$property}: $value
+	-moz-#{$property}: $value
+	-ms-#{$property}: $value
+	-o-#{$property}: $value
+	#{$property}: $value
+
+@mixin transition( $value )
+	-webkit-transition: $value !important // important to override bootstrap
+	-moz-transition: $value !important
+	-ms-transition: $value !important
+	-o-transition: $value !important
+	transition: $value !important
+
+@mixin vendor-transform( $value )
+	@include prefix( transform, $value )
+
+@mixin transform-origin( $value )
+	@include prefix( transform-origin, $value )
+
+@mixin buttonColor( $name, $color )
+	&[data-color=#{$name}]
+		background: $color
+		&:hover
+			background-color: lighten( $color, 5% )
+
+// BUTTON BASE
+.ladda-button
+	position: relative
+	.ladda-spinner
+		position: absolute
+		z-index: 2
+		display: inline-block
+		width: $spinnerSize
+		height: $spinnerSize
+		top: 50%
+		margin-top: -$spinnerSize/2
+		opacity: 0
+		pointer-events: none
+
+	.ladda-label
+		position: relative
+		z-index: 3
+
+	.ladda-progress
+		position: absolute
+		width: 0
+		height: 100%
+		top: 0
+		background: rgba( 0, 0, 0, 0.2 )
+		visibility: hidden
+		opacity: 0
+		@include left(0)
+		@include transition( 0.1s linear all )
+		&[data-loading] .ladda-progress
+			opacity: 1
+			visibility: visible
+
+// EASING
+.ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label
+	@include transition( 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275) background-color )
+.ladda-button[data-style=zoom-in],
+.ladda-button[data-style=zoom-in] .ladda-spinner,
+.ladda-button[data-style=zoom-in] .ladda-label,
+.ladda-button[data-style=zoom-out],
+.ladda-button[data-style=zoom-out] .ladda-spinner,
+.ladda-button[data-style=zoom-out] .ladda-label
+	@include transition( 0.3s ease all )
+
+// EXPAND LEFT
+.ladda-button[data-style=expand-right]
+	.ladda-spinner
+		@include right(14px)
+	&[data-size="s"] .ladda-spinner,
+	&[data-size="xs"] .ladda-spinner
+		@include right(4px)
+	&[data-loading]
+		@include padding-right(56px)
+		.ladda-spinner
+			opacity: 1
+		&[data-size="s"],
+		&[data-size="xs"]
+			@include padding-right(40px)
+
+// EXPAND RIGHT
+.ladda-button[data-style=expand-left]
+	.ladda-spinner
+		@include left(14px)
+	&[data-size="s"] .ladda-spinner,
+	&[data-size="xs"] .ladda-spinner
+		@include left(4px)
+	&[data-loading]
+		@include padding-left(56px)
+		.ladda-spinner
+			opacity: 1
+		&[data-size="s"],
+		&[data-size="xs"]
+			@include padding-left(40px)
+
+// EXPAND UP
+.ladda-button[data-style=expand-up]
+	overflow: hidden
+	.ladda-spinner
+		top: -$spinnerSize
+		@include margin-left(-$spinnerSize/2)
+		@include left(50%)
+	&[data-loading]
+		padding-top: 54px
+		.ladda-spinner
+			opacity: 1
+			top: 14px
+			margin-top: 0
+		&[data-size="s"],
+		&[data-size="xs"]
+			padding-top: 32px
+			.ladda-spinner
+				top: 4px
+
+
+// EXPAND DOWN
+ .ladda-button[data-style=expand-down]
+ 	overflow: hidden
+ 	.ladda-spinner
+ 		top: 62px
+ 		@include left(50%)
+ 		margin-left: -$spinnerSize/2
+ 	&[data-size="s"] .ladda-spinner,
+ 	&[data-size="xs"] .ladda-spinner
+ 		top: 40px
+ 	&[data-loading]
+ 		padding-bottom: 54px
+ 		.ladda-spinner
+ 			opacity: 1
+ 		&[data-size="s"]
+ 		&[data-size="xs"]
+ 			padding-bottom: 32px
+
+
+// SLIDE LEFT
+.ladda-button[data-style=slide-left]
+	overflow: hidden
+	.ladda-label
+		position: relative
+	.ladda-spinner
+		@include left(100%)
+		@include margin-left(-$spinnerSize/2)
+	&[data-loading]
+		.ladda-label
+			opacity: 0
+			@include left(-100%)
+		.ladda-spinner
+			opacity: 1
+			@include left(50%)
+
+// SLIDE RIGHT
+.ladda-button[data-style=slide-right]
+	overflow: hidden
+	.ladda-label
+		position: relative
+	.ladda-spinner
+		@include right(100%)
+		@include margin-left(-$spinnerSize/2)
+	&[data-loading]
+		.ladda-label
+			opacity: 0
+			@include left(100%)
+		.ladda-spinner
+			opacity: 1
+			@include left(50%)
+
+// SLIDE UP
+.ladda-button[data-style=slide-up]
+	overflow: hidden
+	.ladda-label
+		position: relative
+	.ladda-spinner
+		margin-top: 1em
+		@include left(50%)
+		@include margin-left(-$spinnerSize/2)
+	&[data-loading]
+		.ladda-label
+			opacity: 0
+			top: -1em
+		.ladda-spinner
+			opacity: 1
+			margin-top: -$spinnerSize/2
+
+// SLIDE DOWN
+.ladda-button[data-style=slide-down]
+	overflow: hidden
+	.ladda-label
+		position: relative
+	.ladda-spinner
+		margin-top: -2em
+		@include margin-left(-$spinnerSize/2)
+		@include left(50%)
+	&[data-loading]
+		.ladda-label
+			opacity: 0
+			top: 1em
+		.ladda-spinner
+			opacity: 1
+			margin-top: -$spinnerSize/2
+
+// ZOOM-OUT
+.ladda-button[data-style=zoom-out]
+	overflow: hidden
+	.ladda-spinner
+		@include left(50%)
+		@include margin-left(-$spinnerSize/2)
+		@include vendor-transform( scale( 2.5 ) )
+	.ladda-label
+		position: relative
+		display: inline-block
+	&[data-loading] .ladda-label
+		opacity: 0
+		@include vendor-transform( scale( 0.5 ) )
+	&[data-loading] .ladda-spinner
+		opacity: 1
+		@include vendor-transform( none )
+
+
+// ZOOM-IN
+.ladda-button[data-style=zoom-in]
+	overflow: hidden
+	.ladda-spinner
+		@include margin-left(-$spinnerSize/2)
+		@include left(50%)
+		@include vendor-transform( scale( 0.2 ) )
+	.ladda-label
+		position: relative
+		display: inline-block
+	&[data-loading] .ladda-label
+		opacity: 0
+		@include vendor-transform( scale( 2.2 ) )
+	&[data-loading] .ladda-spinner
+		opacity: 1
+		@include vendor-transform( none )
+
+
+// CONTRACT
+.ladda-button[data-style=contract]
+	overflow: hidden
+	width: 100px
+	.ladda-spinner
+		@include left(50%)
+		@include margin-left(-16px)
+
+.ladda-button[data-style=contract][data-loading]
+	border-radius: 50%
+	width: 52px
+	.ladda-label
+		opacity: 0
+	.ladda-spinner
+		opacity: 1
+
+// OVERLAY
+.ladda-button[data-style=contract-overlay]
+	overflow: hidden
+	width: 100px
+	@include ltr
+		box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0)
+	@include rtl
+		box-shadow: 0px 3000px 0px 0px rgba(0,0,0,0)
+	.ladda-spinner
+		@include left(50%)
+		@include margin-left(-16px)
+	&[data-loading]
+		border-radius: 50%
+		width: 52px
+		@include ltr
+			box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0.8)
+		@include rtl
+			box-shadow: 0px 3000px 0px 0px rgba(0,0,0,0.8)
+		.ladda-label
+			opacity: 0
+		.ladda-spinner
+			opacity: 1
+
+.ladda-button
+	&[disabled],
+	&[data-loading]
+		border-color: rgba( 0, 0, 0, 0.07 )
+		cursor: default
+		background-color: #999
+		&:hover
+			cursor: default
+			background-color: #999
+	&[data-size=xs]
+		padding: 4px 8px
+		.ladda-label
+			font-size: 0.7em
+	&[data-size=s]
+		padding: 6px 10px
+		.ladda-label
+			font-size: 0.9em
+	&[data-size=l] .ladda-label
+		font-size: 1.2em
+	&[data-size=xl] .ladda-label
+		font-size: 1.5em
--- a/web/admin1553pskpx/themes/default/sass/partials/_multistore.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_multistore.sass
@@ -0,0 +1,127 @@
+.breadcrumb-multishop
+  width: auto
+  position: relative
+  &:after
+    content: "\f0d7"
+    position: absolute
+    top: 0
+    bottom: 0
+    font-size: 14px
+    line-height: 22px
+    padding: 0 7px
+    font-family: FontAwesome
+    background-color: darken($secondary-color,15%)
+    color: white
+    pointer-events: none
+    @include right(0)
+    @include border-radius(0 4px 4px 0)
+
+  select
+    display: inline-block
+    height: 22px
+    line-height: 20px
+    border: 1px solid darken($secondary-color,15%)
+    margin: 0
+    outline: none //remove focus ring from Webkit
+    color: #666
+    background: white
+    position: relative
+    -webkit-appearance: none //remove the strong OSX influence from Webkit
+    @include padding(0, 5px, 0, 8px)
+    @include border-radius(4px)
+    &:focus
+      box-shadow: 0 0 0 1px darken($secondary-color,15%)
+
+#header_shop
+  .dropdown-menu
+    margin: 0
+    padding: 0
+    border-radius: 0
+    min-width: 17.75rem !important
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1)
+    border: 1px solid #bbcdd2
+    top: 40px
+    right: -100px !important
+    padding-left: 0
+    font-size: 13px
+    &:before, &:after
+      bottom: 100%
+      right: 95px
+      border: solid transparent
+      content: " "
+      height: 0
+      width: 0
+      position: absolute
+      pointer-events: none
+    &:after
+      border-color: transparent
+      border-bottom-color: white
+      border-width: 7px
+      margin-right: 1px
+    &:before
+      border-color: transparent
+      border-bottom-color: #bbcdd2
+      border-width: 8px
+      margin-left: -8px
+    li:first-child a
+      color: $brand-info !important
+      font-size: 0.875rem !important
+      font-weight: bold
+    li:not(:first-child)
+      line-height: 32px
+      a:not(.link-shop)
+        display: inline-block
+        width: inherit
+        padding-top: .3125rem
+        padding-bottom: .3125rem
+    a
+      color: #4e6167
+    .group
+      a
+        padding-left: 0.625rem
+    .shop
+      display: flex
+      a
+        padding-left: 1.5625rem
+        font-weight: 600
+      a.link-shop
+        text-decoration: none
+        float: right
+        margin-left: auto
+        padding-left: inherit
+        padding-right: 10px
+        padding-top: 3px
+        i.material-icons
+          cursor: pointer
+          color: #6c868e
+          border: 1px solid #bbcdd2
+          border-radius: 1px
+          padding: 2px 10px
+          font-size: 14px
+    li
+      &.active, &:hover
+        a
+          color: #4e6167 !important
+        i.material-icons
+          color: $brand-info !important
+          border: solid 1px $brand-info !important
+
+  .selected-item
+    color: #00aff0
+    cursor: pointer
+        
+@media screen and (-webkit-min-device-pixel-ratio:0)
+  .custom-select select
+    @include padding-right(30px)
+
+
+.no-pointer-events .custom-select:after
+  content: none
+
+.multishop-well
+  @extend .row
+  padding: 20px 20px 10px
+  margin-bottom: 15px
+  background-color: #FAF8F0
+  border: none
+  @include border-left(3px solid #FBECCB)
--- a/web/admin1553pskpx/themes/default/sass/partials/_nav.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_nav.sass
@@ -0,0 +1,420 @@
+.js-mobile-menu
+	display: none
+	float: left
+	cursor: pointer
+	padding-top: 0
+	margin-left: 0.6rem
+	margin-right: 0.6rem
+	font-size: 1.8rem
+	flex-direction: column
+	justify-content: center
+
+	+media-breakpoint-down(md)
+		display: inline-flex
+
+.nav-bar
+	position: fixed
+	top: 0
+	bottom: 0
+	z-index: 502
+	background: $gray-dark-menu
+	width: $size-navbar-width
+	margin-top: $size-header-height
+	height: 100%
+	overflow-y: auto
+	transition: all .5s ease-out
+
+	.material-icons
+		color: white
+		font-size: 1.188rem
+		line-height: inherit
+
+	&.mobile-nav
+		margin-left: -100%
+		width: 70%
+		margin-top: $size-header-height + (.625rem * 2)
+
+		+media-breakpoint-only(sm)
+			width: 60%
+
+		+media-breakpoint-only(md)
+			width: 40%
+
+		&.expanded
+			display: block
+			margin-left: 0
+			overflow-y: scroll
+
+		.onboarding-navbar
+			display: none
+
+		.panel-collapse
+			padding-left: 0
+
+			.link-leveltwo .link
+				padding-left: 0.75rem
+
+		.employee_avatar
+			text-decoration: none
+			text-align: center
+			padding-top: 1rem
+
+			.material-icons
+				line-height: 3.75rem
+				font-size: 3.75rem
+
+				+media-breakpoint-down(md)
+					line-height: 4.6875rem
+					font-size: 4.6875rem
+
+			span
+				color: white
+				display: block
+				margin-bottom: 0.625rem
+
+				+media-breakpoint-down(md)
+					font-size: 1.09375rem
+
+			img
+				width: 3.75rem
+				height: 3.75rem
+
+				&.img-thumbnail
+					border-radius: 36px
+
+		.shop-list
+			padding-bottom: 1rem
+			text-align: center
+			font-weight: bold
+
+			a
+				+media-breakpoint-down(md)
+					font-size: 1.09375rem
+
+		.main-menu
+			margin-top: 0.625rem
+
+			& > li:first-child
+				padding-bottom: 1rem
+
+		.shop-list-title
+			color: $brand-primary
+			text-transform: uppercase
+			font-size: 1rem
+			text-align: center
+			margin-bottom: 0.9375rem
+			&::after
+				font-family: 'Material Icons'
+				content: "\E313"
+				font-size: 1.25rem
+				line-height: 1.375rem
+				margin-left: 0.625rem
+				vertical-align: bottom
+
+		.items-list
+			padding-left: 0
+			a:focus
+				background-color: transparent
+
+			li
+				background-color: white
+				border-bottom: $gray-light 1px solid
+				&.group a
+					padding: 0.9375rem 2.5rem
+					font-weight: bold
+
+				&.shop
+					padding: 0.9375rem 0.9375rem 0.9375rem 2.5rem
+					a
+						display: inline-block
+						width: auto
+						&.link-shop
+							float: right
+							.material-icons
+								font-size: 1.25rem
+								color: $gray-medium
+
+			li:first-child a
+				color: $brand-primary
+				text-transform: uppercase
+				font-size: 0.9375rem
+				padding: 0.9375rem 1.25rem
+
+.main-menu
+	padding: 0 0 5.313rem 0
+	margin: 0
+
+	.category-title > .title
+		text-transform: uppercase
+
+	.link-levelone
+		$padding-size: 1.25rem
+		display: block
+
+		&[data-submenu]
+			+media-breakpoint-down(md)
+				a.link
+					font-size: 1.25rem
+					padding-top: 1.25rem
+					padding-bottom: 1.25rem
+					line-height: inherit
+
+					.material-icons
+						font-size: 2rem
+						line-height: 2rem
+
+						&.sub-tabs-arrow
+							padding-right: 1.2rem
+
+			&.has_submenu
+				+media-breakpoint-down(md)
+					.sub-tabs-arrow
+						visibility: visible
+
+		&.-active
+			+media-breakpoint-down(md)
+				border-right: none
+
+			> .link
+				border-left: .25rem solid #25b9d7
+				padding-left: .638rem
+
+				.material-icons
+					&:first-child
+						color: #25b9d7
+
+		&:not(#subtab-AdminParentModulesSf)
+			i.material-icons.mi-extension
+				color: #6c868e
+
+		> .link
+			font-size: .75rem
+			display: flex
+			height: initial
+			line-height: 1rem
+			align-items: end
+			color: $gray-dark-text
+			text-decoration: none
+			padding: 0.5rem .3125rem 0.5rem .938rem
+			word-break: break-word
+			white-space: initial
+			text-overflow: initial
+			overflow: hidden
+			+media-breakpoint-down(md)
+				font-size: 1rem
+
+			span
+				padding-left: .625rem
+
+			.sub-tabs-arrow
+				margin-left: auto
+				visibility: hidden
+				color: #6c868e
+				vertical-align: middle
+				line-height: inherit
+
+		&.ul-open,
+		&.-active,
+		&.-hover
+			& > .link
+				background: #202226
+				color: white
+				transition: background 300ms ease
+
+				+media-breakpoint-down(md)
+					background: $gray-dark-menu
+
+			&.has_submenu
+				.link
+					.sub-tabs-arrow
+						visibility: visible
+
+		> .submenu
+			list-style: none
+			background: #202226
+			display: none
+			white-space: nowrap
+			padding-left: 2.75rem
+
+			& > li
+				+media-breakpoint-down(md)
+					a.link
+						padding-top: 0.75rem
+						padding-bottom: 0.75rem
+
+				&:first-of-type
+					padding-top: .625rem
+
+					+media-breakpoint-down(md)
+						padding-top: 0
+
+				&:last-of-type
+					padding-bottom: .750rem
+
+					+media-breakpoint-down(md)
+						padding-bottom: 0
+
+						a.link
+							padding-bottom: 1.5rem
+
+		&.ul-open,
+		&.-active
+			.link
+				background: #202226
+
+		&.open
+			> .submenu
+				display: block
+
+	.link-leveltwo
+		@extend .link-levelone
+
+		&.-active
+			> .link
+				padding-left: 0
+				border-left: none
+				color: white
+
+		> .link
+			height: initial
+			line-height: 0.9rem
+			padding: 0.3125rem 0.3rem 0.3125rem 0
+
+			+media-breakpoint-down(md)
+				padding-top: 1.4rem
+				padding-bottom: 1.4rem
+				line-height: 1.6rem
+
+		> .link:hover
+			color: $gray-dark-text-hover
+
+.category-title
+	display: block
+	font-weight: bold
+	font-size: 0.75rem
+	border-top: 1px solid #bbcdd2
+	margin: 1.813rem 0 0 .938rem
+	padding: .875rem 0 .750rem 0
+
+
+	+media-breakpoint-down(md)
+		display: none
+
+	& > .title
+		color: white
+		background: $gray-dark-menu
+
+.menu-collapse
+	height: .813rem
+	font-size: 2rem
+	display: block
+	cursor: pointer
+	text-align: right
+	padding: .688rem .938rem 1.188rem 0
+	line-height: .813rem
+	color: $gray-dark-text
+
+	+media-breakpoint-down(md)
+		display: none
+		padding-bottom: 1rem
+
+	.material-icons
+		color: #BEBEBE
+
+		&:last-child
+			margin-left: -1.313rem
+
+.page-sidebar-closed:not(.mobile)
+	.content-div, #content
+		transition: padding 1s ease
+
+	.menu-collapse
+		transform: rotate(180deg)
+		padding-right: .8rem
+
+	.nav-bar
+		overflow: visible
+		width: $size-navbar-width-mini
+
+		.main-menu
+			.category-title > .title,
+			.link-levelone span
+				display: none
+
+			.sub-tabs-arrow
+				display: none !important
+
+			.category-title
+				margin-top: 0.8rem
+				padding-bottom: 0
+
+			.link-levelone
+				position: relative
+
+				.link
+					line-height: initial
+
+				&:first-of-type
+					margin-bottom: 0
+
+				&.-hover
+					> .link
+						transition: all 0s ease 0s
+						width: 14.6875rem
+
+						> span
+							display: inline-block
+							padding-left: 1.563rem
+
+					ul.submenu
+						position: absolute !important
+						display: block !important
+						top: 34px !important
+						width: 200px !important
+						left: 50px
+						padding-left: 5px
+
+				.link-leveltwo
+					&:first-of-type
+						padding-top: 0 !important
+						margin-top: .2rem
+
+					&:last-of-type
+						padding-bottom: 0 !important
+						margin-bottom: 1rem
+
+					.link
+						padding-left: 1.5rem
+
+		@media (max-height: 870px)
+			// this two tabs need to be flipped, otherwise
+			// css issue with bottom of the page
+			#subtab-ShopParameters:hover,
+			#subtab-AdminAdvancedParameters:hover
+				ul.submenu
+					display: flex !important
+					flex-direction: column-reverse
+					top: 0 !important
+					transform: rotate(180deg)
+					transform-origin: top
+
+					li
+						transform: rotate(180deg)
+
+						&:last-of-type
+							margin-bottom: 0
+
+.mobile-layer
+	display: none
+	transition: all 0.2s ease-in-out
+	position: fixed
+	background: rgba(0,0,0,.7)
+	width: 100%
+	height: 100%
+	z-index: 501
+	top: 0
+	left: 0
+
+	&.expanded
+		display: block
+
--- a/web/admin1553pskpx/themes/default/sass/partials/_print.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_print.sass
@@ -0,0 +1,101 @@
+@media print
+	*
+		color: #000 !important // Black prints faster: h5bp.com/s
+		border-color: #000 !important
+		background: transparent !important
+		font-family: Georgia, "Times New Roman", Times, serif !important
+		text-shadow: none!important
+		@include box-shadow(none!important)
+	// commons
+	[class^="icon-"], [class^="process-icon-"]
+		font-family: $icon-font-family !important
+	#header, #footer, #nav-bar, #nav-topbar, #nav-sidebar, .hidden-print
+		display: none !important
+	.visible-print
+		display: block !important
+	hr
+		display: none !important
+	#main
+		width: 8.5in !important
+		float: none !important
+		margin: 0 auto !important
+		padding: 0 !important
+		#content.bootstrap
+			margin: 0 !important
+			padding: 0 !important
+			.page-head
+				display: none !important
+			.panel
+				page-break-inside: avoid !important
+				clear: both !important
+				margin: 0 0 40px !important
+				padding: 0 !important
+				border: none !important
+				@include box-shadow(none!important)
+				.panel-heading
+					margin: 0 0 20px !important
+				.panel, .well
+					margin: 0 !important
+			.tab-pane
+				margin-bottom: 20px !important
+			.row
+				margin-bottom: 20px !important
+			.panel
+				clear: both !important
+			.btn
+				display: none !important
+			.panel-heading-action
+				display: none
+			.nav-tabs li a
+				display: none
+				border-bottom-color: white !important
+				background-color: white !important
+			.tab-content > .tab-pane
+				display: block !important
+				opacity: 1 !important
+			h4
+				margin: 0 0 10px 0 !important
+			// orders
+			#shipping
+				.form-horizontal
+					padding-bottom: 10px !important
+			#addressShipping
+				width: 49% !important
+				float: left !important
+				margin-bottom: 0 !important
+			#addressInvoice
+				width: 49% !important
+				float: right !important
+				margin-bottom: 0 !important
+			#status
+				tr:first-child td
+					font-weight: bold !important
+			.table
+				border: solid 1px black !important
+				margin-bottom: 10px !important
+				th
+					font-style: italic
+			.label-inactive
+				font-size: 11pt !important
+				text-decoration: line-through !important
+				i
+					display: none !important
+			.kpi-container.panel
+				margin: 30px 0 20px 0 !important
+				border: solid 1px black !important
+				.box-stats
+					padding: 10px 0 !important
+					height: auto !important
+					width: 25% !important
+					font-size: 8pt !important
+					i
+						font-size: 20pt !important
+			.alert
+				border: 1px solid black !important
+				&:before
+					color: black !important
+			.table-responsive
+				border: none !important
+				margin: 0 !important
+			.panel-total td
+				font-size: 13pt!important
--- a/web/admin1553pskpx/themes/default/sass/partials/_product.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_product.sass
@@ -0,0 +1,51 @@
+.media-product-pack
+	width: 200px
+	border: solid 2px #eee
+	padding: 4px
+	overflow: hidden
+	position: relative
+	margin-bottom: 10px
+	@include margin-right(10px)
+	@include border-radius(4px)
+	@include float(left)
+	.media-product-pack-img
+		width: 100%
+		padding-bottom: 5px
+		border-bottom: 1px solid #ccc
+		margin-bottom: 5px
+	.media-product-pack-title
+		width: 100%
+		padding: 0 5px
+		display: inline-block
+		overflow: hidden
+		text-overflow: ellipsis
+		white-space: nowrap
+	.media-product-pack-ref
+		color: #aaa
+		width: 100%
+		padding: 0 5px
+		display: inline-block
+		overflow: hidden
+		text-overflow: ellipsis
+		white-space: nowrap
+
+	.media-product-pack-action
+		position: absolute
+		top: 7px
+		border: solid 1px #ccc
+		text-align: center
+		@include right(7px)
+		@include border-radius(4px)
+
+	.media-product-pack-quantity
+		background-color: white
+		position: absolute
+		padding: 0 4px
+		top: 7px
+		height: 25px
+		min-width: 35px
+		line-height: 23px
+		border: solid 1px #ccc
+		text-align: center
+		@include left(7px)
+		@include border-radius(4px)
--- a/web/admin1553pskpx/themes/default/sass/partials/_rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_rtl.sass
@@ -0,0 +1,121 @@
+html
+	direction: rtl
+	font-family: tahoma, sans-serif
+
+
+.bootstrap
+	/* fix SVG */
+	.chart svg
+		direction: ltr
+		svg
+			text
+				font: normal 11px Tahoma,Arial !important
+
+	/* reverse font awesome icon directions */
+	.icon-step-forward:before
+		content: "\f048"
+	.icon-fast-forward:before
+		content: "\f049"
+	.icon-forward:before
+		content: "\f04a"
+	.icon-backward:before
+		content: "\f04e"
+	.icon-fast-backward:before
+		content: "\f050"
+	.icon-step-backward:before
+		content: "\f051"
+	.icon-chevron-right:before
+		content: "\f053"
+	.icon-chevron-left:before
+		content: "\f054"
+	.icon-arrow-right:before
+		content: "\f060"
+	.icon-arrow-left:before
+		content: "\f061"
+	.icon-hand-o-left:before, .icon-hand-right:before
+		content: "\f0a4"
+	.icon-hand-o-right:before, .icon-hand-left:before
+		content: "\f0a5"
+	.icon-caret-right:before
+		content: "\f0d9"
+	.icon-caret-left:before
+		content: "\f0da"
+	.icon-angle-double-right:before, .icon-double-angle-right:before
+		content: "\f100"
+	.icon-angle-double-left:before, .icon-double-angle-left:before
+		content: "\f101"
+	.icon-angle-right:before
+		content: "\f104"
+	.icon-angle-left:before
+		content: "\f105"
+	.icon-quote-right:before
+		content: "\f10d"
+	.icon-quote-left:before
+		content: "\f10e"
+	.icon-chevron-circle-right:before, .icon-chevron-sign-right:before
+		content: "\f137"
+	.icon-chevron-circle-left:before, .icon-chevron-sign-left:before
+		content: "\f138"
+	.icon-toggle-left:before, .icon-caret-square-o-left:before
+		content: "\f152"
+	.icon-long-arrow-right:before
+		content: "\f177"
+	.icon-long-arrow-left:before
+		content: "\f178"
+	.icon-arrow-circle-o-left:before
+		content: "\f18e"
+	.icon-arrow-circle-o-right:before
+		content: "\f190"
+	.icon-toggle-right:before, .icon-caret-square-o-right:before
+		content: "\f191"
+
+	//fix bootstrap
+	dd
+		margin-right: 0
+
+	.pull-right
+		float: left !important
+	.pull-left
+		float: right !important
+	.input-group input[type="text"]
+		float: right
+
+.kpi-container
+	padding-bottom: 10px !important
+	.kpi-refresh
+		position: absolute
+		z-index: 1
+		left: 20px
+
+#nav-bar
+	ul.menu
+		li.link-levelone
+			&.hover:not(.active)
+				&:before
+					content: ''
+					width: 0
+					height: 0
+					border-style: solid
+					border-width: 8px 0 8px 10px
+					border-color: transparent transparent transparent $main-color
+					background-color: transparent
+					margin-top: 6px
+					@media (min-height: $min-height)
+						margin-top: 10px
+					position: absolute
+					z-index: 1
+					left: 0
+					right: inherit
+			&.active
+				a, li.active a
+					&.title
+						border-left: 3px solid #fff
+						border-right: 0px
+						background-color: $sidebar-menu-bg-hover-color
+				@media (min-height: $min-height)
+					ul.submenu
+						body:not(.page-sidebar-closed) &
+							margin-right: 35px
+							margin-left: 0px
+							@include border-right(1px solid $sidebar-menu-bg-hover-color)
+							border-left: 0px
--- a/web/admin1553pskpx/themes/default/sass/partials/_select2.scss
+++ b/web/admin1553pskpx/themes/default/sass/partials/_select2.scss
@@ -0,0 +1,690 @@
+/*
+Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
+*/
+.select2-container {
+    margin: 0;
+    position: relative;
+    display: inline-block;
+    /* inline-block for ie7 */
+    zoom: 1;
+    *display: inline;
+    vertical-align: middle;
+}
+
+.select2-container,
+.select2-drop,
+.select2-search,
+.select2-search input {
+  /*
+    Force border-box so that % widths fit the parent
+    container without overlap because of margin/padding.
+    More Info : http://www.quirksmode.org/css/box.html
+  */
+  -webkit-box-sizing: border-box; /* webkit */
+     -moz-box-sizing: border-box; /* firefox */
+          box-sizing: border-box; /* css3 */
+}
+
+.select2-container .select2-choice {
+    display: block;
+    height: 26px;
+    padding: 0 0 0 8px;
+    overflow: hidden;
+    position: relative;
+
+    border: 1px solid #aaa;
+    white-space: nowrap;
+    line-height: 26px;
+    color: #444;
+    text-decoration: none;
+
+    border-radius: 4px;
+
+    background-clip: padding-box;
+
+    -webkit-touch-callout: none;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+
+    background-color: #fff;
+    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
+}
+
+.select2-container.select2-drop-above .select2-choice {
+    border-bottom-color: #aaa;
+    border-radius: 0 0 4px 4px;
+    //background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
+}
+
+.select2-container.select2-allowclear .select2-choice .select2-chosen {
+    margin-right: 42px;
+}
+
+.select2-container .select2-choice > .select2-chosen {
+    margin-right: 26px;
+    display: block;
+    overflow: hidden;
+
+    white-space: nowrap;
+
+    text-overflow: ellipsis;
+    float: none;
+    width: auto;
+}
+
+.select2-container .select2-choice abbr {
+    display: none;
+    width: 12px;
+    height: 12px;
+    position: absolute;
+    right: 24px;
+    top: 8px;
+
+    font-size: 1px;
+    text-decoration: none;
+
+    border: 0;
+    background: url('../img/select2.png') right top no-repeat;
+    cursor: pointer;
+    outline: 0;
+}
+
+.select2-container.select2-allowclear .select2-choice abbr {
+    display: inline-block;
+}
+
+.select2-container .select2-choice abbr:hover {
+    background-position: right -11px;
+    cursor: pointer;
+}
+
+.select2-drop-mask {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 9998;
+    /* styles required for IE to work */
+    background-color: #fff;
+    filter: alpha(opacity=0);
+}
+
+.select2-drop {
+    width: 100%;
+    margin-top: -1px;
+    position: absolute;
+    z-index: 9999;
+    top: 100%;
+
+    background: #fff;
+    color: #000;
+    border: 1px solid #ccc;
+    border-top: 0;
+
+    border-radius: 0 0 4px 4px;
+
+    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+}
+
+.select2-drop.select2-drop-above {
+    margin-top: 1px;
+    border-top: 1px solid #aaa;
+    border-bottom: 0;
+
+    border-radius: 4px 4px 0 0;
+
+    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+}
+
+.select2-drop-active {
+    //border: 1px solid #5897fb;
+    border-top: none;
+}
+
+.select2-drop.select2-drop-above.select2-drop-active {
+    //border-top: 1px solid #5897fb;
+}
+
+.select2-drop-auto-width {
+    border-top: 1px solid #aaa;
+    width: auto;
+}
+
+.select2-drop-auto-width .select2-search {
+    padding-top: 4px;
+}
+
+.select2-container .select2-choice .select2-arrow {
+    display: inline-block;
+    width: 18px;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+    border-left: 1px solid #ccc;
+    border-radius: 0 4px 4px 0;
+    background-clip: padding-box;
+    background-color: #EEEEEE;
+}
+
+.select2-container .select2-choice .select2-arrow b {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: url('../img/select2.png') no-repeat 0 1px;
+}
+
+.select2-search {
+    display: inline-block;
+    width: 100%;
+    min-height: 26px;
+    margin: 0;
+    padding-top: 4px;
+    padding-left: 4px;
+    padding-right: 4px;
+    position: relative;
+    z-index: 10000;
+    white-space: nowrap;
+}
+
+.select2-search input {
+    width: 100%;
+    height: auto !important;
+    min-height: 26px;
+    padding: 4px 20px 4px 5px;
+    margin: 0;
+
+    outline: 0;
+    font-family: sans-serif;
+    font-size: 1em;
+
+    border: 1px solid #aaa;
+    border-radius: 0;
+
+    -webkit-box-shadow: none;
+            box-shadow: none;
+
+    background: #fff url('../img/select2.png') no-repeat 100% -22px;
+    background: url('../img/select2.png') no-repeat 100% -22px;
+}
+
+.select2-drop.select2-drop-above .select2-search input {
+    margin-top: 4px;
+}
+
+.select2-search input.select2-active {
+    background: #fff url('../img/select2-spinner.gif') no-repeat 100%;
+    background: url('../img/select2-spinner.gif') no-repeat 100%;
+}
+
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices {
+    //border: 1px solid #5897fb;
+    outline: none;
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+}
+
+.select2-dropdown-open .select2-choice {
+    border-bottom-color: transparent;
+    -webkit-box-shadow: 0 1px 0 #fff inset;
+            box-shadow: 0 1px 0 #fff inset;
+
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+
+    background-color: #eee
+}
+
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices {
+    //border: 1px solid #5897fb;
+    border-top-color: transparent;
+}
+
+.select2-dropdown-open .select2-choice .select2-arrow {
+    background: transparent;
+    border-left: none;
+    filter: none;
+}
+.select2-dropdown-open .select2-choice .select2-arrow b {
+    background-position: -18px 1px;
+}
+
+.select2-hidden-accessible {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/* results */
+.select2-results {
+    max-height: 200px;
+    padding: 0 0 0 4px !important;
+    margin: 4px 4px 4px 0 !important;
+    position: relative;
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.select2-results ul.select2-result-sub {
+    margin: 0;
+    padding-left: 0;
+}
+
+.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
+.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
+
+.select2-results li {
+    list-style: none;
+    display: list-item;
+    background-image: none;
+}
+
+.select2-results li.select2-result-with-children > .select2-result-label {
+    font-weight: bold;
+}
+
+.select2-results .select2-result-label {
+    padding: 3px 7px 4px;
+    margin: 0;
+    cursor: pointer;
+
+    min-height: 1em;
+
+    -webkit-touch-callout: none;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+}
+
+.select2-results .select2-highlighted {
+    background: #3875d7;
+    color: #fff;
+}
+
+.select2-results li em {
+    background: #feffde;
+    font-style: normal;
+}
+
+.select2-results .select2-highlighted em {
+    background: transparent;
+}
+
+.select2-results .select2-highlighted ul {
+    background: #fff;
+    color: #000;
+}
+
+
+.select2-results .select2-no-results,
+.select2-results .select2-searching,
+.select2-results .select2-selection-limit {
+    background: #f4f4f4;
+    display: list-item;
+    padding: 5px;
+}
+
+/*
+disabled look for disabled choices in the results dropdown
+*/
+.select2-results .select2-disabled.select2-highlighted {
+    color: #666;
+    background: #f4f4f4;
+    display: list-item;
+    cursor: default;
+}
+.select2-results .select2-disabled {
+  background: #f4f4f4;
+  display: list-item;
+  cursor: default;
+}
+
+.select2-results .select2-selected {
+    display: none;
+}
+
+.select2-more-results.select2-active {
+    background: #f4f4f4 url('../img/select2-spinner.gif') no-repeat 100%;
+}
+
+.select2-more-results {
+    background: #f4f4f4;
+    display: list-item;
+}
+
+/* disabled styles */
+
+.select2-container.select2-container-disabled .select2-choice {
+    background-color: #f4f4f4;
+    background-image: none;
+    border: 1px solid #ddd;
+    cursor: default;
+}
+
+.select2-container.select2-container-disabled .select2-choice .select2-arrow {
+    background-color: #f4f4f4;
+    background-image: none;
+    border-left: 0;
+}
+
+.select2-container.select2-container-disabled .select2-choice abbr {
+    display: none;
+}
+
+
+/* multiselect */
+
+.select2-container-multi .select2-choices {
+    height: auto !important;
+    height: 1%;
+    margin: 0;
+    padding: 0;
+    position: relative;
+
+    border: 1px solid #aaa;
+    cursor: text;
+    overflow: hidden;
+
+    background-color: #fff;
+}
+
+.select2-locked {
+  padding: 3px 5px 3px 5px !important;
+}
+
+.select2-container-multi .select2-choices {
+    min-height: 26px;
+}
+
+.select2-container-multi.select2-container-active .select2-choices {
+    //border: 1px solid #5897fb;
+    outline: none;
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+}
+.select2-container-multi .select2-choices li {
+    float: left;
+    list-style: none;
+}
+html[dir="rtl"] .select2-container-multi .select2-choices li
+{
+    float: right;
+}
+.select2-container-multi .select2-choices .select2-search-field {
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+}
+
+.select2-container-multi .select2-choices .select2-search-field input {
+    padding: 5px;
+    margin: 1px 0;
+
+    font-family: sans-serif;
+    font-size: 100%;
+    color: #666;
+    outline: 0;
+    border: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+    background: transparent !important;
+}
+
+.select2-container-multi .select2-choices .select2-search-field input.select2-active {
+    background: #fff url('../img/select2-spinner.gif') no-repeat 100% !important;
+}
+
+.select2-default {
+    color: #999 !important;
+}
+
+.select2-container-multi .select2-choices .select2-search-choice {
+    padding: 3px 5px 3px 18px;
+    margin: 3px 0 3px 5px;
+    position: relative;
+
+    line-height: 13px;
+    color: #333;
+    cursor: default;
+    border: 1px solid #aaaaaa;
+
+    border-radius: 3px;
+
+    background-clip: padding-box;
+
+    -webkit-touch-callout: none;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+
+    background-color: #e4e4e4;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
+    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+}
+html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
+{
+    margin-left: 0;
+    margin-right: 5px;
+}
+.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
+    cursor: default;
+}
+.select2-container-multi .select2-choices .select2-search-choice-focus {
+    background: #d4d4d4;
+}
+
+.select2-search-choice-close {
+    display: block;
+    width: 12px;
+    height: 13px;
+    position: absolute;
+    right: 3px;
+    top: 4px;
+
+    font-size: 1px;
+    outline: none;
+    background: url('../img/select2.png') right top no-repeat;
+}
+html[dir="rtl"] .select2-search-choice-close {
+    right: auto;
+    left: 3px;
+}
+
+.select2-container-multi .select2-search-choice-close {
+    left: 3px;
+}
+
+.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
+  background-position: right -11px;
+}
+.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
+    background-position: right -11px;
+}
+
+/* disabled styles */
+.select2-container-multi.select2-container-disabled .select2-choices {
+    background-color: #f4f4f4;
+    background-image: none;
+    border: 1px solid #ddd;
+    cursor: default;
+}
+
+.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
+    padding: 3px 5px 3px 5px;
+    border: 1px solid #ddd;
+    background-image: none;
+    background-color: #f4f4f4;
+}
+
+.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
+    background: none;
+}
+/* end multiselect */
+
+
+.select2-result-selectable .select2-match,
+.select2-result-unselectable .select2-match {
+    text-decoration: underline;
+}
+
+.select2-offscreen, .select2-offscreen:focus {
+    clip: rect(0 0 0 0) !important;
+    width: 1px !important;
+    height: 1px !important;
+    border: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    outline: 0 !important;
+    left: 0px !important;
+    top: 0px !important;
+}
+
+.select2-display-none {
+    display: none;
+}
+
+.select2-measure-scrollbar {
+    position: absolute;
+    top: -10000px;
+    left: -10000px;
+    width: 100px;
+    height: 100px;
+    overflow: scroll;
+}
+
+/* Retina-ize icons */
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
+    .select2-search input,
+    .select2-search-choice-close,
+    .select2-container .select2-choice abbr,
+    .select2-container .select2-choice .select2-arrow b {
+        background-image: url('../img/select2x2.png') !important;
+        background-repeat: no-repeat !important;
+        background-size: 60px 40px !important;
+    }
+
+    .select2-search input {
+        background-position: 100% -21px !important;
+    }
+}
+
+
+.form-control .select2-choice {
+    border: 0;
+    border-radius: 2px;
+}
+
+.form-control .select2-choice .select2-arrow {
+    border-radius: 0 2px 2px 0;
+}
+
+.form-control.select2-container {
+    height: auto !important;
+    padding: 0;
+}
+
+.form-control.select2-container.select2-dropdown-open {
+    //border-color: #5897FB;
+    border-radius: 3px 3px 0 0;
+}
+
+.form-control .select2-container.select2-dropdown-open .select2-choices {
+    border-radius: 3px 3px 0 0;
+}
+
+.form-control.select2-container .select2-choices {
+    border: 0 !important;
+    border-radius: 3px;
+}
+
+.control-group.warning .select2-container .select2-choice,
+.control-group.warning .select2-container .select2-choices,
+.control-group.warning .select2-container-active .select2-choice,
+.control-group.warning .select2-container-active .select2-choices,
+.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
+.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
+.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
+    border: 1px solid #C09853 !important;
+}
+
+.control-group.warning .select2-container .select2-choice div {
+    border-left: 1px solid #C09853 !important;
+    background: #FCF8E3 !important;
+}
+
+.control-group.error .select2-container .select2-choice,
+.control-group.error .select2-container .select2-choices,
+.control-group.error .select2-container-active .select2-choice,
+.control-group.error .select2-container-active .select2-choices,
+.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
+.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
+.control-group.error .select2-container-multi.select2-container-active .select2-choices {
+    border: 1px solid #B94A48 !important;
+}
+
+.control-group.error .select2-container .select2-choice div {
+    border-left: 1px solid #B94A48 !important;
+    background: #F2DEDE !important;
+}
+
+.control-group.info .select2-container .select2-choice,
+.control-group.info .select2-container .select2-choices,
+.control-group.info .select2-container-active .select2-choice,
+.control-group.info .select2-container-active .select2-choices,
+.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
+.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
+.control-group.info .select2-container-multi.select2-container-active .select2-choices {
+    border: 1px solid #3A87AD !important;
+}
+
+.control-group.info .select2-container .select2-choice div {
+    border-left: 1px solid #3A87AD !important;
+    background: #D9EDF7 !important;
+}
+
+.control-group.success .select2-container .select2-choice,
+.control-group.success .select2-container .select2-choices,
+.control-group.success .select2-container-active .select2-choice,
+.control-group.success .select2-container-active .select2-choices,
+.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
+.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
+.control-group.success .select2-container-multi.select2-container-active .select2-choices {
+    border: 1px solid #468847 !important;
+}
+
+.control-group.success .select2-container .select2-choice div {
+    border-left: 1px solid #468847 !important;
+    background: #DFF0D8 !important;
+}
--- a/web/admin1553pskpx/themes/default/sass/partials/_switch.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_switch.sass
@@ -0,0 +1,163 @@
+// CSS TOGGLE SWITCHES (Ionuț Colceriu)
+// Licensed under Unlicense
+// https://github.com/ghinda/css-toggle-switch
+
+@mixin switch-shared()
+	display: block
+	height: 26px
+	*
+		@include box-sizing(border-box)
+	a
+		display: block
+		@include transition(all 0.3s ease-out)
+	label,
+	> span
+		line-height: 26px
+		vertical-align: middle
+
+@mixin switch-light()
+	@include switch-shared()
+	position: relative
+	overflow: visible
+	padding: 0
+	// Position the label over all the elements, except the slide-button (<a>)
+	// Clicking anywhere on the label will change the switch-state
+	label
+		position: relative
+		z-index: 3
+		display: block
+		width: 100%
+	// Don't hide the input from screen-readers and keyboard access
+	input
+		position: absolute
+		opacity: 0
+		z-index: 5
+		&:checked ~ a
+			@include left(0)
+	> span
+		position: absolute
+		width: 100%
+		margin: 0
+		font-weight: normal
+		@include text-align(left)
+		@include left(0)
+		span
+			position: absolute
+			top: 0
+			z-index: 5
+			display: block
+			width: 50%
+			text-align: center
+			@include left(0)
+			&:last-child
+				@include left(50%)
+	a
+		position: absolute
+		top: 0
+		z-index: 4
+		display: block
+		width: 50%
+		height: 100%
+		padding: 0
+		@include left(50%)
+
+// Radio Switch
+@mixin switch-toggle()
+	@include switch-shared()
+	position: relative
+	input
+		position: absolute
+		opacity: 0
+	label
+		position: relative
+		z-index: 2
+		width: 50%
+		height: 100%
+		margin: 0
+		text-align: center
+		@include float(left)
+	a
+		position: absolute
+		top: 0
+		padding: 0
+		z-index: 1
+		width: 50%
+		height: 100%
+		color: white
+		border: solid 1px #279CBB
+		background-color: #2eacce
+		@include left(0)
+		@include box-shadow('#1B7088' 0 -1px 0 inset)
+	input:last-of-type:checked ~ a
+		border: solid 1px #CA6F6F
+		background-color: #E08F95
+		@include left(50%)
+		@include box-shadow('#5C5C5C' 0 -1px 0 inset)
+	input:disabled ~ a
+		border: solid 1px lighten(gray,20%) !important
+		background-color: lighten(gray,30%)	!important
+		@include box-shadow(lighten(gray,20%) 0 -1px 0 inset !important)
+	//Generate styles for the multiple states
+	@for $i from 1 through 3
+		$state: $i + 2
+		$width: 100 / ($i + 2)
+		&.switch-#{$state}
+			label,
+			a
+				width: $width * 1%
+		@for $j from 2 through ($i + 1)
+			&.switch-#{$state} input:checked:nth-of-type(#{$j}) ~ a
+				@include left($width * ($j - 1) * 1%)
+		&.switch-#{$state} input:checked:last-of-type ~ a
+			@include left(100 - $width * 1%)
+
+.switch a,
+.switch-light span span
+	display: none
+
+@media only screen
+	.switch-light
+		@include switch-light()
+	.switch
+		@include switch-toggle()
+	.prestashop-switch
+		margin-top: 3px
+		background-color: #eee
+		border-radius: 3px
+		color: #333
+		text-align: center
+		@include box-shadow(rgba(black,0.15) 0 1px 4px 1px inset)
+		*
+			outline: 0!important
+		label
+			text-transform: uppercase
+			color: #bbb
+			font-weight: 400
+			cursor: pointer
+			@include transition(color 0.2s ease-out)
+		input:checked + label
+			color: white
+		> span
+			color: #666
+			text-transform: uppercase
+			cursor: pointer
+		&.switch-light input:checked
+			~ a
+				border: solid 1px $brand-success
+				background-color: lighten($brand-success,10%)
+				@include box-shadow($brand-success 0 -1px 0 inset)
+			~ span span
+				&:first-of-type
+					color: white
+				&:last-of-type
+					color: #ccc
+		&.switch-light input
+			~ a
+				border: solid 1px $brand-danger
+				background-color: lighten($brand-danger,10%)
+				@include box-shadow($brand-danger 0 -1px 0 inset)
+			~ span span
+				&:first-of-type
+					color: #ccc
+				&:last-of-type
+					color: white
--- a/web/admin1553pskpx/themes/default/sass/partials/_tables.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_tables.sass
@@ -0,0 +1,286 @@
+.table
+	border-collapse: separate
+	border-spacing: 0 2px 0 0
+	margin-bottom: 5px
+	thead
+		> tr > th
+			border: none
+			font-weight: normal
+			vertical-align: top
+			border-bottom: solid 1px darken(#CAE5F4,10%)
+			span.title_box
+				color: #656565
+				display: block
+				word-wrap: nowrap
+				white-space: nowrap
+				&.active
+					font-weight: bold
+				a
+					text-decoration: none
+				a.active
+					color: black
+				.label-tooltip
+					color: #3586AE
+					background-color: lighten(#D8EDF7,5%)
+					border: none
+					border-bottom: solid 1px #D8EDF7
+					padding: 0 5px
+		> tr.filter > th
+			background-color: lighten(#CAE5F4,8%)
+			input[type="text"].filter, input[type="password"].filter, select.filter
+				font-size: 11px
+				padding: 4px
+				border-color: darken(#CAE5F4,10%)
+	input, select
+		margin: 0
+		&.center
+			margin: 0 auto
+	tbody
+		> tr > td
+			border-top: none
+			color: lighten(black,40%)
+			background-color: white
+			padding: 3px 7px
+			vertical-align: middle
+			word-wrap: nowrap
+			font-size: 12px
+			border-bottom: solid 1px #EAEDEF
+		> tr.odd > td
+			background-color: #FCFDFE
+		> tr:hover > td
+			background-color: darken(#FCFDFE,2%)
+	td.center, th.center
+		text-align: center
+	td.pointer
+		cursor: pointer
+	td.dragHandle
+		.dragGroup
+			width: 80px
+			cursor: move
+			text-align: center
+			position: relative
+			font-size: $icon-size-base
+			@include padding(4px, 4px, 4px, 20px)
+			@include border-radius(5px)
+			&:hover
+				color: white
+				background-color: $brand-primary !important
+			&:before
+				@extend .icon
+				@extend .icon-arrows
+				display: block
+				height: 16px
+				width: 16px
+				position: absolute
+				top: 8px
+				@include left(6px)
+			.positions
+				display: inline-block
+				border: solid 1px #ccc
+				background-color: #eee
+				padding: 0 5px
+				color: #aaa
+				width: 43px
+				text-shadow: white 1px 1px
+				@include border-radius(3px)
+				@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset)
+
+	tr.actions
+		@include text-align(right)
+	td.actions
+		@include text-align(right)
+		@include padding-right(5px)
+	th.actions .btn,
+		margin-bottom: 4px !important
+
+	tr.myDragClass
+		padding: 10px
+		background-color: #EEEEEE
+		td
+			color: white !important
+			background-color: $brand-primary !important
+			@include transform(translate(5px,10px))
+
+	&.tableDnD td
+		@include transition-property(all)
+		@include transition-duration(0.2s)
+		@include transition-timing-function(ease-out)
+
+tr.highlighted td
+	background-color: $brand-primary!important
+	color: white !important
+
+.bulk-actions
+	@include margin(17px, 0, 0, 0)
+	ul i
+		font-size: 14px
+
+.list-action-enable
+	font-size: 1.3em
+	display: inline-block
+	width: 30px
+	text-align: center
+	color: rgba(white,0.8)
+	@include border-radius(3px)
+	&.action-enabled
+		color: $brand-success
+	&.action-disabled
+		color: $brand-danger
+	&:hover
+		color: #25B9D7
+
+.list-empty
+	background-color: #FCFDFE !important
+	.list-empty-msg
+		text-align: center
+		display: block
+		width: 50%
+		margin: 20px auto
+		color: #999
+		font-family: $headings-font-family
+		font-size: 1.4em
+	.list-empty-icon
+		color: #dedede
+		display: block
+		clear: both
+		font-size: $icon-size-base*6
+		text-shadow: white 1px 1px 0
+
+.date_range .input-group:first-child
+	margin-bottom: 5px
+
+@media (max-width: $screen-sm-max)
+	.table-responsive-row
+		overflow: visible
+		table, thead, tbody, th, td, tr
+			display: block
+		thead tr
+			display: block
+			float: left
+			width: 70%
+			&:first-child
+				width: 30%
+				th
+					width: 100% !important
+			&:first-child:last-child
+				display: none
+		th
+			height: 48px
+			text-align: center
+		th .fixed-width-md
+			float: left
+		th .fixed-width-sm
+			width: 100% !important
+		tr
+			border: 1px solid #ccc
+			@include box-shadow(#EAEDEF 0 2px 0 0 )
+			width: 100%
+			margin-bottom: 6px
+			&:last-child
+				border-bottom: 1px solid #ccc
+		td
+			position: relative
+			padding-left: 35% !important
+			width: 100% !important
+			text-align: left !important
+			line-height: 2em !important
+			font-size: 1.15em !important
+			white-space: nowrap
+			overflow: hidden
+			text-overflow: ellipsis
+			&:last-child
+				border: none
+			.btn-group-action
+				.dropdown-toggle
+					display: none !important
+				ul.dropdown-menu, .dropdown-menu li
+					position: relative
+					padding: 0
+					margin: 0
+					float: right
+					display: inline-block
+					background: transparent
+					border: none
+					z-index: 13
+					@include box-shadow(none)
+			.dropdown-menu li a, a.btn, button.btn
+				background-color: white
+				border: none
+				padding: 12px 10px !important
+				margin-right: 5px
+				display: inline-block
+				margin: 0 !important
+				float: right
+				border-left: 1px solid #EAEDEF
+				z-index: 13
+				color: $brand-primary
+				font-weight: bold
+				@include box-shadow(none)
+				@include border-radius(0)
+				i
+					color: $brand-primary
+				&:hover
+					background-color: $brand-primary
+					color: white
+					i
+						color: white
+		.odd td
+			background-color: #FCFDFE !important
+		td.row-selector
+			display: none
+		td:before
+			position: absolute
+			top: 4px
+			left: 12px
+			width: 30%
+			border-right: 1px solid #EAEDEF
+			padding-right: 10px
+			white-space: nowrap
+			color: #aaa
+			text-align: right
+			font-size: 0.9em
+			font-style: italic
+		td:last-child
+			text-align: right !important
+			padding: 0 !important
+			&:before
+				content: none !important
+		.btn-group
+			float: none !important
+
+
+	.table-responsive
+		width: 100%
+		margin-bottom: ($line-height-computed * 0.75)
+		overflow-y: hidden
+		overflow-x: auto
+		border: 1px solid $table-border-color
+		-ms-overflow-style: -ms-autohiding-scrollbar
+		-webkit-overflow-scrolling: touch
+		> .table
+			margin-bottom: 0
+			> thead,
+			> tbody,
+			> tfoot
+				> tr
+					> th,
+					> td
+						white-space: nowrap
+		> .table-bordered
+			border: 0
+			> thead,
+			> tbody,
+			> tfoot
+				> tr
+					> th:first-child,
+					> td:first-child
+						@include border-left(0)
+					> th:last-child,
+					> td:last-child
+						@include border-right(0)
+			> tbody,
+			> tfoot
+				> tr:last-child
+					> th,
+					> td
+						border-bottom: 0
--- a/web/admin1553pskpx/themes/default/sass/partials/_tinymce.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_tinymce.sass
--- a/web/admin1553pskpx/themes/default/sass/partials/_toolbar.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_toolbar.sass
@@ -0,0 +1,152 @@
+.page-head
+	width: 100%
+	height: 100px
+	margin: 0
+	position: fixed
+	top: $size-header-height
+	z-index: 499
+	background-color: white
+	border-bottom: #DFDFDF 1px solid
+	color: #363A41
+	padding: 0 0 0 210px
+
+	.mobile &
+		top: $size-header-height + ($header-mobile-padding-y * 2)
+
+	@media (max-width: breakpoint-max('md'))
+		padding: 0
+
+	transition: padding-left .5s ease-out
+	left: 0
+
+	&.with-tabs
+		height: 140px
+
+	> .wrapper
+	  padding-left: 15px
+
+	.page-title
+		float: left
+		clear: left
+		position: relative
+		margin: 0 0 .9375rem
+		font: 20pt $font-family-sans-serif
+		color: #363A41
+		white-space: nowrap
+		padding: .3125rem 0
+		line-height: 1.2
+
+		a
+			border-bottom: dotted 1px white
+			&:hover
+				color: black
+				border-color: black
+	a
+		color: white
+		text-decoration: none
+	h4.page-subtitle
+		@include float(left)
+		position: absolute
+		margin-top: 60px
+		@include left($widthSidebarNav+20px)
+		font-family: $url-font-content-name
+		@media (max-width: $screen-tablet)
+			@include left(70px)
+	.toolbarBox
+		position: absolute
+		background-color: transparent!important
+		@include right(0)
+		#toolbar-nav
+			border: none
+		.btn-toolbar
+			margin: 0
+			@include padding(3px, 0, 0, 0)
+			.toolbar_btn
+				position: relative
+				padding: 20px 5px !important
+				font-size: 12px
+				line-height: 8px
+				color: $main-color
+				text-align: center
+				text-shadow: none
+				white-space: nowrap
+				overflow: hidden
+				text-overflow: ellipsis
+				@include margin(0, 3px, 2px, 0)
+				@media (max-width: $screen-desktop)
+					width: 46px
+					font-size: 11px
+				i
+					color: $toolbar-buttons-color
+					&:hover
+						color: $toolbar-buttons-hover-color
+				div
+					padding-top: 10px
+			.dropdown-toolbar
+				display: none
+				@include float(right)
+				@include border-radius(3px)
+				@media (max-width: $screen-sm)
+					display: block
+	ul.page-breadcrumb
+		list-style: none
+		margin: 0
+		padding: .3125rem 0
+		line-height: 1.5
+		color: black
+		font-size: 12px
+		color: rgba(black,0.5)
+		background: transparent !important
+		border: none !important
+		white-space: nowrap
+		float: left
+		@include border-radius(0)
+		li
+			i
+				font-size: 10px
+			&.breadcrumb-container i, &.breadcrumb-current i
+				position: absolute
+				top: 2px
+				font-size: 42px
+				color: darken($secondary-color,15%)
+				@include padding-right(5px)
+				@include border-right(solid 1px darken($secondary-color,15%))
+				@include left(-60px)
+			&:before
+				color: darken($secondary-color,15%)
+			a
+				color: #363A41
+				&:hover
+					color: #363A41
+	.page-head-tabs
+		clear: left
+		background-color: #fff
+
+		ul
+			border-top: 1px solid #dfdfdf
+			border-bottom: 1px solid #dfdfdf
+			font-weight: 400
+
+		li
+			display: inline-block
+
+			a
+				padding: .9375rem 1.25rem
+				vertical-align: middle
+				color: #6c868e
+				box-sizing: border-box
+				font-size: .875rem
+				line-height: 1.5
+
+				&.current
+					border-bottom: 3px solid #3ed2f0
+					background-color: #f4f9fb
+					color: #363a41
+
+.page-sidebar-closed
+	.page-head
+		padding-left: 4.0625rem
+
+.page-header-toolbar-back
+	border: none!important
+	display: inline-block
--- a/web/admin1553pskpx/themes/default/sass/partials/_tree.sass
+++ b/web/admin1553pskpx/themes/default/sass/partials/_tree.sass
@@ -0,0 +1,65 @@
+.tree-panel-heading-controls
+	line-height: 2.2em
+	font-size: 1.1em
+	//text-transform: uppercase
+	color: $brand-primary
+	i
+		font-size: $icon-size-base
+.tree
+	list-style: none
+	@include padding(0, 0, 0, 20px)
+	input
+		vertical-align: baseline
+		margin-right: 4px
+		line-height: normal
+	i
+		font-size: $icon-size-base
+	.tree-item-name, .tree-folder-name
+		padding: 2px 5px
+		@include border-radius(4px)
+		label
+			font-weight: 400
+		&:hover
+			background-color: #eee
+			cursor: pointer
+	.tree-selected
+		color: white
+		background-color: $brand-primary
+		&:hover
+			background-color: darken($brand-primary,5%)
+		i.tree-dot
+			background-color: white
+	i.tree-dot
+		display: inline-block
+		position: relative
+		width: 6px
+		height: 6px
+		margin: 0 4px
+		background-color: #ccc
+		@include border-radius(6px)
+	.tree-item-disable, .tree-folder-name-disable
+		color: #ccc
+		&:hover
+			color: #ccc
+			background-color: none
+.tree-actions
+	display: inline-block
+
+.tree-panel-heading-controls
+	margin: -20px -20px 20px
+	padding: 5px
+	border-bottom: solid 1px #DFDFDF
+
+.tree-actions
+	.twitter-typeahead
+		@include padding(0,0,0,4px)
+		position: relative
+		top: 1px
+	.tt-hint
+		left: 4px !important
+		color: #ccc
+
+.tree-panel-label-title
+	font-weight: 400
+	margin: 0
+	@include padding(0, 0, 0, 8px)
--- a/web/admin1553pskpx/themes/default/sass/partials/index.php
+++ b/web/admin1553pskpx/themes/default/sass/partials/index.php
@@ -0,0 +1,35 @@
+<?php
+/**
+ * 2007-2018 PrestaShop
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2018 PrestaShop SA
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+                        
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+                        
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+                        
+header("Location: ../");
+exit;
--- a/web/admin1553pskpx/themes/default/sass/vendor/_animate.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/_animate.sass
--- a/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_bi-app-ltr.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_bi-app-ltr.scss
@@ -0,0 +1,11 @@
+// ------------------------------------------
+// left to right module
+// authors: 
+// twitter.com/anasnakawa
+// twitter.com/victorzamfir
+// licensed under the MIT license 
+// http://www.opensource.org/licenses/mit-license.php
+// ------------------------------------------
+
+@import 'variables-ltr';
+@import 'mixins';
--- a/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_bi-app-rtl.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_bi-app-rtl.scss
@@ -0,0 +1,11 @@
+// ------------------------------------------
+// right to left module
+// authors: 
+// twitter.com/anasnakawa
+// twitter.com/victorzamfir
+// licensed under the MIT license 
+// http://www.opensource.org/licenses/mit-license.php
+// ------------------------------------------
+
+@import 'variables-rtl';
+@import 'mixins';
--- a/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_mixins.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_mixins.scss
@@ -0,0 +1,287 @@
+// ------------------------------------------
+// bi app mixins
+// authors: 
+// twitter.com/anasnakawa
+// twitter.com/victorzamfir
+// licensed under the MIT license 
+// http://www.opensource.org/licenses/mit-license.php
+// ------------------------------------------
+
+// ------------------------------------------
+// Table of contents
+// ------------------------------------------
+// padding
+// margin
+// float
+// text align
+// clear
+// left / right
+// border
+//  - width
+//  - style
+//  - color
+//  - generic
+//  - radius
+// ltr / rtl contents
+// ------------------------------------------
+
+// generic mixin for properties with values
+// (top right bottom left)
+// ------------------------------------------
+@mixin bi-app-compact($property, $top, $right, $bottom, $left) {
+  @if $bi-app-direction == ltr {
+    #{$property}: $top $right $bottom $left;
+  } @else {
+    #{$property}: $top $left $bottom $right;
+  }
+}
+
+// padding
+// ------------------------------------------
+@mixin padding-left($distance) {
+  padding-#{$bi-app-left}: $distance;
+}
+
+@mixin padding-right($distance) {
+  padding-#{$bi-app-right}: $distance;
+}
+
+@mixin padding($top, $right, $bottom, $left) {
+  @include bi-app-compact(padding, $top, $right, $bottom, $left);
+}
+
+// margin
+// ------------------------------------------
+@mixin margin-left($distance) {
+  margin-#{$bi-app-left}: $distance;
+}
+
+@mixin margin-right($distance) {
+  margin-#{$bi-app-right}: $distance;
+}
+
+@mixin margin($top, $right, $bottom, $left) {
+  @include bi-app-compact(margin, $top, $right, $bottom, $left);
+}
+
+// float
+// ------------------------------------------
+@mixin bi-app-float-left {
+  float: $bi-app-left;
+}
+
+@mixin bi-app-float-right {
+  float: $bi-app-right;
+}
+
+@mixin float($direction) {
+  @if $direction == left {
+    @include bi-app-float-left;
+  } @else if $direction == right {
+    @include bi-app-float-right;
+  } @else {
+    float: $direction;
+  }
+}
+
+// text align
+// ------------------------------------------
+@mixin bi-app-text-align-left {
+  text-align: $bi-app-left;
+}
+
+@mixin bi-app-text-align-right {
+  text-align: $bi-app-right;
+}
+
+@mixin text-align($direction) {
+  @if $direction == left {
+    @include bi-app-text-align-left;
+  } @else if $direction == right {
+    @include bi-app-text-align-right;
+  } @else {
+    text-align: $direction;
+  }
+}
+
+// clear
+// ------------------------------------------
+@mixin bi-app-clear-left {
+  clear: $bi-app-left;
+}
+
+@mixin bi-app-clear-right {
+  clear: $bi-app-right;
+}
+
+@mixin clear($direction) {
+  @if $direction == left {
+    @include bi-app-clear-left;
+  } @else if $direction == right {
+    @include bi-app-clear-right;
+  } @else {
+    clear: $direction;
+  }
+}
+
+// left / right
+// ------------------------------------------
+@mixin left($distance) {
+  @if $bi-app-direction == ltr {
+    left: $distance;
+  } @else if $bi-app-direction == rtl {
+    right: $distance;
+  }
+}
+
+@mixin right($distance) {
+  @if $bi-app-direction == ltr {
+    right: $distance;
+  } @else if $bi-app-direction == rtl {
+    left: $distance;
+  }
+}
+
+// border
+// ------------------------------------------
+
+// width
+@mixin border-left-width($width) {
+  border-#{$bi-app-left}-width: $width;
+}
+
+@mixin border-right-width($width) {
+  border-#{$bi-app-right}-width: $width;
+}
+
+@mixin border-width($top, $right, $bottom, $left) {
+  @include bi-app-compact(border-width, $top, $right, $bottom, $left);
+}
+
+// style
+@mixin border-left-style($style) {
+  border-#{$bi-app-left}-style: $style;
+}
+
+@mixin border-right-style($style) {
+  border-#{$bi-app-right}-style: $style;
+}
+
+@mixin border-style($top, $right, $bottom, $left) {
+  @include bi-app-compact(border-style, $top, $right, $bottom, $left);
+}
+
+// color
+@mixin border-left-color($color) {
+  border-#{$bi-app-left}-color: $color;
+}
+
+@mixin border-right-color($color) {
+  border-#{$bi-app-right}-color: $color;
+}
+
+@mixin border-color($top, $right, $bottom, $left) {
+  @include bi-app-compact(border-color, $top, $right, $bottom, $left);
+}
+
+// generic
+@mixin border-left($border-style) {
+  border-#{$bi-app-left}: $border-style;
+}
+
+@mixin border-right($border-style) {
+  border-#{$bi-app-right}: $border-style;
+}
+
+// radius
+@mixin border-top-left-radius($radius) {
+  -webkit-border-top-#{$bi-app-left}-radius: $radius;
+          border-top-#{$bi-app-left}-radius: $radius;
+}
+
+@mixin border-top-right-radius($radius) {
+  -webkit-border-top-#{$bi-app-right}-radius: $radius;
+          border-top-#{$bi-app-right}-radius: $radius;
+}
+
+@mixin border-bottom-left-radius($radius) {
+  -webkit-border-bottom-#{$bi-app-left}-radius: $radius;
+          border-bottom-#{$bi-app-left}-radius: $radius; 
+}
+
+@mixin border-bottom-right-radius($radius) {
+  -webkit-border-bottom-#{$bi-app-right}-radius: $radius;
+          border-bottom-#{$bi-app-right}-radius: $radius;
+}
+
+@mixin border-right-radius($radius) {
+  @include border-top-right-radius($radius);
+  @include border-bottom-right-radius($radius);
+}
+
+@mixin border-left-radius($radius) {
+  @include border-top-left-radius($radius);
+  @include border-bottom-left-radius($radius);
+}
+
+@mixin border-top-radius($radius) {
+  @include border-top-left-radius($radius);
+  @include border-top-right-radius($radius);
+}
+
+@mixin border-bottom-radius($radius) {
+  @include border-bottom-left-radius($radius);
+  @include border-bottom-right-radius($radius);
+}
+
+@mixin border-radius($topLeft, $topRight: null, $bottomRight: null, $bottomLeft: null) {
+  @if $topRight != null {
+    @include border-top-left-radius($topLeft);
+    @include border-top-right-radius($topRight);
+    @include border-bottom-right-radius($bottomRight);
+    @include border-bottom-left-radius($bottomLeft);
+  } @else {
+    -webkit-border-radius: $topLeft;
+            border-radius: $topLeft;
+  }
+}
+
+// Returns "en" or "ar", useful for image suffixes.
+// Usage: background-image: url(/img/header-#{lang()}.png);
+@function lang() {
+  @if $bi-app-direction == ltr {
+    @return 'en';
+  } @else {
+    @return 'ar';
+  }
+}
+
+// Support for "direction" declaration (renders ltr/rtl).
+// Useful for form elements as they swap the text-indent property and align the text accordingly.
+@mixin direction {
+  direction: $bi-app-direction;
+}
+
+// Inverts a percentage value. Example: 97% becames 3%.
+// Useful for background-position.
+@function bi-app-invert-percentage($percentage) {
+  @if $bi-app-direction == rtl {
+    @return 100% - $percentage;
+  } @else {
+    @return $percentage;
+  }
+}
+
+// ltr / rtl contents
+// ------------------------------------------
+@mixin ltr {
+  @if $bi-app-direction == ltr {
+    @content;
+  }
+}
+
+@mixin rtl {
+  @if $bi-app-direction == rtl {
+    @content;
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_variables-ltr.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_variables-ltr.scss
@@ -0,0 +1,15 @@
+// ------------------------------------------
+// left to right variables to be used by bi-app mixins
+// authors: 
+// twitter.com/anasnakawa
+// twitter.com/victorzamfir
+// licensed under the MIT license 
+// http://www.opensource.org/licenses/mit-license.php
+// ------------------------------------------
+
+// namespacing variables with bi-app to
+// avoid conflicting with other global variables
+$bi-app-left: left;
+$bi-app-right: right;
+$bi-app-direction: ltr;
+$bi-app-invert-direction: rtl;
--- a/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_variables-rtl.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bi-app/_variables-rtl.scss
@@ -0,0 +1,15 @@
+// ------------------------------------------
+// right to left variables to be used by bi-app mixins
+// authors: 
+// twitter.com/anasnakawa
+// twitter.com/victorzamfir
+// licensed under the MIT license 
+// http://www.opensource.org/licenses/mit-license.php
+// ------------------------------------------
+
+// namespacing variables with bi-app to
+// avoid conflicting with other global variables
+$bi-app-left: right;
+$bi-app-right: left;
+$bi-app-direction: rtl;
+$bi-app-invert-direction: ltr;
--- a/web/admin1553pskpx/themes/default/sass/vendor/bi-app/index.php
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bi-app/index.php
@@ -0,0 +1,35 @@
+<?php
+/**
+ * 2007-2017 PrestaShop
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License (AFL 3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * http://opensource.org/licenses/afl-3.0.php
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2017 PrestaShop SA
+ * @license   http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+header("Location: ../");
+exit;
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_bootstrap-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_bootstrap-rtl.sass
@@ -0,0 +1,29 @@
+// Right-to-Left for Bootstrap 3.0.0
+// Morteza Ansarinia <ansarinia@me.com>
+// --------------------------------------------------
+
+// Original LESS files from the latest bootstrap
+@import "../bootstrap-sass/variables"
+@import "../bootstrap-sass/mixins"
+
+// Core RTL CSS
+@import "type-rtl"
+
+// Right-to-left the original bootstrap - to be removed
+@import "merged-rtl"
+
+// Button groups
+@import "button-groups-rtl"
+
+// Right-to-left the grid system
+@import "grid-rtl"
+
+// List groups and badges inside them
+@import "list-group-rtl"
+
+// Components
+@import "pagination-rtl"
+@import "pager-rtl"
+
+// Components w/ JavaScript
+@import "carousel-rtl"
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_button-groups-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_button-groups-rtl.sass
@@ -0,0 +1,56 @@
+//
+// Button groups
+// --------------------------------------------------
+
+// Make the div behave like a button
+.btn-group,
+.btn-group-vertical
+	> .btn
+		float: right
+
+// Prevent double borders when buttons are next to each other
+.btn-group 
+	.btn + .btn,
+	.btn + .btn-group,
+	.btn-group + .btn,
+	.btn-group + .btn-group
+		margin-right: -1px
+
+// Optional: Group multiple button groups together for a toolbar
+.btn-toolbar
+	margin-right: -5px // Offset the first child's margin
+
+	.btn-group,
+	.input-group
+		float: right
+	> .btn,
+	> .btn-group,
+	> .input-group
+		margin-right: 5px
+
+// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
+.btn-group > .btn:first-child
+	margin-right: 0
+	&:not(:last-child):not(.dropdown-toggle)
+		@include border-left-radius(0)
+		@include border-right-radius($border-radius-base)
+
+// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child)
+	@include border-right-radius(0)
+	@include border-left-radius($border-radius-base)
+
+// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
+.btn-group > .btn-group
+	float: right
+
+.btn-group > .btn-group:first-child
+	> .btn:last-child,
+	> .dropdown-toggle
+		@include border-left-radius(0)
+		@include border-right-radius($border-radius-base)
+
+.btn-group > .btn-group:last-child > .btn:first-child
+	@include border-right-radius(0)
+	@include border-left-radius($border-radius-base)
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_carousel-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_carousel-rtl.sass
@@ -0,0 +1,7 @@
+//
+// TODO: Carousel
+// --------------------------------------------------
+
+.carousel-inner
+	> .item
+		@include transition(.6s ease-in-out left)
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_grid-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_grid-rtl.sass
@@ -0,0 +1,512 @@
+//
+// Grid system
+// --------------------------------------------------
+
+// Set the container width, and override it for fixed navbars in media queries
+.container
+	//@extend .container-fixed
+
+// Mobile-first defaults
+.row
+	@include make-row()
+
+// Common styles for small and large grid columns
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
+.col-sm-1,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-md-1,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-lg-1,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12
+	position: relative
+	// Prevent columns from collapsing when empty
+	min-height: 1px
+	// Inner gutter via padding
+	padding-left: ($grid-gutter-width / 2)
+	padding-right: ($grid-gutter-width / 2)
+	margin-left: 0
+
+// Extra small grid
+//
+// Grid classes for extra small devices like smartphones. No offset, push, or
+// pull classes are present here due to the size of the target.
+//
+// Note that `.col-xs-12` doesn't get floated on purpose—there's no need since
+// it's full-width.
+
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11
+	float: right
+
+.col-xs-1
+	width: percentage((1 / $grid-columns))
+.col-xs-2
+	width: percentage((2 / $grid-columns))
+.col-xs-3
+	width: percentage((3 / $grid-columns))
+.col-xs-4
+	width: percentage((4 / $grid-columns))
+.col-xs-5
+	width: percentage((5 / $grid-columns))
+.col-xs-6
+	width: percentage((6 / $grid-columns))
+.col-xs-7
+	width: percentage((7 / $grid-columns))
+.col-xs-8
+	width: percentage((8 / $grid-columns))
+.col-xs-9
+	width: percentage((9 / $grid-columns))
+.col-xs-10
+	width: percentage((10/ $grid-columns))
+.col-xs-11
+	width: percentage((11/ $grid-columns))
+.col-xs-12
+	width: 100%
+
+
+// Small grid
+//
+// Columns, offsets, pushes, and pulls for the small device range, from phones
+// to tablets.
+//
+// Note that `.col-sm-12` doesn't get floated on purpose—there's no need since
+// it's full-width.
+
+@media (min-width: $screen-tablet)
+	.container
+		max-width: $container-tablet
+
+	.col-sm-1,
+	.col-sm-2,
+	.col-sm-3,
+	.col-sm-4,
+	.col-sm-5,
+	.col-sm-6,
+	.col-sm-7,
+	.col-sm-8,
+	.col-sm-9,
+	.col-sm-10,
+	.col-sm-11
+		float: right
+	.col-sm-1
+		width: percentage((1 / $grid-columns))
+	.col-sm-2
+		width: percentage((2 / $grid-columns))
+	.col-sm-3
+		width: percentage((3 / $grid-columns))
+	.col-sm-4
+		width: percentage((4 / $grid-columns))
+	.col-sm-5
+		width: percentage((5 / $grid-columns))
+	.col-sm-6
+		width: percentage((6 / $grid-columns))
+	.col-sm-7
+		width: percentage((7 / $grid-columns))
+	.col-sm-8
+		width: percentage((8 / $grid-columns))
+	.col-sm-9
+		width: percentage((9 / $grid-columns))
+	.col-sm-
+		width: percentage((10/ $grid-columns))
+	.col-sm-
+		width: percentage((11/ $grid-columns))
+	.col-sm-12
+		width: 100%
+
+	// Push and pull columns for source order changes
+	.col-sm-push-1
+		right: percentage((1 / $grid-columns))
+	.col-sm-push-2
+		right: percentage((2 / $grid-columns))
+	.col-sm-push-3
+		right: percentage((3 / $grid-columns))
+	.col-sm-push-4
+		right: percentage((4 / $grid-columns))
+	.col-sm-push-5
+		right: percentage((5 / $grid-columns))
+	.col-sm-push-6
+		right: percentage((6 / $grid-columns))
+	.col-sm-push-7
+		right: percentage((7 / $grid-columns))
+	.col-sm-push-8
+		right: percentage((8 / $grid-columns))
+	.col-sm-push-9
+		right: percentage((9 / $grid-columns))
+	.col-sm-push-10
+		right: percentage((10/ $grid-columns))
+	.col-sm-push-11
+		right: percentage((11/ $grid-columns))
+
+	.col-sm-pull-1
+		left: percentage((1 / $grid-columns))
+	.col-sm-pull-2
+		left: percentage((2 / $grid-columns))
+	.col-sm-pull-3
+		left: percentage((3 / $grid-columns))
+	.col-sm-pull-4
+		left: percentage((4 / $grid-columns))
+	.col-sm-pull-5
+		left: percentage((5 / $grid-columns))
+	.col-sm-pull-6
+		left: percentage((6 / $grid-columns))
+	.col-sm-pull-7
+		left: percentage((7 / $grid-columns))
+	.col-sm-pull-8
+		left: percentage((8 / $grid-columns))
+	.col-sm-pull-9
+		left: percentage((9 / $grid-columns))
+	.col-sm-pull-10
+		left: percentage((10/ $grid-columns))
+	.col-sm-pull-11
+		left: percentage((11/ $grid-columns))
+
+	// Offsets
+	.col-sm-offset-1
+		margin-right: percentage((1 / $grid-columns))
+	.col-sm-offset-2
+		margin-right: percentage((2 / $grid-columns))
+	.col-sm-offset-3
+		margin-right: percentage((3 / $grid-columns))
+	.col-sm-offset-4
+		margin-right: percentage((4 / $grid-columns))
+	.col-sm-offset-5
+		margin-right: percentage((5 / $grid-columns))
+	.col-sm-offset-6
+		margin-right: percentage((6 / $grid-columns))
+	.col-sm-offset-7
+		margin-right: percentage((7 / $grid-columns))
+	.col-sm-offset-8
+		margin-right: percentage((8 / $grid-columns))
+	.col-sm-offset-9
+		margin-right: percentage((9 / $grid-columns))
+	.col-sm-offset-10
+		margin-right: percentage((10/ $grid-columns))
+	.col-sm-offset-11
+		margin-right: percentage((11/ $grid-columns))
+
+	.col-sm-offset-1,
+	.col-sm-offset-2,
+	.col-sm-offset-3,
+	.col-sm-offset-4,
+	.col-sm-offset-5,
+	.col-sm-offset-6,
+	.col-sm-offset-7,
+	.col-sm-offset-8,
+	.col-sm-offset-9,
+	.col-sm-offset-10,
+	.col-sm-offset-11
+		margin-left: 0
+
+// Medium grid
+//
+// Columns, offsets, pushes, and pulls for the desktop device range.
+//
+// Note that `.col-md-12` doesn't get floated on purpose—there's no need since
+// it's full-width.
+
+@media (min-width: $screen-desktop)
+	.container
+		max-width: $container-desktop
+	.col-md-1,
+	.col-md-2,
+	.col-md-3,
+	.col-md-4,
+	.col-md-5,
+	.col-md-6,
+	.col-md-7,
+	.col-md-8,
+	.col-md-9,
+	.col-md-10,
+	.col-md-11
+		float: right
+	.col-md-1 
+		width: percentage((1 / $grid-columns))
+	.col-md-2 
+		width: percentage((2 / $grid-columns))
+	.col-md-3 
+		width: percentage((3 / $grid-columns))
+	.col-md-4 
+		width: percentage((4 / $grid-columns))
+	.col-md-5 
+		width: percentage((5 / $grid-columns))
+	.col-md-6 
+		width: percentage((6 / $grid-columns))
+	.col-md-7 
+		width: percentage((7 / $grid-columns))
+	.col-md-8 
+		width: percentage((8 / $grid-columns))
+	.col-md-9 
+		width: percentage((9 / $grid-columns))
+	.col-md-10
+		width: percentage((10/ $grid-columns))
+	.col-md-11
+		width: percentage((11/ $grid-columns))
+	.col-md-12
+		width: 100%
+
+	// Push and pull columns for source order changes
+	.col-md-push-1
+		right: percentage((1 / $grid-columns))
+	.col-md-push-2
+		right: percentage((2 / $grid-columns))
+	.col-md-push-3
+		right: percentage((3 / $grid-columns))
+	.col-md-push-4
+		right: percentage((4 / $grid-columns))
+	.col-md-push-5
+		right: percentage((5 / $grid-columns))
+	.col-md-push-6
+		right: percentage((6 / $grid-columns))
+	.col-md-push-7
+		right: percentage((7 / $grid-columns))
+	.col-md-push-8
+		right: percentage((8 / $grid-columns))
+	.col-md-push-9
+		right: percentage((9 / $grid-columns))
+	.col-md-push-10
+		right: percentage((10/ $grid-columns))
+	.col-md-push-11
+		right: percentage((11/ $grid-columns))
+
+	.col-md-pull-1
+		left: percentage((1 / $grid-columns))
+	.col-md-pull-2
+		left: percentage((2 / $grid-columns))
+	.col-md-pull-3
+		left: percentage((3 / $grid-columns))
+	.col-md-pull-4
+		left: percentage((4 / $grid-columns))
+	.col-md-pull-5
+		left: percentage((5 / $grid-columns))
+	.col-md-pull-6
+		left: percentage((6 / $grid-columns))
+	.col-md-pull-7
+		left: percentage((7 / $grid-columns))
+	.col-md-pull-8
+		left: percentage((8 / $grid-columns))
+	.col-md-pull-9
+		left: percentage((9 / $grid-columns))
+	.col-md-pull-10
+		left: percentage((10/ $grid-columns))
+	.col-md-pull-11
+		left: percentage((11/ $grid-columns))
+
+	// Offsets
+	.col-md-offset-1
+		margin-right: percentage((1 / $grid-columns))
+	.col-md-offset-2
+		margin-right: percentage((2 / $grid-columns))
+	.col-md-offset-3
+		margin-right: percentage((3 / $grid-columns))
+	.col-md-offset-4
+		margin-right: percentage((4 / $grid-columns))
+	.col-md-offset-5
+		margin-right: percentage((5 / $grid-columns))
+	.col-md-offset-6
+		margin-right: percentage((6 / $grid-columns))
+	.col-md-offset-7
+		margin-right: percentage((7 / $grid-columns))
+	.col-md-offset-8
+		margin-right: percentage((8 / $grid-columns))
+	.col-md-offset-9
+		margin-right: percentage((9 / $grid-columns))
+	.col-md-offset-10
+		margin-right: percentage((10/ $grid-columns))
+	.col-md-offset-11
+		margin-right: percentage((11/ $grid-columns))
+
+	.col-md-offset-1,
+	.col-md-offset-2,
+	.col-md-offset-3,
+	.col-md-offset-4,
+	.col-md-offset-5,
+	.col-md-offset-6,
+	.col-md-offset-7,
+	.col-md-offset-8,
+	.col-md-offset-9,
+	.col-md-offset-10,
+	.col-md-offset-11
+		margin-left: 0
+
+// Large grid
+//
+// Columns, offsets, pushes, and pulls for the large desktop device range.
+//
+// Note that `.col-lg-12` doesn't get floated on purpose—there's no need since
+// it's full-width.
+
+@media (min-width: $screen-lg-desktop)
+	.container
+		max-width: $container-large-desktop
+
+	.col-lg-1,
+	.col-lg-2,
+	.col-lg-3,
+	.col-lg-4,
+	.col-lg-5,
+	.col-lg-6,
+	.col-lg-7,
+	.col-lg-8,
+	.col-lg-9,
+	.col-lg-10,
+	.col-lg-11
+		float: right
+
+	.col-lg-1  
+		width: percentage((1 / $grid-columns))
+	.col-lg-2  
+		width: percentage((2 / $grid-columns))
+	.col-lg-3  
+		width: percentage((3 / $grid-columns))
+	.col-lg-4  
+		width: percentage((4 / $grid-columns))
+	.col-lg-5  
+		width: percentage((5 / $grid-columns))
+	.col-lg-6  
+		width: percentage((6 / $grid-columns))
+	.col-lg-7  
+		width: percentage((7 / $grid-columns))
+	.col-lg-8  
+		width: percentage((8 / $grid-columns))
+	.col-lg-9  
+		width: percentage((9 / $grid-columns))
+	.col-lg-10 
+		width: percentage((10/ $grid-columns))
+	.col-lg-11 
+		width: percentage((11/ $grid-columns))
+	.col-lg-12 
+		width: 100%
+
+	// Push and pull columns for source order changes
+	.col-lg-push-1 
+		right: percentage((1 / $grid-columns))
+	.col-lg-push-2 
+		right: percentage((2 / $grid-columns))
+	.col-lg-push-3 
+		right: percentage((3 / $grid-columns))
+	.col-lg-push-4 
+		right: percentage((4 / $grid-columns))
+	.col-lg-push-5 
+		right: percentage((5 / $grid-columns))
+	.col-lg-push-6 
+		right: percentage((6 / $grid-columns))
+	.col-lg-push-7 
+		right: percentage((7 / $grid-columns))
+	.col-lg-push-8 
+		right: percentage((8 / $grid-columns))
+	.col-lg-push-9 
+		right: percentage((9 / $grid-columns))
+	.col-lg-push-10
+		right: percentage((10/ $grid-columns))
+	.col-lg-push-11
+		right: percentage((11/ $grid-columns))
+
+	.col-lg-pull-1 
+		left: percentage((1 / $grid-columns))
+	.col-lg-pull-2 
+		left: percentage((2 / $grid-columns))
+	.col-lg-pull-3 
+		left: percentage((3 / $grid-columns))
+	.col-lg-pull-4 
+		left: percentage((4 / $grid-columns))
+	.col-lg-pull-5 
+		left: percentage((5 / $grid-columns))
+	.col-lg-pull-6 
+		left: percentage((6 / $grid-columns))
+	.col-lg-pull-7 
+		left: percentage((7 / $grid-columns))
+	.col-lg-pull-8 
+		left: percentage((8 / $grid-columns))
+	.col-lg-pull-9 
+		left: percentage((9 / $grid-columns))
+	.col-lg-pull-10
+		left: percentage((10/ $grid-columns))
+	.col-lg-pull-11
+		left: percentage((11/ $grid-columns))
+
+	// Offsets
+	.col-lg-offset-1
+		margin-right: percentage((1 / $grid-columns))
+	.col-lg-offset-2
+		margin-right: percentage((2 / $grid-columns))
+	.col-lg-offset-3
+		margin-right: percentage((3 / $grid-columns))
+	.col-lg-offset-4
+		margin-right: percentage((4 / $grid-columns))
+	.col-lg-offset-5
+		margin-right: percentage((5 / $grid-columns))
+	.col-lg-offset-6
+		margin-right: percentage((6 / $grid-columns))
+	.col-lg-offset-7
+		margin-right: percentage((7 / $grid-columns))
+	.col-lg-offset-8
+		margin-right: percentage((8 / $grid-columns))
+	.col-lg-offset-9
+		margin-right: percentage((9 / $grid-columns))
+	.col-lg-offset-10
+		margin-right: percentage((10/ $grid-columns))
+	.col-lg-offset-11
+		margin-right: percentage((11/ $grid-columns))
+
+	.col-lg-offset-1,
+	.col-lg-offset-2,
+	.col-lg-offset-3,
+	.col-lg-offset-4,
+	.col-lg-offset-5,
+	.col-lg-offset-6,
+	.col-lg-offset-7,
+	.col-lg-offset-8,
+	.col-lg-offset-9,
+	.col-lg-offset-10,
+	.col-lg-offset-11
+		margin-left: 0
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_list-group-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_list-group-rtl.sass
@@ -0,0 +1,11 @@
+// Individual list items
+//
+// Use on `li`s or `div`s within the `.list-group` parent.
+
+.list-group-item
+	// Align badges within list items
+	> .badge
+		float: left
+	> .badge + .badge
+		margin-left: 5px
+		margin-right: 0px
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_merged-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_merged-rtl.sass
@@ -0,0 +1,358 @@
+// Typography
+// -------------------------
+$rtl-font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
+$rtl-font-family-serif: Georgia, "Times New Roman", Times, serif
+$rtl-font-family-base: $rtl-font-family-sans-serif
+$rtl-headings-font-family: $rtl-font-family-base
+
+body
+	direction: rtl
+	font-family: $rtl-font-family-base
+
+// Headings
+// -------------------------
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6
+	font-family: $rtl-headings-font-family
+
+// Brand/project name
+.navbar-brand
+	float: right
+	@media (min-width: $grid-float-breakpoint)
+		.navbar > .container &
+			margin-right: -$navbar-padding-horizontal
+			margin-left: 0
+
+// Navbar heading
+//
+// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
+// styling of responsive aspects.
+.navbar-header
+	@media (min-width: $grid-float-breakpoint)
+		float: right
+
+// Navbar toggle
+//
+// Custom button for toggling the `.navbar-collapse`, powered by the collapse
+// JavaScript plugin.
+
+.navbar-toggle
+	float: left
+	margin-left: $navbar-padding-horizontal
+
+.navbar-collapse
+	@media (min-width: $grid-float-breakpoint)
+		width: auto
+		border-top: 0
+		box-shadow: none
+		.navbar-nav.navbar-right:last-child
+			margin-right: 0
+
+// Navbar form
+//
+// Extension of the `.form-inline` with some extra flavor for optimum display in
+// our navbars.
+
+.navbar-form
+	margin-left: -$navbar-padding-horizontal
+	margin-right: -$navbar-padding-horizontal
+
+// Text in navbars
+//
+// Add a class to make any element properly align itself vertically within the navbars.
+
+.navbar-text
+	float: right
+	@media (min-width: $grid-float-breakpoint)
+		margin-left: $navbar-padding-horizontal
+		margin-right: $navbar-padding-horizontal
+
+// Navbar nav links
+//
+// Builds on top of the `.nav` components with it's own modifier class to make
+// the nav the full height of the horizontal nav (above 768px).
+
+.navbar-nav
+	@media (max-width: $screen-xs-max)
+		// Dropdowns get custom display when collapsed
+		.open .dropdown-menu
+			> li > a,
+			.dropdown-header
+				padding: 5px 25px 5px 15px
+
+	// Uncollapse the nav
+	@media (min-width: $grid-float-breakpoint)
+		float: right
+		> li
+			float: right
+
+.nav-justified
+	width: 100%
+	> li
+		float: none
+		> a
+			text-align: center
+			margin-bottom: 5px
+
+	@media (min-width: $screen-sm-min)
+		> li
+			display: table-cell
+			width: 1%
+			> a
+				margin-bottom: 0
+
+// Tabs
+// -------------------------
+
+// Give the tabs something to sit on
+.nav-tabs
+	border-bottom: 1px solid $nav-tabs-border-color
+	> li
+		float: right
+		// Make the list-items overlay the bottom border
+		margin-bottom: -1px
+
+		// Actual tabs (as links)
+		> a
+			margin-right: -2px
+			border-radius: $border-radius-base $border-radius-base 0 0
+
+	// pulling this in mainly for less shorthand
+	&.nav-justified 
+		@extend .nav-justified
+		@extend .nav-tabs-justified
+
+.nav-tabs-justified
+	> li > a
+		// Override margin from .nav-tabs
+		margin-left: 0
+	@media (min-width: $screen-sm-min)
+		> li > a
+			border-radius: $border-radius-base $border-radius-base 0 0
+			color:blue
+
+// progress-bar
+// Bar of progress
+.progress-bar
+	float: right
+
+// Alerts
+
+// Dismissable alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissable
+	// Adjust close link position
+	.close
+		font-family: $font-family-base
+		top: -2px
+		left: 21px
+		right: 0px
+
+//
+// Close icons
+// --------------------------------------------------
+
+.close
+	font-family: $font-family-base
+	float: left
+
+//
+// Dropdown menus
+// --------------------------------------------------
+
+
+// Dropdown arrow/caret
+.caret
+	margin-right: 2px
+
+// The dropdown menu (ul)
+.dropdown-menu
+	right: 0
+	float: left
+	left: auto
+
+	// Aligns the dropdown menu to left
+	&.pull-left
+		left: 0
+		float: right
+		right: auto
+
+// Left aligned dropdowns
+.pull-left > .dropdown-menu
+	left: 0
+	float: right
+	right: auto
+
+// Right aligned menus need alt position
+.navbar-nav.pull-left > li > .dropdown-menu,
+.navbar-nav > li > .dropdown-menu.pull-left
+	right: auto
+	left: 0
+
+// Justified navbar
+.nav-tabs-justified
+	> li > a
+		margin-left: 0
+
+// Give the tabs something to sit on
+.nav-tabs
+	> li
+		float: right
+		// Actual tabs (as links)
+		> a
+			margin-left: 2px
+
+// Pills
+// -------------------------
+.nav-pills
+	> li
+		float: right
+		// Links rendered as pills
+		> a
+			border-radius: $nav-pills-border-radius
+		+ li
+			margin-right: 2px
+			margin-left: 0px
+
+// Stacked pills
+.nav-stacked
+	> li
+		float: none
+		+ li
+			margin-right: 0 // no need for this gap between nav items
+
+// Base nav class
+
+.nav
+	padding-right: 0 // Override default ul/ol
+
+
+// Justified nav links
+// -------------------------
+
+.nav-tabs.nav-justified,
+.nav-pills.nav-justified
+	width: 100%
+	> li
+		float: none!important
+		> a
+			text-align: center
+			margin-bottom: 5px
+
+	> .dropdown .dropdown-menu
+		top: auto
+		left: auto
+
+	@media (min-width: $screen-sm-min)
+		> li
+			display: table-cell
+			width: 1%
+			> a
+				margin-bottom: 0
+
+.nav-tabs.nav-justified > li > a
+	color: $link-color
+
+
+// Reverse input group round corners in RTL
+
+// Reset rounded corners
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle)
+	@include border-right-radius($border-radius-base)
+	@include border-left-radius(0)
+
+.input-group-addon:first-child
+	border-right: 1px solid $input-group-addon-border-color
+	border-left: 0px
+
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child)
+	@include border-left-radius($border-radius-base)
+	@include border-right-radius(0)
+
+.input-group-addon:last-child
+	border-left: 1px solid $input-group-addon-border-color
+	border-right: 0px
+
+// Button input groups
+// -------------------------
+.input-group-btn
+	// Negative margin to only have a 1px border between the two
+	&:first-child > .btn
+		margin-left: -1px
+	&:last-child > .btn
+		margin-right: -1px
+
+.input-group-btn > .btn
+	position: relative
+	// Jankily prevent input button groups from wrapping
+	+ .btn
+		margin-right: -4px
+	// Bring the "active" button to the front
+	&:hover,
+	&:active
+		z-index: 2
+
+.radio,
+.checkbox
+	padding-right: 20px
+
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"]
+	float: right
+	margin-right: -20px
+
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline
+	margin-right: 10px // space out consecutive inline controls
+
+.form-inline
+	// Remove default margin on radios/checkboxes that were used for stacking, and
+	// then undo the floating of radios and checkboxes to match (which also avoids
+	// a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
+	.radio,
+	.checkbox
+		padding-right: 0
+	.radio input[type="radio"],
+	.checkbox input[type="checkbox"]
+		margin-right: 0
+
+// Horizontal forms
+//
+.form-horizontal
+	// Only right align form labels here when the columns stop stacking
+	@media (min-width: $screen-sm-min)
+		.control-label
+			text-align: left
+
+// Popovers
+// -------------------------
+.popover.top, 
+.popover.bottom
+	direction:ltr
+
+.popover.top .popover-title, 
+.popover.top .popover-content,
+.popover.bottom .popover-title, 
+.popover.bottom .popover-content
+	direction: rtl
+	text-align: right
+
+// Tables
+// -----------------
+th
+	text-align: right
+
+.list-group
+	padding-right: 0
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_pager-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_pager-rtl.sass
@@ -0,0 +1,16 @@
+//
+// RTL Pager pagination
+// --------------------------------------------------
+
+.pager
+	padding-right: 0
+
+	.next
+		> a,
+		> span
+			float: left
+
+	.previous
+		> a,
+		> span
+			float: right
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_pagination-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_pagination-rtl.sass
@@ -0,0 +1,23 @@
+//
+// RTL Pagination (multiple pages)
+// --------------------------------------------------
+.pagination
+	padding-right: 0
+	> li
+		> a,
+		> span
+			float: right // Collapse white-space
+			margin-right: -1px
+			margin-left: 0px
+		&:first-child
+			> a,
+			> span
+				margin-left: 0
+				@include border-right-radius($border-radius-base)
+				@include border-left-radius(0)
+		&:last-child
+			> a,
+			> span
+				margin-right: -1px
+				@include border-left-radius($border-radius-base)
+				@include border-right-radius(0)
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_type-rtl.sass
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/_type-rtl.sass
@@ -0,0 +1,25 @@
+// Blockquotes
+
+blockquote
+	border-right: 5px solid $blockquote-border-color
+	border-left: 0
+
+	// Float left with text-align: left
+	&.pull-left
+		p,
+		small,
+		.small
+			text-align: left
+
+// Horizontal description lists
+
+@media (min-width: $grid-float-breakpoint)
+	.dl-horizontal
+		dt
+			float: right
+			width: ($component-offset-horizontal - 20)
+			clear: right
+			text-align: left
+		dd
+			margin-left: 0
+			margin-right: $component-offset-horizontal
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/index.php
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-rtl-sass/index.php
@@ -0,0 +1,35 @@
+<?php
+/**
+ * 2007-2017 PrestaShop
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License (AFL 3.0)
+ * that is bundled with this package in the file LICENSE.txt.
+ * It is also available through the world-wide-web at this URL:
+ * http://opensource.org/licenses/afl-3.0.php
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to http://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2017 PrestaShop SA
+ * @license   http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
+
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+
+header("Location: ../");
+exit;
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_alerts.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_alerts.scss
@@ -0,0 +1,67 @@
+//
+// Alerts
+// --------------------------------------------------
+
+
+// Base styles
+// -------------------------
+
+.alert {
+  padding: $alert-padding;
+  margin-bottom: $line-height-computed;
+  border: 1px solid transparent;
+  border-radius: $alert-border-radius;
+
+  // Headings for larger alerts
+  h4 {
+    margin-top: 0;
+    // Specified for the h4 to prevent conflicts of changing $headings-color
+    color: inherit;
+  }
+  // Provide class for links that match alerts
+  .alert-link {
+    font-weight: $alert-link-font-weight;
+  }
+
+  // Improve alignment and spacing of inner content
+  > p,
+  > ul {
+    margin-bottom: 0;
+  }
+  > p + p {
+    margin-top: 5px;
+  }
+}
+
+// Dismissable alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissable {
+ padding-right: ($alert-padding + 20);
+
+  // Adjust close link position
+  .close {
+    position: relative;
+    top: -2px;
+    right: -21px;
+    color: inherit;
+  }
+}
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+.alert-success {
+  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
+}
+.alert-info {
+  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
+}
+.alert-warning {
+  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
+}
+.alert-danger {
+  @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_badges.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_badges.scss
@@ -0,0 +1,57 @@
+//
+// Badges
+// --------------------------------------------------
+
+
+// Base class
+.badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: $font-size-small;
+  font-weight: $badge-font-weight;
+  color: $badge-color;
+  line-height: $badge-line-height;
+  vertical-align: baseline;
+  white-space: nowrap;
+  text-align: center;
+  background-color: $badge-bg;
+  border-radius: $badge-border-radius;
+
+  // Empty badges collapse automatically (not available in IE8)
+  &:empty {
+    display: none;
+  }
+
+  // Quick fix for badges in buttons
+  .btn & {
+    position: relative;
+    top: -1px;
+  }
+  .btn-xs & {
+    top: 0;
+    padding: 1px 5px;
+  }
+
+  // [converter] extracted a& to a.badge
+
+  // Account for badges in navs
+  a.list-group-item.active > &,
+  .nav-pills > .active > a > & {
+    color: $badge-active-color;
+    background-color: $badge-active-bg;
+  }
+  .nav-pills > li > a > & {
+    margin-left: 3px;
+  }
+}
+
+// Hover state, but only for links
+a.badge {
+  &:hover,
+  &:focus {
+    color: $badge-link-hover-color;
+    text-decoration: none;
+    cursor: pointer;
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_breadcrumbs.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_breadcrumbs.scss
@@ -0,0 +1,26 @@
+//
+// Breadcrumbs
+// --------------------------------------------------
+
+
+.breadcrumb {
+  padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
+  margin-bottom: $line-height-computed;
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  border-radius: $border-radius-base;
+
+  > li {
+    display: inline-block;
+
+    + li:before {
+      content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
+      padding: 0 5px;
+      color: $breadcrumb-color;
+    }
+  }
+
+  > .active {
+    color: $breadcrumb-active-color;
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_button-groups.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_button-groups.scss
@@ -0,0 +1,240 @@
+//
+// Button groups
+// --------------------------------------------------
+
+// Make the div behave like a button
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle; // match .btn alignment given font-size hack above
+  > .btn {
+    position: relative;
+    float: left;
+    // Bring the "active" button to the front
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+      z-index: 2;
+    }
+    &:focus {
+      // Remove focus outline when dropdown JS adds it after closing the menu
+      outline: 0;
+    }
+  }
+}
+
+// Prevent double borders when buttons are next to each other
+.btn-group {
+  .btn + .btn,
+  .btn + .btn-group,
+  .btn-group + .btn,
+  .btn-group + .btn-group {
+    margin-left: -1px;
+  }
+}
+
+// Optional: Group multiple button groups together for a toolbar
+.btn-toolbar {
+  margin-left: -5px; // Offset the first child's margin
+  @include clearfix();
+
+  .btn-group,
+  .input-group {
+    float: left;
+  }
+  > .btn,
+  > .btn-group,
+  > .input-group {
+    margin-left: 5px;
+  }
+}
+
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+
+// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
+.btn-group > .btn:first-child {
+  margin-left: 0;
+  &:not(:last-child):not(.dropdown-toggle) {
+    @include border-right-radius(0);
+  }
+}
+// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+  @include border-left-radius(0);
+}
+
+.btn-group > .dropdown-toggle:not(:first-child) {
+    @include border-left(0);
+}
+
+// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
+.btn-group > .btn-group {
+  float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group > .btn-group:first-child {
+  > .btn:last-child,
+  > .dropdown-toggle {
+    @include border-right-radius(0);
+  }
+}
+.btn-group > .btn-group:last-child > .btn:first-child {
+  @include border-left-radius(0);
+}
+
+// On active and open, don't show outline
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.btn-group-xs > .btn { @extend .btn-xs; }
+.btn-group-sm > .btn { @extend .btn-sm; }
+.btn-group-lg > .btn { @extend .btn-lg; }
+
+
+// Split button dropdowns
+// ----------------------
+
+// Give the line between buttons some depth
+.btn-group > .btn + .dropdown-toggle {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+// The clickable button for toggling the menu
+// Remove the gradient and set the same inset shadow as the :active state
+.btn-group.open .dropdown-toggle {
+  @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+
+  // Show no shadow for `.btn-link` since it has no other button styles.
+  &.btn-link {
+    @include box-shadow(none);
+  }
+}
+
+
+// Reposition the caret
+.btn .caret {
+  margin-left: 0;
+}
+// Carets in other button sizes
+.btn-lg .caret {
+  border-width: $caret-width-large $caret-width-large 0;
+  border-bottom-width: 0;
+}
+// Upside down carets for .dropup
+.dropup .btn-lg .caret {
+  border-width: 0 $caret-width-large $caret-width-large;
+}
+
+
+// Vertical button groups
+// ----------------------
+
+.btn-group-vertical {
+  > .btn,
+  > .btn-group,
+  > .btn-group > .btn {
+    display: block;
+    float: none;
+    width: 100%;
+    max-width: 100%;
+  }
+
+  // Clear floats so dropdown menus can be properly placed
+  > .btn-group {
+    @include clearfix();
+    > .btn {
+      float: none;
+    }
+  }
+
+  > .btn + .btn,
+  > .btn + .btn-group,
+  > .btn-group + .btn,
+  > .btn-group + .btn-group {
+    margin-top: -1px;
+    margin-left: 0;
+  }
+}
+
+.btn-group-vertical > .btn {
+  &:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+  &:first-child:not(:last-child) {
+    border-top-right-radius: $border-radius-base;
+    @include border-bottom-radius(0);
+  }
+  &:last-child:not(:first-child) {
+    border-bottom-left-radius: $border-radius-base;
+    @include border-top-radius(0);
+  }
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child:not(:last-child) {
+  > .btn:last-child,
+  > .dropdown-toggle {
+    @include border-bottom-radius(0);
+  }
+}
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  @include border-top-radius(0);
+}
+
+
+
+// Justified button groups
+// ----------------------
+
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+  > .btn,
+  > .btn-group {
+    float: none;
+    display: table-cell;
+    width: 1%;
+  }
+  > .btn-group .btn {
+    width: 100%;
+  }
+}
+
+
+// Checkbox and radio options
+//
+// In order to support the browser's form validation feedback, powered by the
+// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
+// use `display: none;` or `visibility: hidden;` as that also hides the popover.
+// This way, we ensure a DOM element is visible to position the popover from.
+//
+// See https://github.com/twbs/bootstrap/pull/12794 for more.
+
+[data-toggle="buttons"] > .btn > input[type="radio"],
+[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_buttons.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_buttons.scss
@@ -0,0 +1,159 @@
+//
+// Buttons
+// --------------------------------------------------
+
+
+// Base styles
+// --------------------------------------------------
+
+.btn {
+  display: inline-block;
+  margin-bottom: 0; // For input.btn
+  font-weight: $btn-font-weight;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  border: 1px solid transparent;
+  white-space: nowrap;
+  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
+  @include user-select(none);
+
+  &,
+  &:active,
+  &.active {
+    &:focus {
+      @include tab-focus();
+    }
+  }
+
+  &:hover,
+  &:focus {
+    color: $btn-default-color;
+    text-decoration: none;
+  }
+
+  &:active,
+  &.active {
+    outline: 0;
+    background-image: none;
+    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+  }
+
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    cursor: not-allowed;
+    pointer-events: none; // Future-proof disabling of clicks
+    @include opacity(.65);
+    @include box-shadow(none);
+  }
+}
+
+
+// Alternate buttons
+// --------------------------------------------------
+
+.btn-default {
+  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
+}
+.btn-primary {
+  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
+}
+// Success appears as green
+.btn-success {
+  @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
+}
+// Info appears as blue-green
+.btn-info {
+  @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
+}
+// Warning appears as orange
+.btn-warning {
+  @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
+}
+// Danger and error appear as red
+.btn-danger {
+  @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
+}
+
+
+// Link buttons
+// -------------------------
+
+// Make a button look and behave like a link
+.btn-link {
+  color: $link-color;
+  font-weight: normal;
+  cursor: pointer;
+  border-radius: 0;
+
+  &,
+  &:active,
+  &[disabled],
+  fieldset[disabled] & {
+    background-color: transparent;
+    @include box-shadow(none);
+  }
+  &,
+  &:hover,
+  &:focus,
+  &:active {
+    border-color: transparent;
+  }
+  &:hover,
+  &:focus {
+    color: $link-hover-color;
+    text-decoration: underline;
+    background-color: transparent;
+  }
+  &[disabled],
+  fieldset[disabled] & {
+    &:hover,
+    &:focus {
+      color: $btn-link-disabled-color;
+      text-decoration: none;
+    }
+  }
+}
+
+
+// Button Sizes
+// --------------------------------------------------
+
+.btn-lg {
+  // line-height: ensure even-numbered height of button next to large input
+  @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-small);
+}
+.btn-sm {
+  // line-height: ensure proper height of button next to small input
+  @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
+}
+.btn-xs {
+  @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small);
+}
+
+
+// Block button
+// --------------------------------------------------
+
+.btn-block {
+  display: block;
+  width: 100%;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+// Vertically space out multiple block buttons
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+
+// Specificity overrides
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  &.btn-block {
+    width: 100%;
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_carousel.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_carousel.scss
@@ -0,0 +1,241 @@
+//
+// Carousel
+// --------------------------------------------------
+
+
+// Wrapper for the slide container and indicators
+.carousel {
+  position: relative;
+}
+
+.carousel-inner {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+
+  > .item {
+    display: none;
+    position: relative;
+    @include transition(.6s ease-in-out left);
+
+    // Account for jankitude on images
+    > img,
+    > a > img {
+      @include img-responsive();
+      line-height: 1;
+    }
+  }
+
+  > .active,
+  > .next,
+  > .prev { display: block; }
+
+  > .active {
+    left: 0;
+  }
+
+  > .next,
+  > .prev {
+    position: absolute;
+    top: 0;
+    width: 100%;
+  }
+
+  > .next {
+    left: 100%;
+  }
+  > .prev {
+    left: -100%;
+  }
+  > .next.left,
+  > .prev.right {
+    left: 0;
+  }
+
+  > .active.left {
+    left: -100%;
+  }
+  > .active.right {
+    left: 100%;
+  }
+
+}
+
+// Left/right controls for nav
+// ---------------------------
+
+.carousel-control {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: $carousel-control-width;
+  @include opacity($carousel-control-opacity);
+  font-size: $carousel-control-font-size;
+  color: $carousel-control-color;
+  text-align: center;
+  text-shadow: $carousel-text-shadow;
+  // We can't have this transition here because WebKit cancels the carousel
+  // animation if you trip this while in the middle of another animation.
+
+  // Set gradients for backgrounds
+  &.left {
+    @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
+  }
+  &.right {
+    left: auto;
+    right: 0;
+    @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
+  }
+
+  // Hover/focus state
+  &:hover,
+  &:focus {
+    outline: 0;
+    color: $carousel-control-color;
+    text-decoration: none;
+    @include opacity(.9);
+  }
+
+  // Toggles
+  .icon-prev,
+  .icon-next,
+  .glyphicon-chevron-left,
+  .glyphicon-chevron-right {
+    position: absolute;
+    top: 50%;
+    z-index: 5;
+    display: inline-block;
+  }
+  .icon-prev,
+  .glyphicon-chevron-left {
+    left: 50%;
+    margin-left: -10px;
+  }
+  .icon-next,
+  .glyphicon-chevron-right {
+    right: 50%;
+    margin-right: -10px;
+  }
+  .icon-prev,
+  .icon-next {
+    width:  20px;
+    height: 20px;
+    margin-top: -10px;
+    font-family: serif;
+  }
+
+
+  .icon-prev {
+    &:before {
+      content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
+    }
+  }
+  .icon-next {
+    &:before {
+      content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
+    }
+  }
+}
+
+// Optional indicator pips
+//
+// Add an unordered list with the following class and add a list item for each
+// slide your carousel holds.
+
+.carousel-indicators {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  z-index: 15;
+  width: 60%;
+  margin-left: -30%;
+  padding-left: 0;
+  list-style: none;
+  text-align: center;
+
+  li {
+    display: inline-block;
+    width:  10px;
+    height: 10px;
+    margin: 1px;
+    text-indent: -999px;
+    border: 1px solid $carousel-indicator-border-color;
+    border-radius: 10px;
+    cursor: pointer;
+
+    // IE8-9 hack for event handling
+    //
+    // Internet Explorer 8-9 does not support clicks on elements without a set
+    // `background-color`. We cannot use `filter` since that's not viewed as a
+    // background color by the browser. Thus, a hack is needed.
+    //
+    // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
+    // set alpha transparency for the best results possible.
+    background-color: #000 \9; // IE8
+    background-color: rgba(0,0,0,0); // IE9
+  }
+  .active {
+    margin: 0;
+    width:  12px;
+    height: 12px;
+    background-color: $carousel-indicator-active-bg;
+  }
+}
+
+// Optional captions
+// -----------------------------
+// Hidden by default for smaller viewports
+.carousel-caption {
+  position: absolute;
+  left: 15%;
+  right: 15%;
+  bottom: 20px;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: $carousel-caption-color;
+  text-align: center;
+  text-shadow: $carousel-text-shadow;
+  & .btn {
+    text-shadow: none; // No shadow for button elements in carousel-caption
+  }
+}
+
+
+// Scale up controls for tablets and up
+@media screen and (min-width: $screen-sm-min) {
+
+  // Scale up the controls a smidge
+  .carousel-control {
+    .glyphicon-chevron-left,
+    .glyphicon-chevron-right,
+    .icon-prev,
+    .icon-next {
+      width: 30px;
+      height: 30px;
+      margin-top: -15px;
+      font-size: 30px;
+    }
+    .glyphicon-chevron-left,
+    .icon-prev {
+      margin-left: -15px;
+    }
+    .glyphicon-chevron-right,
+    .icon-next {
+      margin-right: -15px;
+    }
+  }
+
+  // Show and left align the captions
+  .carousel-caption {
+    left: 20%;
+    right: 20%;
+    padding-bottom: 30px;
+  }
+
+  // Move up the indicators
+  .carousel-indicators {
+    bottom: 20px;
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_close.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_close.scss
@@ -0,0 +1,35 @@
+//
+// Close icons
+// --------------------------------------------------
+
+
+.close {
+  float: right;
+  font-size: ($font-size-base * 1.5);
+  font-weight: $close-font-weight;
+  line-height: 1;
+  color: $close-color;
+  text-shadow: $close-text-shadow;
+  @include opacity(.2);
+
+  &:hover,
+  &:focus {
+    color: $close-color;
+    text-decoration: none;
+    cursor: pointer;
+    @include opacity(.5);
+  }
+
+  // [converter] extracted button& to button.close
+}
+
+// Additional properties for button version
+// iOS requires the button element instead of an anchor tag.
+// If you want the anchor version, it requires `href="#"`.
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_code.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_code.scss
@@ -0,0 +1,62 @@
+//
+// Code (inline and block)
+// --------------------------------------------------
+
+
+// Inline and block code styles
+code,
+kbd,
+pre,
+samp {
+  font-family: $font-family-monospace;
+}
+
+// Inline code
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: $code-color;
+  background-color: $code-bg;
+  border-radius: $border-radius-base;
+}
+
+// User input typically entered via keyboard
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: $kbd-color;
+  background-color: $kbd-bg;
+  border-radius: $border-radius-small;
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+}
+
+// Blocks of code
+pre {
+  display: block;
+  padding: (($line-height-computed - 1) / 2);
+  margin: 0 0 ($line-height-computed / 2);
+  font-size: ($font-size-base - 1); // 14px to 13px
+  line-height: $line-height-base;
+  word-break: break-all;
+  word-wrap: break-word;
+  color: $pre-color;
+  background-color: $pre-bg;
+  border: 1px solid $pre-border-color;
+  border-radius: $border-radius-base;
+
+  // Account for some code outputs that place code tags in pre tags
+  code {
+    padding: 0;
+    font-size: inherit;
+    color: inherit;
+    white-space: pre-wrap;
+    background-color: transparent;
+    border-radius: 0;
+  }
+}
+
+// Enable scrollable blocks of code
+.pre-scrollable {
+  max-height: $pre-scrollable-max-height;
+  overflow-y: scroll;
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_component-animations.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_component-animations.scss
@@ -0,0 +1,35 @@
+//
+// Component animations
+// --------------------------------------------------
+
+// Heads up!
+//
+// We don't use the `.opacity()` mixin here since it causes a bug with text
+// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
+
+.fade {
+  opacity: 0;
+  @include transition(opacity .15s linear);
+  &.in {
+    opacity: 1;
+  }
+}
+
+.collapse {
+  display: none;
+
+  &.in      { display: block; }
+  // [converter] extracted tr&.in to tr.collapse.in
+  // [converter] extracted tbody&.in to tbody.collapse.in
+}
+
+tr.collapse.in    { display: table-row; }
+
+tbody.collapse.in { display: table-row-group; }
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  @include transition(height .35s ease);
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_dropdowns.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_dropdowns.scss
@@ -0,0 +1,214 @@
+//
+// Dropdown menus
+// --------------------------------------------------
+
+
+// Dropdown arrow/caret
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top:   $caret-width-base solid;
+  border-right: $caret-width-base solid transparent;
+  border-left:  $caret-width-base solid transparent;
+}
+
+// The dropdown wrapper (div)
+.dropdown {
+  position: relative;
+}
+
+// Prevent the focus on the dropdown toggle when closing dropdowns
+.dropdown-toggle:focus {
+  outline: 0;
+}
+
+// The dropdown menu (ul)
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: $zindex-dropdown;
+  display: none; // none by default, but block on "open" of the menu
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0; // override default ul
+  list-style: none;
+  font-size: $font-size-base;
+  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
+  background-color: $dropdown-bg;
+  border: 1px solid $dropdown-fallback-border; // IE8 fallback
+  border: 1px solid $dropdown-border;
+  border-radius: $border-radius-base;
+  @include box-shadow(0 6px 12px rgba(0,0,0,.175));
+  background-clip: padding-box;
+
+  // Aligns the dropdown menu to right
+  //
+  // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
+  &.pull-right {
+    right: 0;
+    left: auto;
+  }
+
+  // Dividers (basically an hr) within the dropdown
+  .divider {
+    @include nav-divider($dropdown-divider-bg);
+  }
+
+  // Links within the dropdown menu
+  > li > a {
+    display: block;
+    padding: 3px 20px;
+    clear: both;
+    font-weight: normal;
+    line-height: $line-height-base;
+    color: $dropdown-link-color;
+    white-space: nowrap; // prevent links from randomly breaking onto new lines
+  }
+}
+
+// Hover/Focus state
+.dropdown-menu > li > a {
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    color: $dropdown-link-hover-color;
+    background-color: $dropdown-link-hover-bg;
+  }
+}
+
+// Active state
+.dropdown-menu > .active > a {
+  &,
+  &:hover,
+  &:focus {
+    color: $dropdown-link-active-color;
+    text-decoration: none;
+    outline: 0;
+    background-color: $dropdown-link-active-bg;
+  }
+}
+
+// Disabled state
+//
+// Gray out text and ensure the hover/focus state remains gray
+
+.dropdown-menu > .disabled > a {
+  &,
+  &:hover,
+  &:focus {
+    color: $dropdown-link-disabled-color;
+  }
+}
+// Nuke hover/focus effects
+.dropdown-menu > .disabled > a {
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    background-color: transparent;
+    background-image: none; // Remove CSS gradient
+    @include reset-filter();
+    cursor: not-allowed;
+  }
+}
+
+// Open state for the dropdown
+.open {
+  // Show the menu
+  > .dropdown-menu {
+    display: block;
+  }
+
+  // Remove the outline when :focus is triggered
+  > a {
+    outline: 0;
+  }
+}
+
+// Menu positioning
+//
+// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
+// menu with the parent.
+.dropdown-menu-right {
+  left: auto; // Reset the default from `.dropdown-menu`
+  right: 0;
+}
+// With v3, we enabled auto-flipping if you have a dropdown within a right
+// aligned nav component. To enable the undoing of that, we provide an override
+// to restore the default dropdown menu alignment.
+//
+// This is only for left-aligning a dropdown menu within a `.navbar-right` or
+// `.pull-right` nav component.
+.dropdown-menu-left {
+  left: 0;
+  right: auto;
+}
+
+// Dropdown section headers
+.dropdown-header {
+  display: block;
+  padding: 3px 20px;
+  font-size: $font-size-small;
+  line-height: $line-height-base;
+  color: $dropdown-header-color;
+}
+
+// Backdrop to catch body clicks on mobile, etc.
+.dropdown-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: ($zindex-dropdown - 10);
+}
+
+// Right aligned dropdowns
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+
+// Allow for dropdowns to go bottom up (aka, dropup-menu)
+//
+// Just add .dropup after the standard .dropdown class and you're set, bro.
+// TODO: abstract this so that the navbar fixed styles are not placed here?
+
+.dropup,
+.navbar-fixed-bottom .dropdown {
+  // Reverse the caret
+  .caret {
+    border-top: 0;
+    border-bottom: $caret-width-base solid;
+    content: "";
+  }
+  // Different positioning for bottom up menu
+  .dropdown-menu {
+    top: auto;
+    bottom: 100%;
+    margin-bottom: 1px;
+  }
+}
+
+
+// Component alignment
+//
+// Reiterate per navbar.less and the modified component alignment there.
+
+@media (min-width: $grid-float-breakpoint) {
+  .navbar-right {
+    .dropdown-menu {
+      right: 0; left: auto;
+    }
+    // Necessary for overrides of the default right aligned menu.
+    // Will remove come v4 in all likelihood.
+    .dropdown-menu-left {
+      left: 0; right: auto;
+    }
+  }
+}
+
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_forms.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_forms.scss
@@ -0,0 +1,477 @@
+//
+// Forms
+// --------------------------------------------------
+
+
+// Normalize non-controls
+//
+// Restyle and baseline non-control form elements.
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,
+  // so we reset that to ensure it behaves more like a standard block element.
+  // See https://github.com/twbs/bootstrap/issues/12359.
+  min-width: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: $line-height-computed;
+  font-size: ($font-size-base * 1.5);
+  line-height: inherit;
+  color: $legend-color;
+  border: 0;
+  border-bottom: 1px solid $legend-border-color;
+}
+
+label {
+  display: inline-block;
+  max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+
+// Normalize form controls
+//
+// While most of our form styles require extra classes, some basic normalization
+// is required to ensure optimum display with or without those classes to better
+// address browser inconsistencies.
+
+// Override content-box in Normalize (* isn't specific enough)
+input[type="search"] {
+  @include box-sizing(border-box);
+}
+
+// Position radios and checkboxes better
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 3px 0 0;
+  margin-top: 1px \9; // IE8-9
+  line-height: normal;
+}
+
+// Set the height of file controls to match text inputs
+input[type="file"] {
+  display: block;
+}
+
+// Make range inputs behave like textual form controls
+input[type="range"] {
+  display: block;
+  width: 100%;
+}
+
+// Make multiple select elements height not fixed
+select[multiple],
+select[size] {
+  height: auto;
+}
+
+// Focus for file, radio, and checkbox
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  @include tab-focus();
+}
+
+// Adjust output element
+output {
+  display: block;
+  padding-top: ($padding-base-vertical + 1);
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+  color: $input-color;
+}
+
+
+// Common form controls
+//
+// Shared size and type resets for form controls. Apply `.form-control` to any
+// of the following form controls:
+//
+// select
+// textarea
+// input[type="text"]
+// input[type="password"]
+// input[type="datetime"]
+// input[type="datetime-local"]
+// input[type="date"]
+// input[type="month"]
+// input[type="time"]
+// input[type="week"]
+// input[type="number"]
+// input[type="email"]
+// input[type="url"]
+// input[type="search"]
+// input[type="tel"]
+// input[type="color"]
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
+  padding: $padding-base-vertical $padding-base-horizontal;
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+  color: $input-color;
+  background-color: $input-bg;
+  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  border: 1px solid $input-border;
+  border-radius: $input-border-radius;
+  @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
+
+  // Customize the `:focus` state to imitate native WebKit styles.
+  @include form-control-focus();
+
+  // Placeholder
+  @include placeholder();
+
+  // Disabled and read-only inputs
+  //
+  // HTML5 says that controls under a fieldset > legend:first-child won't be
+  // disabled if the fieldset is disabled. Due to implementation difficulty, we
+  // don't honor that edge case; we style them as disabled anyway.
+  &[disabled],
+  &[readonly],
+  fieldset[disabled] & {
+    cursor: not-allowed;
+    background-color: $input-bg-disabled;
+    opacity: 1; // iOS fix for unreadable disabled content
+  }
+
+  // [converter] extracted textarea& to textarea.form-control
+}
+
+// Reset height for `textarea`s
+textarea.form-control {
+  height: auto;
+}
+
+
+// Search inputs in iOS
+//
+// This overrides the extra rounded corners on search inputs in iOS so that our
+// `.form-control` class can properly style them. Note that this cannot simply
+// be added to `.form-control` as it's not specific enough. For details, see
+// https://github.com/twbs/bootstrap/issues/11586.
+
+input[type="search"] {
+  -webkit-appearance: none;
+}
+
+
+// Special styles for iOS date input
+//
+// In Mobile Safari, date inputs require a pixel line-height that matches the
+// given height of the input. Since this fucks up everything else, we have to
+// appropriately reset it for Internet Explorer and the size variations.
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  line-height: $input-height-base;
+  // IE8+ misaligns the text within date inputs, so we reset
+  line-height: $line-height-base #{\0};
+
+  &.input-sm {
+    line-height: $input-height-small;
+  }
+  &.input-lg {
+    line-height: $input-height-large;
+  }
+}
+
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group {
+  margin-bottom: 15px;
+}
+
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.radio,
+.checkbox {
+  display: block;
+  min-height: $line-height-computed; // clear the floating input if there is no label text
+  margin-top: 10px;
+  margin-bottom: 10px;
+
+  label {
+    padding-left: 20px;
+    margin-bottom: 0;
+    font-weight: normal;
+    cursor: pointer;
+  }
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  float: left;
+  margin-left: -20px;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
+}
+
+// Radios and checkboxes on same line
+.radio-inline,
+.checkbox-inline {
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px; // space out consecutive inline controls
+}
+
+// Apply same disabled cursor tweak as for inputs
+//
+// Note: Neither radios nor checkboxes can be readonly.
+input[type="radio"],
+input[type="checkbox"],
+.radio,
+.radio-inline,
+.checkbox,
+.checkbox-inline {
+  &[disabled],
+  fieldset[disabled] & {
+    cursor: not-allowed;
+  }
+}
+
+
+// Form control sizing
+//
+// Build on `.form-control` with modifier classes to decrease or increase the
+// height and font-size of form controls.
+
+@include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
+
+@include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
+
+
+// Form control feedback states
+//
+// Apply contextual and semantic states to individual form controls.
+
+.has-feedback {
+  // Enable absolute positioning
+  position: relative;
+
+  // Ensure icons don't overlap text
+  .form-control {
+    padding-right: ($input-height-base * 1.25);
+  }
+}
+// Feedback icon (requires .glyphicon classes)
+.form-control-feedback {
+  position: absolute;
+  top: ($line-height-computed + 5); // Height of the `label` and its margin
+  right: 0;
+  z-index: 2; // Ensure icon is above input groups
+  display: block;
+  width: $input-height-base;
+  height: $input-height-base;
+  line-height: $input-height-base;
+  text-align: center;
+}
+.input-lg + .form-control-feedback {
+  width: $input-height-large;
+  height: $input-height-large;
+  line-height: $input-height-large;
+}
+.input-sm + .form-control-feedback {
+  width: $input-height-small;
+  height: $input-height-small;
+  line-height: $input-height-small;
+}
+
+// Feedback states
+.has-success {
+  @include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
+}
+.has-warning {
+  @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
+}
+.has-error {
+  @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
+}
+
+
+// Static form control text
+//
+// Apply class to a `p` element to make any string of text align with labels in
+// a horizontal form layout.
+
+.form-control-static {
+  margin-bottom: 0; // Remove default margin from `p`
+}
+
+
+// Help text
+//
+// Apply to any element you wish to create light text for placement immediately
+// below a form control. Use for general help, formatting, or instructional text.
+
+.help-block {
+  display: block; // account for any element using help-block
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: lighten($text-color, 25%); // lighten the text some for contrast
+}
+
+
+
+// Inline forms
+//
+// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
+// forms begin stacked on extra small (mobile) devices and then go inline when
+// viewports reach <768px.
+//
+// Requires wrapping inputs and labels with `.form-group` for proper display of
+// default HTML form controls and our custom form controls (e.g., input groups).
+//
+// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
+
+.form-inline {
+
+  // Kick in the inline
+  @media (min-width: $screen-sm-min) {
+    // Inline-block all the things for "inline"
+    .form-group {
+      display: inline-block;
+      margin-bottom: 0;
+      vertical-align: middle;
+    }
+
+    // In navbar-form, allow folks to *not* use `.form-group`
+    .form-control {
+      display: inline-block;
+      width: auto; // Prevent labels from stacking above inputs in `.form-group`
+      vertical-align: middle;
+    }
+
+    .input-group {
+      display: inline-table;
+      vertical-align: middle;
+
+      .input-group-addon,
+      .input-group-btn,
+      .form-control {
+        width: auto;
+      }
+    }
+
+    // Input groups need that 100% width though
+    .input-group > .form-control {
+      width: 100%;
+    }
+
+    .control-label {
+      margin-bottom: 0;
+      vertical-align: middle;
+    }
+
+    // Remove default margin on radios/checkboxes that were used for stacking, and
+    // then undo the floating of radios and checkboxes to match (which also avoids
+    // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
+    .radio,
+    .checkbox {
+      display: inline-block;
+      margin-top: 0;
+      margin-bottom: 0;
+      padding-left: 0;
+      vertical-align: middle;
+    }
+    .radio input[type="radio"],
+    .checkbox input[type="checkbox"] {
+      float: none;
+      margin-left: 0;
+    }
+
+    // Validation states
+    //
+    // Reposition the icon because it's now within a grid column and columns have
+    // `position: relative;` on them. Also accounts for the grid gutter padding.
+    .has-feedback .form-control-feedback {
+      top: 0;
+    }
+  }
+}
+
+
+// Horizontal forms
+//
+// Horizontal forms are built on grid classes and allow you to create forms with
+// labels on the left and inputs on the right.
+
+.form-horizontal {
+
+  // Consistent vertical alignment of radios and checkboxes
+  //
+  // Labels also get some reset styles, but that is scoped to a media query below.
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-top: ($padding-base-vertical + 1); // Default padding plus a border
+  }
+  // Account for padding we're adding to ensure the alignment and of help text
+  // and other content below items
+  .radio,
+  .checkbox {
+    min-height: ($line-height-computed + ($padding-base-vertical + 1));
+  }
+
+  // Make form groups behave like rows
+  .form-group {
+    @include make-row();
+  }
+
+  .form-control-static {
+    padding-top: ($padding-base-vertical + 1);
+    padding-bottom: ($padding-base-vertical + 1);
+  }
+
+  // Reset spacing and right align labels, but scope to media queries so that
+  // labels on narrow viewports stack the same as a default form example.
+  @media (min-width: $screen-sm-min) {
+    .control-label {
+      text-align: right;
+      margin-bottom: 0;
+      padding-top: ($padding-base-vertical + 1); // Default padding plus a border
+    }
+  }
+
+  // Validation states
+  //
+  // Reposition the icon because it's now within a grid column and columns have
+  // `position: relative;` on them. Also accounts for the grid gutter padding.
+  .has-feedback .form-control-feedback {
+    top: 0;
+    right: ($grid-gutter-width / 2);
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_glyphicons.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_glyphicons.scss
@@ -0,0 +1,237 @@
+//= depend_on_asset "bootstrap/glyphicons-halflings-regular.eot"
+//= depend_on_asset "bootstrap/glyphicons-halflings-regular.svg"
+//= depend_on_asset "bootstrap/glyphicons-halflings-regular.ttf"
+//= depend_on_asset "bootstrap/glyphicons-halflings-regular.woff"
+//
+// Glyphicons for Bootstrap
+//
+// Since icons are fonts, they can be placed anywhere text is placed and are
+// thus automatically sized to match the surrounding child. To use, create an
+// inline element with the appropriate classes, like so:
+//
+// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
+
+// Import the fonts
+@font-face {
+  font-family: 'Glyphicons Halflings';
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot'));
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg');
+}
+
+// Catchall baseclass
+.glyphicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+// Individual icons
+.glyphicon-asterisk               { &:before { content: "\2a"; } }
+.glyphicon-plus                   { &:before { content: "\2b"; } }
+.glyphicon-euro                   { &:before { content: "\20ac"; } }
+.glyphicon-minus                  { &:before { content: "\2212"; } }
+.glyphicon-cloud                  { &:before { content: "\2601"; } }
+.glyphicon-envelope               { &:before { content: "\2709"; } }
+.glyphicon-pencil                 { &:before { content: "\270f"; } }
+.glyphicon-glass                  { &:before { content: "\e001"; } }
+.glyphicon-music                  { &:before { content: "\e002"; } }
+.glyphicon-search                 { &:before { content: "\e003"; } }
+.glyphicon-heart                  { &:before { content: "\e005"; } }
+.glyphicon-star                   { &:before { content: "\e006"; } }
+.glyphicon-star-empty             { &:before { content: "\e007"; } }
+.glyphicon-user                   { &:before { content: "\e008"; } }
+.glyphicon-film                   { &:before { content: "\e009"; } }
+.glyphicon-th-large               { &:before { content: "\e010"; } }
+.glyphicon-th                     { &:before { content: "\e011"; } }
+.glyphicon-th-list                { &:before { content: "\e012"; } }
+.glyphicon-ok                     { &:before { content: "\e013"; } }
+.glyphicon-remove                 { &:before { content: "\e014"; } }
+.glyphicon-zoom-in                { &:before { content: "\e015"; } }
+.glyphicon-zoom-out               { &:before { content: "\e016"; } }
+.glyphicon-off                    { &:before { content: "\e017"; } }
+.glyphicon-signal                 { &:before { content: "\e018"; } }
+.glyphicon-cog                    { &:before { content: "\e019"; } }
+.glyphicon-trash                  { &:before { content: "\e020"; } }
+.glyphicon-home                   { &:before { content: "\e021"; } }
+.glyphicon-file                   { &:before { content: "\e022"; } }
+.glyphicon-time                   { &:before { content: "\e023"; } }
+.glyphicon-road                   { &:before { content: "\e024"; } }
+.glyphicon-download-alt           { &:before { content: "\e025"; } }
+.glyphicon-download               { &:before { content: "\e026"; } }
+.glyphicon-upload                 { &:before { content: "\e027"; } }
+.glyphicon-inbox                  { &:before { content: "\e028"; } }
+.glyphicon-play-circle            { &:before { content: "\e029"; } }
+.glyphicon-repeat                 { &:before { content: "\e030"; } }
+.glyphicon-refresh                { &:before { content: "\e031"; } }
+.glyphicon-list-alt               { &:before { content: "\e032"; } }
+.glyphicon-lock                   { &:before { content: "\e033"; } }
+.glyphicon-flag                   { &:before { content: "\e034"; } }
+.glyphicon-headphones             { &:before { content: "\e035"; } }
+.glyphicon-volume-off             { &:before { content: "\e036"; } }
+.glyphicon-volume-down            { &:before { content: "\e037"; } }
+.glyphicon-volume-up              { &:before { content: "\e038"; } }
+.glyphicon-qrcode                 { &:before { content: "\e039"; } }
+.glyphicon-barcode                { &:before { content: "\e040"; } }
+.glyphicon-tag                    { &:before { content: "\e041"; } }
+.glyphicon-tags                   { &:before { content: "\e042"; } }
+.glyphicon-book                   { &:before { content: "\e043"; } }
+.glyphicon-bookmark               { &:before { content: "\e044"; } }
+.glyphicon-print                  { &:before { content: "\e045"; } }
+.glyphicon-camera                 { &:before { content: "\e046"; } }
+.glyphicon-font                   { &:before { content: "\e047"; } }
+.glyphicon-bold                   { &:before { content: "\e048"; } }
+.glyphicon-italic                 { &:before { content: "\e049"; } }
+.glyphicon-text-height            { &:before { content: "\e050"; } }
+.glyphicon-text-width             { &:before { content: "\e051"; } }
+.glyphicon-align-left             { &:before { content: "\e052"; } }
+.glyphicon-align-center           { &:before { content: "\e053"; } }
+.glyphicon-align-right            { &:before { content: "\e054"; } }
+.glyphicon-align-justify          { &:before { content: "\e055"; } }
+.glyphicon-list                   { &:before { content: "\e056"; } }
+.glyphicon-indent-left            { &:before { content: "\e057"; } }
+.glyphicon-indent-right           { &:before { content: "\e058"; } }
+.glyphicon-facetime-video         { &:before { content: "\e059"; } }
+.glyphicon-picture                { &:before { content: "\e060"; } }
+.glyphicon-map-marker             { &:before { content: "\e062"; } }
+.glyphicon-adjust                 { &:before { content: "\e063"; } }
+.glyphicon-tint                   { &:before { content: "\e064"; } }
+.glyphicon-edit                   { &:before { content: "\e065"; } }
+.glyphicon-share                  { &:before { content: "\e066"; } }
+.glyphicon-check                  { &:before { content: "\e067"; } }
+.glyphicon-move                   { &:before { content: "\e068"; } }
+.glyphicon-step-backward          { &:before { content: "\e069"; } }
+.glyphicon-fast-backward          { &:before { content: "\e070"; } }
+.glyphicon-backward               { &:before { content: "\e071"; } }
+.glyphicon-play                   { &:before { content: "\e072"; } }
+.glyphicon-pause                  { &:before { content: "\e073"; } }
+.glyphicon-stop                   { &:before { content: "\e074"; } }
+.glyphicon-forward                { &:before { content: "\e075"; } }
+.glyphicon-fast-forward           { &:before { content: "\e076"; } }
+.glyphicon-step-forward           { &:before { content: "\e077"; } }
+.glyphicon-eject                  { &:before { content: "\e078"; } }
+.glyphicon-chevron-left           { &:before { content: "\e079"; } }
+.glyphicon-chevron-right          { &:before { content: "\e080"; } }
+.glyphicon-plus-sign              { &:before { content: "\e081"; } }
+.glyphicon-minus-sign             { &:before { content: "\e082"; } }
+.glyphicon-remove-sign            { &:before { content: "\e083"; } }
+.glyphicon-ok-sign                { &:before { content: "\e084"; } }
+.glyphicon-question-sign          { &:before { content: "\e085"; } }
+.glyphicon-info-sign              { &:before { content: "\e086"; } }
+.glyphicon-screenshot             { &:before { content: "\e087"; } }
+.glyphicon-remove-circle          { &:before { content: "\e088"; } }
+.glyphicon-ok-circle              { &:before { content: "\e089"; } }
+.glyphicon-ban-circle             { &:before { content: "\e090"; } }
+.glyphicon-arrow-left             { &:before { content: "\e091"; } }
+.glyphicon-arrow-right            { &:before { content: "\e092"; } }
+.glyphicon-arrow-up               { &:before { content: "\e093"; } }
+.glyphicon-arrow-down             { &:before { content: "\e094"; } }
+.glyphicon-share-alt              { &:before { content: "\e095"; } }
+.glyphicon-resize-full            { &:before { content: "\e096"; } }
+.glyphicon-resize-small           { &:before { content: "\e097"; } }
+.glyphicon-exclamation-sign       { &:before { content: "\e101"; } }
+.glyphicon-gift                   { &:before { content: "\e102"; } }
+.glyphicon-leaf                   { &:before { content: "\e103"; } }
+.glyphicon-fire                   { &:before { content: "\e104"; } }
+.glyphicon-eye-open               { &:before { content: "\e105"; } }
+.glyphicon-eye-close              { &:before { content: "\e106"; } }
+.glyphicon-warning-sign           { &:before { content: "\e107"; } }
+.glyphicon-plane                  { &:before { content: "\e108"; } }
+.glyphicon-calendar               { &:before { content: "\e109"; } }
+.glyphicon-random                 { &:before { content: "\e110"; } }
+.glyphicon-comment                { &:before { content: "\e111"; } }
+.glyphicon-magnet                 { &:before { content: "\e112"; } }
+.glyphicon-chevron-up             { &:before { content: "\e113"; } }
+.glyphicon-chevron-down           { &:before { content: "\e114"; } }
+.glyphicon-retweet                { &:before { content: "\e115"; } }
+.glyphicon-shopping-cart          { &:before { content: "\e116"; } }
+.glyphicon-folder-close           { &:before { content: "\e117"; } }
+.glyphicon-folder-open            { &:before { content: "\e118"; } }
+.glyphicon-resize-vertical        { &:before { content: "\e119"; } }
+.glyphicon-resize-horizontal      { &:before { content: "\e120"; } }
+.glyphicon-hdd                    { &:before { content: "\e121"; } }
+.glyphicon-bullhorn               { &:before { content: "\e122"; } }
+.glyphicon-bell                   { &:before { content: "\e123"; } }
+.glyphicon-certificate            { &:before { content: "\e124"; } }
+.glyphicon-thumbs-up              { &:before { content: "\e125"; } }
+.glyphicon-thumbs-down            { &:before { content: "\e126"; } }
+.glyphicon-hand-right             { &:before { content: "\e127"; } }
+.glyphicon-hand-left              { &:before { content: "\e128"; } }
+.glyphicon-hand-up                { &:before { content: "\e129"; } }
+.glyphicon-hand-down              { &:before { content: "\e130"; } }
+.glyphicon-circle-arrow-right     { &:before { content: "\e131"; } }
+.glyphicon-circle-arrow-left      { &:before { content: "\e132"; } }
+.glyphicon-circle-arrow-up        { &:before { content: "\e133"; } }
+.glyphicon-circle-arrow-down      { &:before { content: "\e134"; } }
+.glyphicon-globe                  { &:before { content: "\e135"; } }
+.glyphicon-wrench                 { &:before { content: "\e136"; } }
+.glyphicon-tasks                  { &:before { content: "\e137"; } }
+.glyphicon-filter                 { &:before { content: "\e138"; } }
+.glyphicon-briefcase              { &:before { content: "\e139"; } }
+.glyphicon-fullscreen             { &:before { content: "\e140"; } }
+.glyphicon-dashboard              { &:before { content: "\e141"; } }
+.glyphicon-paperclip              { &:before { content: "\e142"; } }
+.glyphicon-heart-empty            { &:before { content: "\e143"; } }
+.glyphicon-link                   { &:before { content: "\e144"; } }
+.glyphicon-phone                  { &:before { content: "\e145"; } }
+.glyphicon-pushpin                { &:before { content: "\e146"; } }
+.glyphicon-usd                    { &:before { content: "\e148"; } }
+.glyphicon-gbp                    { &:before { content: "\e149"; } }
+.glyphicon-sort                   { &:before { content: "\e150"; } }
+.glyphicon-sort-by-alphabet       { &:before { content: "\e151"; } }
+.glyphicon-sort-by-alphabet-alt   { &:before { content: "\e152"; } }
+.glyphicon-sort-by-order          { &:before { content: "\e153"; } }
+.glyphicon-sort-by-order-alt      { &:before { content: "\e154"; } }
+.glyphicon-sort-by-attributes     { &:before { content: "\e155"; } }
+.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
+.glyphicon-unchecked              { &:before { content: "\e157"; } }
+.glyphicon-expand                 { &:before { content: "\e158"; } }
+.glyphicon-collapse-down          { &:before { content: "\e159"; } }
+.glyphicon-collapse-up            { &:before { content: "\e160"; } }
+.glyphicon-log-in                 { &:before { content: "\e161"; } }
+.glyphicon-flash                  { &:before { content: "\e162"; } }
+.glyphicon-log-out                { &:before { content: "\e163"; } }
+.glyphicon-new-window             { &:before { content: "\e164"; } }
+.glyphicon-record                 { &:before { content: "\e165"; } }
+.glyphicon-save                   { &:before { content: "\e166"; } }
+.glyphicon-open                   { &:before { content: "\e167"; } }
+.glyphicon-saved                  { &:before { content: "\e168"; } }
+.glyphicon-import                 { &:before { content: "\e169"; } }
+.glyphicon-export                 { &:before { content: "\e170"; } }
+.glyphicon-send                   { &:before { content: "\e171"; } }
+.glyphicon-floppy-disk            { &:before { content: "\e172"; } }
+.glyphicon-floppy-saved           { &:before { content: "\e173"; } }
+.glyphicon-floppy-remove          { &:before { content: "\e174"; } }
+.glyphicon-floppy-save            { &:before { content: "\e175"; } }
+.glyphicon-floppy-open            { &:before { content: "\e176"; } }
+.glyphicon-credit-card            { &:before { content: "\e177"; } }
+.glyphicon-transfer               { &:before { content: "\e178"; } }
+.glyphicon-cutlery                { &:before { content: "\e179"; } }
+.glyphicon-header                 { &:before { content: "\e180"; } }
+.glyphicon-compressed             { &:before { content: "\e181"; } }
+.glyphicon-earphone               { &:before { content: "\e182"; } }
+.glyphicon-phone-alt              { &:before { content: "\e183"; } }
+.glyphicon-tower                  { &:before { content: "\e184"; } }
+.glyphicon-stats                  { &:before { content: "\e185"; } }
+.glyphicon-sd-video               { &:before { content: "\e186"; } }
+.glyphicon-hd-video               { &:before { content: "\e187"; } }
+.glyphicon-subtitles              { &:before { content: "\e188"; } }
+.glyphicon-sound-stereo           { &:before { content: "\e189"; } }
+.glyphicon-sound-dolby            { &:before { content: "\e190"; } }
+.glyphicon-sound-5-1              { &:before { content: "\e191"; } }
+.glyphicon-sound-6-1              { &:before { content: "\e192"; } }
+.glyphicon-sound-7-1              { &:before { content: "\e193"; } }
+.glyphicon-copyright-mark         { &:before { content: "\e194"; } }
+.glyphicon-registration-mark      { &:before { content: "\e195"; } }
+.glyphicon-cloud-download         { &:before { content: "\e197"; } }
+.glyphicon-cloud-upload           { &:before { content: "\e198"; } }
+.glyphicon-tree-conifer           { &:before { content: "\e199"; } }
+.glyphicon-tree-deciduous         { &:before { content: "\e200"; } }
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_grid.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_grid.scss
@@ -0,0 +1,84 @@
+//
+// Grid system
+// --------------------------------------------------
+
+
+// Container widths
+//
+// Set the container width, and override it for fixed navbars in media queries.
+
+.container {
+  @include container-fixed();
+
+  @media (min-width: $screen-sm-min) {
+    width: $container-sm;
+  }
+  @media (min-width: $screen-md-min) {
+    width: $container-md;
+  }
+  @media (min-width: $screen-lg-min) {
+    width: $container-lg;
+  }
+}
+
+
+// Fluid container
+//
+// Utilizes the mixin meant for fixed width containers, but without any defined
+// width for fluid, full width layouts.
+
+.container-fluid {
+  @include container-fixed();
+}
+
+
+// Row
+//
+// Rows contain and clear the floats of your columns.
+
+.row {
+  @include make-row();
+}
+
+
+// Columns
+//
+// Common styles for small and large grid columns
+
+@include make-grid-columns();
+
+
+// Extra small grid
+//
+// Columns, offsets, pushes, and pulls for extra small devices like
+// smartphones.
+
+@include make-grid(xs);
+
+
+// Small grid
+//
+// Columns, offsets, pushes, and pulls for the small device range, from phones
+// to tablets.
+
+@media (min-width: $screen-sm-min) {
+  @include make-grid(sm);
+}
+
+
+// Medium grid
+//
+// Columns, offsets, pushes, and pulls for the desktop device range.
+
+@media (min-width: $screen-md-min) {
+  @include make-grid(md);
+}
+
+
+// Large grid
+//
+// Columns, offsets, pushes, and pulls for the large desktop device range.
+
+@media (min-width: $screen-lg-min) {
+  @include make-grid(lg);
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_input-groups.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_input-groups.scss
@@ -0,0 +1,165 @@
+//
+// Input groups
+// --------------------------------------------------
+
+// Base styles
+// -------------------------
+.input-group {
+  position: relative; // For dropdowns
+  display: table;
+  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
+
+  // Undo padding and float of grid classes
+  &[class*="col-"] {
+    float: none;
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .form-control {
+    // Ensure that the input is always above the *appended* addon button for
+    // proper border colors.
+    position: relative;
+    z-index: 2;
+
+    // IE9 fubars the placeholder attribute in text inputs and the arrows on
+    // select elements in input groups. To fix it, we float the input. Details:
+    // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
+    float: left;
+
+    width: 100%;
+    margin-bottom: 0;
+  }
+}
+
+// Sizing options
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn { @extend .input-lg; }
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn { @extend .input-sm; }
+
+
+// Display as table-cell
+// -------------------------
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+
+  &:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+}
+// Addon and addon wrapper for buttons
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle; // Match the inputs
+}
+
+// Text input groups
+// -------------------------
+.input-group-addon {
+  padding: $padding-base-vertical $padding-base-horizontal;
+  font-size: $font-size-base;
+  font-weight: normal;
+  line-height: 1;
+  color: $input-color;
+  text-align: center;
+  background-color: $input-group-addon-bg;
+  border-top: 1px solid $input-group-addon-border-color;
+  border-left: 1px solid $input-group-addon-border-color;
+  border-bottom: 1px solid $input-group-addon-border-color;
+  border-right: 1px solid $input-group-addon-border-color;
+  border-radius: $border-radius-base;
+
+  // Sizing
+  &.input-sm {
+    padding: $padding-small-vertical $padding-small-horizontal;
+    font-size: $font-size-small;
+    border-radius: $border-radius-small;
+  }
+  &.input-lg {
+    padding: $padding-large-vertical $padding-large-horizontal;
+    font-size: $font-size-large;
+    border-radius: $border-radius-large;
+  }
+
+  // Nuke default margins from checkboxes and radios to vertically center within.
+  input[type="radio"],
+  input[type="checkbox"] {
+    margin-top: 0;
+  }
+}
+
+// Reset rounded corners
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  @include border-right-radius(0);
+}
+.input-group-addon:first-child {
+  border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  @include border-left-radius(0);
+}
+.input-group-addon:last-child {
+  border-left: 0;
+}
+
+// Button input groups
+// -------------------------
+.input-group-btn {
+  position: relative;
+  // Jankily prevent input button groups from wrapping with `white-space` and
+  // `font-size` in combination with `inline-block` on buttons.
+  font-size: 0;
+  white-space: nowrap;
+
+  // Negative margin for spacing, position for bringing hovered/focused/actived
+  // element above the siblings.
+  > .btn {
+    position: relative;
+    + .btn {
+      margin-left: -1px;
+    }
+    // Bring the "active" button to the front
+    &:hover,
+    &:focus,
+    &:active {
+      z-index: 2;
+    }
+  }
+
+  // Negative margin to only have a 1px border between the two
+  &:first-child {
+    > .btn,
+    > .btn-group {
+      margin-right: -1px;
+    }
+  }
+  &:last-child {
+    > .btn,
+    > .btn-group {
+      margin-left: -1px;
+    }
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_jumbotron.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_jumbotron.scss
@@ -0,0 +1,48 @@
+//
+// Jumbotron
+// --------------------------------------------------
+
+
+.jumbotron {
+  padding: $jumbotron-padding;
+  margin-bottom: $jumbotron-padding;
+  color: $jumbotron-color;
+  background-color: $jumbotron-bg;
+
+  h1,
+  .h1 {
+    color: $jumbotron-heading-color;
+  }
+  p {
+    margin-bottom: ($jumbotron-padding / 2);
+    font-size: $jumbotron-font-size;
+    font-weight: 200;
+  }
+
+  > hr {
+    border-top-color: darken($jumbotron-bg, 10%);
+  }
+
+  .container & {
+    border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
+  }
+
+  .container {
+    max-width: 100%;
+  }
+
+  @media screen and (min-width: $screen-sm-min) {
+    padding-top:    ($jumbotron-padding * 1.6);
+    padding-bottom: ($jumbotron-padding * 1.6);
+
+    .container & {
+      padding-left:  ($jumbotron-padding * 2);
+      padding-right: ($jumbotron-padding * 2);
+    }
+
+    h1,
+    .h1 {
+      font-size: ($font-size-base * 4.5);
+    }
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_labels.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_labels.scss
@@ -0,0 +1,66 @@
+//
+// Labels
+// --------------------------------------------------
+
+.label {
+  display: inline;
+  padding: 0.15em 0.4em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: $label-color;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em;
+
+  // [converter] extracted a& to a.label
+
+  // Empty labels collapse automatically (not available in IE8)
+  &:empty {
+    display: none;
+  }
+
+  // Quick fix for labels in buttons
+  .btn & {
+    position: relative;
+    top: -1px;
+  }
+}
+
+// Add hover effects, but only for links
+a.label {
+  &:hover,
+  &:focus {
+    color: $label-link-hover-color;
+    text-decoration: none;
+    cursor: pointer;
+  }
+}
+
+// Colors
+// Contextual variations (linked labels get darker on :hover)
+
+.label-default {
+  @include label-variant($label-default-bg);
+}
+
+.label-primary {
+  @include label-variant($label-primary-bg);
+}
+
+.label-success {
+  @include label-variant($label-success-bg);
+}
+
+.label-info {
+  @include label-variant($label-info-bg);
+}
+
+.label-warning {
+  @include label-variant($label-warning-bg);
+}
+
+.label-danger {
+  @include label-variant($label-danger-bg);
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_list-group.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_list-group.scss
@@ -0,0 +1,129 @@
+//
+// List groups
+// --------------------------------------------------
+
+
+// Base class
+//
+// Easily usable on <ul>, <ol>, or <div>.
+
+.list-group {
+  // No need to set list-style: none; since .list-group-item is block level
+  margin-bottom: 20px;
+  padding-left: 0; // reset padding because ul and ol
+}
+
+
+// Individual list items
+//
+// Use on `li`s or `div`s within the `.list-group` parent.
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  // Place the border on the list items and negative margin up for better styling
+  margin-bottom: -1px;
+  background-color: $list-group-bg;
+  border: 1px solid $list-group-border;
+
+  // Round the first and last items
+  &:first-child {
+    @include border-top-radius($list-group-border-radius);
+  }
+  &:last-child {
+    margin-bottom: 0;
+    @include border-bottom-radius($list-group-border-radius);
+  }
+
+  // Align badges within list items
+  > .badge {
+    float: right;
+  }
+  > .badge + .badge {
+    margin-right: 5px;
+  }
+}
+
+
+// Linked list items
+//
+// Use anchor elements instead of `li`s or `div`s to create linked list items.
+// Includes an extra `.active` modifier class for showing selected items.
+
+a.list-group-item {
+  color: $list-group-link-color;
+
+  .list-group-item-heading {
+    color: $list-group-link-heading-color;
+  }
+
+  // Hover state
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    color: $list-group-link-hover-color;
+    background-color: $list-group-hover-bg;
+  }
+}
+
+.list-group-item {
+  // Disabled state
+  &.disabled,
+  &.disabled:hover,
+  &.disabled:focus {
+    background-color: $list-group-disabled-bg;
+    color: $list-group-disabled-color;
+
+    // Force color to inherit for custom content
+    .list-group-item-heading {
+      color: inherit;
+    }
+    .list-group-item-text {
+      color: $list-group-disabled-text-color;
+    }
+  }
+
+  // Active class on item itself, not parent
+  &.active,
+  &.active:hover,
+  &.active:focus {
+    z-index: 2; // Place active items above their siblings for proper border styling
+    color: $list-group-active-color;
+    background-color: $list-group-active-bg;
+    border-color: $list-group-active-border;
+
+    // Force color to inherit for custom content
+    .list-group-item-heading {
+      color: inherit;
+    }
+    .list-group-item-text {
+      color: $list-group-active-text-color;
+    }
+  }
+}
+
+
+// Contextual variants
+//
+// Add modifier classes to change text and background color on individual items.
+// Organizationally, this must come after the `:hover` states.
+
+@include list-group-item-variant(success, $state-success-bg, $state-success-text);
+@include list-group-item-variant(info, $state-info-bg, $state-info-text);
+@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);
+@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);
+
+
+// Custom content options
+//
+// Extra classes for creating well-formatted content within `.list-group-item`s.
+
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_media.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_media.scss
@@ -0,0 +1,56 @@
+// Media objects
+// Source: http://stubbornella.org/content/?p=497
+// --------------------------------------------------
+
+
+// Common styles
+// -------------------------
+
+// Clear the floats
+.media,
+.media-body {
+  overflow: hidden;
+  zoom: 1;
+}
+
+// Proper spacing between instances of .media
+.media,
+.media .media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+
+// For images and videos, set to block
+.media-object {
+  display: block;
+}
+
+// Reset margins on headings for tighter default spacing
+.media-heading {
+  margin: 0 0 5px;
+}
+
+
+// Media image alignment
+// -------------------------
+
+.media {
+  > .pull-left {
+    margin-right: 10px;
+  }
+  > .pull-right {
+    margin-left: 10px;
+  }
+}
+
+
+// Media list variation
+// -------------------------
+
+// Undo default ul/ol styles
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_mixins.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_mixins.scss
@@ -0,0 +1,39 @@
+// Mixins
+// --------------------------------------------------
+
+// Utilities
+@import "mixins/hide-text";
+@import "mixins/opacity";
+@import "mixins/image";
+@import "mixins/labels";
+@import "mixins/reset-filter";
+@import "mixins/resize";
+@import "mixins/responsive-visibility";
+@import "mixins/size";
+@import "mixins/tab-focus";
+@import "mixins/text-emphasis";
+@import "mixins/text-overflow";
+@import "mixins/vendor-prefixes";
+
+// Components
+@import "mixins/alerts";
+@import "mixins/buttons";
+@import "mixins/panels";
+@import "mixins/pagination";
+@import "mixins/list-group";
+@import "mixins/nav-divider";
+@import "mixins/forms";
+@import "mixins/progress-bar";
+@import "mixins/table-row";
+
+// Skins
+@import "mixins/background-variant";
+@import "mixins/border-radius";
+@import "mixins/gradients";
+
+// Layout
+@import "mixins/clearfix";
+@import "mixins/center-block";
+@import "mixins/nav-vertical-align";
+@import "mixins/grid-framework";
+@import "mixins/grid";
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_modals.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_modals.scss
@@ -0,0 +1,147 @@
+//
+// Modals
+// --------------------------------------------------
+
+// .modal-open      - body class for killing the scroll
+// .modal           - container to scroll within
+// .modal-dialog    - positioning shell for the actual modal
+// .modal-content   - actual modal w/ bg and corners and shit
+
+// Kill the scroll on the body
+.modal-open {
+  overflow: hidden;
+}
+
+// Container that the modal scrolls within
+.modal {
+  display: none;
+  overflow: auto;
+  overflow-y: scroll;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal;
+  -webkit-overflow-scrolling: touch;
+
+  // Prevent Chrome on Windows from adding a focus outline. For details, see
+  // https://github.com/twbs/bootstrap/pull/10951.
+  outline: 0;
+
+  // When fading in the modal, animate it to slide down
+  &.fade .modal-dialog {
+    @include translate(0, -25%);
+    @include transition-transform(0.3s ease-out);
+  }
+  &.in .modal-dialog { @include translate(0, 0)}
+}
+
+// Shell div to position the modal with bottom padding
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+
+// Actual modal
+.modal-content {
+  position: relative;
+  background-color: $modal-content-bg;
+  border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
+  border: 1px solid $modal-content-border-color;
+  border-radius: $border-radius-large;
+  @include box-shadow(0 3px 9px rgba(0,0,0,.5));
+  background-clip: padding-box;
+  // Remove focus outline from opened modal
+  outline: 0;
+}
+
+// Modal background
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal-background;
+  background-color: $modal-backdrop-bg;
+  // Fade for backdrop
+  &.fade { @include opacity(0); }
+  &.in { @include opacity($modal-backdrop-opacity); }
+}
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal-header {
+  padding: $modal-title-padding;
+  border-bottom: 1px solid $modal-header-border-color;
+  min-height: ($modal-title-padding + $modal-title-line-height);
+}
+// Close icon
+.modal-header .close {
+  margin-top: -2px;
+}
+
+// Title text within header
+.modal-title {
+  margin: 0;
+  line-height: $modal-title-line-height;
+}
+
+// Modal body
+// Where all modal content resides (sibling of .modal-header and .modal-footer)
+.modal-body {
+  position: relative;
+  padding: $modal-inner-padding;
+}
+
+// Footer (for actions)
+.modal-footer {
+  padding: $modal-inner-padding;
+  text-align: right; // right align buttons
+  border-top: 1px solid $modal-footer-border-color;
+  @include clearfix(); // clear it in case folks use .pull-* classes on buttons
+
+  // Properly space out buttons
+  .btn + .btn {
+    margin-left: 5px;
+    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
+  }
+  // but override that for button groups
+  .btn-group .btn + .btn {
+    margin-left: -1px;
+  }
+  // and override it for block buttons as well
+  .btn-block + .btn-block {
+    margin-left: 0;
+  }
+}
+
+// Measure scrollbar width for padding body during modal show/hide
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+// Scale up the modal
+@media (min-width: $screen-sm-min) {
+  // Automatically set modal's width for larger viewports
+  .modal-dialog {
+    width: $modal-md;
+    margin: 30px auto;
+  }
+  .modal-content {
+    @include box-shadow(0 5px 15px rgba(0,0,0,.5));
+  }
+
+  // Modal sizes
+  .modal-sm { width: $modal-sm; }
+}
+
+@media (min-width: $screen-md-min) {
+  .modal-lg { width: $modal-lg; }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_navbar.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_navbar.scss
@@ -0,0 +1,566 @@
+//
+// Navbars
+// --------------------------------------------------
+
+
+// Wrapper and base class
+//
+// Provide a static navbar from which we expand to create full-width, fixed, and
+// other navbar variations.
+
+.navbar {
+  position: relative;
+  min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
+  margin-bottom: $navbar-margin-bottom;
+  border: 1px solid transparent;
+
+  // Prevent floats from breaking the navbar
+  @include clearfix();
+
+  @media (min-width: $grid-float-breakpoint) {
+    border-radius: $navbar-border-radius;
+  }
+}
+
+
+// Navbar heading
+//
+// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
+// styling of responsive aspects.
+
+.navbar-header {
+  @include clearfix();
+
+  @media (min-width: $grid-float-breakpoint) {
+    float: left;
+  }
+}
+
+
+// Navbar collapse (body)
+//
+// Group your navbar content into this for easy collapsing and expanding across
+// various device sizes. By default, this content is collapsed when <768px, but
+// will expand past that for a horizontal display.
+//
+// To start (on mobile devices) the navbar links, forms, and buttons are stacked
+// vertically and include a `max-height` to overflow in case you have too much
+// content for the user's viewport.
+
+.navbar-collapse {
+  overflow-x: visible;
+  padding-right: $navbar-padding-horizontal;
+  padding-left:  $navbar-padding-horizontal;
+  border-top: 1px solid transparent;
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+  @include clearfix();
+  -webkit-overflow-scrolling: touch;
+
+  &.in {
+    overflow-y: auto;
+  }
+
+  @media (min-width: $grid-float-breakpoint) {
+    width: auto;
+    border-top: 0;
+    box-shadow: none;
+
+    &.collapse {
+      display: block !important;
+      height: auto !important;
+      padding-bottom: 0; // Override default setting
+      overflow: visible !important;
+    }
+
+    &.in {
+      overflow-y: visible;
+    }
+
+    // Undo the collapse side padding for navbars with containers to ensure
+    // alignment of right-aligned contents.
+    .navbar-fixed-top &,
+    .navbar-static-top &,
+    .navbar-fixed-bottom & {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+}
+
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  .navbar-collapse {
+    max-height: $navbar-collapse-max-height;
+
+    @media (max-width: $screen-xs-min) and (orientation: landscape) {
+      max-height: 200px;
+    }
+  }
+}
+
+
+// Both navbar header and collapse
+//
+// When a container is present, change the behavior of the header and collapse.
+
+.container,
+.container-fluid {
+  > .navbar-header,
+  > .navbar-collapse {
+    margin-right: -$navbar-padding-horizontal;
+    margin-left:  -$navbar-padding-horizontal;
+
+    @media (min-width: $grid-float-breakpoint) {
+      margin-right: 0;
+      margin-left:  0;
+    }
+  }
+}
+
+
+//
+// Navbar alignment options
+//
+// Display the navbar across the entirety of the page or fixed it to the top or
+// bottom of the page.
+
+// Static top (unfixed, but 100% wide) navbar
+.navbar-static-top {
+  z-index: $zindex-navbar;
+  border-width: 0 0 1px;
+
+  @media (min-width: $grid-float-breakpoint) {
+    border-radius: 0;
+  }
+}
+
+// Fix the top/bottom navbars when screen real estate supports it
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: $zindex-navbar-fixed;
+
+  // Undo the rounded corners
+  @media (min-width: $grid-float-breakpoint) {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0; // override .navbar defaults
+  border-width: 1px 0 0;
+}
+
+
+// Brand/project name
+
+.navbar-brand {
+  float: left;
+  padding: $navbar-padding-vertical $navbar-padding-horizontal;
+  font-size: $font-size-large;
+  line-height: $line-height-computed;
+  height: $navbar-height;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+
+  @media (min-width: $grid-float-breakpoint) {
+    .navbar > .container &,
+    .navbar > .container-fluid & {
+      margin-left: -$navbar-padding-horizontal;
+    }
+  }
+}
+
+// Navbar toggle
+//
+// Custom button for toggling the `.navbar-collapse`, powered by the collapse
+// JavaScript plugin.
+
+.navbar-toggle {
+  position: relative;
+  float: right;
+  margin-right: $navbar-padding-horizontal;
+  padding: 9px 10px;
+  @include navbar-vertical-align(34px);
+  background-color: transparent;
+  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  border: 1px solid transparent;
+  border-radius: $border-radius-base;
+
+  // We remove the `outline` here, but later compensate by attaching `:hover`
+  // styles to `:focus`.
+  &:focus {
+    outline: 0;
+  }
+
+  // Bars
+  .icon-bar {
+    display: block;
+    width: 22px;
+    height: 2px;
+    border-radius: 1px;
+  }
+  .icon-bar + .icon-bar {
+    margin-top: 4px;
+  }
+
+  @media (min-width: $grid-float-breakpoint) {
+    display: none;
+  }
+}
+
+
+// Navbar nav links
+//
+// Builds on top of the `.nav` components with its own modifier class to make
+// the nav the full height of the horizontal nav (above 768px).
+
+.navbar-nav {
+  margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
+
+  > li > a {
+    padding-top:    10px;
+    padding-bottom: 10px;
+    line-height: $line-height-computed;
+  }
+
+  // Uncollapse the nav
+  //@media (min-width: $grid-float-breakpoint) {
+    float: left;
+    margin: 0;
+
+    > li {
+      float: left;
+      > a {
+        padding-top:    $navbar-padding-vertical;
+        padding-bottom: $navbar-padding-vertical;
+      }
+    }
+
+    &.navbar-right:last-child {
+      margin-right: -$navbar-padding-horizontal;
+    }
+  }
+//}
+
+
+// Component alignment
+//
+// Repurpose the pull utilities as their own navbar utilities to avoid specificity
+// issues with parents and chaining. Only do this when the navbar is uncollapsed
+// though so that navbar contents properly stack and align in mobile.
+
+//@media (min-width: $grid-float-breakpoint) {
+  .navbar-left {
+    float: left !important;
+  }
+  .navbar-right {
+    float: right !important;
+  }
+//}
+
+
+// Navbar form
+//
+// Extension of the `.form-inline` with some extra flavor for optimum display in
+// our navbars.
+
+.navbar-form {
+  margin-left: -$navbar-padding-horizontal;
+  margin-right: -$navbar-padding-horizontal;
+  padding: 10px $navbar-padding-horizontal;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+  @include box-shadow($shadow);
+
+  // Mixin behavior for optimum display
+  @extend .form-inline;
+
+  .form-group {
+    @media (max-width: $grid-float-breakpoint-max) {
+      margin-bottom: 5px;
+    }
+  }
+
+  // Vertically center in expanded, horizontal navbar
+  @include navbar-vertical-align($input-height-base);
+
+  // Undo 100% width for pull classes
+  @media (min-width: $grid-float-breakpoint) {
+    width: auto;
+    border: 0;
+    margin-left: 0;
+    margin-right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    @include box-shadow(none);
+
+    // Outdent the form if last child to line up with content down the page
+    &.navbar-right:last-child {
+      margin-right: -$navbar-padding-horizontal;
+    }
+  }
+}
+
+
+// Dropdown menus
+
+// Menu position and menu carets
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 0;
+  @include border-top-radius(0);
+}
+// Menu position and menu caret support for dropups via extra dropup class
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  @include border-bottom-radius(0);
+}
+
+
+// Buttons in navbars
+//
+// Vertically center a button within a navbar (when *not* in a form).
+
+.navbar-btn {
+  @include navbar-vertical-align($input-height-base);
+
+  &.btn-sm {
+    @include navbar-vertical-align($input-height-small);
+  }
+  &.btn-xs {
+    @include navbar-vertical-align(22);
+  }
+}
+
+
+// Text in navbars
+//
+// Add a class to make any element properly align itself vertically within the navbars.
+
+.navbar-text {
+  @include navbar-vertical-align($line-height-computed);
+
+  @media (min-width: $grid-float-breakpoint) {
+    float: left;
+    margin-left: $navbar-padding-horizontal;
+    margin-right: $navbar-padding-horizontal;
+
+    // Outdent the form if last child to line up with content down the page
+    &.navbar-right:last-child {
+      margin-right: 0;
+    }
+  }
+}
+
+// Alternate navbars
+// --------------------------------------------------
+
+// Default navbar
+.navbar-default {
+  background-color: $navbar-default-bg;
+
+  .navbar-brand,
+  .shop-state {
+    color: $navbar-default-brand-color;
+    &:hover,
+    &:focus {
+      color: $navbar-default-brand-hover-color;
+      background-color: $navbar-default-brand-hover-bg;
+    }
+  }
+
+  .navbar-text {
+    color: $navbar-default-color;
+  }
+
+  .navbar-nav {
+    > li > a {
+      color: $navbar-default-link-color;
+
+      &:hover,
+      &:focus {
+        color: $navbar-default-link-hover-color;
+        background-color: $navbar-default-link-hover-bg;
+      }
+    }
+    > .active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: $navbar-default-link-active-color;
+        background-color: $navbar-default-link-active-bg;
+      }
+    }
+    > .disabled > a {
+      &,
+      &:hover,
+      &:focus {
+        color: $navbar-default-link-disabled-color;
+        background-color: $navbar-default-link-disabled-bg;
+      }
+    }
+  }
+
+  .navbar-toggle {
+    border-color: $navbar-default-toggle-border-color;
+    &:hover,
+    &:focus {
+      background-color: $navbar-default-toggle-hover-bg;
+    }
+    .icon-bar {
+      background-color: $navbar-default-toggle-icon-bar-bg;
+    }
+  }
+
+  .navbar-collapse,
+  .navbar-form {
+    border-color: $navbar-default-border;
+  }
+
+  // Dropdown menu items
+  .navbar-nav {
+    // Remove background color from open dropdown
+    > .open > a {
+      &,
+      &:hover,
+      &:focus {
+        background-color: $navbar-default-link-active-bg;
+        color: $navbar-default-link-active-color;
+      }
+    }
+
+    @media (max-width: $grid-float-breakpoint-max) {
+      // Dropdowns get custom display when collapsed
+      .open .dropdown-menu {
+        > li > a {
+          color: $navbar-default-link-color;
+          &:hover,
+          &:focus {
+            color: $navbar-default-link-hover-color;
+            background-color: $navbar-default-link-hover-bg;
+          }
+        }
+        > .active > a {
+          &,
+          &:hover,
+          &:focus {
+            color: $navbar-default-link-active-color;
+            background-color: $navbar-default-link-active-bg;
+          }
+        }
+        > .disabled > a {
+          &,
+          &:hover,
+          &:focus {
+            color: $navbar-default-link-disabled-color;
+            background-color: $navbar-default-link-disabled-bg;
+          }
+        }
+      }
+    }
+  }
+
+
+  // Links in navbars
+  //
+  // Add a class to ensure links outside the navbar nav are colored correctly.
+
+  .navbar-link {
+    color: $navbar-default-link-color;
+    &:hover {
+      color: $navbar-default-link-hover-color;
+    }
+  }
+
+  .btn-link {
+    color: $navbar-default-link-color;
+    &:hover,
+    &:focus {
+      color: $navbar-default-link-hover-color;
+    }
+    &[disabled],
+    fieldset[disabled] & {
+      &:hover,
+      &:focus {
+        color: $navbar-default-link-disabled-color;
+      }
+    }
+  }
+}
+
+// Inverse navbar
+
+.navbar-inverse {
+  background: $contrasted-light-default;
+  .navbar-brand {
+    color: $main-color;
+    &:hover,
+    &:focus {
+      color: $toolbar-buttons-hover-color;
+    }
+  }
+
+  .navbar-text {
+    color: $navbar-inverse-color;
+  }
+
+  // Darken the responsive nav toggle
+  .navbar-toggle {
+    border-color: $navbar-inverse-toggle-border-color;
+    &:hover,
+    &:focus {
+      background-color: $navbar-inverse-toggle-hover-bg;
+    }
+    .icon-bar {
+      background-color: $navbar-inverse-toggle-icon-bar-bg;
+    }
+  }
+
+  .navbar-collapse,
+  .navbar-form {
+    border-color: darken($navbar-inverse-bg, 7%);
+  }
+
+  // Dropdowns
+  .navbar-nav {
+    > .open > a {
+      &,
+      &:hover,
+      &:focus {
+        background-color: $navbar-inverse-link-active-bg;
+        color: $navbar-inverse-link-active-color;
+      }
+    }
+  }
+
+  .navbar-link {
+    color: $navbar-inverse-link-color;
+    &:hover {
+      color: $navbar-inverse-link-hover-color;
+    }
+  }
+
+  .btn-link {
+    color: $navbar-inverse-link-color;
+    &:hover,
+    &:focus {
+      color: $navbar-inverse-link-hover-color;
+    }
+    &[disabled],
+    fieldset[disabled] & {
+      &:hover,
+      &:focus {
+        color: $navbar-inverse-link-disabled-color;
+      }
+    }
+  }
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_navs.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_navs.scss
@@ -0,0 +1,241 @@
+//
+// Navs
+// --------------------------------------------------
+
+
+// Base class
+// --------------------------------------------------
+
+.nav {
+  margin-bottom: 0;
+  padding-left: 0; // Override default ul/ol
+  list-style: none;
+  @include clearfix();
+
+  > li {
+    position: relative;
+    display: block;
+
+    > a {
+      position: relative;
+      display: block;
+      padding: $nav-link-padding;
+      &:hover,
+      &:focus {
+        text-decoration: none;
+      }
+    }
+
+    // Disabled state sets text to gray and nukes hover/tab effects
+    &.disabled > a {
+      color: $nav-disabled-link-color;
+
+      &:hover,
+      &:focus {
+        color: $nav-disabled-link-hover-color;
+        text-decoration: none;
+        background-color: transparent;
+        cursor: not-allowed;
+      }
+    }
+  }
+
+  // Open dropdowns
+  .open > a {
+    &,
+    &:hover,
+    &:focus {
+      background-color: $nav-link-hover-bg;
+      border-color: $link-color;
+    }
+  }
+
+  // Nav dividers (deprecated with v3.0.1)
+  //
+  // This should have been removed in v3 with the dropping of `.nav-list`, but
+  // we missed it. We don't currently support this anywhere, but in the interest
+  // of maintaining backward compatibility in case you use it, it's deprecated.
+  .nav-divider {
+    @include nav-divider();
+  }
+
+  // Prevent IE8 from misplacing imgs
+  //
+  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
+  > li > a > img {
+    max-width: none;
+  }
+}
+
+
+// Tabs
+// -------------------------
+
+// Give the tabs something to sit on
+.nav-tabs {
+  border-bottom: 1px solid $nav-tabs-border-color;
+  > li {
+    float: left;
+    // Make the list-items overlay the bottom border
+    margin-bottom: -1px;
+
+    // Actual tabs (as links)
+    > a {
+      margin-right: 2px;
+      line-height: $line-height-base;
+      border: 1px solid transparent;
+      border-radius: $border-radius-base $border-radius-base 0 0;
+      &:hover {
+        border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
+      }
+    }
+
+    // Active state, and its :hover to override normal :hover
+    &.active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: $nav-tabs-active-link-hover-color;
+        background-color: $nav-tabs-active-link-hover-bg;
+        border: 1px solid $nav-tabs-active-link-hover-border-color;
+        border-bottom-color: transparent;
+        cursor: default;
+      }
+    }
+  }
+  // pulling this in mainly for less shorthand
+  &.nav-justified {
+    @extend .nav-justified;
+    @extend .nav-tabs-justified;
+  }
+}
+
+
+// Pills
+// -------------------------
+.nav-pills {
+  > li {
+    float: left;
+
+    // Links rendered as pills
+    > a {
+      border-radius: $nav-pills-border-radius;
+    }
+    + li {
+      margin-left: 2px;
+    }
+
+    // Active state
+    &.active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: $nav-pills-active-link-hover-color;
+        background-color: $nav-pills-active-link-hover-bg;
+      }
+    }
+  }
+}
+
+
+// Stacked pills
+.nav-stacked {
+  > li {
+    float: none;
+    + li {
+      margin-top: 2px;
+      margin-left: 0; // no need for this gap between nav items
+    }
+  }
+}
+
+
+// Nav variations
+// --------------------------------------------------
+
+// Justified nav links
+// -------------------------
+
+.nav-justified {
+  width: 100%;
+
+  > li {
+    float: none;
+     > a {
+      text-align: center;
+      margin-bottom: 5px;
+    }
+  }
+
+  > .dropdown .dropdown-menu {
+    top: auto;
+    left: auto;
+  }
+
+  @media (min-width: $screen-sm-min) {
+    > li {
+      display: table-cell;
+      width: 1%;
+      > a {
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+// Move borders to anchors instead of bottom of list
+//
+// Mixin for adding on top the shared `.nav-justified` styles for our tabs
+.nav-tabs-justified {
+  border-bottom: 0;
+
+  > li > a {
+    // Override margin from .nav-tabs
+    margin-right: 0;
+    border-radius: $border-radius-base;
+  }
+
+  > .active > a,
+  > .active > a:hover,
+  > .active > a:focus {
+    border: 1px solid $nav-tabs-justified-link-border-color;
+  }
+
+  @media (min-width: $screen-sm-min) {
+    > li > a {
+      border-bottom: 1px solid $nav-tabs-justified-link-border-color;
+      border-radius: $border-radius-base $border-radius-base 0 0;
+    }
+    > .active > a,
+    > .active > a:hover,
+    > .active > a:focus {
+      border-bottom-color: $nav-tabs-justified-active-link-border-color;
+    }
+  }
+}
+
+
+// Tabbable tabs
+// -------------------------
+
+// Hide tabbable panes to start, show them when `.active`
+.tab-content {
+  > .tab-pane {
+    display: none;
+  }
+  > .active {
+    display: block;
+  }
+}
+
+
+// Dropdowns
+// -------------------------
+
+// Specific dropdowns
+.nav-tabs .dropdown-menu {
+  // make dropdown border overlap tab border
+  margin-top: -1px;
+  // Remove the top rounded corners here since there is a hard edge above the menu
+  @include border-top-radius(0);
+}
--- a/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_normalize.scss
+++ b/web/admin1553pskpx/themes/default/sass/vendor/bootstrap-sass/_normalize.scss
@@ -0,0 +1,426 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+
+//
+// 1. Set default font family to sans-serif.
+// 2. Prevent iOS text size adjust after orientation change, without disabling
+//    user zoom.
+//
+
+html {
+  font-family: sans-serif; // 1
+  -ms-text-size-adjust: 100%; // 2
+  -webkit-text-size-adjust: 100%; // 2
+}
+
+//
+// Remove default margin.
+//
+
+body {
+  margin: 0;
+  direction: ltr;
+}
+
+// HTML5 display definitions
+// ==========================================================================
+
+//
+// Correct `block` display not defined for any HTML5 element in IE 8/9.
+// Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+// Correct `block` display not defined for `main` in IE 11.
+//
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+//
+// 1. Correct `inline-block` display not defined in IE 8/9.
+// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+//
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; // 1
+  vertical-align: baseline; // 2
+}
+
+//
+// Prevent modern browsers from displaying `audio` without controls.
+// Remove excess height in iOS 5 devices.
+//
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+//
+// Address `[hidden]` styling not present in IE 8/9/10.
+// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+//
+
+[hidden],
+template {
+  display: none;
+}
+
+// Links
+// ==========================================================================
+
+//
+// Remove the gray background color from active links in IE 10.
+//
+
+a {
+  background: transparent;
+}
+
+//
+// Improve readability when focused and also mouse hovered in all browsers.
+//
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+// Text-level semantics
+// ==========================================================================
+
+//
+// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+//
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+//
+// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+//
+
+b,
+strong {
+  font-weight: bold;
+}
+
+//
+// Address styling not present in Safari and Chrome.
+//
+
+dfn {
+  font-style: italic;
+}
+
+//
+// Address variable `h1` font-size and margin within `section` and `article`
+// contexts in Firefox 4+, Safari, and Chrome.
+//
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+//
+// Address styling not present in IE 8/9.
+//
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+//
+// Address inconsistent and variable font size in all browsers.
+//
+
+small {
+  font-size: 80%;
+}
+
+//
+// Prevent `sub` and `sup` affecting `line-height` in all browsers.
+//
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+// Embedded content
+// ==========================================================================
+
+//
+// Remove border when inside `a` element in IE 8/9/10.
+//
+
+img {
+  border: 0;
+}
+
+//
+// Correct overflow not hidden in IE 9/10/11.
+//
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+// Grouping content
+// ==========================================================================
+
+//
+// Address margin not present in IE 8/9 and Safari.
+//
+
+figure {
+  margin: 1em 40px;
+}
+
+//
+// Address differences between Firefox and other browsers.
+//
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+//
+// Contain overflow in all browsers.
+//
+
+pre {
+  overflow: auto;
+}
+
+//
+// Address odd `em`-unit font size rendering in all browsers.
+//
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+// Forms
+// ==========================================================================
+
+//
+// Known limitation: by default, Chrome and Safari on OS X allow very limited
+// styling of `select`, unless a `border` property is set.
+//
+
+//
+// 1. Correct color not being inherited.
+//    Known issue: affects color of disabled elements.
+// 2. Correct font properties not being inherited.
+// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+//
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; // 1
+  font: inherit; // 2
+  margin: 0; // 3
+}
+
+//
+// Address `overflow` set to `hidden` in IE 8/9/10/11.
+//
+
+button {
+  overflow: visible;
+}
+
+//
+// Address inconsistent `text-transform` inheritance for `button` and `select`.
+// All other form control elements do not inherit `text-transform` values.
+// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+// Correct `select` style inheritance in Firefox.
+//
+
+button,
+select {
+  text-transform: none;
+}
+
+//
+// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+//    and `video` controls.
+// 2. Correct inability to style clickable `input` types in iOS.
+// 3. Improve usability and consistency of cursor style between image-type
+//    `input` and others.
+//
+
+button,
+html input[type="button"], // 1
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; // 2
+  cursor: pointer; // 3
+}
+
+//
+// Re-set default cursor for disabled elements.
+//
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+//
+// Remove inner padding and border in Firefox 4+.
+//
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+//
+// Address Firefox 4+ setting `line-height` on `input` using `!important` in
+// the UA stylesheet.
+//
+
+input {
+  line-height: normal;
+}
+
+//
+// It's recommended that you don't attempt to style these elements.
+// Firefox's implementation doesn't respect box-sizing, padding, or width.
+//
+// 1. Address box sizing set to `content-box` in IE 8/9/10.
+// 2. Remove excess padding in IE 8/9/10.
+//
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; // 1
+  padding: 0; // 2
+}
+
+//
+// Fix the cursor style for Chrome's increment/decrement buttons. For certain
+// `font-size` values of the `input`, it causes the cursor style of the
+// decrement button to change from `default` to `text`.
+//
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+//
+// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+// 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+//    (include `-moz` to future-proof).
+//
+
+input[type="search"] {
+  -webkit-appearance: textfield; // 1
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; // 2
+  box-sizing: content-box;
+}
+
+//
+// Remove inner padding and search cancel button in Safari and Chrome on OS X.
+// Safari (but not Chrome) clips the cancel button when the search input has
+// padding (and `textfield` appearance).
+//
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+//
+// Define consistent border, margin, and padding.
+//
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+//
+// 1. Correct `color` not being inherited in IE 8/9/10/11.
+// 2. Remove padding so people aren't caught out if they zero out fieldsets.
+//
+
+legend {
+  border: 0; // 1
+  padding: 0; // 2
+}
+
+//
+// Remove default vertical scrollbar in IE 8/9/10/11.
+//
+
+textarea {
+  overflow: auto;
+}
+
+//
+// Don't inherit the `font-weight` (applied by a rule above).
+// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+//
+
+optgroup {
+  font-weight: bold;
+}
+
+// Tables
+// ==========================================================================
+
+//
+// Remove most spacing between table cells.
+//
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}
--- a/Show More
+++ b/Show More