src/ztfy/myams/resources/css/myams.css
changeset 206 02a40997d8cb
parent 203 108498416bee
child 220 32418e93144e
--- a/src/ztfy/myams/resources/css/myams.css	Fri May 12 14:03:02 2017 +0200
+++ b/src/ztfy/myams/resources/css/myams.css	Thu Oct 26 14:45:34 2017 +0200
@@ -9,6 +9,9 @@
  * Released under Zope Public License ZPL 1.1
  * ©2014-2016 Thierry Florac <tflorac@ulthar.net>
  */
+html {
+  /* */
+}
 /*
  * Colors variations
  */
@@ -37,7 +40,7 @@
   background-color: #5cb85c !important;
 }
 .txt-color-text {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .txt-color-blue {
   color: #60747c !important;
@@ -82,7 +85,7 @@
   color: #a8829f !important;
 }
 .txt-color-purple {
-  color: #65596b !important;
+  color: #65596B !important;
 }
 .txt-color-darken {
   color: #404040 !important;
@@ -157,7 +160,7 @@
   background-color: #a8829f !important;
 }
 .bg-color-purple {
-  background-color: #65596b !important;
+  background-color: #65596B !important;
 }
 .bg-color-darken {
   background-color: #404040 !important;
@@ -3245,9 +3248,15 @@
 .margin-top-5 {
   margin-top: 5px!important;
 }
+.margin-top-5-neg {
+  margin-top: -5px !important;
+}
 .margin-top-10 {
   margin-top: 10px!important;
 }
+.margin-top-10-neg {
+  margin-top: -10px !important;
+}
 .margin-top-20 {
   margin-top: 20px!important;
 }
@@ -3275,9 +3284,15 @@
 .margin-left-5 {
   margin-left: 5px!important;
 }
+.margin-left-5-neg {
+  margin-left: -5px !important;
+}
 .margin-left-10 {
   margin-left: 10px!important;
 }
+.margin-left-10-neg {
+  margin-left: -10px !important;
+}
 .margin-left-20 {
   margin-left: 20px!important;
 }
@@ -3375,6 +3390,9 @@
 .width-nomin {
   min-width: 0!important;
 }
+.width-auto {
+  width: auto!important;
+}
 .width-20 {
   width: 20px;
   max-width: 20px;
@@ -3458,6 +3476,9 @@
   height: 500px;
   max-height: 500px;
 }
+.padding-2 {
+  padding: 2px!important;
+}
 .padding-5 {
   padding: 5px!important;
 }
@@ -3474,6 +3495,10 @@
   padding-left: 0px!important;
   padding-right: 0px!important;
 }
+.padding-x-2 {
+  padding-left: 2px!important;
+  padding-right: 2px!important;
+}
 .padding-x-5 {
   padding-left: 5px!important;
   padding-right: 5px!important;
@@ -3490,6 +3515,10 @@
   padding-top: 0px!important;
   padding-bottom: 0px!important;
 }
+.padding-y-2 {
+  padding-top: 2px!important;
+  padding-bottom: 2px!important;
+}
 .padding-y-5 {
   padding-top: 5px!important;
   padding-bottom: 5px!important;
@@ -3505,6 +3534,9 @@
 .padding-top-0 {
   padding-top: 0!important;
 }
+.padding-top-2 {
+  padding-top: 2px!important;
+}
 .padding-top-5 {
   padding-top: 5px!important;
 }
@@ -3517,6 +3549,9 @@
 .padding-bottom-0 {
   padding-bottom: 0!important;
 }
+.padding-bottom-2 {
+  padding-bottom: 2px!important;
+}
 .padding-bottom-5 {
   padding-bottom: 5px!important;
 }
@@ -3529,6 +3564,9 @@
 .padding-left-0 {
   padding-left: 0!important;
 }
+.padding-left-2 {
+  padding-left: 2px!important;
+}
 .padding-left-5 {
   padding-left: 5px!important;
 }
@@ -3541,6 +3579,9 @@
 .padding-right-0 {
   padding-right: 0!important;
 }
+.padding-right-2 {
+  padding-right: 2px!important;
+}
 .padding-right-5 {
   padding-right: 5px!important;
 }
@@ -3660,6 +3701,12 @@
 .bold {
   font-weight: 900!important;
 }
+.nobold {
+  font-weight: normal!important;
+}
+.typo-bold {
+  font-family: Ubuntu-Bold;
+}
 .ultra-light {
   font-weight: 300!important;
 }
@@ -3681,6 +3728,10 @@
 .font-400 {
   font-size: 400%!important;
 }
+.fa-fw-md {
+  width: 1em;
+  text-align: center;
+}
 .badge {
   font-size: 11px;
   padding: 3px 6px 2px;
@@ -3936,7 +3987,7 @@
 .top-tabs .nav-tabs li > a {
   padding: 2px 10px 3px!important;
   border-color: #ccc #ccc transparent;
-  box-shadow: 0px -2px 3px #cccccc;
+  box-shadow: 0px -2px 3px #ccc;
   margin-top: 3px!important;
 }
 .top-tabs .nav-tabs li.active > a {
@@ -5044,7 +5095,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  background: rgba(0, 0, 0, 0.6);
+  background: rgba(80, 80, 80, 0.7);
   z-index: 100000;
 }
 @media screen and (max-width: 450px) and (max-width: 767px) {
@@ -5054,7 +5105,7 @@
     position: fixed;
     top: 0;
     left: 0;
-    background: rgba(0, 0, 0, 0.6);
+    background: rgba(80, 80, 80, 0.7);
     z-index: 100000;
   }
 }
@@ -5063,17 +5114,22 @@
   color: #fff;
   position: relative;
   width: 100%;
-  background-color: #232323;
-  background-color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.7);
   padding: 20px;
 }
+.MessageBoxContainer.info {
+  width: 60%;
+  left: 20%;
+  background-color: rgba(255, 255, 255, 0.9);
+  color: #333;
+}
 @media screen and (max-width: 450px) and (max-width: 767px) {
   .MessageBoxContainer {
     top: 25%;
     color: #fff;
     position: relative;
     width: 100%;
-    background-color: #232323;
+    background-color: rgba(0, 0, 0, 0.7);
   }
 }
 .MessageBoxContainer input,
@@ -5122,6 +5178,7 @@
 .MessageBoxButtonSection {
   width: 100%;
   height: 30px;
+  text-align: right;
 }
 @media screen and (max-width: 450px) and (max-width: 767px) {
   .MessageBoxButtonSection {
@@ -5130,7 +5187,6 @@
   }
 }
 .MessageBoxButtonSection button {
-  float: right;
   margin-right: 7px;
   padding-left: 15px;
   padding-right: 15px;
@@ -5150,7 +5206,7 @@
   color: #fff;
   position: relative;
   width: 100%;
-  background-color: #232323;
+  background-color: rgba(0, 0, 0, 0.7);
 }
 .LoadingBoxContainer .MsgTitle {
   font-size: 26px;
@@ -5958,9 +6014,9 @@
   padding: 0 20px;
   background-color: #222;
   background-repeat: repeat-x;
-  background-image: -webkit-gradient(linear, top left, bottom left, from(#333333), to(#222222));
-  background-image: -webkit-linear-gradient(top, #333333, #222222);
-  background-image: linear-gradient(top, #333333, #222222);
+  background-image: -webkit-gradient(linear, top left, bottom left, from(#333), to(#222));
+  background-image: -webkit-linear-gradient(top, #333, #222);
+  background-image: linear-gradient(top, #333, #222);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
@@ -6834,8 +6890,8 @@
   border: 1px dashed #bbb;
   min-height: 100px;
   background-color: #eee;
-  background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
-  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
+  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
+  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
   -webkit-background-size: 60px 60px;
   background-size: 60px 60px;
   background-position: 0 0, 30px 30px;
@@ -7173,7 +7229,7 @@
 .notification-body > li:hover .progress {
   background: #fff;
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #a7a7a7 inset;
-  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #cccccc inset;
+  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #ccc inset;
 }
 .notification-body > li:hover .text-muted {
   color: #333;
@@ -7342,9 +7398,9 @@
   overflow: hidden;
   border: 1px solid #aaa;
   background: #bfbfbf;
-  background: -webkit-gradient(linear, top left, bottom left, from(#dddddd), to(#bbbbbb));
-  background: -webkit-linear-gradient(top, #dddddd 0, #bbbbbb 100%);
-  background: linear-gradient(top, #dddddd 0, #bbbbbb 100%);
+  background: -webkit-gradient(linear, top left, bottom left, from(#ddd), to(#bbb));
+  background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
+  background: linear-gradient(top, #ddd 0, #bbb 100%);
   display: inline-block;
   font-family: FontAwesome;
   font-style: normal;
@@ -7685,6 +7741,30 @@
 .table-hover > tbody > tr:hover > th {
   background-color: #eee;
 }
+@media (max-width: 768px) {
+  th.col-xs-hide,
+  td.col-xs-hide {
+    display: none!important;
+  }
+}
+@media (min-width: 768px) and (max-width: 992px) {
+  th.col-sm-hide,
+  td.col-sm-hide {
+    display: none!important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1200px) {
+  th.col-md-hide,
+  td.col-md-hide {
+    display: none!important;
+  }
+}
+@media (min-width: 1200px) {
+  th.col-lg-hide,
+  td.col-lg-hide {
+    display: none!important;
+  }
+}
 th.checker,
 td.checker {
   width: 30px;
@@ -7694,7 +7774,7 @@
 }
 th.action,
 td.action {
-  width: 26px;
+  width: 16px;
 }
 .dt-row {
   padding: 4px 10px;
@@ -8118,9 +8198,9 @@
   -o-box-shadow: 1px 1px 3px #ccc;
   box-shadow: 1px 1px 3px #ccc;
   background: #fff;
-  background: -webkit-gradient(linear, top left, bottom left, from(#ffffff), color-stop(89%, #f3f3f3), to(#f9f9f9));
-  background: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 89%, #f9f9f9 100%);
-  background: linear-gradient(top, #ffffff 0, #f3f3f3 89%, #f9f9f9 100%);
+  background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9));
+  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
+  background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
 }
 a.DTTT_button:hover,
@@ -8151,9 +8231,9 @@
   color: #999;
   border: 1px solid #d0d0d0;
   background: #fff;
-  background: -webkit-gradient(linear, top left, bottom left, from(#ffffff), color-stop(89%, #f9f9f9), to(#fafafa));
-  background: -webkit-linear-gradient(top, #ffffff 0, #f9f9f9 89%, #fafafa 100%);
-  background: linear-gradient(top, #ffffff 0, #f9f9f9 89%, #fafafa 100%);
+  background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f9f9f9), to(#fafafa));
+  background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
+  background: linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
 }
 table.DTTT_selectable tbody tr {
@@ -8215,9 +8295,9 @@
   color: #333;
   padding: 10px 30px;
   background: #fff;
-  background: -webkit-gradient(linear, top left, bottom left, from(#ffffff), color-stop(89%, #f3f3f3), to(#f9f9f9));
-  background: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 89%, #f9f9f9 100%);
-  background: linear-gradient(top, #ffffff 0, #f3f3f3 89%, #f9f9f9 100%);
+  background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9));
+  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
+  background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
   opacity: .95;
   border: 1px solid #000;
@@ -8595,7 +8675,7 @@
   content: "\f00c";
   color: #66665e;
   border-color: #4d90fe;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #ffffff;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff;
 }
 label input[type=checkbox].checkbox.style-3:checked + span:before {
   color: #fff;
@@ -8838,7 +8918,7 @@
   letter-spacing: -4px;
   font-size: 700%;
   margin-bottom: 30px;
-  text-shadow: 0 1px 0 #cccccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
+  text-shadow: 0 1px 0 #ccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
 }
 .error-search {
   width: 300px;
@@ -8904,7 +8984,7 @@
 }
 .ams-form fieldset.switched > section,
 .ams-form fieldset.switched > article,
-.ams-form fieldset.switched > div {
+.ams-form fieldset.switched > div:not(.persistent) {
   display: none;
 }
 .ams-form fieldset.switched legend {
@@ -9459,7 +9539,7 @@
   display: block;
   width: 100%;
   min-height: 14px;
-  padding: 4px 0;
+  padding: 4px 8px;
   border-bottom: 1px solid #ccc!important;
 }
 .ams-form .input .i18n-content input[readonly],
@@ -9493,6 +9573,9 @@
 .ams-form .input-file {
   position: relative;
 }
+.ams-form .input-file .current-value {
+  font-size: 13px;
+}
 .ams-form .input-file .button {
   position: absolute;
   top: 3px;
@@ -9555,6 +9638,12 @@
   height: auto;
   resize: none;
 }
+.ams-form .textarea.height-100 textarea {
+  height: 100px;
+}
+.ams-form .textarea.height-200 textarea {
+  height: 200px;
+}
 .ams-form .textarea-resizable textarea {
   resize: vertical;
 }
@@ -9670,9 +9759,6 @@
 .inner-table-form .ams-form input[type="text"] {
   height: 28px;
 }
-.inner-table-form .ams-form .mce-edit-area > iframe {
-  min-height: 250px!important;
-}
 .inner-table-form .ams-form footer {
   padding: 5px 20px;
   border-top: 0;
@@ -10735,13 +10821,16 @@
   padding: 6px 4px 3px;
   border: 1px solid #fff;
 }
+.mce-fullscreen {
+  z-index: 10000!important;
+}
 .mce-container,
 .mce-container *,
 .mce-widget,
 .mce-widget *,
 .mce-reset {
   font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
-  font-size: 13px;
+  font-size: 13px!important;
 }
 .mce-container button,
 .mce-container * button,
@@ -10785,9 +10874,6 @@
 .mce-colorbutton button {
   padding: 2px 1px 2px 5px!important;
 }
-.mce-edit-area > iframe {
-  min-height: 400px!important;
-}
 .mce-path,
 .mce-wordcount {
   padding: 2px 8px!important;
@@ -10885,6 +10971,12 @@
 .btn-xl {
   padding: 11px 15px;
 }
+.top-selector.btn-success:hover {
+  background-color: transparent;
+}
+.top-selector.btn-success .text-success {
+  color: #5cb85c;
+}
 .btn-circle {
   width: 30px;
   height: 30px;
@@ -11328,7 +11420,7 @@
   padding-left: 0;
 }
 .ams-widget header:first-child .nav-tabs li a {
-  color: #333333;
+  color: #333;
 }
 .ams-widget header:first-child .nav-tabs.pull-right li:last-child a {
   margin-right: 0 !important;
@@ -11348,7 +11440,7 @@
   height: 30px;
   padding: 0;
   line-height: 40px;
-  color: #333333;
+  color: #333;
   border: 1px solid #C2C2C2;
   background: #fafafa;
 }
@@ -11572,220 +11664,220 @@
   background: none !important;
 }
 .ams-widget-color-magenta > header {
-  color: #ffffff;
+  color: #fff;
   background: #6e3671;
   border-color: #6e3671 !important;
 }
 .ams-widget-color-magenta .nav-tabs li:not(.active) a,
 .ams-widget-color-magenta > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-magenta .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-pink > header {
-  color: #ffffff;
+  color: #fff;
   background: #ac5287;
   border-color: #ac5287 !important;
 }
 .ams-widget-color-pink .nav-tabs li:not(.active) a,
 .ams-widget-color-pink > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-pink .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-pinkDark > header {
-  color: #ffffff;
+  color: #fff;
   background: #a8829f;
   border-color: #a8829f !important;
 }
 .ams-widget-color-pinkDark .nav-tabs li:not(.active) a,
 .ams-widget-color-pinkDark > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-pinkDark .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-yellow > header {
-  color: #ffffff;
+  color: #fff;
   background: #d4c737;
   border-color: #d4c737 !important;
 }
 .ams-widget-color-yellow .nav-tabs li:not(.active) a,
 .ams-widget-color-yellow > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-yellow .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-orange > header {
-  color: #ffffff;
+  color: #fff;
   background: #c79121;
   border-color: #c79121 !important;
 }
 .ams-widget-color-orange .nav-tabs li:not(.active) a,
 .ams-widget-color-orange > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-orange .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-orangeDark > header {
-  color: #ffffff;
+  color: #fff;
   background: #a57225;
   border-color: #a57225 !important;
 }
 .ams-widget-color-orangeDark .nav-tabs li:not(.active) a,
 .ams-widget-color-orangeDark > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-orangeDark .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-darken > header {
-  color: #ffffff;
+  color: #fff;
   background: #404040;
   border-color: #404040 !important;
 }
 .ams-widget-color-darken .nav-tabs li:not(.active) a,
 .ams-widget-color-darken > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-darken .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-purple > header {
-  color: #ffffff;
-  background: #65596b;
-  border-color: #65596b !important;
+  color: #fff;
+  background: #65596B;
+  border-color: #65596B !important;
 }
 .ams-widget-color-purple .nav-tabs li:not(.active) a,
 .ams-widget-color-purple > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-purple .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-teal > header {
-  color: #ffffff;
+  color: #fff;
   background: #568a89;
   border-color: #568a89 !important;
 }
 .ams-widget-color-teal .nav-tabs li:not(.active) a,
 .ams-widget-color-teal > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-teal .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-blueDark > header {
-  color: #ffffff;
+  color: #fff;
   background: #4c4f53;
   border-color: #4c4f53 !important;
 }
 .ams-widget-color-blueDark .nav-tabs li:not(.active) a,
 .ams-widget-color-blueDark > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-blueDark .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-blue > header {
-  color: #ffffff;
+  color: #fff;
   background: #60747c;
   border-color: #60747c !important;
 }
 .ams-widget-color-blue .nav-tabs li:not(.active) a,
 .ams-widget-color-blue > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-blue .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-blueLight > header {
-  color: #ffffff;
+  color: #fff;
   background: #ccdadf;
   border-color: #ccdadf !important;
 }
 .ams-widget-color-blueLight .nav-tabs li:not(.active) a,
 .ams-widget-color-blueLight > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-blueLight .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-red > header {
-  color: #ffffff;
+  color: #fff;
   background: #931313;
   border-color: #931313 !important;
 }
 .ams-widget-color-red .nav-tabs li:not(.active) a,
 .ams-widget-color-red > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-red .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-redLight > header {
-  color: #ffffff;
+  color: #fff;
   background: #a65858;
   border-color: #a65858 !important;
 }
 .ams-widget-color-redLight .nav-tabs li:not(.active) a,
 .ams-widget-color-redLight > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-redLight .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-white > header {
-  color: #c8c8c8;
+  color: #C8C8C8;
   background: #dedede;
-  border-color: #c8c8c8 !important;
+  border-color: #C8C8C8 !important;
 }
 .ams-widget-color-white .nav-tabs li:not(.active) a,
 .ams-widget-color-white > header > .ams-widget-ctrls a {
-  color: #c8c8c8 !important;
+  color: #C8C8C8 !important;
 }
 .ams-widget-color-white .nav-tabs li a:hover {
   color: #838383 !important;
 }
 .ams-widget-color-greenDark > header {
-  color: #ffffff;
+  color: #fff;
   background: #496949;
   border-color: #496949 !important;
 }
 .ams-widget-color-greenDark .nav-tabs li:not(.active) a,
 .ams-widget-color-greenDark > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-greenDark .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-green > header {
-  color: #ffffff;
+  color: #fff;
   background: #356e35;
   border-color: #356e35 !important;
 }
 .ams-widget-color-green .nav-tabs li:not(.active) a,
 .ams-widget-color-green > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-green .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 .ams-widget-color-greenLight > header {
-  color: #ffffff;
+  color: #fff;
   background: #71843f;
   border-color: #71843f !important;
 }
 .ams-widget-color-greenLight .nav-tabs li:not(.active) a,
 .ams-widget-color-greenLight > header > .ams-widget-ctrls a {
-  color: #ffffff !important;
+  color: #fff !important;
 }
 .ams-widget-color-greenLight .nav-tabs li a:hover {
-  color: #333333 !important;
+  color: #333 !important;
 }
 #ams-widget-fullscreen-mode {
   position: fixed;
@@ -11863,7 +11955,7 @@
 }
 .onoffswitch-inner:before {
   content: attr(data-swchon-text);
-  text-shadow: 0 -1px 0 #333333;
+  text-shadow: 0 -1px 0 #333;
   padding-left: 7px;
   background-color: #3276b1;
   color: #fff;
@@ -11874,7 +11966,7 @@
 .onoffswitch-inner:after {
   content: attr(data-swchoff-text);
   padding-right: 7px;
-  text-shadow: 0 -1px 0 #ffffff;
+  text-shadow: 0 -1px 0 #fff;
   background-color: #fff;
   color: #555;
   text-align: right;
@@ -11896,10 +11988,10 @@
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   background-color: #f4f4f4;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
-  background-image: -webkit-gradient(linear, top left, bottom left, from(#ffffff), to(#eeeeee));
-  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
-  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
+  background-image: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
+  background-image: -webkit-linear-gradient(top, #fff, #eee);
+  background-image: linear-gradient(to bottom, #fff, #eee);
   background-repeat: repeat-x;
   -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
   box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
@@ -11912,7 +12004,7 @@
   text-align: center;
   line-height: 19px;
   font-size: 10px;
-  text-shadow: 0 -1px 0 #ffffff;
+  text-shadow: 0 -1px 0 #fff;
   font-weight: 700;
   font-family: FontAwesome;
 }
@@ -12181,20 +12273,20 @@
   -webkit-box-shadow: none;
   box-shadow: none;
   background: #fff;
-  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
-  background: -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
-  background: -webkit-gradient(linear, top left, bottom left, from(#ffffff), to(#eeeeee));
-  background: -webkit-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
-  background: linear-gradient(top, #ffffff 85%, #eeeeee 99%);
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
+  background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
+  background: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
+  background: -webkit-linear-gradient(top, #fff 85%, #eee 99%);
+  background: linear-gradient(top, #fff 85%, #eee 99%);
 }
 .select2-search input.select2-active {
   background-origin: padding-box;
-  background: #ffffff url(../img/select2-spinner.gif) no-repeat right 24px top 50%;
-  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
-  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
-  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#ffffff), to(#eeeeee));
-  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
-  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
+  background: #fff url(../img/select2-spinner.gif) no-repeat right 24px top 50%;
+  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
+  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
+  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
+  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #fff 85%, #eee 99%);
+  background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #fff 85%, #eee 99%);
 }
 .select2-dropdown-open .select2-choice {
   border-bottom-color: transparent;
@@ -12348,6 +12440,9 @@
 .select2-container.select2-container-disabled .select2-choice abbr {
   display: none;
 }
+.select2-container.select2-container-disabled .select2-choices .select2-search-field {
+  display: none;
+}
 .select2-container-multi.select2-container-active .select2-choices {
   border: 1px solid rgba(82, 168, 236, 0.7);
   outline: 0;
@@ -12396,7 +12491,7 @@
   background: transparent!important;
 }
 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
-  background: #ffffff url(../img/select2-spinner.gif) no-repeat 99% !important;
+  background: #fff url(../img/select2-spinner.gif) no-repeat 99% !important;
 }
 .select2-container-multi .select2-choices .select2-search-choice {
   padding: 1px 28px 1px 8px;
@@ -12433,6 +12528,8 @@
 }
 .select2-container-multi.ordered .select2-choices li.select2-search-choice {
   cursor: move;
+  padding-left: 20px;
+  background: #3276b1 url(../img/vert-drag-handle.png) scroll no-repeat left center;
 }
 .select2-container-multi.ordered .select2-choices li.ui-state-highlight {
   margin: 2px 0 2px 2px;
@@ -13900,10 +13997,10 @@
 }
 .dropzone a.dz-remove,
 .dropzone-previews a.dz-remove {
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eeeeee));
-  background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eeeeee));
-  background-image: -webkit-linear-gradient(top, #fafafa 0, #eeeeee 100%);
-  background-image: linear-gradient(top, #fafafa 0, #eeeeee 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
+  background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eee));
+  background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
+  background-image: linear-gradient(top, #fafafa 0, #eee 100%);
   border-radius: 2px;
   border: 1px solid #eee;
   text-decoration: none;
@@ -14280,6 +14377,13 @@
   overflow: hidden;
   background-repeat: no-repeat;
 }
+.ui-sortable .ui-sortable-helper {
+  background-color: #525252;
+}
+.ui-sortable .ui-sortable-placeholder {
+  visibility: visible!important;
+  background-color: #d5e7ec;
+}
 .ui-sortable .ui-sortable-handle {
   cursor: move;
 }
@@ -15595,6 +15699,12 @@
   max-width: 98%;
 }
 @media only screen and (min-width: 768px) {
+  .modal-dialog.modal-xlarge {
+    width: 95%;
+    max-width: 1000px;
+  }
+}
+@media only screen and (min-width: 768px) {
   .modal-dialog.modal-large {
     width: 80%;
     max-width: 900px;
@@ -15633,6 +15743,9 @@
   bottom: -19px;
   z-index: 1;
 }
+.modal-title {
+  min-height: 1.1em;
+}
 .modal-title img {
   margin: 0 15px 0 0;
 }
@@ -16870,11 +16983,11 @@
 .chat-body {
   background: #FAFAFA;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ffffff));
-  background: -webkit-linear-gradient(top, #fafafa 0, #ffffff 100%);
-  background: -webkit-gradient(linear, top left, bottom left, from(#f5fcff), to(#ffffff));
-  background: -webkit-linear-gradient(top, #f5fcff 0, #ffffff 100%);
-  background: linear-gradient(to bottom, #f5fcff 0, #ffffff 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #fff));
+  background: -webkit-linear-gradient(top, #fafafa 0, #fff 100%);
+  background: -webkit-gradient(linear, top left, bottom left, from(#f5fcff), to(#fff));
+  background: -webkit-linear-gradient(top, #f5fcff 0, #fff 100%);
+  background: linear-gradient(to bottom, #f5fcff 0, #fff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
   -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04);
   box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04);
@@ -16906,23 +17019,33 @@
 .chat-body li.message.request:hover {
   background-color: #e4e4e4;
 }
-.chat-body li.message img {
+.chat-body li.message img,
+.chat-body li.message .img {
   display: inline-block;
   border-left: 4px solid transparent;
   position: absolute;
 }
-.chat-body li.message img.online {
+.chat-body li.message img.online,
+.chat-body li.message .img.online {
   border-left-color: #00a300;
 }
-.chat-body li.message img.offline {
+.chat-body li.message img.offline,
+.chat-body li.message .img.offline {
   border-left-color: #ddd;
 }
-.chat-body li.message img.busy {
+.chat-body li.message img.busy,
+.chat-body li.message .img.busy {
   border-left-color: #A90329;
 }
-.chat-body li.message img.away {
+.chat-body li.message img.away,
+.chat-body li.message .img.away {
   border-left-color: #ffc40d;
 }
+.chat-body li.message .img {
+  width: 35px;
+  padding-top: 7px;
+  text-align: center;
+}
 .chat-body li.message .message-text {
   display: inline-block;
   vertical-align: top;
@@ -16934,12 +17057,9 @@
   line-height: normal;
 }
 .chat-body li.message .message-text time {
-  position: absolute;
-  top: 3px;
-  right: 5px;
-  font-size: 10px;
-  line-height: 10px;
-  color: #a1a1a1;
+  font-size: 13px;
+  font-weight: normal;
+  color: #666;
 }
 .chat-body li.message .message-text .chat-file {
   display: block;