3 files changed, 26 insertions, 13 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index ca324a89e..565b793aa 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -493,10 +493,6 @@ footer {
 	font-size: 0.7em;
 }
 
-#colorbox {
-	padding: 5px;
-}
-
 .app-name {
 	overflow: none;
 }
@@ -962,10 +958,20 @@ nav .acpopup {
 	background: none repeat scroll 0% 0% #FCF8E3 !important;
 }
 
+#cboxOverlay {
+	z-index: 1050;
+}
+
 #colorbox {
+	z-index: 1051;
+}
+
+#cboxContent {
+	padding: 3px;
 	border: 0px solid #fff;
+	border-radius: $radiuspx;
 	background-color: #fff;
-	z-index: 9;
+	z-index: 1052;
 }
 
 .settings-block {
@@ -2214,15 +2220,19 @@ aside .nav > li > a:hover, aside .nav > li > a:focus {
 }
 
 /* Modified original CSS to match input in Redbasic */
-.bootstrap-tagsinput {
+.jothidden .bootstrap-tagsinput {
 	border-color:#fff;
 	background-color: #fff;
 	box-shadow: none;
 	display: inline-block;
 	border-radius: $radiuspx;
 	cursor: text;
-	padding: 0 6px;
-	width: 70% !important;
+	padding: 0px 8px;
+	width: 100%;
+}
+
+.bootstrap-tagsinput .label {
+	font-size: 100%;
 }
 
 .jothidden .bootstrap-tagsinput:hover, .jothidden .bootstrap-tagsinput:focus {
@@ -2305,9 +2315,6 @@ aside .nav > li > a:hover, aside .nav > li > a:focus {
     right: 0px;
     background-color: #337AB7;
 }
-.label-info {
-	background-color: #337AB7;
-}
 
 .channels_ckbx, .pending_ckbx, .users_ckbx {
 	margin-top: -5px !important;
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index c825b0485..68190778c 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -34,6 +34,10 @@ $(document).ready(function() {
 	if($('#tabs-collapse-1').length === 0) {
 		$('#expand-tabs').hide();
 	}
+
+	$("input[data-role=cat-tagsinput]").tagsinput({
+		tagClass: 'label label-primary'
+	});
 });
 
 $(document).ready(function(){
@@ -48,4 +52,4 @@ $(document).ready(function(){
 		}
 	}
 	setInterval(function () {checkNotify();}, 10 * 1000);
-});
-\ No newline at end of file
+});
diff --git a/view/theme/redbasic/php/theme_init.php b/view/theme/redbasic/php/theme_init.php
index 498d1ee15..3179c7078 100644
--- a/view/theme/redbasic/php/theme_init.php
+++ b/view/theme/redbasic/php/theme_init.php
@@ -1,7 +1,8 @@
 <?php
 
 head_add_css('library/font_awesome/css/font-awesome.min.css');
-head_add_css('library/bootstrap/css/bootstrap.min.css'); 
+head_add_css('library/bootstrap/css/bootstrap.min.css');
+head_add_css('library/bootstrap-tagsinput/bootstrap-tagsinput.css');
 head_add_css('view/css/bootstrap-red.css');
 head_add_css('library/datetimepicker/jquery.datetimepicker.css');
 //head_add_css('library/colorpicker/css/colorpicker.css');
@@ -10,6 +11,7 @@ require_once('view/php/theme_init.php');
 
 head_add_js('library/bootstrap/js/bootstrap.min.js');
 head_add_js('library/bootbox/bootbox.min.js');
+head_add_js('library/bootstrap-tagsinput/bootstrap-tagsinput.js');
 head_add_js('library/datetimepicker/jquery.datetimepicker.js');
 //head_add_js('library/colorpicker/js/colorpicker.js');
 head_add_js('library/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js');