added admin interface

admin/assets/scss/partials/_elements.scss

@@ -0,0 +1,167 @@
+/* Elements */
+.metric-inline {
+	@include border-radius(3px);	
+	@extend .align-center;
+	padding: 20px;
+	font-size: 36px;
+	background-color: #f5f5f5;
+
+	i {
+		@extend .displayblock;
+		margin-bottom: 12px;
+		color: $color-muted;
+	}
+	
+	span {
+		@extend .displayblock;
+		font-size: 20px;
+	}
+}
+.separator-linethrough {
+	position: relative;
+	margin: 30px 0;
+	@extend .align-center;
+
+	span {
+		@include inline-block;
+
+		padding: 0 10px;
+		position: inherit;
+		font-size: 18px;
+		background-color: $col-white;
+		z-index: 9;
+	}
+
+	&:after {
+		@extend .displayblock;
+		position: absolute;
+		top: 50%;
+		width: 100%;
+		content: '';
+		border-top: 1px solid #f0f0f0;
+		z-index: 0;
+	}
+}
+.block-header{
+    padding: 10px 25px;
+    background: $col-white;
+    @extend .m-b-25;
+
+    @include max-screen($break-large) {
+        padding: 10px 20px;
+    }
+
+    @include max-screen($break-small) {        
+        padding: 10px 15px;        
+    }
+    @include max-screen($break-xsmall) {
+        .text-right{
+            text-align: left !important;
+        }
+    }
+
+	h2{
+        font-size: 18px;
+        @extend .m-b-0;
+        line-height: 28px;
+	}
+	.breadcrumb{
+        @extend .padding-0;
+        @extend .m-b-0;
+        @extend .m-r-20;
+        @extend .inlineblock;
+        background: transparent;
+        li{
+            @extend .inlineblock;
+        }
+    }
+}
+/* toastr notification */
+#toast-container {
+	> div {
+		@include opacity(1);
+		
+		&,
+		&:hover{
+			@include box-shadow(none);
+		}
+    }
+
+    .toast-close-button {
+        @include opacity(.3);
+    
+        top: -11px;
+        text-shadow: none;
+        color: $col-white;
+    
+        &:hover,
+        &:focus {
+            @include opacity(.5);
+        }
+    }
+    
+    .toast-info {
+        background-color: $color-accent;
+    
+        .toast-close-button {
+            color: darken($color-accent, 20%);
+        }
+    }
+    
+    .toast-success {
+        background-color: $color-success;
+    
+        .toast-close-button {
+            color: darken($color-success, 20%);
+        }
+    }
+    
+    .toast-warning {
+        background-color: $color-warning;
+    
+        .toast-close-button {
+            color: darken($color-warning, 20%);
+        }
+    }
+    
+    .toast-error {
+        background-color: $color-danger;
+    
+        .toast-close-button {
+            color: darken($color-danger, 25%);
+        }
+    }
+
+    .toast {
+        @extend .m-b-0;
+        a {
+            text-decoration: underline;
+    
+            &:hover,
+            &:focus {
+                text-decoration: none;
+                color: $col-white;
+            }
+        }
+    
+        .toast-message {
+            font-size: 14px;
+            line-height: 1.4;
+        }
+    }
+}
+/* Tags Input */
+.bootstrap-tagsinput{
+    .tag{
+        margin: 2px !important;
+    }
+}
+/* Input Slider */
+.noUi-target{
+    box-shadow: none !important;
+    border-color: $grey-300;
+    .noUi-background,
+    .noUi-connect{
+        box-shadow: none !important;
+    }
+}