resolves #39

app/app.css

@@ -18,6 +18,23 @@ body {
     background-color:#999;
 }
 
+.panel {
+	border:none;
+	-webkit-box-shadow:	0 0px 4px rgba(0,0,0,.15);
+	box-shadow: 0 0px 4px rgba(0,0,0,.15);
+}
+
+.panel-footer {
+    border-top: 1px solid #F3F3F3;
+	background-color:#fff;
+}
+
+.panel-info>.panel-heading {
+    background-color: #6CBECC;
+	border:none;
+	color:#fff;	
+}
+
 .badge {
     border-radius: 100%;
     width: 22px;
@@ -340,6 +357,7 @@ select {
 }
 
 .manager-view-content {
+	width: calc(100% - 300px);
     padding:35px 40px;
     overflow:auto;
     -webkit-flex-grow: 1;
@@ -1017,7 +1035,7 @@ table.dataTable thead .sorting:after {
 }
 
 .dashboard-main-search {
-	width: calc(100% - 300px);
+	
 }
 
 .dashboard-main-search .dashboard-student-search h3, 
@@ -1046,6 +1064,7 @@ table.dataTable thead .sorting:after {
     background-color: #FBF9F9;
 	cursor:pointer;	
 	color:#5A5A5A;
+	margin-left:-4px;
 }
 
 .dashboard-student-search {

app/shared/directives.js

@@ -332,7 +332,7 @@ app.directive('msgbox', function () {
     return {
         templateUrl: 'shared/templates/directives/msgbox.html',
         restrict: 'E',
-        replace: true
+        replace: false
     };
 });
 

app/shared/templates/directives/msgbox.html

 <div class="col-lg-4">
-    <div class="panel panel-info">
+    <div class="panel" ng-class="{'info':'panel-info', 'error': 'panel-red', 'warning': 'panel-yellow'}[msgbox.type]">
         <div class="panel-heading">
             {{msgbox.title}}
         </div>
@@ -10,4 +10,69 @@
 
         <!--</div>-->
     </div>
-</div>
\ No newline at end of file
+</div>
+
+
+<!--<div class="row">-->
+
+    <!--<div class="col-lg-4">-->
+        <!--<div class="panel panel-primary">-->
+            <!--<div class="panel-heading">-->
+                <!--Primary Panel-->
+            <!--</div>-->
+            <!--<div class="panel-body">-->
+                <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>-->
+            <!--</div>-->
+            <!--<div class="panel-footer">-->
+                <!--Panel Footer-->
+            <!--</div>-->
+        <!--</div>-->
+    <!--</div>-->
+
+    <!--<div class="col-lg-4">-->
+        <!--<div class="panel panel-green">-->
+            <!--<div class="panel-heading">-->
+                <!--Success Panel-->
+            <!--</div>-->
+            <!--<div class="panel-body">-->
+                <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>-->
+            <!--</div>-->
+            <!--<div class="panel-footer">-->
+                <!--Panel Footer-->
+            <!--</div>-->
+        <!--</div>-->
+        <!--&lt;!&ndash; /.col-lg-4 &ndash;&gt;-->
+    <!--</div>-->
+
+    <!--<div class="col-lg-4">-->
+        <!--<div class="panel panel-yellow">-->
+            <!--<div class="panel-heading">-->
+                <!--Warning Panel-->
+            <!--</div>-->
+            <!--<div class="panel-body">-->
+                <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>-->
+            <!--</div>-->
+            <!--<div class="panel-footer">-->
+                <!--Panel Footer-->
+            <!--</div>-->
+        <!--</div>-->
+        <!--&lt;!&ndash; /.col-lg-4 &ndash;&gt;-->
+    <!--</div>-->
+<!--</div>-->
+
+<!--<div class="row">-->
+    <!--<div class="col-lg-4">-->
+        <!--<div class="panel panel-red">-->
+            <!--<div class="panel-heading">-->
+                <!--Danger Panel-->
+            <!--</div>-->
+            <!--<div class="panel-body">-->
+                <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>-->
+            <!--</div>-->
+            <!--<div class="panel-footer">-->
+                <!--Panel Footer-->
+            <!--</div>-->
+        <!--</div>-->
+        <!--&lt;!&ndash; /.col-lg-4 &ndash;&gt;-->
+    <!--</div>-->
+<!--</div>-->
\ No newline at end of file