.border-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.border-box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cf,
.clearfix {
  *zoom: 1;
}
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.cf:after,
.clearfix:after {
  clear: both;
}
.flyout {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
}
.headerDropDown {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  z-index: 9999;
  min-width: 110px;
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.headerDropDown li {
  line-height: 100%;
}
.headerDropDown li > a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
}
.headerDropDown li > a:hover {
  color: #fff !important;
}
.unstyle-panel {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.strong {
  font-weight: bold;
}
.ui-helper-hidden-accessible,
.hidden-element {
  display: none !important;
  visibility: hidden !important;
}
.temp-hidden {
  display: none;
}
.disabled-select-element {
  pointer-events: none;
}
.disabled {
  pointer-events: none;
  background: #EFEFEF;
}
.right {
  float: right;
}
.left {
  float: left;
}
.underline {
  text-decoration: underline;
}
html.zurmo,
html.zurmo body {
  background: #DDDEDE;
  min-height: 100%;
}
.zurmo body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #545454;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
  font-smooth: always;
}
a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  outline: none;
}
a:link img,
a:hover img,
a:active img,
a:visited img {
  border: none;
}
a:focus {
  outline: none;
}
a:link,
a:active,
a:visited {
  color: #545454;
  cursor: pointer;
}
a:hover {
  color: #282A76;
}
a:hover i[class^="icon"],
a:hover i[class^="icon"]:after,
a:active i[class^="icon"],
a:active i[class^="icon"]:after {
  color: #7CB830;
}
a,
input,
button {
  -ms-touch-action: none;
  touch-action: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #282A76;
  -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -ms-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -o-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
.ZurmoDefaultPageView,
.ZurmoPageView,
.PageView {
  position: relative;
  z-index: 1;
}
.ErrorView h2 {
  margin: 0 0 100px 0;
  width: 85%;
  line-height: 150%;
}
#LoginView {
  height: 100%;
  margin: 30px;
  -webkit-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
}
#LoginView .form {
  width: 50%;
  float: right;
}
#LoginView .error {
  margin-bottom: 40px !important;
}
#login-form {
  padding: 5px 0 5px 15px;
  background: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#login-form > div {
  margin-bottom: 15px;
}
#login-form > div:last-child {
  margin-bottom: 0;
}
#login-form > div.clearfix {
  margin-bottom: 0;
}
#login-form label {
  display: inline-block;
  margin-bottom: 5px;
}
#login-form input[type="password"],
#login-form input[type="text"] {
  background-color: #fff !important;
  margin: 0 !important;
}
#login-form input[type="checkbox"] {
  float: left;
  margin-right: 10px !important;
  margin-top: 1px !important;
  clear: both;
}
#login-form .errorMessage {
  font-size: 11px;
  padding-top: 4px;
}
#Login {
  margin-left: 0;
}
.remember-me label {
  margin: 0 !important;
}
.remember-me .hasCheckBox + label {
  display: inline-block;
  position: relative;
  top: -4px;
  left: 6px;
}
#login-box {
  width: 500px;
  margin: 150px auto 0 -250px;
  height: 200px;
  position: relative;
  left: 50%;
}
#LoginLogo {
  height: 100%;
  width: 50%;
  padding-right: 10px;
  float: left;
  background: url("../images/ZurmoLogo.png") 56px 35px no-repeat;
}
.background-1 {
  background: #fff url("../images/landscape-1.png") left bottom repeat-x;
}
.background-2 {
  background: #fff url("../images/landscape-2.png") left bottom repeat-x;
}
.background-3 {
  background: #fff url("../images/landscape-3.png") left bottom repeat-x;
}
.background-4 {
  background: #fff url("../images/landscape-4.png") left bottom repeat-x;
}
.background-5 {
  background: #fff url("../images/landscape-5.png") left bottom repeat-x;
}
.background-6 {
  background: #fff url("../images/landscape-6.png") left bottom repeat-x;
}
#HeaderLinksView {
  height: 38px;
  max-width: 1600px;
  margin: 0 auto;
}
#HeaderLinksView + div {
  background-color: #323232;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#464646,#323232);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#464646),color-stop(100%,#323232));
  background-image: -webkit-linear-gradient(top,#464646,#323232);
  background-image: -o-linear-gradient(top,#464646,#323232);
  background-image: -moz-linear-gradient(top,#464646,#323232);
  background-image: linear-gradient(top,#464646,#323232);
}
#HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #537b20;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#7CB830,#537b20);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7CB830),color-stop(100%,#537b20));
  background-image: -webkit-linear-gradient(top,#7CB830,#537b20);
  background-image: -o-linear-gradient(top,#7CB830,#537b20);
  background-image: -moz-linear-gradient(top,#7CB830,#537b20);
  background-image: linear-gradient(top,#7CB830,#537b20);
}
#corp-logo {
  float: left;
  height: 32px;
  position: relative;
  top: 3px;
  color: #fff;
  font-size: 18px;
}
#corp-logo img {
  max-height: 32px;
  display: inline-block;
  margin-right: 10px;
}
#corp-logo span {
  float: right;
  line-height: 32px;
  display: inline-block;
}
#HeaderLinksView > div {
  margin: 0 3% 0 3%;
}
#HeaderLinksView ul {
  list-style: none;
}
#HeaderLinksView li {
  position: relative;
  overflow: visible;
}
#HeaderLinksView li a {
  color: #fff;
  font-weight: bold;
}
#HeaderLinksView li a:hover {
  color: #fff !important;
}
#HeaderLinksView ul ul {
  z-index: 1;
  min-width: 110px;
  display: none;
  position: absolute;
  top: 37px;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
}
#HeaderLinksView ul ul li {
  line-height: 100%;
}
#HeaderLinksView ul ul li:first-child a {
  border-top: none;
}
#HeaderLinksView ul ul li:last-child a {
  border-bottom: none;
}
#HeaderLinksView ul ul a {
  border-top: 1px solid #323232;
  border-bottom: 1px solid #181818;
  color: #EFEFEF;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 0;
}
#HeaderLinksView + div {
  -webkit-box-shadow: 0 0 10px 2px rgba(102,102,102,0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(102,102,102,0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(102,102,102,0.5);
  -o-box-shadow: 0 0 10px 2px rgba(102,102,102,0.5);
  box-shadow: 0 0 10px 2px rgba(102,102,102,0.5);
}
.headerDropDownSpecial {
  z-index: 1;
  min-width: 110px;
  display: none;
  position: absolute;
  top: 37px;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
}
.headerDropDownSpecial li {
  line-height: 100%;
}
.headerDropDownSpecial li:first-child a {
  border-top: none;
}
.headerDropDownSpecial li:last-child a {
  border-bottom: none;
}
.headerDropDownSpecial a {
  border-top: 1px solid #323232;
  border-bottom: 1px solid #181818;
  color: #EFEFEF;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 0;
}
#notifications {
  float: left;
  display: block;
  height: 38px;
  position: relative;
  z-index: 1;
}
#notifications.nav-open {
  color: #fff;
  border-left: 1px solid #444 !important;
  border-right: 1px solid #444 !important;
}
#notifications.nav-open .notifications-link {
  background-color: transparent;
  border: none;
  background-color: #252525;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#353535,#252525);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#353535),color-stop(100%,#252525));
  background-image: -webkit-linear-gradient(top,#353535,#252525);
  background-image: -o-linear-gradient(top,#353535,#252525);
  background-image: -moz-linear-gradient(top,#353535,#252525);
  background-image: linear-gradient(top,#353535,#252525);
}
#notifications.nav-open #notifications-link {
  border: none;
}
#notifications.nav-open #notifications-flyout {
  display: block !important;
}
#notifications.nav-open .z-spinner {
  display: block;
  margin: 0 auto;
  float: none;
}
.notifications-link {
  z-index: 10;
  position: relative;
  display: block;
  height: 100%;
}
.notifications-link:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.05);
  border-left: 1px solid #1b1c50;
  border-right: 1px solid #1b1c50;
}
.notifications-link:hover #notifications-link {
  border: none;
}
.notifications-link.unread #notifications-link {
  color: #ff0000 !important;
}
.notifications-link.all-read #notifications-link {
  color: #7bb730 !important;
}
#notifications-link {
  border-left: 1px solid #1b1c50;
  border-right: 1px solid #1b1c50;
  padding: 2px 17px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  margin-top: 12px !important;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  background: url("../images/notifications-bubble.png") center top no-repeat;
}
#notifications-link strong {
  display: block;
  position: relative;
  top: -2px;
}
#user-toolbar {
  float: right;
}
#notifications-flyout {
  margin: -1px -1px 0 0;
  width: 400px;
  min-height: 35px;
  right: 0;
  position: absolute;
  padding: 5px 10px;
  z-index: 1;
  min-width: 110px;
  display: none;
  top: 38px;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
}
#notifications-flyout .z-spinner {
  left: 50%;
  top: 5px;
  margin-left: -12px;
}
#notifications-flyout .single-notification {
  line-height: 125%;
  padding: 9px 0;
  border-top: 1px solid #323232;
  border-bottom: 1px solid #181818;
  color: #EFEFEF;
  position: relative;
}
#notifications-flyout .single-notification:first-child {
  border-top: none;
}
#notifications-flyout .single-notification:last-child {
  border-bottom: none;
}
#notifications-flyout .single-notification h4 {
  margin-bottom: 2px;
  color: #fff;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
#notifications-flyout .single-notification div {
  padding-right: 40px;
  font-size: 11px;
}
#notifications-flyout .single-notification .remove {
  position: absolute;
  top: 5px;
  right: 0;
  float: right;
  margin-right: 0;
}
#notifications-flyout .single-notification .remove:hover .icon:after {
  color: #fff !important;
}
#notifications-flyout .view-all-notifications {
  display: block;
  border-top: 1px solid #323232;
  color: #EFEFEF;
  font-size: 11px;
  padding: 9px 0;
}
#notifications-flyout a {
  color: #A7A7A7 !important;
  text-decoration: underline;
}
#notifications-flyout a:hover {
  color: #fff !important;
}
#notifications-flyout img {
  margin-left: 182px;
  padding: 5px 0;
}
#user-header-menu,
#settings-header-menu,
#header-game-dashboard-link-wrapper {
  position: relative;
  z-index: 100;
  float: left;
  margin: 0;
}
#user-header-menu:hover > li > a,
#settings-header-menu:hover > li > a,
#header-game-dashboard-link-wrapper:hover > li > a {
  color: #fff;
  background: rgba(255,255,255,0.05);
}
#user-header-menu:hover > li > a:after,
#settings-header-menu:hover > li > a:after,
#header-game-dashboard-link-wrapper:hover > li > a:after {
  color: #fff;
}
#user-header-menu.nav-open > li > a,
#settings-header-menu.nav-open > li > a,
#header-game-dashboard-link-wrapper.nav-open > li > a {
  color: #fff;
  border-left: 1px solid #444 !important;
  border-right: 1px solid #444 !important;
  background-color: #252525;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#353535,#252525);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#353535),color-stop(100%,#252525));
  background-image: -webkit-linear-gradient(top,#353535,#252525);
  background-image: -o-linear-gradient(top,#353535,#252525);
  background-image: -moz-linear-gradient(top,#353535,#252525);
  background-image: linear-gradient(top,#353535,#252525);
}
#user-header-menu.nav-open > li > a:after,
#settings-header-menu.nav-open > li > a:after,
#header-game-dashboard-link-wrapper.nav-open > li > a:after {
  color: #fff;
}
#user-header-menu.nav-open ul,
#settings-header-menu.nav-open ul,
#header-game-dashboard-link-wrapper.nav-open ul {
  display: block;
}
#user-header-menu > li > a,
#settings-header-menu > li > a,
#header-game-dashboard-link-wrapper > li > a {
  position: relative;
  z-index: 5;
  padding: 0 10px;
  line-height: 38px;
  display: block;
  overflow: visible;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  color: #ddd;
}
#user-header-menu > li > a:hover,
#settings-header-menu > li > a:hover,
#header-game-dashboard-link-wrapper > li > a:hover {
  color: #fff;
  border-left: 1px solid #1b1c50;
  border-right: 1px solid #1b1c50;
}
#user-header-menu ul,
#settings-header-menu ul,
#header-game-dashboard-link-wrapper ul {
  display: block;
  width: 110px;
}
#user-header-menu {
  margin-right: -1px;
}
#user-header-menu ul {
  right: 0;
  left: auto;
}
#user-header-menu > li > a:after {
  content: "÷";
  font-weight: normal !important !important;
  font-size: 12px !important;
  font-family: "zurmo_gamification_symbly_rRg" !important;
  color: #ddd;
  position: relative;
  top: 0;
  left: 4px;
  font-size: 10px;
  line-height: 1;
}
#settings-header-menu {
  margin-left: -1px;
}
#settings-header-menu > li {
  position: relative;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#settings-header-menu > li a {
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#settings-header-menu > li > a span {
  display: inline-block;
  text-indent: -9999px;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#settings-header-menu > li > a:after {
  color: #ddd;
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  content: 'n';
}
#settings-header-menu ul {
  right: 0;
  display: none;
}
#header-game-dashboard-link {
  font-weight: normal !important;
  font-size: 28px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-align: center;
  color: #ddd;
  line-height: 18px;
  display: block;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
  position: relative;
  top: 10px;
}
#header-game-dashboard-link.highlighted {
  color: #fff;
  -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.9);
  -moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.9);
  -ms-box-shadow: 0 0 2px 1px rgba(255,255,255,0.9);
  -o-box-shadow: 0 0 2px 1px rgba(255,255,255,0.9);
  box-shadow: 0 0 2px 1px rgba(255,255,255,0.9);
}
#header-game-dashboard-link-wrapper a {
  color: #ddd;
}
#header-game-dashboard-link-wrapper a:hover {
  color: #fff;
}
#GlobalSearchAndShortcutsCreateMenuView {
  height: 40px;
  max-width: 1600px;
  margin: 0 auto;
}
#app-search {
  margin-left: 3%;
  width: 341px;
  display: block;
  position: relative;
}
#app-search .z-spinner {
  z-index: 999999;
  position: absolute;
  margin-left: 316px;
  margin-top: 11px;
  float: none;
  display: block !important;
  left: auto;
  right: 2px;
}
body > .ui-autocomplete {
  width: 335px;
}
#globalSearchInput {
  font-style: italic;
  color: #999 !important;
  height: 23px;
  text-indent: 10px !important;
  line-height: 26px !important;
  height: 25px;
  width: 300px;
  border: 1px solid #d5d4d4;
  border-left: none;
  margin: 7px 0 0 -3px;
  float: left;
  background: url("../images/search-bar-gradient.png") left top repeat-x;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#globalSearchInput:focus {
  outline: 0;
  color: #545454;
  font-style: normal;
}
.autocomplete-icon-AccountsModule:before {
  content: "P";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-ContactsModule:before {
  content: "y";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-LeadsModule:before {
  content: ".";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-OpportunitiesModule:before {
  content: "9";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-TasksModule:before {
  content: "4";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-NotesModule:before {
  content: "3";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-MeetingsModule:before {
  content: "U";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-UsersModule:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: "e";
}
.autocomplete-icon-ProjectsModule:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: '\02C7';
}
.autocomplete-icon-ProductsModule:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: '\003E';
}
.autocomplete-icon-WorkflowsModule:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: '\20AC';
}
.autocomplete-icon-AllResults:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: "k";
}
.global-search-loopa {
  padding: 0;
  margin: 7px 0 0 0;
  height: 25px;
  float: left;
  line-height: 23px;
  width: 40px;
  border: 1px solid #d5d4d4;
  border-right: none;
  background: url("../images/search-bar-loopa.png") left top no-repeat;
}
#globalSearchInput .ui-multiselect-menu {
  min-width: 225px !important;
}
.ui-multiselect {
  padding: 0;
  text-align: left;
}
.ui-multiselect span.ui-icon {
  float: right;
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important;
}
.ui-multiselect-header {
  margin-bottom: 0;
  padding: 0;
}
.ui-multiselect-header ul li {
  float: left;
  padding: 0 0 0 0;
}
.ui-multiselect-header a {
  text-decoration: none;
}
.ui-multiselect-header a:hover {
  text-decoration: underline;
}
.ui-multiselect-header span.ui-icon {
  float: left;
}
.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}
.ui-multiselect-menu {
  display: none;
  padding: 0;
  position: absolute;
  z-index: 10000;
}
.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: auto;
}
.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
}
.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}
.ui-multiselect-checkboxes li {
  clear: both;
  padding-right: 0;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  text-decoration: none;
}
.AppContainer {
  min-width: 900px;
  max-width: 1600px;
  height: 100%;
  margin: 0 3% 0 3%;
  background: #fff url("../images/nav.png") -2px top repeat-y;
  -webkit-box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  z-index: 0;
  position: relative;
}
#HeaderView {
  position: relative;
  z-index: 9999;
  min-width: 900px;
  background: #1b1c50;
  -webkit-box-shadow: inset 0 10px 50px 0 #282a76;
  -moz-box-shadow: inset 0 10px 50px 0 #282a76;
  -ms-box-shadow: inset 0 10px 50px 0 #282a76;
  -o-box-shadow: inset 0 10px 50px 0 #282a76;
  box-shadow: inset 0 10px 50px 0 #282a76;
}
.TitleBarView {
  margin-bottom: 15px;
}
.GridView {
  position: relative;
}
#ShortcutsMenu {
  position: absolute;
  float: right;
  right: 3%;
  top: 7px;
}
#ShortcutsMenu ul {
  list-style: none !important;
  margin-top: -8px;
  margin-left: 0px;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  z-index: 9999;
  min-width: 110px;
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#ShortcutsMenu ul li {
  line-height: 100%;
}
#ShortcutsMenu ul li > a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
}
#ShortcutsMenu ul li > a:hover {
  color: #fff !important;
}
#ShortcutsMenu ul a:hover {
  background-color: #7CB830 !important;
  color: #fff !important;
}
#ShortcutsMenu > li {
  list-style: none !important;
}
#ShortcutsMenu > li > a {
  padding: 0 10px;
  display: block;
  line-height: 23px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #333333;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -moz-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -ms-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -o-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  font-weight: bold;
  border: 1px solid #DCDCDC;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  -ms-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  -o-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  background-color: #c6c6c6;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#e0e0e0,#c6c6c6);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e0e0e0),color-stop(100%,#c6c6c6));
  background-image: -webkit-linear-gradient(top,#e0e0e0,#c6c6c6);
  background-image: -o-linear-gradient(top,#e0e0e0,#c6c6c6);
  background-image: -moz-linear-gradient(top,#e0e0e0,#c6c6c6);
  background-image: linear-gradient(top,#e0e0e0,#c6c6c6);
}
#ShortcutsMenu > li > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 10px;
}
#ShortcutsMenu > li > a:hover {
  color: #111;
  background-color: #b8b8b8;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#cfcfcf,#b8b8b8);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(100%,#b8b8b8));
  background-image: -webkit-linear-gradient(top,#cfcfcf,#b8b8b8);
  background-image: -o-linear-gradient(top,#cfcfcf,#b8b8b8);
  background-image: -moz-linear-gradient(top,#cfcfcf,#b8b8b8);
  background-image: linear-gradient(top,#cfcfcf,#b8b8b8);
}
#nav-trigger {
  display: none;
  float: left;
  text-align: center;
  padding: 0;
  margin-right: 15px;
  line-height: 38px;
  height: 38px;
  width: 44px;
  font-size: 24px;
  font-weight: normal;
  font-weight: normal !important;
  font-size: 30px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.AppNavigation {
  width: 170px;
  float: left;
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#f4f4f4);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#f4f4f4));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#f4f4f4);
  background-image: -o-linear-gradient(top,#f6f6f6,#f4f4f4);
  background-image: -moz-linear-gradient(top,#f6f6f6,#f4f4f4);
  background-image: linear-gradient(top,#f6f6f6,#f4f4f4);
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  height: 100%;
  overflow: hidden;
  display: block;
  overflow: visible;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  -o-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.AppNavigation li {
  list-style: none;
}
#MenuView {
  padding: 20px 0 0 0;
  border-bottom: 1px solid #cccccc;
}
#MenuView .parent {
  position: relative;
}
#MenuView .parent ul {
  display: none;
  position: absolute;
  left: 170px;
  top: 0;
  padding: 5px 5px;
  background: #fefefe url("../images/sidebar-gradient.png") left top repeat-x;
  border: 1px solid #ccc;
  min-width: 160px;
  -webkit-box-shadow: 0 0 5px 5px rgba(153,153,153,0.25);
  -moz-box-shadow: 0 0 5px 5px rgba(153,153,153,0.25);
  -ms-box-shadow: 0 0 5px 5px rgba(153,153,153,0.25);
  -o-box-shadow: 0 0 5px 5px rgba(153,153,153,0.25);
  box-shadow: 0 0 5px 5px rgba(153,153,153,0.25);
  z-index: 9999;
}
#MenuView .parent ul a {
  height: 35px;
  width: 100%;
  display: block;
  float: left;
  position: relative;
  z-index: 1;
}
#MenuView .parent ul a span,
#MenuView .parent ul a em {
  display: none;
}
#MenuView .parent ul a em + span {
  display: block;
}
#MenuView .parent ul a span {
  margin-left: 0;
  white-space: nowrap;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -moz-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -ms-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -o-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  text-shadow: rgba(255,255,255,0.8) 0px 1px;
  font-weight: bold;
  font-size: 12px;
  color: #545454;
  text-decoration: none;
  line-height: 33px;
  text-indent: 16px;
  padding-right: 16px;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  z-index: 100;
}
#MenuView .parent ul a:hover span {
  background-image: none;
  background-color: #7CB830;
  color: #fff;
  -webkit-box-shadow: inset 0 0 20px 0 #444;
  -moz-box-shadow: inset 0 0 20px 0 #444;
  -ms-box-shadow: inset 0 0 20px 0 #444;
  -o-box-shadow: inset 0 0 20px 0 #444;
  box-shadow: inset 0 0 20px 0 #444;
}
#MenuView .nav li {
  *zoom: 1;
}
#MenuView .nav li:before,
#MenuView .nav li:after {
  content: " ";
  display: table;
}
#MenuView .nav li:after {
  clear: both;
}
#MenuView > ul > li > a {
  height: 35px;
  width: 100%;
  display: block;
  float: left;
  position: relative;
  z-index: 1;
}
#MenuView > ul > li > a > span {
  -webkit-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -moz-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -ms-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -o-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  text-shadow: rgba(255,255,255,0.8) 0px 1px;
  font-weight: bold;
  font-size: 12px;
  color: #545454;
  text-decoration: none;
  min-width: 160px;
  line-height: 33px;
  text-indent: 16px;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-left: 5px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
}
#MenuView > ul > li > a > span > span {
  position: relative;
  top: -2px;
  margin-left: 10px;
  width: 18px;
  height: 16px;
  background: url("../images/notifications-bubble.png") center top no-repeat;
  line-height: 11px;
  text-align: center;
  text-indent: 0;
  font-size: 10px;
  display: inline-block;
  background-color: none !important;
  padding-top: 1px;
}
#MenuView > ul > li > a > span > span.unread #notifications-link.tooltip {
  color: #ff0000 !important;
}
#MenuView > ul > li > a > span > span.all-read #notifications-link.tooltip {
  color: #7bb730 !important;
}
#MenuView li.active > a > span,
#MenuView a:hover > span {
  background-image: url("../images/main-nav-selected.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
  background-color: #7CB830;
  -webkit-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
}
#MenuView li.active > a > span > span,
#MenuView a:hover > span > span {
  color: #545454 !important;
}
#MenuView li.active > a > span {
  color: #fff;
}
#MenuView.hasNoHiddenItems {
  padding-bottom: 20px;
}
#MenuView.hasNoHiddenItems .toggle-hidden-nav-items {
  display: none;
}
.hidden-nav-item {
  display: none;
}
.toggle-hidden-nav-items {
  display: block;
  text-align: center;
  padding: 5px 0 5px 0;
  margin: 0 0 0 0;
  cursor: pointer;
  position: relative;
  top: 8px;
}
.toggle-hidden-nav-items:after {
  content: "···";
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  -webkit-text-shadow: 0 1px 0 #fff;
  -moz-text-shadow: 0 1px 0 #fff;
  -ms-text-shadow: 0 1px 0 #fff;
  -o-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
}
#RecentlyViewedView {
  background-color: #e3e3e3;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#dcdcdc,#e3e3e3);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dcdcdc),color-stop(100%,#e3e3e3));
  background-image: -webkit-linear-gradient(top,#dcdcdc,#e3e3e3);
  background-image: -o-linear-gradient(top,#dcdcdc,#e3e3e3);
  background-image: -moz-linear-gradient(top,#dcdcdc,#e3e3e3);
  background-image: linear-gradient(top,#dcdcdc,#e3e3e3);
  border-top: 1px solid #F9F9FA;
  padding: 20px 5px;
  width: 168px;
}
#RecentlyViewedView h3 {
  color: #666;
  font-size: 10px;
  margin-bottom: 20px;
}
#RecentlyViewedView li {
  font-size: 12px;
  font-weight: bold;
  color: #555;
  margin: 0 0 1px 0;
  padding: 0;
}
#RecentlyViewedView li a {
  width: 160px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 33px;
  vertical-align: middle;
  display: block;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -moz-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -ms-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -o-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  text-shadow: rgba(255,255,255,0.8) 0px 1px;
}
#RecentlyViewedView li a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 33px;
  z-index: 0;
  text-indent: 35px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#RecentlyViewedView li a span:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 33px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 0;
  text-indent: 0;
  background-color: #7CB830;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
#RecentlyViewedView li a:hover span {
  background-image: url("../images/main-nav-selected.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
  -webkit-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
}
#RecentlyViewedView li a:hover em {
  color: #282A76 !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
#RecentlyViewedView li em {
  z-index: 9999;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 22px;
  vertical-align: top;
  background: #FFF;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  margin-left: 4px;
  margin-right: 8px;
  position: relative;
  top: 4px;
  font-style: normal;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#RecentlyViewedView li em:before {
  content: "z";
}
#RecentlyViewedView li.type-ConversationsModule em {
  padding-top: 3px;
  padding-right: 3px;
}
#RecentlyViewedView li.type-ConversationsModule em:before {
  content: "b";
}
#RecentlyViewedView li.type-UsersModule em:before {
  content: "e";
}
#RecentlyViewedView li.type-AccountsModule em:before {
  content: "P";
}
#RecentlyViewedView li.type-ContactsModule em:before {
  content: "y";
}
#RecentlyViewedView li.type-OpportunitiesModule em {
  padding-top: 2px;
}
#RecentlyViewedView li.type-OpportunitiesModule em:before {
  content: "9";
}
#RecentlyViewedView li.type-LeadsModule em:before {
  content: ".";
}
#RecentlyViewedView li.type-TasksModule em:before {
  content: "4";
}
#RecentlyViewedView li.type-MeetingsModule em:before {
  content: "U";
}
#RecentlyViewedView li.type-NotesModule em {
  padding-left: 4px;
  padding-top: 1px;
}
#RecentlyViewedView li.type-NotesModule em:before {
  content: "3";
}
#RecentlyViewedView li.type-EmailMessageModule em:before {
  content: "g";
}
#RecentlyViewedView li.type-MissionsModule em:before {
  content: "Q";
}
#RecentlyViewedView li.type-ReportsModule em:before {
  content: "V";
}
#RecentlyViewedView li.type-EmailTemplatesModule em:before {
  content: '\00B6';
}
#RecentlyViewedView li.type-MarketingListsModule em:before {
  content: '\0022';
}
#RecentlyViewedView li.type-WorkflowsModule em:before {
  content: '\20AC';
}
#RecentlyViewedView li.type-ProductsModule em:before {
  content: '\003E';
}
#RecentlyViewedView li.type-ProductTemplatesModule em:before {
  content: '\00AC';
}
#RecentlyViewedView li.type-ProductsCategoryModule em:before {
  content: '\00D7';
}
#RecentlyViewedView li.type-CampaignsModule em:before {
  content: '\002C';
  font-size: 26px;
}
#RecentlyViewedView li.type-GameRewardsModule em:before {
  content: '\2205';
  font-size: 30px;
}
#RecentlyViewedView li.type-ProjectsModule em:before {
  content: '\02C7';
  font-size: 22px;
}
.AppContent {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding: 20px 20px 0 20px;
  margin-left: 170px;
  margin-bottom: 20px;
  background-color: #ffffff ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),color-stop(100px,#ffffff),to(#ffffff)) ;
  background-image: -webkit-linear-gradient(#f6f6f6,#ffffff 100px,#ffffff) ;
  background-image: -ms-linear-gradient(#f6f6f6,#ffffff 100px,#ffffff) ;
  background-image: -o-linear-gradient(#f6f6f6,#ffffff 100px,#ffffff) ;
  background-image: -moz-linear-gradient(#f6f6f6,#ffffff 100px,#ffffff) ;
  background-image: linear-gradient(#f6f6f6,#ffffff 100px,#ffffff) ;
  *zoom: 1;
}
.AppContent:before,
.AppContent:after {
  content: " ";
  display: table;
}
.AppContent:after {
  clear: both;
}
.AppContent .single-column {
  padding-right: 0 !important;
}
.AppContent .single-column > .GridView {
  display: block;
  width: 100% !important;
}
.AppContent .single-column .juiportlet-widget,
.AppContent .single-column .details-table {
  margin-right: 0 !important;
  *zoom: 1;
}
.AppContent .single-column .juiportlet-widget:before,
.AppContent .single-column .juiportlet-widget:after,
.AppContent .single-column .details-table:before,
.AppContent .single-column .details-table:after {
  content: " ";
  display: table;
}
.AppContent .single-column .juiportlet-widget:after,
.AppContent .single-column .details-table:after {
  clear: both;
}
.AppContent .single-column .right-side-edit-view-panel {
  top: 55px;
}
.AppContent .single-column #inline-edit-form .panel {
  width: 100%;
}
.DynamicSearchView {
  position: relative;
  float: left;
  width: 100%;
}
#MashableInboxActionBarForViews > div,
#ActionBarSearchAndListView > div {
  position: relative;
}
#MashableInboxActionBarForViews > :nth-child(1),
#ActionBarSearchAndListView > :nth-child(1) {
  z-index: 10;
}
#MashableInboxActionBarForViews > :nth-child(2),
#ActionBarSearchAndListView > :nth-child(2) {
  z-index: 9;
}
#MashableInboxActionBarForViews > :nth-child(3),
#ActionBarSearchAndListView > :nth-child(3) {
  z-index: 8;
}
#MashableInboxActionBarForViews > :nth-child(4),
#ActionBarSearchAndListView > :nth-child(4) {
  z-index: 7;
}
#MashableInboxActionBarForViews > :nth-child(5),
#ActionBarSearchAndListView > :nth-child(5) {
  z-index: 6;
}
#MashableInboxActionBarForViews > :nth-child(6),
#ActionBarSearchAndListView > :nth-child(6) {
  z-index: 5;
}
#HomeDashboardView .view-toolbar-container {
  position: relative;
  z-index: 10;
}
#HomeDashboardView .juiportlet-columns {
  position: relative;
  z-index: 1;
}
.float-bar {
  width: 100%;
  float: left;
  position: relative;
  height: 40px;
  display: block;
  z-index: 10;
  padding: 0 15px 0 15px;
  margin-bottom: 15px;
}
.float-bar .view-toolbar-container {
  z-index: 222222;
  position: fixed !important;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  background-color: #ffffff ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),color-stop(80%,#f5f5f5),to(#ffffff)) ;
  background-image: -webkit-linear-gradient(#f5f5f5,#f5f5f5 80%,#ffffff) ;
  background-image: -ms-linear-gradient(#f5f5f5,#f5f5f5 80%,#ffffff) ;
  background-image: -o-linear-gradient(#f5f5f5,#f5f5f5 80%,#ffffff) ;
  background-image: -moz-linear-gradient(#f5f5f5,#f5f5f5 80%,#ffffff) ;
  background-image: linear-gradient(#f5f5f5,#f5f5f5 80%,#ffffff) ;
  padding-bottom: 15px;
  margin-left: -20px;
  left: 50%;
  bottom: 0;
  float: left;
  width: auto;
}
.float-bar .view-toolbar-container.dock {
  background: none;
  position: relative !important;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-top: 1px solid #CCC;
}
.view-toolbar-container {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 9999;
}
h1 + .view-toolbar-container {
  margin-top: 15px;
}
.widgets-lock {
  position: relative;
  margin-top: -36px;
  margin-bottom: 15px;
  float: right;
}
.widgets-lock .pillbox {
  float: right;
  margin-bottom: 0 !important;
}
#AddPortletLink i {
  top: -2px;
  margin-right: 5px;
}
.juiportlet-widget-head .view-toolbar-container {
  float: right;
  width: auto;
}
.juiportlet-widget-head .view-toolbar {
  margin-bottom: 0;
}
form .view-toolbar-container,
.ActionBarForSecurityTreeListView .view-toolbar-container,
#ActionBarForDesignerModuleView .view-toolbar-container,
#LeaderboardView .view-toolbar-container,
#UsersPageView .view-toolbar-container {
  float: none;
}
.view-toolbar,
.portlet-view-toolbar {
  font-size: 11px;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  float: left;
  margin: 0 0 15px 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  background: url("../images/view-toolbar-gradient.png") left bottom repeat-x;
}
.view-toolbar .z-label,
.portlet-view-toolbar .z-label {
  float: none;
  padding: 0;
  display: inline;
}
.view-toolbar > a,
.view-toolbar .parent > a,
.portlet-view-toolbar > a,
.portlet-view-toolbar .parent > a {
  color: #656565;
  font-weight: bold;
  text-shadow: #fff 0 -1px 0;
  padding: 0 10px 0 10px;
  line-height: 30px;
  display: inline-block;
  border-left: 1px solid #bababa;
  position: relative;
  border-left: none;
  text-indent: 0 !important;
  vertical-align: middle;
}
.view-toolbar .parent > a:after,
.portlet-view-toolbar .parent > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 10px;
  position: relative;
  top: 1px;
}
.view-toolbar ul:first-child .parent > a,
.portlet-view-toolbar ul:first-child .parent > a {
  border-left: none;
}
.view-toolbar > ul,
.view-toolbar > a,
.portlet-view-toolbar > ul,
.portlet-view-toolbar > a {
  display: inline-block;
}
.view-toolbar ul,
.portlet-view-toolbar ul {
  list-style: none;
}
.view-toolbar .parent > ul,
.portlet-view-toolbar .parent > ul {
  margin-top: 0;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  z-index: 9999;
  min-width: 110px;
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
  left: auto;
}
.view-toolbar .parent > ul li,
.portlet-view-toolbar .parent > ul li {
  line-height: 100%;
}
.view-toolbar .parent > ul li > a,
.portlet-view-toolbar .parent > ul li > a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
}
.view-toolbar .parent > ul li > a:hover,
.portlet-view-toolbar .parent > ul li > a:hover {
  color: #fff !important;
}
.view-toolbar .parent > ul a:hover,
.portlet-view-toolbar .parent > ul a:hover {
  background-color: #7CB830 !important;
  color: #fff !important;
}
.view-toolbar > a:first-child,
.portlet-view-toolbar > a:first-child {
  border-left: none;
}
.view-toolbar > a:hover,
.view-toolbar > a:active,
.view-toolbar > a:hover:before,
.view-toolbar > a:active:before,
.view-toolbar > a:hover span,
.view-toolbar > a:active span,
.view-toolbar .active,
.view-toolbar .active > a span,
.view-toolbar .active > a:before,
.view-toolbar .nav > li > a:hover,
.view-toolbar .nav > li > a:active,
.portlet-view-toolbar > a:hover,
.portlet-view-toolbar > a:active,
.portlet-view-toolbar > a:hover:before,
.portlet-view-toolbar > a:active:before,
.portlet-view-toolbar > a:hover span,
.portlet-view-toolbar > a:active span,
.portlet-view-toolbar .active,
.portlet-view-toolbar .active > a span,
.portlet-view-toolbar .active > a:before,
.portlet-view-toolbar .nav > li > a:hover,
.portlet-view-toolbar .nav > li > a:active {
  color: #7CB830;
}
.view-toolbar + .view-toolbar {
  float: right;
}
.portlet-view-toolbar {
  float: right;
  margin: 0 0 0 0;
}
.portlet-view-toolbar .parent {
  position: relative;
}
.portlet-view-toolbar ul:last-child {
  border-right: 1px solid #d7d7d7;
}
#ActionBarForGroupsTreeListView .view-toolbar,
#ActionBarSearchAndListView .view-toolbar {
  margin-top: 0;
}
.view-toolbar-link {
  color: #656565;
  font-weight: bold;
  text-shadow: #fff 0 -1px 0;
  padding: 0 10px 0 10px;
  line-height: 30px;
  display: inline-block;
  border-left: 1px solid #bababa;
}
.view-toolbar-link:active {
  color: #656565;
  box-shadow: inset 0 10px 10px 4px rgba(153,153,153,0.4), 0 1px 0 0 #FFF;
}
.mini-pillbox label {
  margin-right: 10px;
  font-size: 11px !important;
  line-height: 26px !important;
}
.mini-pillbox .pills {
  display: inline-block;
  font-size: 11px;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  background: url("../images/view-toolbar-gradient.png") left bottom repeat-x;
}
.mini-pillbox a {
  font-weight: 700;
  position: relative;
  border-left: 1px solid #bababa;
  color: #656565;
  text-shadow: #fff 0 1px 0;
  padding: 0 6px;
  line-height: 24px;
  display: inline-block;
}
.mini-pillbox a:first-child {
  border-left: none;
}
.mini-pillbox a:active {
  color: #656565;
  box-shadow: inset 0 10px 10px 4px rgba(153,153,153,0.4), 0 1px 0 0 #FFF;
}
.mini-pillbox a:hover,
.mini-pillbox a .active {
  color: #7CB830;
}
.hasDetailsFlyout .DetailsView > div:not(.view-toolbar-container) {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0 !important;
  margin: 0 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  line-height: 150%;
  margin: 10px 0;
}
.hasDetailsFlyout ul {
  max-width: 50%;
  padding: 10px;
  line-height: 150%;
}
#FooterView {
  margin: 20px 3% 0 3%;
  padding-bottom: 20px;
}
.xhtml-validation-info,
.performance-info {
  color: #282A76;
  text-align: left;
  margin: 0 3% 15px 3%;
  font-style: italic;
  font-size: 11px;
}
#credit-link {
  background: url("../images/Zurmo.png") left top no-repeat;
  line-height: 19px;
  display: inline-block;
  margin-left: 10px;
  font-size: 11px;
}
#credit-link span {
  margin-left: 70px;
}
.ui-chooser {
  float: right;
  display: block;
}
.ui-chooser span {
  display: inline-block;
  text-indent: -9999px;
  display: none;
}
.ui-chooser a {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  cursor: pointer;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  margin: 0 0 0 5px;
  font-weight: bold;
  color: #656565;
  font-style: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  position: relative;
}
.ui-chooser .active {
  color: #7CB830;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-text-shadow: 0 0 15px #7CB830;
  -moz-text-shadow: 0 0 15px #7CB830;
  -ms-text-shadow: 0 0 15px #7CB830;
  -o-text-shadow: 0 0 15px #7CB830;
  text-shadow: 0 0 15px #7CB830;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
#list-view {
  overflow-x: hidden;
  position: relative;
}
#list-view .items-wrapper {
  border: 1px solid #dfdfdf;
}
.items-wrapper {
  overflow-x: auto;
  background: -webkit-linear-gradient(left,#fff 30%,rgba(255,255,255,0)), -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 70%) 100%, -webkit-radial-gradient(0 50%,farthest-side,rgba(0,0,0,0.1),rgba(0,0,0,0)), -webkit-radial-gradient(100% 50%,farthest-side,rgba(0,0,0,0.1),rgba(0,0,0,0)) 100% 0;
  background-repeat: no-repeat;
  background-size: 30px 100%, 30px 100%, 15px 100%, 15px 100%;
  background-attachment: local, local, scroll, scroll;
}
.items {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 1px;
}
.items > tbody > tr > td,
.items > thead > tr > td {
  border: 1px solid #DFDFDF;
  border-right: none;
  border-left: none;
  vertical-align: middle;
  padding: 10px 5px;
  word-wrap: break-word;
}
.items > tbody > tr > th,
.items > thead > tr > th {
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  background: url("../images/table-items-header.png") left top repeat-x;
  padding: 0 5px;
  white-space: nowrap;
}
.items tr:hover {
  background-color: #eeeeee;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#efefef,#eeeeee);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#eeeeee));
  background-image: -webkit-linear-gradient(top,#efefef,#eeeeee);
  background-image: -o-linear-gradient(top,#efefef,#eeeeee);
  background-image: -moz-linear-gradient(top,#efefef,#eeeeee);
  background-image: linear-gradient(top,#efefef,#eeeeee);
}
.items tr:hover .pencil {
  visibility: visible;
  color: #282A76;
}
.items > thead {
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f4f4f4));
  background-image: -webkit-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -o-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -moz-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: linear-gradient(top,#f9f9f9,#f4f4f4);
}
.items > thead tr:hover {
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f4f4f4));
  background-image: -webkit-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -o-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -moz-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: linear-gradient(top,#f9f9f9,#f4f4f4);
}
.items > tbody tr:last-child,
.items > tbody tr:last-child td {
  border-bottom: none;
}
.items > tbody tr td:first-child:not(.checkbox-column),
.items > tbody tr th:first-child:not(.checkbox-column) {
  padding-left: 10px;
}
.stacked-list {
  table-layout: fixed;
}
.stacked-list td + td {
  width: 25px;
}
.stacked-list td {
  padding-left: 0;
}
.stacked-list td div.button-column {
  display: none;
  float: right;
  margin: 5px 0 0 0;
  line-height: 100%;
}
.stacked-list td div.checkbox-column {
  float: left;
  margin: -6px 0 0 0 !important;
  width: auto;
}
.stacked-list td div.checkbox-column label {
  margin: 0 5px 0 0;
}
.stacked-list td div.checkbox-column ~ div {
  padding-left: 25px;
}
.stacked-list td > div {
  margin: 0 0 2px 0;
}
.stacked-list td > div:last-child {
  margin-bottom: 0;
}
.stacked-list td input[type="checkbox"] {
  margin-right: 10px;
  margin-top: 2px;
  float: left;
}
.stacked-list .star-column {
  margin: -6px 15px 0 0 !important;
  float: right;
}
.stacked-list tr:first-child > div:first-child {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 3px 0;
}
.juiportlet-widget-content .stacked-list {
  border: none;
}
.juiportlet-widget-content .stacked-list tr:first-child td {
  border-top: none !important;
}
.sort-link:after {
  margin-left: 10px;
  font-size: 12px;
  position: relative;
  top: -1px;
}
.sort-link.asc:after {
  content: "↑";
}
.sort-link.desc:after {
  content: "↓";
}
tr.odd {
  background: none;
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
}
tr.even {
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
}
.checkbox-column {
  width: 30px;
  text-align: center;
}
.checkbox-column .hasCheckBox {
  margin: -4px auto 0 auto;
}
.button-column {
  width: 35px;
  text-align: center;
  vertical-align: middle !important;
}
.pencil {
  display: block;
  margin-top: -2px;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  visibility: hidden;
}
.star-column {
  width: 20px;
  text-align: center;
  padding: 0 !important;
}
.icon-star {
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #ccc !important;
  -webkit-text-shadow: 0 0 1px #333;
  -moz-text-shadow: 0 0 1px #333;
  -ms-text-shadow: 0 0 1px #333;
  -o-text-shadow: 0 0 1px #333;
  text-shadow: 0 0 1px #333;
  top: -1px;
  position: relative;
  line-height: 1;
}
.icon-star:hover,
.icon-star.starred {
  color: #ffef42 !important;
}
#list-view_columnStar {
  line-height: 1;
  width: 20px;
  text-align: center;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
#list-view_columnStar .icon-star {
  top: 0;
  left: -2px;
}
h1 .icon-star,
.juiportlet-widget-head .icon-star {
  top: 1px;
  margin-left: 5px;
}
.juiportlet-widget .empty {
  padding: 5px 0 10px 0;
  display: block;
}
.juiportlet-widget td.empty > .empty {
  padding: 0 !important;
}
.empty {
  display: block;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
.empty .icon-empty {
  display: block;
  line-height: 1;
  margin: 0;
}
.empty .icon-empty:before {
  margin: 0;
  font-size: 40px;
  line-height: 1;
}
td.empty {
  display: table-cell !important;
  border-top: none !important;
}
.icon-notice:before {
  content: "j";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.icon-empty:before {
  content: "z";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  margin: 0 !important;
}
.general-issue-notice {
  text-align: center;
  width: 75%;
  margin: 10px auto 15px auto !important;
  position: relative;
}
.general-issue-notice .icon-notice {
  display: block;
  line-height: 1;
}
.general-issue-notice .icon-notice:before {
  margin: 0;
  font-size: 40px;
}
input[type="text"],
input[type="password"],
select.multiple,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #666 !important;
  text-indent: 6px;
  line-height: 24px;
  height: 26px;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=270);
  width: 100%;
}
input[type="text"]:focus,
input[type="password"]:focus,
select.multiple:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 1px 1px #282A76;
  -moz-box-shadow: 0 0 1px 1px #282A76;
  -ms-box-shadow: 0 0 1px 1px #282A76;
  -o-box-shadow: 0 0 1px 1px #282A76;
  box-shadow: 0 0 1px 1px #282A76;
}
textarea,
select.multiple {
  height: auto;
}
textarea {
  line-height: 135%;
  text-indent: 0;
  padding: 4px;
  word-break: normal;
  min-height: 60px;
}
select.multiple {
  padding: 4px 4px 4px 6px;
}
select.multiple option {
  margin-bottom: 2px;
}
select[disabled="disabled"],
input[type="text"][disabled],
input[type="password"][disabled],
textarea[disabled] {
  background: #EFEFEF;
}
input[type="button"]:hover,
input[type="button"]:hover:before,
input[type="button"]:hover:after {
  color: #7CB830;
}
.form input[type="checkbox"] {
  margin: 0 0 10px 0 !important;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
}
.form form {
  border: 1px solid #CCC;
  -webkit-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -moz-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -ms-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -o-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  background: #ffffff;
  background-color: #F5F5F5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#F5F5F5));
  background-image: -webkit-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -o-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -moz-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: linear-gradient(top,#ffffff,#F5F5F5);
}
.form form thead tr th:first-child,
.form form tbody tr td:first-child {
  padding-left: 15px;
}
.row-description {
  display: inline-block;
  font-style: italic;
  font-size: 11px;
  padding: 0 0 5px 0;
}
.row-description:before {
  content: "T";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 6px;
  font-style: normal;
  position: relative;
  top: 2px;
}
.hasCheckBox + .row-description {
  margin-left: 10px;
}
.AppContent label {
  font-size: 12px;
  color: #666;
  font-weight: 400;
}
.modal-view-toolbar,
.form-toolbar {
  padding-top: 13px;
  text-align: center;
  border-top: 1px solid #fff;
}
.modal-view-toolbar a,
.form-toolbar a {
  display: inline-block;
  margin: 0 10px;
}
.portlet-toolbar {
  float: right;
  margin-right: 10px;
  line-height: 1;
}
.portlet-toolbar .z-label {
  padding: 0 10px 0 10px;
  font-size: 11px;
}
.portlet-toolbar .icon-create:hover {
  color: #7CB830 !important;
}
.portlet-toolbar .portlet-create-button .z-label:before,
.portlet-toolbar .icon-create .z-label:before {
  content: "Y";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  font-size: 22px;
  top: -2px;
  margin: 0 5px 0 0 !important;
}
.portlet-toolbar .icon-delete:before {
  content: "—";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: #7CB830;
  margin-left: 0;
}
.portlet-toolbar .icon-edit:before {
  content: "!";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: #7CB830;
  margin-left: 0;
}
.juiportlet-widget-head .portlet-toolbar {
  margin-top: 7px;
}
.normal-size {
  font-size: 12px !important;
}
.portlet-toolbar a.simple-link {
  background: none !important;
}
.openingModal {
  -o-animation: growDialog 0.25s;
  -ms-animation: growDialog 0.25s;
  -moz-animation: growDialog 0.25s;
  -webkit-animation: growDialog 0.25s;
  animation: growDialog 0.25s;
}
.ui-dialog {
  min-width: 600px;
  max-width: 50%;
  overflow: visible;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #CCCCCC;
  background: #fff;
  -webkit-box-shadow: 0 0 15px 0 rgba(51,51,51,0.25);
  -moz-box-shadow: 0 0 15px 0 rgba(51,51,51,0.25);
  -ms-box-shadow: 0 0 15px 0 rgba(51,51,51,0.25);
  -o-box-shadow: 0 0 15px 0 rgba(51,51,51,0.25);
  box-shadow: 0 0 15px 0 rgba(51,51,51,0.25);
}
.ui-dialog .wide.form {
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  float: none;
}
.ui-dialog .wide.form form {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.ui-dialog .wide.form label {
  font-size: 12px !important;
  color: #666;
  font-weight: 400 !important;
  margin-bottom: 4px;
}
.ui-dialog .ui-dialog-title {
  color: #282A76;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px;
  font-weight: bold;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -moz-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -ms-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -o-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  line-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border-bottom: 1px solid #dfdfdf;
  text-indent: 15px;
  width: 100%;
  height: 100%;
  display: block;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0 !important;
  margin: 0 !important;
  z-index: 11000;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px !important;
  height: 31px !important;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  display: block;
  z-index: 11000;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  border: none;
  background: none;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  background: transparent url("../images/widget-close-btn.png") left top no-repeat;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px !important;
  height: 31px !important;
  text-indent: -9999px;
  display: block;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:hover {
  background: transparent url("../images/widget-close-btn.png") left top no-repeat;
}
.big-spinner {
  margin: 15px 50%;
  display: block;
}
.ui-resizable-handle {
  z-index: 0;
}
.ui-corner-all {
  border-radius: 0;
}
.ui-widget-header {
  border: none !important;
  background: none !important;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
}
.ui-sortable {
  list-style: none;
}
.ui-sortable > .ui-state-highlight {
  min-height: 45px;
  background: #efefef;
}
label.hasCheckBox {
  display: block;
  background: url("../images/checkbox.png") left 4px no-repeat;
  width: 16px;
  height: 20px;
  padding: 0;
  margin: 0;
}
label.hasCheckBox.c_on {
  background: url("../images/checkbox.png") left -21px no-repeat;
}
label.hasCheckBox input {
  position: absolute;
  left: -9999px;
}
label.hasCheckBox.disabled {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
label.hasCheckBox + label {
  margin-left: 8px;
  margin-top: 6px;
}
div.wide.form {
  position: relative;
  width: 100%;
  float: left;
}
div.wide.form label.hasCheckBox {
  margin-top: 0 !important;
}
div.wide.form a {
  color: #282A76;
}
.ui-multiselect-checkboxes label {
  padding-left: 25px;
  background: url("../images/checkbox.png") left 4px no-repeat;
  margin-left: 0px;
}
.ui-multiselect-checkboxes label.c_on {
  background: url("../images/checkbox.png") left -21px no-repeat;
}
.ui-multiselect-checkboxes label input {
  position: absolute;
  left: -9999px;
}
.list-item-details {
  display: inline-block;
  float: right;
  font-weight: normal;
  color: #999;
  margin-right: 5px;
  font-size: 11px;
}
.last-comment {
  font-weight: 400;
  color: #666;
  margin-left: 5px;
  font-style: italic;
}
.summary {
  display: none;
}
.list-view-items-summary-clone {
  font-size: 11px;
  float: right;
  position: absolute;
  z-index: 100;
  right: 15px;
  margin: 20px 0 0 0;
  color: #666;
  -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -ms-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -o-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.juiportlet-widget-head .list-view-items-summary-clone {
  position: relative;
  margin: 0;
}
.list-preloader {
  z-index: 1000;
  display: none;
  background: rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 30px 0 rgba(100,100,100,0.7);
  -moz-box-shadow: 0 0 30px 0 rgba(100,100,100,0.7);
  -ms-box-shadow: 0 0 30px 0 rgba(100,100,100,0.7);
  -o-box-shadow: 0 0 30px 0 rgba(100,100,100,0.7);
  box-shadow: 0 0 30px 0 rgba(100,100,100,0.7);
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  margin: -15px 0 0 -15px;
}
.list-preloader .z-spinner {
  width: auto;
  height: auto;
  display: block;
  margin: 4px 0 0 4px;
}
.juiportlet-widget .list-preloader {
  top: 50%;
}
.overlay-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
}
.overlay-spinner .big-spinner {
  width: auto;
  height: auto;
  display: block;
}
.loading > .list-preloader {
  display: block;
}
.cgrid-view.loading > .list-preloader {
  display: block;
}
.zero-components-view h2,
.splash-view h2 {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 48px;
  line-height: 1;
  font-weight: normal;
  padding: 15px 50px 15px 30px;
}
.zero-components-view i,
.splash-view i {
  font-size: 13px;
  color: #555;
  font-weight: bold;
  display: block;
  margin-left: 30px;
}
.zero-components-view p,
.splash-view p {
  font-size: 16px;
  line-height: 24px;
  color: #555;
  font-weight: bold;
  float: left;
  width: 65%;
  margin: 45px 0 0 30px;
}
.zero-components-view a,
.splash-view a {
  margin-left: 30px;
  margin-top: 30px;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.zero-components-view a span:before,
.splash-view a span:before {
  content: "Y";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 1px;
  left: -5px;
  margin-right: 3px;
}
.zero-components-view .large-icon,
.splash-view .large-icon {
  width: 25%;
  text-align: center;
  margin-top: 30px;
  border-right: 1px solid #ccc;
  float: left;
}
.zero-components-view .large-icon:after,
.splash-view .large-icon:after {
  content: 'j';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .Contact .large-icon:after,
.splash-view .Contact .large-icon:after {
  content: "y";
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 50%;
}
.zero-components-view .Account .large-icon:after,
.splash-view .Account .large-icon:after {
  content: "P";
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 65%;
}
.zero-components-view .Lead .large-icon:after,
.splash-view .Lead .large-icon:after {
  content: ".";
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 65%;
}
.zero-components-view .Opportunity .large-icon:after,
.splash-view .Opportunity .large-icon:after {
  content: "9";
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 80%;
}
.zero-components-view .Conversation .large-icon:after,
.splash-view .Conversation .large-icon:after {
  content: "b";
  font-weight: normal !important;
  font-size: 230px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 90%;
}
.zero-components-view .Mission .large-icon:after,
.splash-view .Mission .large-icon:after {
  content: "Q";
  font-weight: normal !important;
  font-size: 230px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 80%;
}
.zero-components-view .EmailMessage .large-icon:after,
.splash-view .EmailMessage .large-icon:after {
  content: "g";
  font-weight: normal !important;
  font-size: 325px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .EmailTemplate .large-icon:after,
.splash-view .EmailTemplate .large-icon:after {
  content: '\00B6';
  font-weight: normal !important;
  font-size: 325px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .MarketingList .large-icon:after,
.splash-view .MarketingList .large-icon:after {
  content: '\0022';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .Campaign .large-icon:after,
.splash-view .Campaign .large-icon:after {
  content: '\002C';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .Product .large-icon:after,
.splash-view .Product .large-icon:after {
  content: '\003E';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .ProductTemplate .large-icon:after,
.splash-view .ProductTemplate .large-icon:after {
  content: '\00AC';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .ProductCategory .large-icon:after,
.splash-view .ProductCategory .large-icon:after {
  content: '\00D7';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .ContactWebForm .large-icon:after,
.splash-view .ContactWebForm .large-icon:after {
  content: '\003C';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .GameReward .large-icon:after,
.splash-view .GameReward .large-icon:after {
  content: '\2205';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .Task .large-icon:after,
.splash-view .Task .large-icon:after {
  content: '4';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 62%;
}
.zero-components-view .Project .large-icon:after,
.splash-view .Project .large-icon:after {
  content: '\02C7';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 65%;
}
.zero-components-view .QueueModel .large-icon:after,
.splash-view .QueueModel .large-icon:after {
  content: '\00EF';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
#NoUserEmailConfigurationYetView .z-label {
  z-index: auto;
}
.ZurmoSearchView {
  padding: 0;
  -webkit-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -moz-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -ms-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -o-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  float: left;
  width: 100%;
}
#search-form {
  padding: 0 10px 15px 10px;
  border: 1px solid #dfdfdf;
  border-bottom: none;
  position: relative;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -moz-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -ms-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  -o-box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  box-shadow: 0 0 20px 5px rgba(153,153,153,0.12);
  font-size: 11px;
  float: left;
  width: 100%;
  *zoom: 1;
}
#search-form:before,
#search-form:after {
  content: " ";
  display: table;
}
#search-form:after {
  clear: both;
}
#search-form .form-toolbar,
#search-form .z-button {
  font-size: 12px;
}
#search-form table {
  border-bottom: none;
  width: 100%;
}
#search-form .filters-bar {
  width: auto;
  top: 20px;
}
#search-form .filters-bar > div {
  float: left;
  padding-left: 15px;
}
.SecuredListView {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
#MashableInboxListView,
#NotificationsForUserListView {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.filters-bar {
  font-size: 11px;
  padding-left: 8px;
  border-bottom: 1px solid #DFDFDF;
  width: 100%;
  min-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  position: relative;
  border: none;
  float: left;
  position: absolute;
  z-index: 51;
  left: 250px;
  top: 7px;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.filters-bar label {
  cursor: pointer;
  border: none;
  background: none;
  font-size: 11px !important;
  padding: 3px;
  margin: 0 3px;
  white-space: nowrap;
}
.filters-bar label:hover {
  color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none;
  background-color: #282A76 !important;
}
.filters-bar input[type="radio"],
.filters-bar input[type="checkbox"] {
  visibility: hidden;
  display: none;
}
.filters-bar .ui-state-active {
  color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none;
  background-color: #282A76 !important;
}
.filters-bar .ui-button-text {
  padding: 0;
  margin: 0;
}
.filters-bar > .ui-buttonset {
  padding-top: 14px;
}
.filters-bar > div + div {
  display: inline-block;
  margin-left: 15px;
}
.filters-bar .ui-state-active,
.filters-bar label:hover {
  background-color: #282A76;
}
.cgrid-view {
  position: relative;
}
.juiportlet-widget-content {
  width: 100%;
  height: 100%;
  display: block;
}
.juiportlet-widget-content .cgrid-view {
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}
.search-view-0 {
  margin: 15px 0 0 0;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  z-index: 50;
}
.search-view-0 table {
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  border: none;
}
.search-view-0 th {
  display: none;
  width: 0;
}
.search-view-0 .global-search-loopa {
  position: relative;
  top: 0;
  margin-top: 0;
  float: left;
}
.search-view-0 input[type="text"] {
  position: relative;
  left: -1px;
  width: 179px;
  float: right;
  margin: 0 0 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  font-style: italic;
  color: #999;
  text-indent: 10px;
  line-height: 25px;
  height: 25px !important;
  border: 1px solid #d5d4d4;
  border-left: none;
  background: url("../images/search-bar-gradient.png") left top repeat-x;
}
.search-view-0 input[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.search-form-tools {
  color: #282A76;
  position: absolute;
  z-index: 100;
  top: 16px;
  left: 265px;
  line-height: 25px;
  font-size: 11px;
}
.search-form-tools input[type="submit"] {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
}
.search-form-tools input[type="submit"]:before,
.search-form-tools input[type="submit"]:after {
  content: " ";
  display: table;
}
.search-form-tools input[type="submit"]:after {
  clear: both;
}
.search-form-tools input[type="submit"].disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.search-form-tools > a {
  margin-right: 25px;
}
#more-search-linkmodal,
#more-search-link {
  margin-left: 0;
}
#more-search-linkmodal,
#more-search-link,
#kanban-board-options-link,
#select-list-attributes-link {
  color: #282A76;
}
#more-search-linkmodal:after,
#more-search-link:after,
#kanban-board-options-link:after,
#select-list-attributes-link:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 1px;
  margin-left: 5px;
}
#more-search-linkmodal:hover,
#more-search-link:hover,
#kanban-board-options-link:hover,
#select-list-attributes-link:hover {
  color: #7CB830;
}
#mixed-models-form-search {
  margin-left: 15px;
  color: #fff;
}
#ModalView .list-view-items-summary-clone {
  margin: 10px 10px 0 0;
}
#ModalView .SearchView {
  position: relative;
  z-index: 5;
}
#ModalView .search-view-0 {
  margin: 5px 0 0 10px !important;
  width: 220px;
  float: left;
  z-index: 10000;
}
#ModalView .search-view-1 {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  z-index: 10000;
  min-width: 400px;
  max-width: 75%;
  height: auto;
  position: absolute;
  left: 250px;
  top: 35px;
  padding: 20px 20px 20px 20px;
  font-size: 11px;
}
#ModalView .search-view-1 input {
  position: relative;
  z-index: 5000;
}
#ModalView .search-view-1 td {
  padding-bottom: 15px;
}
#ModalView .search-view-1 th {
  width: 25%;
}
#ModalView .search-view-1 label {
  padding-top: 0;
}
#ModalView #clear-search-linkmodal {
  margin-left: 10px;
  color: #fff;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 11px;
}
#ModalView .items {
  border: none;
}
#ModalView .items thead tr:first-child th {
  border-top: none;
}
.kanban-board-options-view,
.select-list-attributes-view,
.search-view-1 {
  margin-top: 15px;
  z-index: 100;
  min-width: 400px;
  height: auto;
  float: left;
  width: 100%;
}
.kanban-board-options-view #cancel-advanced-search,
.select-list-attributes-view #cancel-advanced-search,
.search-view-1 #cancel-advanced-search {
  color: #656565;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.kanban-board-options-view #cancel-advanced-search .z-label,
.select-list-attributes-view #cancel-advanced-search .z-label,
.search-view-1 #cancel-advanced-search .z-label {
  background: url("../images/view-toolbar-gradient.png") left bottom repeat-x !important;
}
.kanban-board-options-view .view-toolbar-container,
.select-list-attributes-view .view-toolbar-container,
.search-view-1 .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
  z-index: 1;
}
.kanban-board-options-view > div,
.select-list-attributes-view > div,
.search-view-1 > div {
  display: block;
}
.kanban-board-options-view .view-toolbar-container,
.select-list-attributes-view .view-toolbar-container,
.search-view-1 .view-toolbar-container {
  display: inline-block;
}
.select-list-attributes-view label,
.search-view-1 label {
  padding-top: 7px;
  padding-right: 10px;
  width: 100%;
  display: block;
  text-align: left;
}
.select-list-attributes-view table {
  border-bottom: none;
}
.select-list-attributes-view td {
  padding-left: 0 !important;
}
.select-list-attributes-view .attributesContainer:after {
  display: none !important;
}
.select-list-attributes-view .multiselect-nav-updown {
  display: block;
  position: absolute;
  right: -75px;
  float: right;
  padding: 0 15px;
  width: 75px;
  height: 75px;
  text-align: center;
  left: auto;
}
#clear-search-link {
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
  background-color: #282A76 !important;
}
#clear-search-link .icon-clear {
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.mp-divider {
  padding: 0 2px;
}
#show-dynamic-search-structure-div-search-form {
  display: inline-block;
  width: 100%;
}
.search-view-1 > .hasDropDown {
  margin-bottom: 8px;
}
.dynamic-search-row {
  float: left;
  width: 100%;
  display: block;
  margin: 8px 0;
}
.dynamic-search-row > div {
  float: left;
  width: 100%;
}
.dynamic-search-row > div > span:first-child + div {
  margin-right: 0 !important;
  width: 45%;
  float: left;
}
.dynamic-search-row > div .criteria-value-container {
  margin-right: 30px !important;
  width: 45%;
  float: right;
}
.dynamic-search-row > div .has-model-select {
  float: left;
  width: 100%;
}
.dynamic-search-row label.hasCheckBox {
  margin-left: 0 !important;
}
.dynamic-search-row .remove-extra-dynamic-search-row-link {
  float: right;
  margin: 4px 0 0 -30px !important;
  position: relative;
  display: block;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #a7a7a7 !important;
}
.dynamic-search-row .remove-extra-dynamic-search-row-link:hover {
  color: #282A76 !important;
}
.dynamic-search-row .dynamic-search-row-number-label {
  float: left;
  line-height: 26px;
  margin-right: 15px;
  font-weight: bold;
  -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -ms-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -o-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.add-fields-container,
.search-save-container {
  float: left;
  display: inline-block;
  margin: 8px 3px 10px 0;
}
.dynamic-search-row + .add-fields-container,
.dynamic-search-row + .add-fields-container + .search-save-container {
  margin: 8px 3px 10px 0;
}
.add-fields-container a {
  margin-left: 23px;
  position: relative;
}
.add-fields-container a:hover,
.add-fields-container a:hover .z-label {
  background: none !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
  color: #282A76 !important;
}
.add-fields-container .z-spinner {
  display: block !important;
  margin-top: -5px;
  margin-left: -20px;
}
.add-fields-container .z-label {
  font-weight: normal;
  padding: 0;
  line-height: 1;
  float: none;
  background: none;
  color: #282A76;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#show-dynamic-search-structure-wrapper-search-form {
  display: block;
  width: 100%;
  float: left;
}
#show-dynamic-search-structure-div-link-search-form {
  display: block;
  margin-bottom: 15px;
  margin-left: 23px;
}
#save-search-area {
  width: 45%;
  margin-top: 5px;
  border-top: none;
}
#save-search-area input,
#save-search-area a {
  display: inline-block;
  width: auto;
  float: left;
  margin-right: 15px;
}
#save-search-area input {
  width: 50%;
  margin-left: 5px;
}
#save-search-area #removeSavedSearch {
  line-height: 26px;
  float: left;
  margin-left: 20px;
}
#save-search-area #removeSavedSearch .icon:after {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
#save-search-area #save-advanced-search {
  margin: 0;
}
#show-dynamic-search-structure-div-search-form input {
  text-indent: 40px;
}
#show-dynamic-search-structure-div-search-form span {
  width: auto;
  padding: 0 12px;
  font-weight: bold;
}
.ui-multiselect-menu {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  padding: 10px !important;
  overflow: hidden;
  min-width: 150px;
}
.ui-multiselect-menu label {
  padding-top: 0;
}
.ui-multiselect-menu input[type="checkbox"] {
  margin: 0 10px 0 0 !important;
}
.ui-multiselect-menu li {
  list-style: none;
  line-height: 25px;
  display: block;
}
.double-column .panel {
  float: left;
  width: 100% !important;
}
.double-column .panel table {
  width: 100% !important;
}
.double-column .right-side-edit-view-panel {
  margin-bottom: 15px;
  position: relative !important;
  float: left !important;
}
.double-column .right-side-edit-view-panel .buffer {
  padding-left: 5px;
}
.double-column .col-0,
.double-column .col-2 {
  width: 15% !important;
}
.double-column .col-1,
.double-column .col-3 {
  width: 35% !important;
}
.wide.form .col-0 {
  width: 30%;
}
.wide.form .col-1 {
  width: 70%;
}
.attributesContainer {
  padding-bottom: 15px;
  *zoom: 1;
}
.attributesContainer:before,
.attributesContainer:after {
  content: " ";
  display: table;
}
.attributesContainer:after {
  clear: both;
}
.left-column {
  padding: 15px 15px 15px 15px;
  float: left;
  width: 70%;
}
.left-column.full-width {
  width: 100%;
  float: none;
}
.left-column.full-width +.right-column {
  display: none;
}
.left-column .left-column {
  padding: 0 15px 0 0;
}
.left-column .right-column {
  padding: 0 0 15px 0;
}
.right-column {
  float: right;
  width: 30%;
  padding: 15px 15px 15px 15px;
}
#modal-edit-form,
#edit-form,
#delete-form {
  *zoom: 1;
  position: relative;
}
#modal-edit-form:before,
#modal-edit-form:after,
#edit-form:before,
#edit-form:after,
#delete-form:before,
#delete-form:after {
  content: " ";
  display: table;
}
#modal-edit-form:after,
#edit-form:after,
#delete-form:after {
  clear: both;
}
#modal-edit-form .panel table,
#edit-form .panel table,
#delete-form .panel table {
  width: 100% !important;
}
#modal-edit-form h3,
#edit-form h3,
#delete-form h3 {
  margin: 0 0 15px 0;
}
#modal-edit-form .panelTitle,
#edit-form .panelTitle,
#delete-form .panelTitle {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 12px;
  display: block;
}
#modal-edit-form .view-toolbar-container,
#edit-form .view-toolbar-container,
#delete-form .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
}
#modal-edit-form .hasCheckBox,
#edit-form .hasCheckBox,
#delete-form .hasCheckBox {
  display: block;
}
#modal-edit-form .hasCheckBox input[type="checkbox"],
#edit-form .hasCheckBox input[type="checkbox"],
#delete-form .hasCheckBox input[type="checkbox"] {
  margin-bottom: 0 !important;
}
.form-fields {
  width: 100%;
  border-bottom: none;
  table-layout: fixed;
}
.form-fields th {
  vertical-align: text-top;
}
.form-fields td {
  vertical-align: top;
  position: relative;
}
.form-fields td table {
  width: 100%;
}
.form-fields td {
  padding-bottom: 15px;
}
#modal-edit-form {
  padding: 15px 15px 12px 15px;
}
.more-panels-link {
  color: #282A76;
  font-size: 11px;
  position: relative;
  left: 0;
}
.ui-overlay-block {
  z-index: 250000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);
  display: none;
}
.ui-overlay-block .big-spinner {
  position: relative;
  top: 30%;
  left: 50%;
  margin: 0 0 0 -34px;
}
.address-fields div:last-child {
  padding-bottom: 0;
}
.address-fields .overlay-label-field {
  padding-bottom: 15px;
}
.radio-input {
  clear: left;
  float: left;
  margin-bottom: 5px;
}
.radio-input input {
  float: left;
  margin-top: 1px !important;
}
.radio-input label {
  margin-left: 10px;
}
.right-side-edit-view-panel {
  padding: 8px 10px;
  background: #F4F4F4;
  width: 100%;
  *zoom: 1;
}
.right-side-edit-view-panel:before,
.right-side-edit-view-panel:after {
  content: " ";
  display: table;
}
.right-side-edit-view-panel:after {
  clear: both;
}
.right-side-edit-view-panel p {
  line-height: 140%;
}
.right-side-edit-view-panel h3 {
  margin: 0 0 10px 0 !important;
}
.right-side-edit-view-panel label {
  width: 100%;
  display: block;
  line-height: 100%;
  padding-top: 0;
  margin-bottom: 5px;
}
.right-side-edit-view-panel #owner-box {
  margin-bottom: 15px;
  position: relative;
}
.right-side-edit-view-panel #owner-box label,
.right-side-edit-view-panel #owner-box+label {
  font-size: 12px;
  font-weight: 600;
}
.right-side-edit-view-panel #owner-box input {
  position: relative;
  z-index: 0;
}
.right-side-edit-view-panel .ui-autocomplete {
  width: auto;
}
.right-side-edit-view-panel input[type="text"] {
  margin-bottom: 4px;
}
.right-side-edit-view-panel #owner-box + label {
  margin-bottom: 15px;
}
.right-side-edit-view-panel .radio-input {
  margin-bottom: 10px;
  width: 100%;
  float: left;
  display: block;
}
.right-side-edit-view-panel .radio-input label {
  width: auto;
  float: left;
  vertical-align: middle;
}
.right-side-edit-view-panel .radio-input input[type="radio"] {
  float: left;
  margin: 0 8px 0 10px;
  vertical-align: middle;
}
.right-side-edit-view-panel .radio-input .hasDropDown {
  padding-left: 40px;
}
.right-side-edit-view-panel input[type="text"] {
  margin-top: 6px;
}
.right-side-edit-view-panel .buttons-bar {
  margin-top: 15px;
  text-align: center;
}
.has-date-select,
.has-model-select {
  position: relative;
}
.has-date-select input,
.has-model-select input {
  width: 100%;
}
.has-model-select {
  clear: left;
  padding: 0 !important;
}
.has-model-select input {
  margin: 0 !important;
}
.has-model-select a {
  background: url("../images/dropdown-general.png") left top no-repeat;
  width: 28px;
  height: 24px;
  display: block;
  float: right;
  z-index: 5000;
  position: absolute;
  right: 1px;
  bottom: 1px;
}
.has-model-select a:hover:before {
  color: #525252 !important;
}
.has-model-select a .model-select-icon {
  width: 100%;
  height: 100%;
  line-height: 24px;
  display: block;
  text-align: center;
  vertical-align: center;
}
.has-model-select a .model-select-icon:before {
  content: "Y";
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #8b8b8b;
  text-align: center;
}
.has-model-select .z-spinner {
  z-index: 999999;
  position: absolute;
  top: 3px;
  left: 5px;
  display: block !important;
}
.has-model-select + .simple-link {
  display: block;
  margin-top: 5px;
}
.has-date-select {
  clear: left;
  padding: 0 !important;
}
.has-date-select input {
  margin: 0 !important;
}
.has-date-select button {
  background: url("../images/dropdown-general.png") left top no-repeat;
  width: 28px;
  height: 24px;
  display: block;
  float: right;
  z-index: 1;
  position: absolute;
  right: 1px;
  bottom: 1px;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 10005;
}
.has-date-select button:hover:before {
  color: #525252 !important;
}
.has-date-select button span {
  width: 100%;
  height: 100%;
  line-height: 24px;
  display: block;
  text-align: center;
  vertical-align: center;
}
.has-date-select button span:before {
  content: "U";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #8b8b8b;
  text-align: center;
  vertical-align: bottom;
}
.beforeOptOutCheckBox {
  float: left;
  width: 100%;
}
.beforeOptOutCheckBox div {
  margin-right: 80px !important;
  width: auto;
}
.beforeOptOutCheckBox + div {
  float: right;
  margin: 0 0 0 -80px !important;
  position: relative;
  padding-left: 10px;
  width: 80px;
}
.beforeToolTip {
  float: left;
  width: 100%;
}
.beforeToolTip textarea {
  margin-right: 30px !important;
  width: auto;
  float: none;
  width: 95%;
}
.beforeToolTip .hasDropDown {
  margin-right: 30px;
  width: auto;
}
.beforeToolTip + .tooltip {
  float: right;
  margin: 7px 0 0 -30px !important;
  position: relative;
}
.SecuredPortletFrameView .juiportlet-widget-head h3 {
  margin-left: 15px;
  font-size: 15px;
}
.ConfigurableMetadataView .juiportlet-widget-head {
  cursor: default;
}
.juiportlet-widget-content .details-table {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.juiportlet-widget-content .details-table .col-0 {
  width: 30%;
}
.juiportlet-widget-content .details-table .double-column .col-0,
.juiportlet-widget-content .details-table .double-column .col-2 {
  width: 22% !important;
}
.juiportlet-widget-content .details-table .double-column .col-1,
.juiportlet-widget-content .details-table .double-column .col-3 {
  width: 28% !important;
}
.details-table {
  position: relative;
  margin: 0px !important;
}
.details-table table {
  margin: 0 0 10px 0;
}
.details-table td,
.details-table th {
  font-weight: bold;
  padding: 5px 5px 5px 5px;
}
.details-table th {
  vertical-align: top;
  color: #999;
  padding-left: 15px;
  text-align: right;
}
.details-table td {
  vertical-align: top;
  color: #545454;
  word-wrap: break-word;
  word-break: break-all;
}
.details-table td + th {
  padding-left: 15px !important;
}
.details-table p {
  width: 100%;
}
.details-table .panelTitle {
  padding-top: 0;
  padding-left: 10px;
}
.details-table .map-link {
  display: inline-block;
  margin-left: 4px;
  position: relative;
  padding-left: 16px;
}
.details-table .map-link:before {
  content: "K";
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 12px;
  position: absolute;
  left: 0;
  top: 2px;
}
.details-table .hasCheckBox {
  margin-top: 0;
  margin-left: 0;
}
.details-table h1 + .toolbar-mbmenu {
  top: 6px;
  right: 0px;
  position: absolute;
}
.details-table h1 + .toolbar-mbmenu .parent > ul {
  top: 27px;
}
#AccountContactAffiliationEditAndDetailsView .wrapper,
#AccountAccountAffiliationEditAndDetailsView .wrapper {
  position: relative;
}
#AccountContactAffiliationEditAndDetailsView .toolbar-mbmenu,
#AccountAccountAffiliationEditAndDetailsView .toolbar-mbmenu {
  top: 6px;
  right: 0px;
  position: absolute;
}
.DetailsView .col-0 {
  width: 20%;
}
.after-form-details-content {
  color: #545454 !important;
  float: none;
  clear: left;
  width: 100%;
  font-size: 11px;
  font-style: italic;
  text-align: center;
  padding: 0 10px 10px 10px;
}
.mapcanvas {
  width: 600px;
  height: 400px;
}
.OpenTasksRelatedListView .button-column,
.OpenTasksRelatedListView .checkbox-column {
  height: auto !important;
}
.wrapper {
  float: left;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
}
.wrapper,
.TitleBarAndDetailsView > div:not(.view-toolbar-container),
.ProgressView           > div:not(.view-toolbar-container),
#MetadataViewEditView   > div:not(.view-toolbar-container),
.TableOfContentsView    > div:not(.view-toolbar-container),
.DetailsView            > div:not(.view-toolbar-container),
.EditAndDetailsView     > div:not(.view-toolbar-container) {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
}
.wrapper .form form,
.TitleBarAndDetailsView > div:not(.view-toolbar-container) .form form,
.ProgressView           > div:not(.view-toolbar-container) .form form,
#MetadataViewEditView   > div:not(.view-toolbar-container) .form form,
.TableOfContentsView    > div:not(.view-toolbar-container) .form form,
.DetailsView            > div:not(.view-toolbar-container) .form form,
.EditAndDetailsView     > div:not(.view-toolbar-container) .form form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.wrapper h1,
.TitleBarAndDetailsView > div:not(.view-toolbar-container) h1,
.ProgressView           > div:not(.view-toolbar-container) h1,
#MetadataViewEditView   > div:not(.view-toolbar-container) h1,
.TableOfContentsView    > div:not(.view-toolbar-container) h1,
.DetailsView            > div:not(.view-toolbar-container) h1,
.EditAndDetailsView     > div:not(.view-toolbar-container) h1 {
  text-indent: 15px;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.wrapper input[type="checkbox"] + label,
.TitleBarAndDetailsView > div:not(.view-toolbar-container) input[type="checkbox"] + label,
.ProgressView           > div:not(.view-toolbar-container) input[type="checkbox"] + label,
#MetadataViewEditView   > div:not(.view-toolbar-container) input[type="checkbox"] + label,
.TableOfContentsView    > div:not(.view-toolbar-container) input[type="checkbox"] + label,
.DetailsView            > div:not(.view-toolbar-container) input[type="checkbox"] + label,
.EditAndDetailsView     > div:not(.view-toolbar-container) input[type="checkbox"] + label {
  width: 60px;
  margin-top: 0;
}
.wrapper td + th,
.TitleBarAndDetailsView > div:not(.view-toolbar-container) td + th,
.ProgressView           > div:not(.view-toolbar-container) td + th,
#MetadataViewEditView   > div:not(.view-toolbar-container) td + th,
.TableOfContentsView    > div:not(.view-toolbar-container) td + th,
.DetailsView            > div:not(.view-toolbar-container) td + th,
.EditAndDetailsView     > div:not(.view-toolbar-container) td + th {
  padding-left: 30px;
}
.SecuredEditAndDetailsView,
#AccountEditAndDetailsView {
  position: relative;
}
.toolbar-mbmenu {
  margin: 0 10px 0 0 !important;
  float: right;
  width: auto;
}
.toolbar-mbmenu .view-toolbar {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: none;
}
.toolbar-mbmenu ul {
  list-style: none;
}
.toolbar-mbmenu .options-menu > li > a {
  text-align: center;
  color: #666 !important;
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #bababa;
  line-height: 1;
  font-size: 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -webkit-text-shadow: 0px 1px 0 rgba(255,255,255,0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255,255,255,0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255,255,255,0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255,255,255,0.75) !important;
  text-shadow: 0px 1px 0 rgba(255,255,255,0.75) !important;
  background: url("../images/view-toolbar-gradient.png") left bottom repeat-x !important;
}
.toolbar-mbmenu .options-menu > li > a span {
  line-height: 26px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
}
.toolbar-mbmenu .options-menu > li > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  top: 0;
  margin-left: 5px;
}
.toolbar-mbmenu .options-menu ul {
  white-space: nowrap;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  margin-top: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  display: none;
  font-weight: normal !important;
  right: 0;
  z-index: 9999;
}
.toolbar-mbmenu .options-menu ul a {
  text-indent: 0;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
  line-height: normal;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.toolbar-mbmenu .options-menu ul a:hover {
  background-color: #7CB830 !important;
  color: #fff !important;
}
.AttributeDetailsView .toolbar-mbmenu {
  top: 8px;
}
.clickable-mbmenu.nav-open ul {
  display: block;
}
.DetailsAndRelationsView,
#AccountDetailsAndRelationsView {
  *zoom: 1;
}
.DetailsAndRelationsView:before,
.DetailsAndRelationsView:after,
#AccountDetailsAndRelationsView:before,
#AccountDetailsAndRelationsView:after {
  content: " ";
  display: table;
}
.DetailsAndRelationsView:after,
#AccountDetailsAndRelationsView:after {
  clear: both;
}
.DetailsAndRelationsView .GridView,
#AccountDetailsAndRelationsView .GridView {
  width: 35%;
  float: left;
}
.DetailsAndRelationsView .GridView .juiportlet-widget,
#AccountDetailsAndRelationsView .GridView .juiportlet-widget {
  margin-right: 0;
}
.DetailsAndRelationsView .GridView:first-child,
#AccountDetailsAndRelationsView .GridView:first-child {
  width: 65%;
}
.DetailsAndRelationsView .GridView:first-child .juiportlet-widget,
#AccountDetailsAndRelationsView .GridView:first-child .juiportlet-widget {
  margin-right: 20px;
}
#UserDetailsAndRelationsView {
  *zoom: 1;
}
#UserDetailsAndRelationsView:before,
#UserDetailsAndRelationsView:after {
  content: " ";
  display: table;
}
#UserDetailsAndRelationsView:after {
  clear: both;
}
#UserDetailsAndRelationsView .GridView {
  z-index: 0;
  width: 65%;
  float: left;
}
#UserDetailsAndRelationsView .GridView .juiportlet-widget {
  margin-right: 0;
}
#UserDetailsAndRelationsView .GridView + .GridView {
  width: 35%;
}
#UserDetailsAndRelationsView .UserLatestActivtiesForPortletView {
  margin-right: 20px !important;
}
#NoteInlineEditView .col-0 {
  width: 100%;
}
#NoteInlineEditView .col-1 {
  width: 0%;
}
#NoteInlineEditView .wide.form {
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#NoteInlineEditView td {
  width: 100%;
}
#NoteInlineEditView td div {
  margin-left: 0;
}
#NoteInlineEditView .files {
  float: left;
}
#NoteInlineEditView form {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#NoteInlineEditView form table {
  border-bottom: none;
}
#NoteInlineEditView form table td {
  padding-left: 0 !important;
}
#NoteInlineEditView form #Note_description {
  height: 60px;
  width: 100%;
  margin-bottom: 10px;
  line-height: 130%;
}
#NoteInlineEditView form input[type="submit"] {
  float: right;
  cursor: pointer;
  padding: 0 15px;
  line-height: 23px;
  margin: 0 0 0 0;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #bababa;
  color: #333333;
  background: url("../images/view-toolbar-gradient.png") left bottom repeat-x !important;
  display: inline-block;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -moz-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -ms-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -o-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  text-shadow: rgba(255,255,255,0.8) 0px 1px;
}
#NoteInlineEditView form input[type="submit"]:active {
  color: #656565;
  -webkit-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
}
#NoteInlineEditView form input[type="submit"]:before {
  content: "Y";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 2px;
}
#NoteInlineEditView .form-toolbar {
  border-top: none;
}
#NoteInlineEditForPortletView .wide.form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  float: none;
}
#inline-edit-form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#inline-edit-form table + table {
  float: left;
}
#inline-edit-form .panel td {
  padding-bottom: 15px;
  padding-left: 0;
}
#inline-edit-form > table td > a {
  color: #282A76;
}
#inline-edit-form > table td > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 5px;
}
#inline-edit-form > table label {
  margin-top: 10px !important;
  margin-bottom: 4px;
}
#inline-edit-form > table input.ui-autocomplete-input {
  float: left;
  width: 100%;
}
#inline-edit-form > table input.ui-autocomplete-input + span {
  float: left;
  width: 80px;
  margin-left: -90px;
  text-align: right;
  margin-top: 6px;
}
#inline-edit-form table {
  border-bottom: none;
}
#inline-edit-form .left-column {
  padding-bottom: 0;
}
#inline-edit-form .view-toolbar-container {
  display: inline-block;
  padding: 0 15px 15px 15px;
}
#inline-edit-form .view-toolbar-container a {
  float: right;
  clear: both;
  margin: 0;
}
#inline-edit-form .form-toolbar {
  border-top: none;
  padding-top: 0;
}
#inline-edit-form textarea {
  line-height: 130%;
}
#inline-edit-form .permissions-box {
  margin-left: 0 !important;
  *zoom: 1;
}
#inline-edit-form .permissions-box:before,
#inline-edit-form .permissions-box:after {
  content: " ";
  display: table;
}
#inline-edit-form .permissions-box:after {
  clear: both;
}
#inline-edit-form .permissions-box > label {
  margin-bottom: 12px !important;
  font-size: 13px;
  font-weight: bold !important;
}
#inline-edit-form .permissions-box label {
  width: 100%;
  display: block;
  line-height: 100%;
  padding-top: 0;
}
#inline-edit-form .permissions-box #owner-box {
  margin-bottom: 15px;
  position: relative;
}
#inline-edit-form .permissions-box #owner-box label,
#inline-edit-form .permissions-box #owner-box+label {
  font-size: 12px;
  font-weight: 600;
}
#inline-edit-form .permissions-box input[type="text"] {
  margin-bottom: 4px;
}
#inline-edit-form .permissions-box #owner-box + label {
  margin-bottom: 15px;
}
#inline-edit-form .permissions-box div.radio-input {
  margin-left: 0 !important;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  display: block;
}
#inline-edit-form .permissions-box div.radio-input input[type="radio"] + label {
  width: auto;
  float: left;
  vertical-align: middle;
  margin: 0 0 0 0 !important;
}
#inline-edit-form .permissions-box div.radio-input input[type="radio"] {
  float: left;
  margin: 0 8px 0 10px;
  vertical-align: middle;
}
#inline-edit-form .permissions-box div.radio-input .hasDropDown {
  padding-left: 30px;
}
#inline-edit-form .permissions-box input[type="text"] {
  margin-top: 6px;
}
div.radio-input .hasDropDown {
  margin-top: 8px;
  padding-left: 24px;
  margin-bottom: 0;
}
.post-to-profile {
  float: right;
  margin-right: 25px;
  margin-top: 5px;
  position: relative;
}
.post-to-profile span {
  float: left;
  position: relative;
  margin-right: 5px;
}
.post-to-profile .tooltip {
  margin-top: -1px;
}
.post-to-profile label.hasCheckBox {
  float: left !important;
  position: relative;
  top: -5px;
  margin: 0;
}
.BreadCrumbView {
  position: relative;
  z-index: 10;
  display: inline-block;
}
.BreadCrumbView+div {
  position: relative;
  z-index: 1;
}
.BreadCrumbView .spinner {
  margin-top: -10px;
  margin-left: 20px;
}
.BreadCrumbView > div {
  display: inline-block;
}
#StickyListMenu {
  list-style: none;
}
#StickyListMenu > li > a > span {
  top: 0;
  position: absolute;
  display: block;
  margin-left: 10px;
  width: 13px;
  padding: 1px;
  text-align: center;
  line-height: 1;
  color: #666;
  border: 1px solid #fff;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
  -moz-box-shadow: inset 0 0 0 1px #ddd;
  -ms-box-shadow: inset 0 0 0 1px #ddd;
  -o-box-shadow: inset 0 0 0 1px #ddd;
  box-shadow: inset 0 0 0 1px #ddd;
  -webkit-text-shadow: 0 1px 0 #fff;
  -moz-text-shadow: 0 1px 0 #fff;
  -ms-text-shadow: 0 1px 0 #fff;
  -o-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#e8e8e8,#f5f5f5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e8e8e8),color-stop(100%,#f5f5f5));
  background-image: -webkit-linear-gradient(top,#e8e8e8,#f5f5f5);
  background-image: -o-linear-gradient(top,#e8e8e8,#f5f5f5);
  background-image: -moz-linear-gradient(top,#e8e8e8,#f5f5f5);
  background-image: linear-gradient(top,#e8e8e8,#f5f5f5);
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
}
#StickyListMenu ul {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  display: none;
  list-style: none;
  position: absolute;
  margin-top: 3px;
  margin-left: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: normal !important;
}
#StickyListMenu ul .strong a,
#StickyListMenu ul .strong span {
  font-weight: bold !important;
}
#StickyListMenu ul a {
  text-indent: 0;
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
  line-height: normal;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
#StickyListMenu ul a:hover {
  background-color: #7CB830 !important;
  color: #fff !important;
}
.mad-lib input {
  width: auto !important;
  margin: auto 10px !important;
}
.overlay-label-field {
  position: relative;
  *zoom: 1;
}
.overlay-label-field:before,
.overlay-label-field:after {
  content: " ";
  display: table;
}
.overlay-label-field:after {
  clear: both;
}
.overlay-label-field label {
  position: absolute !important;
  text-indent: 4px;
  top: 6px;
  color: #999;
  font-size: 12px;
  font-weight: normal;
}
.hasParallelFields,
.hasHalfs {
  *zoom: 1;
}
.hasParallelFields:before,
.hasParallelFields:after,
.hasHalfs:before,
.hasHalfs:after {
  content: " ";
  display: table;
}
.hasParallelFields:after,
.hasHalfs:after {
  clear: both;
}
.hasParallelFields > div,
.hasHalfs > div {
  display: block;
  float: left;
  padding-left: 15px;
}
.hasParallelFields > div:first-child,
.hasHalfs > div:first-child {
  padding-left: 0;
}
.hasParallelFields > div input,
.hasHalfs > div input {
  width: 100%;
}
.hasHalfs > div:first-child {
  padding-right: 7.5px;
}
.hasHalfs > div:first-child + div {
  padding-left: 7.5px;
}
.has3 > div {
  width: 33.3%;
}
.seventh {
  width: 14.2%;
}
.sixth {
  width: 16.6%;
}
.fifth {
  width: 20%;
}
.twoFifths {
  width: 40%;
}
.threeFifths {
  width: 60%;
}
.fourFifths {
  width: 80%;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.threeQuarters {
  width: 75%;
}
.third {
  width: 33.3%;
}
.twoThirds {
  width: 66.6%;
}
.juiportlet-widget.OpportunitiesForAccountRelatedListView div.button-column,
.juiportlet-widget.ContactsForAccountRelatedListView div.button-column {
  padding-top: 4px;
}
.RelatedListView .items td {
  border-top: none !important;
}
.RelatedListView .items td:first-child {
  padding-left: 15px;
}
.RelatedListView .items tr:hover .edit-row-menu > li > a {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.edit-portlet-menu,
.edit-row-menu {
  float: right;
  margin: 0 10px 0 0;
  list-style: none;
}
.edit-portlet-menu > li,
.edit-row-menu > li {
  position: relative;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.edit-portlet-menu > li > a,
.edit-row-menu > li > a {
  padding: 0;
  display: block;
  overflow: visible;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  white-space: nowrap;
}
.edit-portlet-menu > li > a span,
.edit-row-menu > li > a span {
  display: inline-block;
  text-indent: -9999px;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.edit-portlet-menu > li > a:hover,
.edit-row-menu > li > a:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.edit-portlet-menu > li > a:before,
.edit-row-menu > li > a:before {
  content: "n";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.edit-portlet-menu > li > a:after,
.edit-row-menu > li > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 12px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: -2px;
  left: 2px;
}
.edit-portlet-menu > li a,
.edit-row-menu > li a {
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.edit-portlet-menu ul,
.edit-row-menu ul {
  min-width: 110px;
  margin-left: -85px;
  list-style: none;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  z-index: 9999;
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
  top: 20px;
  font-size: 11px;
}
.edit-portlet-menu ul li,
.edit-row-menu ul li {
  line-height: 100%;
}
.edit-portlet-menu ul li > a,
.edit-row-menu ul li > a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
}
.edit-portlet-menu ul li > a:hover,
.edit-row-menu ul li > a:hover {
  color: #fff !important;
}
.edit-portlet-menu ul a:hover,
.edit-row-menu ul a:hover {
  background-color: #7CB830 !important;
  color: #fff !important;
}
.edit-portlet-menu {
  line-height: 1;
  margin-top: 9px;
  margin-right: 15px;
}
.edit-portlet-menu ul {
  top: 20px;
}
.edit-row-menu {
  white-space: nowrap;
}
.edit-row-menu > li {
  position: relative;
  white-space: nowrap;
}
.edit-row-menu > li > a {
  position: relative;
  z-index: 10;
  white-space: nowrap;
}
.edit-row-menu ul {
  min-width: 0;
  line-height: 1;
  white-space: nowrap;
  left: auto;
  right: -10px;
  margin: 0;
  top: -3px;
  z-index: 1;
  padding-right: 30px;
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
}
.edit-row-menu ul > li {
  display: inline;
  border-left: 1px solid #d8d8d8;
}
.edit-row-menu ul > li + li {
  margin-left: -3px;
}
.edit-row-menu ul > li a {
  display: inline-block;
}
.edit-row-menu ul > li:first-child {
  border-left: none;
}
.edit-row-menu > li.over > a {
  pointer-event: none;
  opacity: 0.5;
}
.pager {
  width: 100%;
  text-align: center;
  background: #fff url("../images/view-toolbar-gradient.png") left bottom repeat-x;
  -webkit-box-shadow: inset 0 1px 0 #DFDFDF;
  -moz-box-shadow: inset 0 1px 0 #DFDFDF;
  -ms-box-shadow: inset 0 1px 0 #DFDFDF;
  -o-box-shadow: inset 0 1px 0 #DFDFDF;
  box-shadow: inset 0 1px 0 #DFDFDF;
  overflow: hidden;
}
.pager ul {
  display: block;
  width: 50%;
  margin: 0 auto;
  list-style: none;
  border-left: 1px solid #DFDFDF;
  *zoom: 1;
}
.pager ul:before,
.pager ul:after {
  content: " ";
  display: table;
}
.pager ul:after {
  clear: both;
}
.pager .endless-list-pager {
  width: 100%;
  list-style: none;
  border: 1px solid #DFDFDF;
  border-top: none;
}
.pager .endless-list-pager li {
  float: none;
  width: 100%;
  border: none;
}
.pager .endless-list-pager .next a:after,
.pager .endless-list-pager .hidden.next:after {
  content: "6";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.pager .endless-list-pager .hidden {
  display: none;
}
.pager li {
  float: left;
  width: 30%;
  padding: 0;
  border: none;
  border-right: 1px solid #DFDFDF;
  text-align: center;
}
.pager li > a {
  font-weight: bold;
  display: block;
}
.pager li > a span {
  display: none;
}
.pager li > a:active {
  color: #656565;
  -webkit-box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
  -moz-box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
  -ms-box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
  -o-box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
  box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
}
.pager .refresh {
  width: 0;
  display: none;
}
.pager .first,
.pager .last {
  width: 20%;
}
.pager .first a:after,
.pager .hidden.first:after {
  content: "«";
}
.pager .next a:after,
.pager .hidden.next:after {
  content: "›";
}
.pager .previous a:after,
.pager .hidden.previous:after {
  content: "‹";
}
.pager .last a:after,
.pager .hidden.last:after {
  content: "»";
}
.pager .next,
.pager .previous,
.pager .first,
.pager .last {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
}
.pager .next span,
.pager .previous span,
.pager .first span,
.pager .last span {
  text-indent: -9999px;
  display: inline-block;
  padding: 2px 0 4px 0 !important;
}
.pager .next.hidden:after,
.pager .previous.hidden:after,
.pager .first.hidden:after,
.pager .last.hidden:after {
  color: #ccc;
}
.pager a:hover:before,
.pager a:hover:after {
  color: #7CB830;
}
.pager:empty {
  display: none;
}
.juiportlet-widget .endless-list-pager {
  border: none;
}
#list-view .pager {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  clear: both;
}
#ModalView #list-view .pager {
  -webkit-box-shadow: inset 0 1px 0 #DFDFDF;
  -moz-box-shadow: inset 0 1px 0 #DFDFDF;
  -ms-box-shadow: inset 0 1px 0 #DFDFDF;
  -o-box-shadow: inset 0 1px 0 #DFDFDF;
  box-shadow: inset 0 1px 0 #DFDFDF;
}
#days-meetings-list-view td {
  padding: 10px;
}
#days-meetings-list-view td div {
  line-height: 125%;
}
#days-meetings-list-view tr:hover {
  background: none;
  color: #545454;
}
#days-meetings-list-view h3 {
  color: #545454;
  margin-bottom: 4px;
}
#days-meetings-list-view h3 span {
  font-weight: normal;
  font-size: 11px;
  padding-left: 10px;
}
#days-meetings-list-view h3 span a {
  outline: none;
}
#NoteEditAndDetailsView .details-table,
#TaskEditAndDetailsView .details-table,
#MeetingEditAndDetailsView .details-table {
  margin-right: 0 !important;
}
#NoteEditAndDetailsView .view-toolbar,
#TaskEditAndDetailsView .view-toolbar,
#MeetingEditAndDetailsView .view-toolbar {
  margin-top: 0 !important;
}
.less-pronounced-text {
  font-style: italic;
  color: #999;
}
.latest-activity-icon {
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesForPortletView {
  position: relative;
}
.LatestActivitiesForPortletView > div {
  position: relative;
  z-index: 1;
}
.LatestActivitiesForPortletView .toolbar-mbmenu {
  position: absolute;
  top: -35px;
  z-index: 10;
}
.LatestActivitiesListView form,
.LatestActivitiesView form {
  position: relative;
}
.LatestActivitiesListView .latest-activity-toolbar,
.LatestActivitiesView .latest-activity-toolbar {
  border-bottom: 1px solid #DFDFDF;
  padding: 10px 15px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
}
.LatestActivitiesListView .latest-activity-toolbar > div:first-child,
.LatestActivitiesView .latest-activity-toolbar > div:first-child {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 2px solid #282A76;
}
.LatestActivitiesListView .latest-activity-toolbar #LatestActivitiesConfigurationForm_ownedByFilter_area,
.LatestActivitiesView .latest-activity-toolbar #LatestActivitiesConfigurationForm_ownedByFilter_area {
  display: inline-block;
}
.LatestActivitiesListView .latest-activity-toolbar #LatestActivitiesConfigurationForm_rollup_area,
.LatestActivitiesView .latest-activity-toolbar #LatestActivitiesConfigurationForm_rollup_area {
  display: inline-block;
}
.LatestActivitiesListView .latest-activity-toolbar #filter-latest-activities-link,
.LatestActivitiesView .latest-activity-toolbar #filter-latest-activities-link {
  margin-left: 20px;
  text-decoration: none;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -moz-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -ms-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -o-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  text-shadow: rgba(255,255,255,0.8) 0 1px 0;
}
.LatestActivitiesListView .latest-activity-toolbar #filter-latest-activities-link:after,
.LatestActivitiesView .latest-activity-toolbar #filter-latest-activities-link:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.LatestActivitiesListView .latest-activity-toolbar #filter-latest-activities-link:hover,
.LatestActivitiesView .latest-activity-toolbar #filter-latest-activities-link:hover {
  color: #7CB830 !important;
}
.LatestActivitiesListView .items,
.LatestActivitiesView .items {
  border: none !important;
}
.LatestActivitiesListView td,
.LatestActivitiesListView th,
.LatestActivitiesView td,
.LatestActivitiesView th {
  padding: 10px 0;
  border-bottom: 1px solid #DFDFDF;
}
.LatestActivitiesListView td div,
.LatestActivitiesListView th div,
.LatestActivitiesView td div,
.LatestActivitiesView th div {
  font-weight: 400 !important;
  margin: 0;
}
.LatestActivitiesListView tr:last-child td,
.LatestActivitiesListView tr:last-child th,
.LatestActivitiesView tr:last-child td,
.LatestActivitiesView tr:last-child th {
  border-bottom: none;
}
.LatestActivitiesListView td:first-child,
.LatestActivitiesView td:first-child {
  border-top: none !important;
  padding-left: 15px !important;
  padding-right: 15px;
}
.LatestActivitiesListView .activity-item,
.LatestActivitiesView .activity-item {
  width: 100%;
  padding-left: 40px;
  position: relative;
}
.LatestActivitiesListView .activity-item span,
.LatestActivitiesView .activity-item span {
  line-height: 140%;
  word-break: break-all;
}
.LatestActivitiesListView .activity-item span a,
.LatestActivitiesView .activity-item span a {
  break-word: break-all;
  display: inline-block;
}
.LatestActivitiesListView .items em,
.LatestActivitiesView .items em {
  display: inline-block;
  height: 100%;
  padding-right: 15px;
  float: left;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 2px;
}
.LatestActivitiesListView .Note:after,
.LatestActivitiesView .Note:after {
  content: "3";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .Task:after,
.LatestActivitiesView .Task:after {
  content: "4";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .Meeting:after,
.LatestActivitiesView .Meeting:after {
  content: "U";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .EmailMessage:after,
.LatestActivitiesView .EmailMessage:after {
  content: "g";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .Conversation,
.LatestActivitiesView .Conversation {
  padding-top: 5px;
}
.LatestActivitiesListView .Conversation:after,
.LatestActivitiesView .Conversation:after {
  content: "b";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .Mission:after,
.LatestActivitiesView .Mission:after {
  content: "Q";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
#GameRewardsSearchForm_filteredBy_area,
#MashableInboxForm_filteredBy_area,
#MashableInboxForm_optionForModel_area,
.latest-activity-toolbar,
.filter-portlet-model-bar {
  font-size: 11px;
  padding-left: 8px;
}
#GameRewardsSearchForm_filteredBy_area label,
#MashableInboxForm_filteredBy_area label,
#MashableInboxForm_optionForModel_area label,
.latest-activity-toolbar label,
.filter-portlet-model-bar label {
  cursor: pointer;
  border: none;
  background: none;
  font-size: 11px !important;
  padding: 3px;
  margin: 0 3px;
  white-space: nowrap;
}
#GameRewardsSearchForm_filteredBy_area label:hover,
#MashableInboxForm_filteredBy_area label:hover,
#MashableInboxForm_optionForModel_area label:hover,
.latest-activity-toolbar label:hover,
.filter-portlet-model-bar label:hover {
  color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none;
  background-color: #282A76 !important;
}
#GameRewardsSearchForm_filteredBy_area input[type="radio"],
#GameRewardsSearchForm_filteredBy_area input[type="checkbox"],
#MashableInboxForm_filteredBy_area input[type="radio"],
#MashableInboxForm_filteredBy_area input[type="checkbox"],
#MashableInboxForm_optionForModel_area input[type="radio"],
#MashableInboxForm_optionForModel_area input[type="checkbox"],
.latest-activity-toolbar input[type="radio"],
.latest-activity-toolbar input[type="checkbox"],
.filter-portlet-model-bar input[type="radio"],
.filter-portlet-model-bar input[type="checkbox"] {
  visibility: hidden;
  display: none;
}
#GameRewardsSearchForm_filteredBy_area .ui-state-active,
#MashableInboxForm_filteredBy_area .ui-state-active,
#MashableInboxForm_optionForModel_area .ui-state-active,
.latest-activity-toolbar .ui-state-active,
.filter-portlet-model-bar .ui-state-active {
  color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none;
  background-color: #282A76 !important;
}
#GameRewardsSearchForm_filteredBy_area .ui-button-text,
#MashableInboxForm_filteredBy_area .ui-button-text,
#MashableInboxForm_optionForModel_area .ui-button-text,
.latest-activity-toolbar .ui-button-text,
.filter-portlet-model-bar .ui-button-text {
  padding: 0;
  margin: 0;
}
#GameRewardsSearchForm_filteredBy_area {
  display: inline-block;
  margin-left: 15px;
  left: 320px;
  top: 21px !important;
}
#GameRewardsSearchForm_filteredBy_area label {
  float: none;
}
.filter-portlet-model-bar {
  border-bottom: 1px solid #DFDFDF;
  width: 100%;
  min-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  position: relative;
}
.filter-portlet-model-bar > .ui-buttonset {
  padding-top: 14px;
}
.activity-date {
  font-size: 11px;
  margin-bottom: 3px;
  display: block;
}
.LatestActivtiesForPortletView {
  position: relative;
}
.LatestActivtiesForPortletView .toolbar-mbmenu {
  z-index: 999999;
  top: -34px;
  right: 10px;
}
.LatestActivtiesForPortletView .toolbar-mbmenu .view-toolbar {
  background: none;
  margin: 0;
}
.LatestActivtiesForPortletView .toolbar-mbmenu li {
  padding: 0;
}
.search-view-0 input[type="text"] {
  float: left;
  margin-right: 0;
}
#search-formmodal {
  position: relative;
  padding: 10px 0 10px 0;
  border: 1px solid #DFDFDF;
  border-bottom: none;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  *zoom: 1;
}
#search-formmodal:before,
#search-formmodal:after {
  content: " ";
  display: table;
}
#search-formmodal:after {
  clear: both;
}
#search-formmodal table {
  border-bottom: none;
}
#search-formmodal label {
  line-height: 25px;
}
.ModalListView .items {
  border-top: 1px solid #dfdfdf !important;
}
.ModalListView .items tbody td:first-child,
.ModalListView .items thead th:first-child {
  padding-left: 10px;
}
.ui-autocomplete {
  margin-top: 2px;
  width: auto;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  z-index: 9999999 !important;
  position: absolute;
}
.ui-autocomplete li {
  list-style: none;
}
.ui-autocomplete li a {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #CCC;
  color: #666;
  font-size: 11px;
  line-height: 100%;
  font-weight: normal;
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 0 2px;
}
.ui-autocomplete li a:hover,
.ui-autocomplete li a#ui-active-menuitem,
.ui-autocomplete li a.ui-state-hover {
  background-color: #7CB830 !important;
  color: #fff !important;
  cursor: pointer !important;
}
.ui-autocomplete li:first-child a {
  border-top: none;
}
.ui-autocomplete li:last-child a {
  border-bottom: none;
}
#FlashMessageView {
  position: fixed;
  top: 100px;
  width: 25%;
  right: 3%;
  z-index: 9999;
}
#FlashMessageView .jnotify-item {
  position: relative;
  margin: 0 20px 20px 0;
  padding: 10px;
  border-radius: 5px !important;
  border: 1px solid #FFCC00;
  background: #FFFCB5;
  font-weight: bold;
  -webkit-box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
  -moz-box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
  -ms-box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
  -o-box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
  box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
}
#FlashMessageView .jnotify-item p,
#FlashMessageView .jnotify-item ul {
  margin-bottom: 5px;
  line-height: 1;
}
#FlashMessageView .jnotify-item ul {
  padding-left: 18px;
}
#FlashMessageView .jnotify-item li {
  margin-bottom: 3px;
}
#FlashMessageView .ui-state-error {
  border: 1px solid #cc0000;
  background: #ffb5b5;
}
#FlashMessageView .ui-icon-circle-close {
  position: absolute;
  top: -17px;
  right: -15px;
  background: transparent url("../images/widget-close-btn.png") left top no-repeat;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px !important;
  height: 31px !important;
  cursor: pointer;
}
.operation-description {
  display: block;
  margin: 0 0 15px 0;
  line-height: 150%;
}
.operation-description strong {
  font-weight: bold;
}
.operation-description em {
  color: #cc0000;
  font-style: normal;
}
.hasDropDown {
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.hasDropDown span {
  width: 28px;
  height: 24px;
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1;
  pointer-events: none;
  background: url("../images/dropdown-arrow.png") 100% 0 no-repeat;
  padding-left: 6px;
  display: block !important;
  font-weight: normal !important;
  color: #666 !important;
  cursor: pointer;
}
.hasDropDown span:hover,
.hasDropDown .over-dd {
  background-position: 100% 100%;
}
.hasDropDown select {
  z-index: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 3px 0;
  height: 26px;
  line-height: 26px;
  line-height: 1;
  width: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #666;
  text-indent: 6px;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  outline: none !important;
  cursor: pointer;
  position: relative;
}
.hasDropDown select:focus,
.hasDropDown select:hover {
  outline: none;
  -webkit-box-shadow: 0 0 1px 1px #282A76;
  -moz-box-shadow: 0 0 1px 1px #282A76;
  -ms-box-shadow: 0 0 1px 1px #282A76;
  -o-box-shadow: 0 0 1px 1px #282A76;
  box-shadow: 0 0 1px 1px #282A76;
}
.hasDropDown:hover select {
  outline: none;
  -webkit-box-shadow: 0 0 1px 1px #282A76;
  -moz-box-shadow: 0 0 1px 1px #282A76;
  -ms-box-shadow: 0 0 1px 1px #282A76;
  -o-box-shadow: 0 0 1px 1px #282A76;
  box-shadow: 0 0 1px 1px #282A76;
}
.hasDropDown + input {
  margin-top: 15px;
}
.isMultiSelect select {
  height: auto;
}
.isMultiSelect span {
  display: none !important;
}
.AppContent.MassEditView #edit-form table {
  width: 100%;
}
.AppContent.MassEditView tr th:first-child {
  padding: 0 !important;
}
.AppContent.MassEditView .ui-state-highlight p {
  color: #282A76;
  text-align: left;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  padding-left: 0;
  margin-bottom: 30px;
  margin-left: -8px;
}
#LeadConvertView .DetailsView > div {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#LeadConvertView .panel {
  width: 100% !important;
}
#LeadConvertView #edit-form {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding-bottom: 0 !important;
}
#LeadConvertView #edit-form table {
  width: 100%;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#LeadConvertView form table {
  padding-bottom: 15px !important;
}
#LeadConvertView #account-skip-form th {
  text-align: center !important;
  font-weight: normal;
}
#AccountConvertToView > div {
  margin-bottom: 0;
}
#AccountConvertToView .left-column {
  padding-right: 0;
}
.lead-conversion-actions {
  padding: 15px 15px 5px 15px;
}
.lead-conversion-actions a {
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
  background-color: #282A76 !important;
}
.ProgressView h3 {
  position: relative;
}
.ProgressView #sequential-process-spinner + #progressBar-msg {
  display: block;
}
.progress-counter {
  padding: 15px 15px 15px 15px;
}
#progressBar-links {
  margin-top: 15px;
}
#progressBar-links a {
  margin-left: 0;
}
.progressbar-wrapper {
  width: 100%;
  position: relative;
  margin-top: 15px;
}
#progress-percent {
  width: 50px;
  display: inline-block;
  font-weight: bold;
}
.ui-progressbar {
  padding-left: 35px;
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
}
.ui-widget-header.ui-progressbar-value {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 5px;
  margin: 5px 0 0 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: transparent !important;
  background-color: #afafaf !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(0deg,#969696,#afafaf) !important;
  background-image: -webkit-linear-gradient(0deg,#969696,#afafaf) !important;
  background-image: -o-linear-gradient(0deg,#969696,#afafaf) !important;
  background-image: -moz-linear-gradient(0deg,#969696,#afafaf) !important;
  background-image: linear-gradient(0deg,#969696,#afafaf) !important;
}
#AboutView {
  position: relative;
}
#AboutView #ZurmoLogo {
  width: 300px;
}
#AboutView #ZurmoLogo strong {
  float: right;
  margin-top: 26px;
}
#AboutView h1 {
  text-indent: 15px;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border-bottom: 1px solid #ccc;
}
#AboutView > div {
  margin-right: 0;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
}
#AboutView #aboutText {
  position: relative;
}
#AboutView #leftCol {
  padding: 15px 0 50px 15px;
  width: 65%;
  float: left;
}
#AboutView #leftCol > div {
  margin-bottom: 20px;
}
#AboutView #rightCol {
  float: right;
  width: 30%;
  margin: 15px 15px 50px 0;
}
#AboutView #rightCol > div {
  padding: 8px 10px;
  background: #F4F4F4;
  margin-bottom: 15px;
  float: left;
}
#AboutView #aboutContactDetails {
  width: 100%;
  float: left;
  padding: 15px 0 5px 0;
  text-align: center;
  font-size: 11px;
  position: absolute;
  bottom: 0;
}
#AboutView #aboutContactDetails span {
  margin: 0 10px;
}
#AboutView p,
#AboutView ul {
  font-size: 12px;
  line-height: 21px;
  font-weight: normal;
}
#AboutView p a,
#AboutView ul a {
  text-decoration: underline !important;
  color: #282A76 !important;
}
#AboutView ul {
  margin-top: 4px;
  padding-left: 20px;
}
.social-links {
  list-style: none;
  padding: 0 !important;
  margin: 15px 0 !important;
  float: right;
}
.social-links li {
  margin: 0 0 0 5px;
  float: left;
}
.social-links a {
  color: #fff;
  font-size: 12px;
  text-indent: 0;
  display: block;
}
.social-links a:hover span {
  background-position-y: 0 !important;
}
.social-links span {
  background: url("../images/sprite-socialicons.png") 0 bottom no-repeat;
  height: 22px;
  width: 22px;
  display: inline-block;
  line-height: 22px;
  text-indent: -9999px;
  margin-right: 5px;
}
.facebook span {
  background-position: -88px bottom !important;
}
.twitter span {
  background-position: -22px bottom !important;
}
.linkedin span {
  background-position: -66px bottom !important;
}
.rss span {
  background-position: 0 bottom !important;
}
.bitbucket span {
  background-position: -132px bottom !important;
}
.pivotal span {
  background-position: 100% bottom !important;
}
.rssBody {
  line-height: 140%;
}
.rssBody ul {
  list-style: none;
}
.rssBody li {
  padding: 10px 15px;
  border-bottom: 1px solid #dfdfdf;
}
.rssBody li:last-child {
  border-bottom: none;
}
#MixedModelsSearchView {
  position: relative;
  z-index: 5;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
#MixedModelsSearchView h1 {
  margin-bottom: 15px;
}
#MixedModelsSearchView .search-view-0 {
  float: none;
  margin: 15px 0 10px 15px;
}
#MixedModelsMultipleListsView {
  position: relative;
  z-index: 1;
  margin-top: 15px;
}
#MixedModelsMultipleListsView h1 {
  margin-bottom: 15px;
}
#MixedModelsSearchAndListView th:first-child {
  padding-left: 10px;
}
#MixedModelsSearchAndListView .pager {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #DFDFDF;
  border-top: none;
}
.TitleBarView.Account h1:before {
  content: "P";
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 15px;
  position: relative;
  top: 0;
}
.TitleBarView.Contact h1:before {
  content: "y";
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 15px;
  position: relative;
  top: 1px;
}
.TitleBarView.Opportunity h1:before {
  content: "9";
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 15px;
  position: relative;
  top: 1px;
}
.TitleBarView.Lead h1:before {
  content: ".";
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 15px;
  position: relative;
  top: 1px;
}
.products-portlet-totals {
  display: block;
  padding: 10px;
  border-top: 1px solid #DFDFDF;
  background: #111 url("../images/dark-texture-table-footer.png") left top repeat-x !important;
  color: #FFF;
  font-weight: bold;
}
.empty + .pager + .products-portlet-totals {
  display: none;
}
.editable-cell {
  border-bottom: 1px dotted #ccc;
  width: auto;
  display: inline-block;
}
.editable-cell:after {
  content: "!";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  right: -10px;
  top: 1px;
  line-height: 1;
  cursor: pointer !important;
}
.editable-cell:after:hover {
  cursor: pointer;
}
@-webkit-keyframes growDialog {
  0% {
    -webkit-transform: scale(0,0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1,1);
    opacity: 1;
  }
}
@-moz-keyframes growDialog {
  0% {
    -moz-transform: scale(0,0);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1,1);
    opacity: 1;
  }
}
@-o-keyframes growDialog {
  0% {
    -o-transform: scale(0,0);
    opacity: 0;
  }
  100% {
    -o-transform: scale(1,1);
    opacity: 1;
  }
}
@-ms-keyframes growDialog {
  0% {
    -ms-transform: scale(0,0);
    opacity: 0;
  }
  100% {
    -ms-transform: scale(1,1);
    opacity: 1;
  }
}
@keyframes growDialog {
  0% {
    transform: scale(0,0);
    opacity: 0;
  }
  100% {
    transform: scale(1,1);
    opacity: 1;
  }
}
@-webkit-keyframes throb {
  50% {
    -webkit-box-shadow: 0 0 15px 2px #7cb830;
    box-shadow: 0 0 15px 2px #7cb830;
  }
}
@-moz-keyframes throb {
  50% {
    -moz-box-shadow: 0 0 15px 2px #7cb830;
  }
}
@-o-keyframes throb {
  50% {
    -o-box-shadow: 0 0 15px 2px #7cb830;
  }
}
@-ms-keyframes throb {
  50% {
    -ms-box-shadow: 0 0 15px 2px #7cb830;
  }
}
@keyframes throb {
  50% {
    box-shadow: 0 0 15px 2px #7cb830;
  }
}
@-webkit-keyframes slideCollectionUp {
  100% {
    -webkit-transform: translate(0,-50%);
  }
}
@-webkit-keyframes spinCoin {
  100% {
    -webkit-transform: rotateY(360deg);
  }
}
@-moz-keyframes spinCoin {
  100% {
    -moz-transform: rotateY(360deg);
  }
}
@-ms-keyframes spinCoin {
  100% {
    -ms-transform: rotateY(360deg);
  }
}
@-o-keyframes spinCoin {
  100% {
    -o-transform: rotateY(360deg);
  }
}
@keyframes spinCoin {
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes shake {
  0% {
    transform: translate(3px,0);
    opacity: 0;
  }
  50% {
    transform: translate(-3px,0);
    opacity: .5;
    box-shadow: 0 0 15px 2px #7cb830;
  }
  100% {
    transform: translate(0,0);
    opacity: 1;
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translate(3px,0);
    opacity: 0;
  }
  50% {
    -moz-transform: translate(-3px,0);
    opacity: .5;
    -moz-box-shadow: 0 0 15px 2px #7cb830;
  }
  100% {
    -moz-transform: translate(0,0);
    opacity: 1;
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(3px,0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(-3px,0);
    opacity: .5;
    -webkit-box-shadow: 0 0 15px 2px #7cb830;
  }
  100% {
    -webkit-transform: translate(0,0);
    opacity: 1;
  }
}
i[class^="icon"] {
  color: #656565;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  top: -2px;
}
.z-label i[class^="icon"] {
  margin-right: 5px;
}
.icon-general:after,
.icon-edit:after {
  content: "!";
}
.icon-create:after {
  content: "Y";
}
.icon-add:after {
  content: "Y";
}
.icon-lock {
  font-size: 28px !important;
  padding: 0 !important;
}
.icon-lock:after {
  content: "F";
  margin: 0;
}
.icon-unlock {
  font-size: 28px !important;
  padding: 0 !important;
}
.icon-unlock:after {
  content: "E";
  margin: 0;
}
.icon-change-dashboard:after,
.icon-marketing-dashboard:after,
.icon-project-dashboard:after {
  content: "/";
}
.icon-export:after {
  content: "(";
}
.icon-details:after {
  content: 'T';
}
.icon-config:after,
.icon-options:after {
  content: "n";
}
#list-view-massAction:after {
  content: "2";
}
#MassDeleteLinkActionElement .parent > a:after,
#ListViewDeleteMassActionMenu .parent > a:after {
  content: '\2014';
  font-size: 22px;
}
#MarketingListMembersSubscribeLinkActionElement:after {
  content: "c";
}
#MarketingListMembersUnsubscribeLinkActionElement:after {
  content: "d";
}
.icon-note:after {
  content: "3";
}
.icon-task:after {
  content: "4";
}
.icon-meeting:after {
  content: "U";
}
.icon-memberships:after {
  content: "y";
}
.icon-permissions:after {
  content: "E";
}
.icon-rights:after {
  content: "u";
}
.icon-policies:after {
  content: "x";
}
.icon-delete:after {
  content: "—";
}
.icon-left-arrow:after {
  content: "8";
}
.icon-right-arrow:after {
  content: "7";
}
.icon-fields:after {
  content: "0";
}
.icon-layout:after {
  content: "C";
}
.icon-user-details:after {
  content: "e";
}
.icon-password:after {
  content: "J";
}
.icon-audit:after {
  content: "I";
}
.icon-user-config:after {
  content: "n";
}
.icon-security:after {
  content: "F";
}
.icon-missions-created:after,
.icon-conversations-created:after {
  content: "w";
}
.icon-conversations-participant:after {
  content: "b";
  top: 0;
}
.icon-conversation:after {
  content: "O";
}
.icon-conversations-closed:after {
  content: "l";
}
.icon-mission:after,
.icon-missions-available:after {
  content: "Q";
}
.icon-missions-taken-but-not-accepted:after {
  content: "e";
}
.icon-notification:after {
  content: '\00A5';
}
.icon-combined:after {
  content: '\00A7';
  font-size: 26px;
}
.icon-workflows:after {
  content: '\20AC';
}
.icon-gamification:after {
  content: '\2202';
}
.icon-by-time-workflow-in-queues:after {
  content: '\0071';
  font-size: 28px;
}
.icon-by-workflow-message-in-queues:after {
  content: '\00A5';
  font-size: 22px;
}
.icon-by-workflow-manage-order:after {
  content: '\2039';
  font-size: 25px;
}
.icon-marketing-lists:after {
  content: '\0022';
}
.icon-email-templates:after {
  content: '\00B6';
  font-size: 25px;
}
.icon-products:after {
  content: '\003E';
}
.icon-catalog-items:after {
  content: '\00AC';
  font-size: 27px;
}
.icon-product-categories:after {
  content: '\00D7';
  font-size: 26px;
}
.icon-mobile:after {
  content: '\2018';
  top: 0;
}
.icon-desktop:after {
  content: '\2019';
  top: 0;
}
.icon-tablet:after {
  content: '\201D';
  top: 0;
}
.icon-kanban-board-view-type:after {
  font-size: 26px;
  content: '\00AE';
}
.icon-grid-view-type:after {
  font-size: 26px;
  content: '\00B0';
}
.icon-marketing-campaigns:after {
  font-size: 28px;
  content: '\002C';
}
.icon-webforms:after {
  content: '\003C';
}
.icon-webforms-entries:after {
  content: '\005E';
}
.icon-projects-list:after {
  content: '\02C7';
}
.icon-permissions:after {
  content: '\00CB';
}
.icon-rights:after {
  content: '\00C8';
}
.icon-policies:after {
  content: '\007D';
}
.icon-opportunity:after {
  content: "9";
}
.icon-contact:after {
  content: "y";
}
.icon-account:after {
  content: "P";
}
.icon-merge:after {
  content: '\00EE';
}
.icon-x:before {
  content: "•";
}
.icon-google:after {
  content: '\221E';
}
.pillbox .icon-projects-list {
  font-size: 22px;
  top: -2px !important;
}
.pillbox .icon-permissions,
.pillbox .icon-rights,
.pillbox .icon-policies {
  top: -2px !important;
}
.z-label {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  padding: 0 25px;
  line-height: 25px;
  white-space: nowrap;
  -webkit-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#97c43d,#799e30);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#799e30));
  background-image: -webkit-linear-gradient(top,#97c43d,#799e30);
  background-image: -o-linear-gradient(top,#97c43d,#799e30);
  background-image: -moz-linear-gradient(top,#97c43d,#799e30);
  background-image: linear-gradient(top,#97c43d,#799e30);
}
.z-label-smaller {
  padding: 0 15px;
}
a:hover .z-label,
a:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#97c43d,#5b7724);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#5b7724));
  background-image: -webkit-linear-gradient(top,#97c43d,#5b7724);
  background-image: -o-linear-gradient(top,#97c43d,#5b7724);
  background-image: -moz-linear-gradient(top,#97c43d,#5b7724);
  background-image: linear-gradient(top,#97c43d,#5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
a:active .z-label {
  -webkit-box-shadow: inset 0 5px 12px 0 rgba(0, 0, 0, 0.33), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 12px 0 rgba(0, 0, 0, 0.33), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 12px 0 rgba(0, 0, 0, 0.33), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 12px 0 rgba(0, 0, 0, 0.33), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 12px 0 rgba(0, 0, 0, 0.33), 0 1px 0 0 #FFF;
}
.button-layout {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
}
.button-layout:before,
.button-layout:after {
  content: " ";
  display: table;
}
.button-layout:after {
  clear: both;
}
.button-layout.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.zButton,
.z-button {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
}
.zButton:before,
.zButton:after,
.z-button:before,
.z-button:after {
  content: " ";
  display: table;
}
.zButton:after,
.z-button:after {
  clear: both;
}
.zButton.disabled,
.z-button.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.secondary-button,
.default-btn,
.white-button,
.cancel-button,
.portlet-create-button {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(200,200,200,0.4);
  border-left: 1px solid rgba(185,185,185,0.4);
  border-right: 1px solid rgba(185,185,185,0.4);
  border-bottom: 1px solid rgba(170,170,170,0.4);
}
.secondary-button:before,
.secondary-button:after,
.default-btn:before,
.default-btn:after,
.white-button:before,
.white-button:after,
.cancel-button:before,
.cancel-button:after,
.portlet-create-button:before,
.portlet-create-button:after {
  content: " ";
  display: table;
}
.secondary-button:after,
.default-btn:after,
.white-button:after,
.cancel-button:after,
.portlet-create-button:after {
  clear: both;
}
.secondary-button.disabled,
.default-btn.disabled,
.white-button.disabled,
.cancel-button.disabled,
.portlet-create-button.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.secondary-button .z-label,
.default-btn .z-label,
.white-button .z-label,
.cancel-button .z-label,
.portlet-create-button .z-label {
  color: #666;
  -webkit-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -moz-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -ms-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -o-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  background: transparent url("../images/view-toolbar-gradient.png") left bottom repeat-x;
}
.secondary-button:hover .z-label,
.default-btn:hover .z-label,
.white-button:hover .z-label,
.cancel-button:hover .z-label,
.portlet-create-button:hover .z-label {
  color: #7CB830 !important;
  background-image: none;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ededed)) !important;
  background-image: -webkit-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -o-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -moz-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: linear-gradient(top,#fefefe,#ededed) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -moz-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -ms-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -o-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
}
input[type="button"].default-btn,
input[type="button"].white-button,
input[type="button"].cancel-button,
input[type="button"].portlet-create-button {
  color: #666;
  -webkit-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -moz-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -ms-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -o-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  background: transparent url("../images/view-toolbar-gradient.png") left bottom repeat-x;
}
input[type="button"].default-btn:hover,
input[type="button"].white-button:hover,
input[type="button"].cancel-button:hover,
input[type="button"].portlet-create-button:hover {
  color: #7CB830 !important;
  background-image: none;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ededed)) !important;
  background-image: -webkit-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -o-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -moz-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: linear-gradient(top,#fefefe,#ededed) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -moz-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -ms-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -o-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
}
input[type="button"].default-btn:focus,
input[type="button"].white-button:focus,
input[type="button"].cancel-button:focus,
input[type="button"].portlet-create-button:focus {
  outline: none;
}
.zButton.loading .z-spinner,
.z-button.loading .z-spinner {
  display: inline-block;
  position: absolute;
  margin: 1px 0 0 4px;
}
.zButton.loading .z-icon,
.z-button.loading .z-icon {
  display: none;
}
.z-spinner {
  z-index: 10;
  width: 23px;
  height: 23px;
  display: none;
  position: absolute;
  left: 0px;
}
.z-spinner.loading {
  display: block !important;
}
.zLink,
.z-link {
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
  background-color: #282A76 !important;
}
.zLink:hover,
.z-link:hover {
  color: #fff !important;
  text-decoration: underline;
}
.z-action-link {
  font-size: 11px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  text-decoration: none;
  color: #282A76;
}
.z-action-link:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  text-decoration: none;
}
.z-action-link-active {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.simple-link {
  font-size: 11px;
  color: #282A76;
  border: none !important;
  text-decoration: underline;
  overflow: hidden;
}
.simple-link:before,
.simple-link:after {
  content: "" !important;
}
.simple-link:hover {
  color: #7CB830 !important;
}
.simple-link:hover .z-label {
  color: #7CB830 !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.simple-link .z-label {
  font-weight: normal;
  color: #282A76;
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
  text-decoration: underline !important;
}
.simple-link .icon-x {
  font-weight: normal !important;
  font-size: 21px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  border: none;
  margin-right: 2px;
  outline: none !important;
  display: inline-block;
  position: relative;
  top: -1px;
  color: #7CB830;
}
.action-take .z-label,
.action-type-finish .z-label {
  background-color: #e4b600 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#ffcc00,#e4b600) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffcc00),color-stop(100%,#e4b600)) !important;
  background-image: -webkit-linear-gradient(top,#ffcc00,#e4b600) !important;
  background-image: -o-linear-gradient(top,#ffcc00,#e4b600) !important;
  background-image: -moz-linear-gradient(top,#ffcc00,#e4b600) !important;
  background-image: linear-gradient(top,#ffcc00,#e4b600) !important;
}
.action-take:hover .z-label,
.action-type-finish:hover .z-label {
  color: #332900 !important;
  background-color: #b18d00 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#ffcc00,#b18d00) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffcc00),color-stop(100%,#b18d00)) !important;
  background-image: -webkit-linear-gradient(top,#ffcc00,#b18d00) !important;
  background-image: -o-linear-gradient(top,#ffcc00,#b18d00) !important;
  background-image: -moz-linear-gradient(top,#ffcc00,#b18d00) !important;
  background-image: linear-gradient(top,#ffcc00,#b18d00) !important;
  -webkit-text-shadow: 0px -1px 0 #ffdb4d !important;
  -moz-text-shadow: 0px -1px 0 #ffdb4d !important;
  -ms-text-shadow: 0px -1px 0 #ffdb4d !important;
  -o-text-shadow: 0px -1px 0 #ffdb4d !important;
  text-shadow: 0px -1px 0 #ffdb4d !important;
}
.action-type-accept .z-label,
.action-accept .z-label,
.action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#97c43d,#6fa82d) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#6fa82d)) !important;
  background-image: -webkit-linear-gradient(top,#97c43d,#6fa82d) !important;
  background-image: -o-linear-gradient(top,#97c43d,#6fa82d) !important;
  background-image: -moz-linear-gradient(top,#97c43d,#6fa82d) !important;
  background-image: linear-gradient(top,#97c43d,#6fa82d) !important;
}
.action-type-accept:hover .z-label,
.action-accept:hover .z-label,
.action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#97c43d,#548022) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#548022)) !important;
  background-image: -webkit-linear-gradient(top,#97c43d,#548022) !important;
  background-image: -o-linear-gradient(top,#97c43d,#548022) !important;
  background-image: -moz-linear-gradient(top,#97c43d,#548022) !important;
  background-image: linear-gradient(top,#97c43d,#548022) !important;
  -webkit-text-shadow: 0px -1px 0 #b6d678 !important;
  -moz-text-shadow: 0px -1px 0 #b6d678 !important;
  -ms-text-shadow: 0px -1px 0 #b6d678 !important;
  -o-text-shadow: 0px -1px 0 #b6d678 !important;
  text-shadow: 0px -1px 0 #b6d678 !important;
}
.action-type-reject .z-label,
.action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#c43d53,#a82d31) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c43d53),color-stop(100%,#a82d31)) !important;
  background-image: -webkit-linear-gradient(top,#c43d53,#a82d31) !important;
  background-image: -o-linear-gradient(top,#c43d53,#a82d31) !important;
  background-image: -moz-linear-gradient(top,#c43d53,#a82d31) !important;
  background-image: linear-gradient(top,#c43d53,#a82d31) !important;
}
.action-type-reject:hover .z-label,
.action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#c43d53,#802225) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c43d53),color-stop(100%,#802225)) !important;
  background-image: -webkit-linear-gradient(top,#c43d53,#802225) !important;
  background-image: -o-linear-gradient(top,#c43d53,#802225) !important;
  background-image: -moz-linear-gradient(top,#c43d53,#802225) !important;
  background-image: linear-gradient(top,#c43d53,#802225) !important;
  -webkit-text-shadow: 0px -1px 0 #d67887 !important;
  -moz-text-shadow: 0px -1px 0 #d67887 !important;
  -ms-text-shadow: 0px -1px 0 #d67887 !important;
  -o-text-shadow: 0px -1px 0 #d67887 !important;
  text-shadow: 0px -1px 0 #d67887 !important;
}
.action-type-restart .button-label {
  color: #ffffff;
}
.action-type-restart .button-label:before {
  background-color: #4d6c87;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#4e6d87,#4d6c87);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4e6d87),color-stop(100%,#4d6c87));
  background-image: -webkit-linear-gradient(top,#4e6d87,#4d6c87);
  background-image: -o-linear-gradient(top,#4e6d87,#4d6c87);
  background-image: -moz-linear-gradient(top,#4e6d87,#4d6c87);
  background-image: linear-gradient(top,#4e6d87,#4d6c87);
}
.action-type-restart .button-action:hover .button-label {
  color: #10171c;
  -webkit-text-shadow: 0px -1px 0 #577a97;
  -moz-text-shadow: 0px -1px 0 #577a97;
  -ms-text-shadow: 0px -1px 0 #577a97;
  -o-text-shadow: 0px -1px 0 #577a97;
  text-shadow: 0px -1px 0 #577a97;
}
.action-type-restart .button-action:hover .button-label:before {
  background-color: #3a5267;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#4e6d87,#3a5267);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4e6d87),color-stop(100%,#3a5267));
  background-image: -webkit-linear-gradient(top,#4e6d87,#3a5267);
  background-image: -o-linear-gradient(top,#4e6d87,#3a5267);
  background-image: -moz-linear-gradient(top,#4e6d87,#3a5267);
  background-image: linear-gradient(top,#4e6d87,#3a5267);
}
.juiportlet-column {
  float: left;
  min-height: 400px;
  height: auto !important;
  height: 400px;
}
.juiportlet-column + .juiportlet-column .juiportlet-widget {
  margin-right: 0;
}
.juiportlet-widget-column1 {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}
.juiportlet-widget-column2 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.juiportlet-column-split-even-2 {
  width: 50%;
}
.juiportlet-column-no-split {
  width: 100%;
}
.juiportlet-column-no-split .juiportlet-widget {
  margin-right: 0;
}
.juiportlet-column-split-left-75 {
  width: 65%;
}
.juiportlet-column-split-right-25 {
  width: 35%;
}
.juiportlet-widget {
  min-width: 265px;
  margin: 0px 20px 20px 0px;
  padding: 0;
  border: 1px solid #CCC;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
}
.juiportlet-widget-head {
  width: 100%;
  height: 43px;
  line-height: 43px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  position: relative;
  border-bottom: 1px solid #CCC;
  z-index: 999;
}
.juiportlet-widget-head h3 {
  float: left;
  position: relative;
  margin-left: 15px;
}
.juiportlet-widget-head a.collapse {
  visibility: hidden;
  display: none;
  float: left;
  width: 14px;
  height: 40px;
  text-indent: -9999em;
  margin: 0 8px;
  outline: none;
}
.juiportlet-widget-head a.remove:hover .icon:after,
.juiportlet-widget-head a.edit:hover .icon:after {
  color: #282A76;
}
.juiportlet-widget-placeholder {
  margin: 0 20px 20px 2px;
  border: 2px dashed #282A76;
}
.juiportlet-widget-content {
  padding: 0 0 0 0;
  position: relative;
  z-index: 1;
}
.juiportlet-widget-content > li {
  padding: 10px 15px;
  border-bottom: 1px solid #dfdfdf;
  list-style: none;
}
.juiportlet-widget-content > li:last-child {
  border-bottom: none;
}
.juiportlet-widget-content .summary,
.juiportlet-widget-content .rssHeader {
  padding: 10px 15px 0 15px;
}
.juiportlet-widget-coifrntent .items {
  border: none !important;
}
.juiportlet-widget-coifrntent .items thead > tr th,
.juiportlet-widget-coifrntent .items thead > tr td {
  border-top: none;
}
.juiportlet-widget-content table.items tbody tr:last-child > td {
  border-bottom: none;
}
.type-opportunities h3:before {
  content: "9";
}
.type-opportunities .icon-empty:before {
  content: "9";
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-contacts .icon-empty:before {
  content: "e";
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.juiportlet-widget-head.type-contacts h3 {
  padding-left: 30px;
  position: relative;
}
.juiportlet-widget-head.type-contacts h3:before {
  content: "e";
  font-weight: normal !important;
  font-size: 32px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #7A7A7A;
  line-height: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}
.type-tasks .icon-empty:before {
  content: "4";
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-activities .icon-empty:before {
  content: '\00A5';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-products .icon-empty:before {
  content: '\003E';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-socialItems .icon-empty:before {
  content: 'u';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-missions .icon-empty:before {
  content: 'Q';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-leads .icon-empty:before {
  content: '.';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-accounts .icon-empty:before {
  content: 'P';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-contacts .icon-empty:before {
  content: "e";
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-products .icon-empty:before {
  content: '\00AC';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-opportunities h3 {
  padding-left: 30px;
  position: relative;
}
.type-opportunities h3:before {
  font-weight: normal !important;
  font-size: 32px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #7A7A7A;
  line-height: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}
.type-campaigns .icon-empty:before {
  content: '\002C';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-achievements .icon-empty:before {
  content: ';';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-gameRewards .icon-empty:before {
  content: '\2205';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-queues .icon-empty:before {
  content: 'GG';
  font-weight: normal !important;
  font-size: 38px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  letter-spacing: -40px;
}
.type-projects .icon-empty:before {
  content: '\02C7';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-accountContactAffiliations .icon-empty:before {
  content: '\00F4';
  font-weight: normal !important;
  font-size: 55px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.type-accountAccountAffiliations .icon-empty:before {
  content: '\00FB';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
#ZurmoLogo {
  background: url("../images/ZurmoLogo.png") left top no-repeat;
  width: 170px;
  height: 54px;
  margin-bottom: 20px;
}
#InstallAccessFailurePageView,
#ErrorPageView {
  background-color: #f6f6f6 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),color-stop(100px,#ffffff),to(#f6f6f6)) ;
  background-image: -webkit-linear-gradient(#f6f6f6,#ffffff 100px,#f6f6f6) ;
  background-image: -ms-linear-gradient(#f6f6f6,#ffffff 100px,#f6f6f6) ;
  background-image: -o-linear-gradient(#f6f6f6,#ffffff 100px,#f6f6f6) ;
  background-image: -moz-linear-gradient(#f6f6f6,#ffffff 100px,#f6f6f6) ;
  background-image: linear-gradient(#f6f6f6,#ffffff 100px,#f6f6f6) ;
  -webkit-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 140%;
  background: #fff;
  width: 960px;
  padding: 20px;
  margin: 40px auto;
}
#InstallAccessFailurePageView a,
#ErrorPageView a {
  background-color: #282A76;
  padding: 1px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
}
#InstallAccessFailurePageView a:hover,
#ErrorPageView a:hover {
  color: #fff !important;
  text-decoration: underline;
}
#InstallAccessFailurePageView div,
#ErrorPageView div {
  margin: 10px 0;
}
#InstallPageView .AppContainer {
  background-image: none;
  font-size: 12px;
  line-height: 140%;
  padding: 20px;
  margin: 40px 40px 0 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#InstallPageView div.wide.form {
  float: none;
}
#InstallPageView #save {
  color: #fff !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#InstallPageView ul {
  list-style: inside;
  margin-bottom: 10px;
}
#InstallPageView ul li {
  margin-bottom: 5px;
}
#InstallPageView table {
  width: 100%;
}
#InstallPageView table table {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-spacing: 0;
  border-collapse: collapse;
}
#InstallPageView table table td {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 1px 1px 0 0;
  padding-left: 10px;
}
#InstallPageView table table tr {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-spacing: 0;
}
#InstallPageView table table tr:first-child {
  border-left: none;
}
#InstallPageView table table tr:first-child td {
  border: none;
  font-weight: bold;
}
#InstallPageView table table tr:hover {
  background-color: none;
  color: #545454;
}
#InstallPageView table td {
  padding: 8px 2px;
}
#InstallPageView #install-form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#InstallPageView #install-form input[type="submit"] {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
}
#InstallPageView #install-form input[type="submit"]:before,
#InstallPageView #install-form input[type="submit"]:after {
  content: " ";
  display: table;
}
#InstallPageView #install-form input[type="submit"]:after {
  clear: both;
}
#InstallPageView #install-form input[type="submit"].disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
#InstallPageView #install-form table {
  padding-bottom: 15px;
}
#InstallPageView #install-form th {
  width: 26%;
}
#InstallPageView #install-form td {
  width: 37%;
}
#InstallPageView #install-form th+td {
  vertical-align: top;
}
#InstallPageView #install-form tr td:last-child {
  padding-left: 15px;
}
#InstallPageView #install-form label {
  font-size: 12px !important;
  color: #666;
  font-weight: 400 !important;
  padding-top: 12px;
}
#InstallPageView #install-form .hasCheckBox {
  padding-top: 0;
  margin-left: 0;
}
#InstallPageView #install-form .view-toolbar-container {
  border-top: 1px solid #ccc;
}
#logging-table,
#progress-table {
  width: 100%;
}
#logging-table img,
#progress-table img {
  width: 128px;
  margin: 10px auto;
}
#logging-table {
  height: 450px;
  overflow-y: scroll;
}
.progress-bar {
  text-align: center;
}
.fail {
  color: #cc0000;
}
.pass {
  color: #7BB730;
}
.warning {
  color: #FFCC00;
}
.install-or {
  display: inline-block;
  position: relative;
  top: -10px;
}
.back-to-app-menu-item span {
  vertical-align: middle;
  color: #282A76 !important;
}
.back-to-app-menu-item span:before {
  content: "z";
  font-weight: normal !important;
  font-size: 21px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 6px;
}
.back-to-app-menu-item a:hover span,
.back-to-app-menu-item a:hover span:before {
  color: #fff !important;
}
#ConfigurationPageView table {
  border: 1px solid #DFDFDF;
  border-collapse: collapse;
  border-spacing: 1px;
  width: 100%;
}
#ConfigurationPageView table th,
#ConfigurationPageView table td {
  border: 1px solid #DFDFDF;
  vertical-align: middle;
  padding: 10px;
  overflow: hidden;
}
#ConfigurationPageView table tbody,
#ConfigurationPageView table tbody tr:last-child,
#ConfigurationPageView table tbody tr:last-child td {
  border-bottom: none;
}
#ConfigurationPageView table th {
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  background: url("../images/table-items-header.png") left top repeat-x;
  padding: 0 0 0 10px !important;
}
#ConfigurationPageView .checkbox-column {
  width: 35px;
  text-align: center;
}
#ConfigurationPageView .button-column {
  width: 25px;
  text-align: center;
  vertical-align: top !important;
}
#ConfigurationPageView tr.even {
  background: #fafafa;
}
#ConfigurationPageView table tr:hover {
  background-color: #D4E7BC;
}
#ConfigurationPageView table tr:hover .pencil {
  visibility: visible;
}
#ConfigurationPageView table thead {
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f4f4f4));
  background-image: -webkit-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -o-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -moz-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: linear-gradient(top,#f9f9f9,#f4f4f4);
}
#ConfigurationPageView table thead tr:hover {
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f4f4f4));
  background-image: -webkit-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -o-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: -moz-linear-gradient(top,#f9f9f9,#f4f4f4);
  background-image: linear-gradient(top,#f9f9f9,#f4f4f4);
}
.configuration-list {
  list-style: none;
}
.configuration-list li {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 20px 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}
.configuration-list li:last-child {
  border-bottom: none;
  margin-bottom: none;
}
.configuration-list li:first-child {
  border-top: none;
  margin-top: none;
}
.configuration-list li a {
  float: right;
  position: absolute;
  right: 15px;
  top: 14px;
  vertical-align: middle;
}
.configuration-list h4 {
  margin: 0 0 0 0;
  display: inline-block;
}
.configuration-list a {
  margin: 0;
}
.configuration-list a .z-label {
  padding: 0 15px;
}
.configuration-list a .z-label:before {
  content: "n";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #666;
  margin-right: 5px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.configuration-list a:hover,
.configuration-list a:hover span:before,
.configuration-list td:last-child a:hover,
.configuration-list td:last-child a:hover span:before {
  color: #7CB830;
}
.creation-list .z-label:before {
  content: "Y" !important;
}
table.configuration-list {
  *zoom: 1;
}
table.configuration-list:before,
table.configuration-list:after {
  content: " ";
  display: table;
}
table.configuration-list:after {
  clear: both;
}
table.configuration-list h4 {
  margin: 0 0 0 0;
  display: inline-block;
}
table.configuration-list tbody > tr > td {
  position: relative !important;
}
table.configuration-list td:last-child {
  text-align: right;
}
table.configuration-list td:last-child a {
  float: none;
}
table.configuration-list td:last-child a .z-label {
  padding: 0 15px;
}
table.configuration-list td:last-child a .z-label:before {
  content: "n";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #666;
  margin-right: 5px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
table.configuration-list tr:last-child td {
  border-bottom: none;
}
#DevelopmentMenuView .configuration-list li span:before {
  content: "";
  margin-right: 0px;
}
#DevelopmentMenuView .configuration-list li span:after {
  content: "7";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.ActionBarForSecurityTreeListView .view-toolbar,
#ActionBarForGroupsEditAndDetailsView .view-toolbar {
  margin-top: 0;
}
.AdministrativeArea #edit-form table {
  width: 100%;
  float: none;
  table-layout: fixed;
}
.AdministrativeArea .view-toolbar {
  margin-top: 0;
}
#ModulePermissionsEditAndDetailsView table tr:first-child th {
  color: #282A76;
  padding-left: 15px;
  padding-bottom: 10px;
  font-weight: bold !important;
}
#ModulePermissionsEditAndDetailsView th {
  text-align: right;
  padding-bottom: 15px;
}
#ModulePermissionsEditAndDetailsView td {
  text-align: left;
  padding-left: 15px;
  padding-bottom: 15px;
}
#GroupUserMembershipEditView td {
  padding-left: 0;
}
.multiselect-holder {
  position: relative;
  width: 75%;
  max-width: 675px;
  margin: 0 auto;
  *zoom: 1;
}
.multiselect-holder:before,
.multiselect-holder:after {
  content: " ";
  display: table;
}
.multiselect-holder:after {
  clear: both;
}
.multiselect-holder label {
  display: block !important;
  float: none !important;
}
.multiselect-holder select {
  display: block;
  width: 100%;
  line-height: 150%;
}
.multiselect-holder input[type="button"] {
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  display: block !important;
  margin: 0 0 15px 0 !important;
  padding: 0 15px;
  line-height: 25px;
}
.multiselect-holder .select-arrow {
  display: none !important;
}
.multiselect-right,
.multiselect-left {
  width: 45%;
  max-width: 300px;
  float: left;
}
.multiselect-right {
  float: right;
}
.multiselect-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px auto auto -23px;
}
#LanguagesCollectionView,
#CurrenciesCollectionView,
#JobsCollectionView,
.SecurityTreeListView {
  padding-bottom: 10px !important;
}
#LanguagesCollectionView table,
#CurrenciesCollectionView table,
#JobsCollectionView table,
.SecurityTreeListView table {
  width: 100%;
  border-bottom: none;
}
#LanguagesCollectionView table br,
#CurrenciesCollectionView table br,
#JobsCollectionView table br,
.SecurityTreeListView table br {
  display: none;
}
#LanguagesCollectionView table td,
#LanguagesCollectionView table th,
#CurrenciesCollectionView table td,
#CurrenciesCollectionView table th,
#JobsCollectionView table td,
#JobsCollectionView table th,
.SecurityTreeListView table td,
.SecurityTreeListView table th {
  border-bottom: 1px solid #DFDFDF;
  padding: 10px !important;
  text-align: left;
}
#LanguagesCollectionView table tr td,
#CurrenciesCollectionView table tr td,
#JobsCollectionView table tr td,
.SecurityTreeListView table tr td {
  font-weight: normal !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
#LanguagesCollectionView > div,
#CurrenciesCollectionView > div,
#JobsCollectionView > div,
.SecurityTreeListView > div {
  padding-bottom: 0 !important;
}
#LanguagesCollectionView table tr:first-child th,
#CurrenciesCollectionView table tr:first-child th,
#JobsCollectionView table tr:first-child th,
.SecurityTreeListView table tr:first-child th {
  color: #545454;
  text-align: left;
  font-weight: bold !important;
  height: auto !important;
  line-height: 35px !important;
  background: url("../images/table-items-header.png") left top repeat-x;
  padding: 0 0 0 10px !important;
}
#LanguagesCollectionView td.level-0,
#CurrenciesCollectionView td.level-0,
#JobsCollectionView td.level-0,
.SecurityTreeListView td.level-0 {
  padding-left: 10px !important;
}
#LanguagesCollectionView td.level-1,
#CurrenciesCollectionView td.level-1,
#JobsCollectionView td.level-1,
.SecurityTreeListView td.level-1 {
  padding-left: 45px !important;
  background: url("../images/elbow.gif") 20px 10px no-repeat;
}
#LanguagesCollectionView td.level-2,
#CurrenciesCollectionView td.level-2,
#JobsCollectionView td.level-2,
.SecurityTreeListView td.level-2 {
  padding-left: 75px !important;
  background: url("../images/elbow.gif") 50px 10px no-repeat;
}
#LanguagesCollectionView td.level-3,
#CurrenciesCollectionView td.level-3,
#JobsCollectionView td.level-3,
.SecurityTreeListView td.level-3 {
  padding-left: 105px !important;
  background: url("../images/elbow.gif") 80px 10px no-repeat;
}
#LanguagesCollectionView td.level-4,
#CurrenciesCollectionView td.level-4,
#JobsCollectionView td.level-4,
.SecurityTreeListView td.level-4 {
  padding-left: 135px !important;
  background: url("../images/elbow.gif") 110px 10px no-repeat;
}
#LanguagesCollectionView td.level-5,
#CurrenciesCollectionView td.level-5,
#JobsCollectionView td.level-5,
.SecurityTreeListView td.level-5 {
  padding-left: 165px !important;
  background: url("../images/elbow.gif") 140px 10px no-repeat;
}
#LanguagesCollectionView td.level-6,
#CurrenciesCollectionView td.level-6,
#JobsCollectionView td.level-6,
.SecurityTreeListView td.level-6 {
  padding-left: 195px !important;
  background: url("../images/elbow.gif") 170px 10px no-repeat;
}
#LanguagesCollectionView td.level-7,
#CurrenciesCollectionView td.level-7,
#JobsCollectionView td.level-7,
.SecurityTreeListView td.level-7 {
  padding-left: 225px !important;
  background: url("../images/elbow.gif") 200px 10px no-repeat;
}
#LanguagesCollectionView td.level-8,
#CurrenciesCollectionView td.level-8,
#JobsCollectionView td.level-8,
.SecurityTreeListView td.level-8 {
  padding-left: 255px !important;
  background: url("../images/elbow.gif") 230px 10px no-repeat;
}
#LanguagesCollectionView td.level-9,
#CurrenciesCollectionView td.level-9,
#JobsCollectionView td.level-9,
.SecurityTreeListView td.level-9 {
  padding-left: 285px !important;
  background: url("../images/elbow.gif") 260px 10px no-repeat;
}
#LanguagesCollectionView td.level-10,
#CurrenciesCollectionView td.level-10,
#JobsCollectionView td.level-10,
.SecurityTreeListView td.level-10 {
  padding-left: 315px !important;
  background: url("../images/elbow.gif") 290px 10px no-repeat;
}
#ModalView .SecurityTreeListView td.level-1,
#ModalView .SecurityTreeListView td.level-2,
#ModalView .SecurityTreeListView td.level-3,
#ModalView .SecurityTreeListView td.level-4,
#ModalView .SecurityTreeListView td.level-5,
#ModalView .SecurityTreeListView td.level-6,
#ModalView .SecurityTreeListView td.level-7,
#ModalView .SecurityTreeListView td.level-8,
#ModalView .SecurityTreeListView td.level-9,
#ModalView .SecurityTreeListView td.level-10 {
  background-position-y: 3px;
}
#RolesTreeListView .z-action-link {
  font-size: 12px;
  text-decoration: underline !important;
}
#JobsCollectionView div.wide.form {
  float: none;
}
#JobsCollectionView .form form {
  padding: 0;
}
#JobsCollectionView h3 {
  padding-left: 10px;
  margin-top: 30px;
  margin-bottom: 10px;
}
#JobsCollectionView .jobs-help {
  margin: 10px 0 10px 10px;
  display: block;
}
#JobsCollectionView tr:last-child td {
  border-bottom: 1px solid #DFDFDF !important;
}
#JobsCollectionView table tr:first-child th {
  color: #545454;
  text-align: left;
  font-weight: bold !important;
  height: auto !important;
  background: url("../images/table-items-header.png") left top repeat-x;
  padding: 0 0 0 10px !important;
}
#JobsCollectionView table {
  table-layout: auto;
  border-top: 1px solid #DFDFDF;
}
#JobsCollectionView table:first-child {
  border-top: none;
}
#JobsCollectionView #jobs-collection-form > div + table {
  border-top: none;
}
.job-log-link {
  display: table-cell;
  white-space: nowrap;
  float: left;
}
.job-name {
  display: table-cell;
  padding-left: 10px;
}
.reset-job-link {
  margin: 0 !important;
  float: right;
}
#JobLogsModalListView td:first-child,
#JobLogsModalListView th:first-child {
  padding-left: 15px;
}
.jobHasErrors {
  color: #cc0000;
}
.jobRanSuccessfully {
  color: #7BB730;
}
.jobHasNeverRun {
  color: #b38b01;
}
.button-column-right {
  text-align: right !important;
}
.run-button span:before {
  content: "";
  margin-right: 0px;
}
.run-button span:after {
  content: "7";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 5px;
  position: relative;
  top: 1px;
}
#logging-table,
#complete-table {
  margin-bottom: 15px;
}
#logging-table h3,
#complete-table h3 {
  margin-bottom: 8px;
}
#logging-table a,
#complete-table a {
  margin-right: 15px;
}
#logging-table ol,
#complete-table ol {
  list-style: decimal inside;
}
#logging-table li,
#complete-table li {
  margin-bottom: 5px;
}
#LanguagesCollectionView {
  padding-bottom: 0 !important;
}
#LanguagesCollectionView h1 + div {
  padding: 15px;
}
#LanguagesCollectionView h1 + div a {
  float: none;
  margin: 0 !important;
}
#LanguagesCollectionView form {
  padding: 0;
}
#LanguagesCollectionView .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
  margin-bottom: 5px;
}
#LanguagesCollectionView .hasChecBox {
  margin-top: 0 !important;
}
#LanguagesCollectionView form td > label:first-child {
  margin-top: 0 !important;
}
#LanguagesCollectionView tr:last-child td {
  border-bottom: none !important;
}
#LanguagesCollectionView .checkbox-column {
  padding-left: 15px !important;
}
#LanguagesCollectionView a {
  position: relative;
  float: right;
  right: 0;
  top: 0;
  margin: -6px 0 0 10px;
}
#LanguagesCollectionView .configuration-list {
  border-top: 1px solid #ccc;
}
#LanguagesCollectionView .configuration-list li:first-child {
  border-top: 1px solid #fff;
}
#LanguagesCollectionView .z-label {
  padding: 0 25px;
}
#LanguagesCollectionView .z-label:before {
  display: none !important;
}
#currency-collection-form {
  padding-bottom: 5px !important;
}
#currency-collection-form .portlet-toolbar {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  padding-top: 13px;
  text-align: center;
  border-top: 1px solid #fff;
}
#currency-collection-form .portlet-toolbar a {
  display: inline-block;
  margin: 0 10px;
}
#currency-collection-form .view-toolbar-container {
  margin-bottom: 5px;
}
#currency-collection-form .checkbox-column {
  padding-left: 15px !important;
}
#CurrenciesCollectionView,
#CurrencyCreateView {
  float: left;
  width: 100%;
}
#CurrenciesCollectionView {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#CurrenciesCollectionView .form form {
  padding: 0;
}
#CurrencyCreateView {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: none;
}
.breadcrumbs {
  padding: 0 0 15px 0;
  font-size: 11px;
}
.breadcrumbs a {
  color: #282A76 !important;
}
.ModuleEditView #edit-form label {
  text-align: left;
}
.multi-select-checkbox-input {
  *zoom: 1;
  width: 100%;
  display: block;
  margin-top: 4px;
  position: relative;
}
.multi-select-checkbox-input:before,
.multi-select-checkbox-input:after {
  content: " ";
  display: table;
}
.multi-select-checkbox-input:after {
  clear: both;
}
.multi-select-checkbox-input .hasCheckBox {
  margin: 0 10px 0 0 !important;
  z-index: 20;
}
.multi-select-checkbox-input .z-spinner {
  display: block;
  left: -2px;
  top: 3px;
  z-index: 0;
}
.has-lang-label {
  position: relative;
  margin-bottom: 15px;
  clear: left;
}
.has-lang-label input {
  position: relative;
}
.has-lang-label input + span {
  background: url("../images/lang-label.png") left top no-repeat;
  display: inline-block;
  position: absolute;
  left: 1px;
  line-height: 24px;
  top: 1px;
  min-width: 80px;
  text-align: left;
  border-right: 1px solid #cccccc;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -moz-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -ms-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -o-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  text-shadow: rgba(255,255,255,0.8) 0px 1px;
  font-size: 11px;
  -webkit-border-radius: 1px 0 0 1px;
  -moz-border-radius: 1px 0 0 1px;
  -ms-border-radius: 1px 0 0 1px;
  -o-border-radius: 1px 0 0 1px;
  border-radius: 1px 0 0 1px;
  padding: 0 10px 0 17px;
}
.has-lang-label .errorMessage {
  margin-bottom: 15px;
}
#UsersListView {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#UsersPageView .panel table {
  margin-right: 15px;
}
.panelTitle {
  padding-left: 15px;
  padding-top: 30px;
}
#UserConfigurationEditView #edit-form table {
  width: 100%;
}
#UserConfigurationEditView .radio-input {
  margin-bottom: 10px;
  display: block;
}
#UsersSearchView .search-view-1 table {
  border-bottom: none;
}
#UsersSearchView .search-view-1 th {
  width: 15%;
}
#UsersSearchView .search-view-1 td {
  width: 85%;
  padding-bottom: 15px;
}
#UsersSearchView .view-toolbar-container {
  margin-top: 15px;
}
#UserViewAccountConfiguration > a:before {
  content: "n";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.UserGroupMembershipView .details-table,
#PoliciesEditAndDetailsView .details-table,
#ModulePermissionsEditAndDetailsView .details-table,
#RightsEditAndDetailsView .details-table {
  margin-right: 0;
}
.UserGroupMembershipView th,
#PoliciesEditAndDetailsView th,
#ModulePermissionsEditAndDetailsView th,
#RightsEditAndDetailsView th {
  text-align: left;
  min-width: 200px;
}
.UserGroupMembershipView {
  margin-top: 0;
}
.UserGroupMembershipView th {
  text-align: left !important;
}
.UserActionBarAndSecurityDetailsView > div + div {
  margin-top: 30px;
}
.UserActionBarAndSecurityDetailsView > div:first-child + div {
  margin-top: 0;
}
#AuditEventsModalListView tr td:first-child,
#AuditEventsModalListView tr th:first-child {
  padding-left: 15px;
}
#AuditEventsModalListView tr td:first-child:focus,
#AuditEventsModalListView tr th:first-child:focus {
  outline: none;
}
#EmailConfigurationEditAndDetailsView .panel {
  width: 100% !important;
}
.EmailTestingButton {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #bababa;
}
.EmailTestingButton:before,
.EmailTestingButton:after {
  content: " ";
  display: table;
}
.EmailTestingButton:after {
  clear: both;
}
.EmailTestingButton.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
#testImapConnection {
  margin: 0;
}
.connection-test {
  min-height: 60px;
  padding: 15px;
  line-height: 150%;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  background-color: #F5F5F5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#F5F5F5));
  background-image: -webkit-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -o-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -moz-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: linear-gradient(top,#ffffff,#F5F5F5);
}
#send-test-email-field {
  width: 100%;
  float: left;
}
#send-test-email-field > div {
  margin-right: 170px;
}
#send-test-email-field + span {
  float: left;
  width: 170px;
  margin-left: -170px;
}
#send-test-email-field + span a {
  margin: 0 !important;
  float: right;
}
.AppContent.ImportWizardView #edit-form h3 {
  margin-top: 0;
  margin-left: 0;
}
.AppContent.ImportWizardView #edit-form table {
  width: 100%;
}
.AppContent.ImportWizardView #edit-form table td {
  padding-left: 0;
}
.AppContent.ImportWizardView .right-side-edit-view-panel {
  background: none;
  padding: 0;
}
.AppContent.ImportWizardView #addExtraColumnButton {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
  margin: 0;
}
.AppContent.ImportWizardView #addExtraColumnButton:before,
.AppContent.ImportWizardView #addExtraColumnButton:after {
  content: " ";
  display: table;
}
.AppContent.ImportWizardView #addExtraColumnButton:after {
  clear: both;
}
.AppContent.ImportWizardView #addExtraColumnButton.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.AppContent.ImportWizardView .required-fields {
  font-size: 12px;
  line-height: 18px;
  padding-left: 10px;
}
.AppContent.ImportWizardView .required-fields strong {
  margin-bottom: 4px;
  margin-left: -10px;
}
#ImportWizardUploadFileView .hasCheckBox {
  margin: 0 !important;
}
#ImportWizardUploadFileView .hasCheckBox + label {
  margin: 5px 0 0 10px !important;
}
#ImportWizardMappingView > .wrapper {
  padding-bottom: 10px;
}
#ImportWizardMappingView #edit-form {
  padding: 0;
}
#ImportWizardMappingView h3 {
  margin: 0;
}
#ImportWizardMappingView table {
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
}
#ImportWizardMappingView table tr:first-child th {
  color: #545454;
  text-align: left;
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  background: url("../images/table-items-header.png") left top repeat-x;
  padding: 0 0 0 15px !important;
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}
#ImportWizardMappingView td {
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px !important;
  border-bottom: 1px solid #DFDFDF;
}
#ImportWizardMappingView .column-import-data {
  margin-top: 5px;
}
#ImportWizardMappingView tr td:last-child {
  padding-right: 0;
  vertical-align: top;
}
#ImportWizardMappingView td + td {
  vertical-align: top;
}
#sample-column-header {
  position: relative;
}
#sample-column-header a {
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
  background-color: #282A76 !important;
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
}
#sample-column-header a:hover {
  text-decoration: none;
  filter: alpha(opacity=75);
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#sample-column-header a + a {
  margin-left: 5px;
}
#sample-column-header div {
  display: inline-block;
  margin-left: 5px;
}
.mapping-rules h4 {
  padding: 10px 0 5px 0;
}
.mapping-rules label {
  line-height: 26px;
  padding-right: 10px;
  width: 35%;
}
.mapping-rules > div {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
.mapping-rules > div > .has-model-select,
.mapping-rules > div > .hasDropDown,
.mapping-rules > div > input {
  width: 65% !important;
  display: inline-block;
}
.mapping-rules > div .radio-input {
  display: block;
  width: 100%;
  line-height: 1.5;
}
.mapping-rules > div .radio-input label {
  width: auto;
  line-height: inherit;
}
.mapping-rules > div:last-child {
  width: 100%;
}
.mapping-rules > div + div:last-child {
  width: 49%;
  margin-left: 2%;
}
.mapping-rules.has3 > div {
  width: 32% !important;
  margin-right: 2%;
  margin-left: 0;
}
.mapping-rules.has3 > div:last-child {
  margin-left: 0;
  margin-right: 0;
}
.mapping-rules.multiple table {
  width: 49.5% !important;
  float: left !important;
}
.mapping-rules.multiple table + table {
  float: right !important;
}
.remove-extra-column-link {
  float: right;
  display: inline-block;
  position: relative;
  top: -21px;
  right: -90px;
  z-index: 99999;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
  background-color: #282A76 !important;
}
#sequential-process-spinner .z-spinner {
  display: block;
  margin: -1px 10px 0 0;
}
#import-temp-table-list-view {
  text-align: center;
}
#import-temp-table-list-view .items-wrapper {
  border: 1px solid #DFDFDF;
  border-bottom: none;
}
#import-temp-table-list-view table {
  table-layout: auto;
  background: #fafafa;
}
#import-temp-table-list-view tr:first-child th {
  line-height: 1;
  padding: 5px;
  text-align: center;
}
#import-temp-table-list-view td {
  text-align: center;
  vertical-align: middle;
}
#import-temp-table-list-view .drillDownContent {
  min-height: 0;
}
#import-temp-table-list-view .pager {
  -webkit-box-shadow: inset 0 -1px 0 #dfdfdf;
  -moz-box-shadow: inset 0 -1px 0 #dfdfdf;
  -ms-box-shadow: inset 0 -1px 0 #dfdfdf;
  -o-box-shadow: inset 0 -1px 0 #dfdfdf;
  box-shadow: inset 0 -1px 0 #dfdfdf;
  border-top: none;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
}
#import-temp-table-list-view .pager li {
  border-bottom: 1px solid #DFDFDF;
}
#ImportWizardDataAnalysisCompleteView > div {
  margin: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#ImportWizardDataAnalysisCompleteView > div #edit-form:after {
  display: none;
}
#ImportWizardImportRulesView .radio-input {
  margin-bottom: 10px !important;
}
#ImportWizardImportRulesView table {
  margin-bottom: 0 !important;
}
#ImportWizardImportRulesView table span {
  text-align: left;
  display: block;
  margin-bottom: 20px;
}
.progressbar-container {
  padding: 15px;
}
.process-message {
  padding: 0 15px 15px 15px;
}
#ImportSequentialProcessContainerView > div {
  float: left;
  width: 100%;
}
#ImportSequentialProcessContainerView #edit-form {
  border: 0 !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#ImportSequentialProcessContainerView #edit-form table {
  width: 100%;
}
#ImportSequentialProcessContainerView td {
  padding: 5px !important;
}
#ImportSequentialProcessContainerView td h3 {
  margin: 0 !important;
}
#ImportSequentialProcessContainerView h3,
#ImportSequentialProcessContainerView h3 + span {
  margin: 0;
  display: block;
  position: relative;
}
#ImportSequentialProcessContainerView .process-container-view {
  *zoom: 1;
}
#ImportSequentialProcessContainerView .process-container-view:before,
#ImportSequentialProcessContainerView .process-container-view:after {
  content: " ";
  display: table;
}
#ImportSequentialProcessContainerView .process-container-view:after {
  clear: both;
}
#ImportSequentialProcessContainerView .process-container-view:after {
  clear: none !important;
}
#ImportWizardCreateUpdateModelsCompleteView > div {
  padding: 0 !important;
  margin: 0;
  border: 0 !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#ImportWizardCreateUpdateModelsCompleteView table {
  border-bottom: 1px solid #DFDFDF !important;
}
#ImportWizardCreateUpdateModelsCompleteView table tr:first-child th {
  font-weight: bold !important;
}
#ImportWizardCreateUpdateModelsCompleteView td {
  padding: 5px !important;
}
#ImportWizardCreateUpdateModelsCompleteView th {
  text-align: left;
  font-size: 12px !important;
  color: #666;
  font-weight: 400 !important;
}
#ImportWizardCreateUpdateModelsCompleteView h3 {
  margin: 0 0 10px 0 !important;
}
#import-temp-table-list-view-rowDrillDown {
  width: 30px;
}
.icon-import-mapping {
  display: block;
  font-weight: bold;
  padding: 3px 0 5px 0;
}
.import-notifications {
  text-align: left;
  padding: 7px 5px 5px 40px;
}
.import-notifications li + li {
  margin-top: 5px;
}
.import-summary {
  width: 60%;
  margin: 20px auto 0 auto;
  line-height: 150%;
  list-style: none;
}
.import-summary li {
  text-align: center;
  position: relative;
  margin: 0 1% 3px 1%;
  width: 31%;
  float: left;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
  -moz-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
  -ms-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
  -o-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
}
.import-summary li > strong {
  display: block;
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 5px;
}
.import-summary .led {
  display: block;
  margin-top: 5px;
  width: 100%;
  height: 2px;
  background: #ffd900;
  -webkit-box-shadow: 0 1px 0 0 #f3f3f3;
  -moz-box-shadow: 0 1px 0 0 #f3f3f3;
  -ms-box-shadow: 0 1px 0 0 #f3f3f3;
  -o-box-shadow: 0 1px 0 0 #f3f3f3;
  box-shadow: 0 1px 0 0 #f3f3f3;
}
.import-summary .led.state-true {
  background: #97c43d;
  -webkit-box-shadow: 0 1px 0 0 #f3f3f3;
  -moz-box-shadow: 0 1px 0 0 #f3f3f3;
  -ms-box-shadow: 0 1px 0 0 #f3f3f3;
  -o-box-shadow: 0 1px 0 0 #f3f3f3;
  box-shadow: 0 1px 0 0 #f3f3f3;
}
.import-summary .led.state-false {
  background: #c43d53;
  -webkit-box-shadow: 0 1px 0 0 #f3f3f3;
  -moz-box-shadow: 0 1px 0 0 #f3f3f3;
  -ms-box-shadow: 0 1px 0 0 #f3f3f3;
  -o-box-shadow: 0 1px 0 0 #f3f3f3;
  box-shadow: 0 1px 0 0 #f3f3f3;
}
.import-results-toolbar {
  border: 1px solid #DFDFDF;
  border-bottom: none;
}
.import-results-toolbar .ui-buttonset {
  padding-top: 10px;
}
#SequentialProcessView .process-container-view {
  margin: 0;
  padding: 0;
}
#ImportErrorsListView {
  margin-bottom: 15px;
}
#ImportErrorsListView #list-view {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#ImportErrorsListView .items {
  table-layout: fixed;
}
#ImportErrorsListView tr td:first-child,
#ImportErrorsListView tr th:first-child {
  width: 35px !important;
}
.color-swatch,
.texture-swatch {
  margin-bottom: 10px;
  width: 50%;
  float: left;
  display: inline-block !important;
  clear: none;
}
.color-swatch span,
.texture-swatch span {
  display: inline-block;
  width: 32px;
  height: 16px;
}
.color-swatch label,
.texture-swatch label {
  float: none !important;
  top: -3px;
  margin-left: 0;
}
.color-swatch input,
.texture-swatch input {
  margin-right: 12px !important;
  margin-top: 2px;
}
.color-swatch .icon-lock,
.texture-swatch .icon-lock {
  margin: 0;
  padding: 0 !important;
  font-style: normal;
}
.color-swatch [id*="theme-color-tooltip"],
.color-swatch [id*="background-texture-tooltip"],
.texture-swatch [id*="theme-color-tooltip"],
.texture-swatch [id*="background-texture-tooltip"] {
  width: auto !important;
  position: relative;
  left: -25px;
  font-size: 18px;
  top: -5px;
  position: absolute;
  border: none;
}
.color-swatch input[disabled="disabled"],
.texture-swatch input[disabled="disabled"] {
  visibility: hidden;
}
.texture-swatch span {
  width: 90px;
  border: 3px solid #DDDEDE;
}
.texture-swatch input {
  position: relative;
  top: 9px;
}
.texture-swatch .background-texture-1 {
  margin-right: 10px;
  margin-top: 0;
  position: relative;
  top: 7px;
}
.texture-swatch [id*="background-texture-tooltip"] {
  top: -3px;
}
.texture-swatch label {
  top: 0;
}
.color-swatch span {
  position: relative;
  top: 3px;
}
.color-swatch .theme-color-3 {
  margin-right: 10px;
}
#customThemeColorPicker {
  position: relative;
  z-index: 12;
  width: 45%;
  clear: left;
}
#customThemeColorPicker > div {
  min-width: 65px;
  width: 30%;
  margin-left: 5%;
  float: left;
  position: relative;
}
#customThemeColorPicker > div:first-child {
  margin-left: 0;
}
#customThemeColorPicker .iris-picker {
  position: absolute;
  left: 0;
  top: 100%;
}
#theme-color-configuration {
  clear: left;
  padding-top: 15px;
}
.user-menu-preferences td {
  padding-left: 0 !important;
}
.user-menu-preferences .multiselect-holder {
  max-width: 100%;
  margin: 0;
}
.user-menu-preferences .multiselect-right {
  float: none;
}
.user-menu-preferences .multiselect-nav {
  margin-left: 0;
}
.uploaded-logo-template td.name {
  padding-top: 10px !important;
}
.uploaded-logo {
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
  line-height: 1;
  background: url("../images/transparency-grid.gif") left top repeat;
}
.uploaded-logo ~ .file-size {
  vertical-align: top;
}
.footer-preview-modal {
  padding: 15px;
  white-space: normal;
  word-break: break-all;
}
#DiagnosticCheckServicesView table {
  margin-top: 15px;
}
#DiagnosticCheckServicesView .fail,
#DiagnosticCheckServicesView .warning,
#DiagnosticCheckServicesView .pass {
  display: block;
  text-align: center;
}
#QueuesListView {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
#queue-search-element .z-spinner {
  display: block !important;
  left: 198px;
  top: 4px;
}
.security-rights p,
.security-permissions p,
.security-roles p,
.security-groups p,
.security-nested-groups p,
.security-adhoc-sharing p {
  margin-left: 100px !important;
}
.security-rights .icon,
.security-permissions .icon,
.security-roles .icon,
.security-groups .icon,
.security-nested-groups .icon,
.security-adhoc-sharing .icon {
  position: relative;
  margin: 0px 15px 0 0;
  display: inline-block;
  height: 100%;
}
.security-rights .icon:before,
.security-permissions .icon:before,
.security-roles .icon:before,
.security-groups .icon:before,
.security-nested-groups .icon:before,
.security-adhoc-sharing .icon:before {
  content: '\00D4';
  font-weight: normal !important;
  font-size: 145px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60px;
  position: absolute;
  top: 15px;
  left: 10px;
  -webkit-text-shadow: 0 -1px 0 #000;
  -moz-text-shadow: 0 -1px 0 #000;
  -ms-text-shadow: 0 -1px 0 #000;
  -o-text-shadow: 0 -1px 0 #000;
  text-shadow: 0 -1px 0 #000;
}
.security-permissions .icon:before {
  content: '\00CA';
}
.security-roles .icon:before {
  content: '\00C9';
}
.security-groups .icon:before {
  content: '\00DB';
}
.security-nested-groups .icon:before {
  content: '\00EA';
}
.security-adhoc-sharing .icon:before {
  content: '\00EB';
}
.available-portlets {
  padding: 15px 15px 0 15px;
  list-style: none;
  *zoom: 1;
  max-height: 400px;
  overflow-y: scroll;
}
.available-portlets:before,
.available-portlets:after {
  content: " ";
  display: table;
}
.available-portlets:after {
  clear: both;
}
.available-portlets li {
  margin-bottom: 15px;
  color: #666;
  vertical-align: middle;
}
.available-portlets h3 {
  position: relative;
}
.available-portlets h3 a {
  padding-left: 40px;
}
.available-portlets h3 span:before {
  content: "z";
  font-weight: normal !important;
  font-size: 40px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  position: absolute;
  top: -8px;
  border: none;
  outline: none !important;
  display: inline-block;
  color: #666;
  margin: 0;
}
.available-portlets a {
  outline: none !important;
  cursor: pointer;
}
.available-portlets a:foucs {
  outline: none;
}
.available-portlets div {
  padding-left: 40px;
}
.available-portlets .mini-button {
  float: right;
  position: relative;
  margin-left: 0;
  top: -10px;
}
.available-portlets .mini-button span {
  display: block;
  padding: 0 6px 0 6px;
  background: none;
}
.available-portlets .icon-contacts:before {
  content: "y";
}
.available-portlets .icon-leads:before {
  content: ".";
}
.available-portlets .icon-opportunities:before {
  content: "9";
}
.available-portlets .icon-reports:before {
  content: '\V';
}
.available-portlets .icon-products:before {
  content: '\003E';
}
.available-portlets .icon-products:after {
  content: '';
  display: none;
}
.available-portlets .icon-rssReader:before {
  content: "z";
}
.available-portlets .icon-tasks:before {
  content: "4";
}
.available-portlets .icon-missions:before {
  content: 'Q';
}
.available-portlets .icon-accounts:before {
  content: "P";
}
.available-portlets .icon-activities:before {
  content: '\00A5';
}
.available-portlets .icon-socialItems:before {
  content: "u";
}
.available-portlets .icon-iframe:before {
  content: '\2211';
  font-size: 48px;
}
.available-portlets .icon-maps:before {
  content: 'L';
  font-size: 46px;
}
.available-portlets .icon-googleWebTracking:before {
  content: '\00DA';
  font-size: 46px;
}
.available-portlets .icon-marketingLists:before {
  content: '\0022';
  font-size: 46px;
}
.available-portlets .icon-projects:before {
  content: '\02C7';
}
.available-portlets .icon-notes:before {
  content: '3';
}
.available-portlets .icon-meetings:before {
  content: 'U';
}
.available-portlets .icon-accountAccountAffiliations:before {
  content: '\00FB';
}
.available-portlets .icon-accountContactAffiliations:before {
  content: '\00F4';
}
#modal-edit-form th {
  line-height: 24px;
}
#modal-edit-form th,
#modal-edit-form td {
  padding: 0 0 15px 0;
}
#modal-edit-form input[type="checkbox"] + label {
  width: 60px;
  margin-top: 0;
}
#modal-edit-form td > label {
  margin-top: 10px;
}
#modal-edit-form td > label:first-child {
  margin-top: 5px;
}
#modal-edit-form .panelTitle {
  padding-left: 0;
  padding-top: 0;
}
.panelTitle {
  font-size: 13px;
  font-weight: bold;
  color: #282A76;
  margin: 10px 0;
}
#DashboardEditView .panel {
  width: 100% !important;
}
#MyMissionsForPortletView > div {
  float: none;
  margin-bottom: 0;
}
#MyMissionsForPortletView .items td {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
#MyMissionsForPortletView .items td:last-child {
  border-top: none;
}
#MyMissionsForPortletView .missionStatusChangeArea a:first-child {
  margin-left: 0 !important;
}
#MyMissionsForPortletView .missionStatusChangeArea a:last-child {
  margin-right: 0 !important;
}
#MyMissionsForPortletView .actions-column {
  width: 200px;
}
#MyMissionsForPortletView td:first-child {
  border-top: none;
}
#MyMissionsForPortletView .mission-status {
  font-size: 11px;
}
.missing-chart {
  display: block;
  text-align: center;
  position: relative;
  top: 50%;
  margin-top: -34px;
  font-size: 12px;
  color: #282A76;
}
.missing-chart:before {
  content: "j";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.mapCanvasPortlet {
  width: 100%;
  height: 400px;
}
#product-portlet-grid-view {
  overflow-x: scroll;
}
div.form fieldset {
  border: 1px solid #DDD;
  padding: 10px;
  margin: 0 0 10px 0;
  -moz-border-radius: 7px;
}
div.form .hint {
  margin: 0;
  padding: 0;
  color: #999;
}
div.form .note {
  font-style: italic;
}
div.form span.required {
  color: #C00;
  padding: 0 0 0 3px;
  font-weight: bold;
}
div.form div.error label,
div.form label.error,
div.form span.error {
  color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form td.error input,
div.form td.error textarea,
div.form td.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
  border-color: #CC0000;
  -webkit-box-shadow: 0 0 1px 1px rgba(205,0,0,0.5);
  -moz-box-shadow: 0 0 1px 1px rgba(205,0,0,0.5);
  -ms-box-shadow: 0 0 1px 1px rgba(205,0,0,0.5);
  -o-box-shadow: 0 0 1px 1px rgba(205,0,0,0.5);
  box-shadow: 0 0 1px 1px rgba(205,0,0,0.5);
}
div.form .errorSummary {
  position: relative;
  margin: 0 0 15px 0;
  padding: 10px;
  border-radius: 5px !important;
  border: 1px solid #cc0000;
  background: #ffb5b5;
  font-weight: bold;
  -webkit-box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
  -moz-box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
  -ms-box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
  -o-box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
  box-shadow: 0 0 20px 5px rgba(153,153,153,0.5);
}
div.form .errorMessage {
  color: #CC0000;
  font-size: 11px;
  font-weight: normal;
  width: auto;
  float: left;
  margin-top: 12px;
  border: 1px solid #CC0000;
  padding: 4px;
  background: #FFBCB9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 2px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 2px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 2px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 2px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 2px 1px rgba(153,153,153,0.3);
  position: relative;
}
div.form .errorMessage:before {
  content: "";
  font-size: 0;
  width: 12px;
  height: 9px;
  display: block;
  position: absolute;
  left: 6px;
  top: -8px;
  background: url("../images/error-tip.png") left bottom no-repeat;
}
div.form .errorSummary p {
  margin: 0 0 5px 0;
}
div.form .errorSummary ul {
  margin: 0;
  padding: 0 0 0 20px;
}
div.wide.form label {
  float: left;
  position: relative;
}
div.wide.form .row {
  clear: left;
}
div.wide.form .buttons,
div.wide.form .hint,
div.wide.form .errorMessage {
  clear: both;
  padding-left: 2px;
}
.field-description {
  margin-top: 5px;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  display: inline-block;
  color: #999;
}
.file-upload-box {
  padding-left: 0;
  margin: 0 !important;
  width: 100%;
}
.file-upload-box > .ui-widget {
  width: 100%;
}
.file-upload-box div {
  margin-left: 0 !important;
}
.file-upload-box .fileinput-button {
  width: 100%;
}
.file-upload-box .ui-icon-plusthick {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
  padding: 0 5px;
}
.file-upload-box .ui-icon-plusthick:before,
.file-upload-box .ui-icon-plusthick:after {
  content: " ";
  display: table;
}
.file-upload-box .ui-icon-plusthick:after {
  clear: both;
}
.file-upload-box .ui-icon-plusthick.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.file-upload-box .ui-icon-plusthick:after {
  content: "Y";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.add-label {
  font-weight: normal !important;
}
.show-file-upload-box {
  position: relative;
  bottom: -18px;
  z-index: 5;
  font-weight: normal;
  font-size: 11px;
  color: #282A76;
}
#CommentInlineEditForModelView .fileupload-content {
  width: 100%;
}
#CommentInlineEditForModelView .fileupload-content td.name {
  padding: 5px 0 0 0 !important;
}
.files {
  font-size: 11px;
  margin-top: 5px;
  float: left !important;
}
.files td {
  padding: 2px 0 !important;
  vertical-align: middle;
  font-weight: 400 !important;
}
.files .ui-state-error td {
  color: #CC0000;
  font-weight: bold;
}
.file-size {
  font-size: 10px;
  margin-left: 5px;
  color: #999;
}
.template-upload .name {
  position: relative;
}
.template-upload .z-spinner {
  position: relative;
  float: left;
  display: block;
  margin-top: -1px;
}
.upload-actions {
  float: right;
}
.upload-actions .icon-delete {
  color: #282A76;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 16px;
  margin-top: -2px;
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.upload-actions .icon-delete span {
  display: none;
}
.upload-actions .icon-delete:before {
  margin: 0;
  top: 0;
  cursor: pointer;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.upload-actions .icon-delete:hover:before {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.upload-actions button.start,
.upload-actions button.cancel {
  cursor: pointer;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 0 4px;
  color: #fff;
  font-weight: normal;
  background: none;
}
.upload-actions button.start:hover,
.upload-actions button.cancel:hover {
  -webkit-box-shadow: 0 0 1px 0 #333;
  -moz-box-shadow: 0 0 1px 0 #333;
  -ms-box-shadow: 0 0 1px 0 #333;
  -o-box-shadow: 0 0 1px 0 #333;
  box-shadow: 0 0 1px 0 #333;
}
.upload-actions button.start span,
.upload-actions button.cancel span {
  display: none;
  padding: 2px;
  font-size: 10px !important;
  line-height: 1;
}
.upload-actions button.start .ui-button-text,
.upload-actions button.cancel .ui-button-text {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.upload-actions button.start .ui-button-text span,
.upload-actions button.cancel .ui-button-text span {
  display: block;
  padding: 1px;
}
.upload-actions button.start span {
  background-color: #6fa82d;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#97c43d,#6fa82d);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#6fa82d));
  background-image: -webkit-linear-gradient(top,#97c43d,#6fa82d);
  background-image: -o-linear-gradient(top,#97c43d,#6fa82d);
  background-image: -moz-linear-gradient(top,#97c43d,#6fa82d);
  background-image: linear-gradient(top,#97c43d,#6fa82d);
}
.upload-actions button.cancel span {
  background-color: #a82d31;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#c43d53,#a82d31);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c43d53),color-stop(100%,#a82d31));
  background-image: -webkit-linear-gradient(top,#c43d53,#a82d31);
  background-image: -o-linear-gradient(top,#c43d53,#a82d31);
  background-image: -moz-linear-gradient(top,#c43d53,#a82d31);
  background-image: linear-gradient(top,#c43d53,#a82d31);
}
.addfileinput-button {
  position: relative;
  float: left;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 0;
}
.addfileinput-button span {
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  font-size: 24px;
  padding: 0 6px !important;
  margin: 0 5px 0 0 !important;
  top: 2px;
  color: #666;
  -webkit-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -moz-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -ms-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -o-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  background: transparent url("../images/view-toolbar-gradient.png") left bottom repeat-x;
}
.addfileinput-button span:before,
.addfileinput-button span:after {
  content: " ";
  display: table;
}
.addfileinput-button span:after {
  clear: both;
}
.addfileinput-button span:hover {
  color: #7CB830 !important;
  background-image: none;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ededed)) !important;
  background-image: -webkit-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -o-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: -moz-linear-gradient(top,#fefefe,#ededed) !important;
  background-image: linear-gradient(top,#fefefe,#ededed) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -moz-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -ms-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  -o-text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
  text-shadow: 0px -1px 0 rgba(255,255,255,0.75) !important;
}
.addfileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 25px;
  direction: ltr;
  cursor: pointer;
}
.addfileinput-button:hover span {
  color: #7CB830;
}
.fileupload-buttonbar {
  position: relative;
}
.max-upload-size {
  margin-top: 5px;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  display: inline-block;
  color: #999;
  margin: 9px 0 0 10px;
}
.ImportWizardView .files {
  margin-top: 15px;
}
.ImportWizardView .fileinput-button input {
  -moz-transform: translate(-500px,0) scale(6);
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
#ui-datepicker-div {
  max-width: 250px;
}
.ui-datepicker {
  z-index: 10000;
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
  -ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
  -o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
.ui-datepicker.ui-datepicker-inline {
  margin: 15px;
}
.ui-datepicker .ui-datepicker-header {
  height: 35px;
  background: #111 url("../images/datepicker-header.png") left top repeat-x !important;
  color: #FFF;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-header a:hover:before,
.ui-datepicker .ui-datepicker-header a:hover:after {
  color: #7CB830;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
  width: 15%;
  line-height: 35px;
  padding-left: 10px;
  text-align: left;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span {
  visibility: hidden;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "◀";
}
.ui-datepicker .ui-datepicker-prev:hover {
  cursor: pointer !important;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
  width: 15%;
  line-height: 35px;
  text-align: right;
  cursor: pointer;
  position: relative;
}
.ui-datepicker .ui-datepicker-next span {
  visibility: hidden;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "▶";
  margin-left: 10px;
}
.ui-datepicker .ui-datepicker-next :hover {
  cursor: pointer !important;
}
.ui-datepicker .ui-datepicker-title {
  float: left;
  text-align: center;
  width: 70%;
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  color: #DFDFDF;
  -webkit-text-shadow: #000 0 1px 0;
  -moz-text-shadow: #000 0 1px 0;
  -ms-text-shadow: #000 0 1px 0;
  -o-text-shadow: #000 0 1px 0;
  text-shadow: #000 0 1px 0;
}
.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  border-color: #BBB;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-spacing: 0;
  border-collapse: collapse;
  background: #fff;
}
.ui-datepicker .ui-datepicker-calendar th {
  background: #f5f5f5 url("../images/datepicker-sprite-ie.png") left -35px repeat-x !important;
}
.ui-datepicker .ui-datepicker-calendar th:last-child {
  border-right: 1px solid #BBB;
}
.ui-datepicker .ui-datepicker-calendar a {
  font-size: 9px;
  font-weight: bold;
  color: #656565;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  text-indent: 5px;
  padding-top: 3px;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -moz-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -ms-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -o-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar span {
  width: 30px;
  height: 20px;
  display: block;
  text-align: center;
  color: #656565;
  font-weight: bold;
  font-size: 9px;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -moz-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -ms-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -o-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td {
  min-width: 30px;
  height: 30px;
  border-color: #BBB;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-top: 1px solid #bbb !important;
  background: #f5f5f5 url("../images/datepicker-sprite-ie.png") left top repeat-x !important;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month {
  background-image: none;
  background: #f5f5f5 url("../images/datepicker-sprite-ie.png") left bottom repeat-x !important;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month span {
  color: #B3B3B3;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
  background-image: none !important;
  background: #b7b8e6 !important;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  background-image: none;
  background: #f5f5f5 url("../images/datepicker-sprite-ie.png") left bottom repeat-x !important;
}
.ui-datepicker .ui-datepicker-buttonpane {
  float: left;
  width: 100%;
  border-top: 1px solid #fff;
  padding: 5px 0;
  *zoom: 1;
}
.ui-datepicker .ui-datepicker-buttonpane:before,
.ui-datepicker .ui-datepicker-buttonpane:after {
  content: " ";
  display: table;
}
.ui-datepicker .ui-datepicker-buttonpane:after {
  clear: both;
}
.ui-datepicker .ui-datepicker-current {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
  float: left;
  margin: 0 10px;
}
.ui-datepicker .ui-datepicker-current:before,
.ui-datepicker .ui-datepicker-current:after {
  content: " ";
  display: table;
}
.ui-datepicker .ui-datepicker-current:after {
  clear: both;
}
.ui-datepicker .ui-datepicker-current.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.ui-datepicker .ui-datepicker-close {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
  float: right;
  margin: 0 10px;
}
.ui-datepicker .ui-datepicker-close:before,
.ui-datepicker .ui-datepicker-close:after {
  content: " ";
  display: table;
}
.ui-datepicker .ui-datepicker-close:after {
  clear: both;
}
.ui-datepicker .ui-datepicker-close.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.ui-datepicker .ui-timepicker-div {
  float: left;
  padding: 10px 5px 0 5px;
  border-bottom: 1px solid #bbb;
  line-height: 1;
}
.ui-datepicker .ui-timepicker-div dt {
  float: left;
  width: 30%;
  height: auto !important;
  font-weight: bold;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -moz-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -ms-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -o-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  text-shadow: rgba(255,255,255,0.8) 0 1px 0;
}
.ui-datepicker .ui-timepicker-div dd {
  margin: 0 0 0 0 !important;
  float: left;
  width: 70%;
  height: 25px;
}
.ui-datepicker .ui-timepicker-div select {
  position: relative;
  top: -4px;
  width: 100%;
}
.ui-datepicker .ui-slider {
  background: #111 url("../images/datepicker-header.png") left top repeat-x !important;
  height: 4px;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  -o-border-radius: 2px !important;
  border-radius: 2px !important;
  position: relative;
  top: 4px;
}
.ui-datepicker .ui-slider-handle {
  background: #fff;
  border: 1px solid #BBB;
  height: 10px;
  width: 10px;
  display: block;
  position: absolute;
  top: -4px;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  -o-border-radius: 2px !important;
  border-radius: 2px !important;
}
.ui-datepicker .calendar-events-1 span,
.ui-datepicker .calendar-events-2 span,
.ui-datepicker .calendar-events-3 span,
.ui-datepicker .calendar-events-4 span,
.ui-datepicker .calendar-events-5 span,
.ui-datepicker .calendar-events-6 span {
  color: #282A76;
  position: relative !important;
  float: left;
  width: 100%;
  word-wrap: break-word;
  padding: 0 !important;
  text-align: left !important;
  font-size: 46px;
  letter-spacing: -6px;
  vertical-align: top;
}
.ui-datepicker .calendar-events-1 span:before,
.ui-datepicker .calendar-events-2 span:before,
.ui-datepicker .calendar-events-3 span:before,
.ui-datepicker .calendar-events-4 span:before,
.ui-datepicker .calendar-events-5 span:before,
.ui-datepicker .calendar-events-6 span:before {
  position: absolute;
  top: -1px;
  line-height: 10px;
}
.ui-datepicker .calendar-events-1 span:before {
  content: "‧";
}
.ui-datepicker .calendar-events-2 span:before {
  content: "‧‧";
}
.ui-datepicker .calendar-events-3 span:before {
  content: "‧‧‧";
}
.ui-datepicker .calendar-events-4 span:before {
  content: "‧‧‧\202F‧";
}
.ui-datepicker .calendar-events-5 span:before {
  content: "‧‧‧\202F‧‧";
}
.ui-datepicker .calendar-events-6 span:before {
  content: "‧‧‧\202F‧‧‧";
}
.ui-datepicker .ui_tpicker_second,
.ui-datepicker .ui_tpicker_millisec,
.ui-datepicker .ui_tpicker_microsec {
  display: none;
}
.token-input-list {
  position: relative;
}
.token-input-input-token {
  padding: 2px;
}
.token-input-list {
  z-index: 0;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  cursor: text;
  min-height: 1px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #999;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  width: 100%;
}
.token-input-list input[type="text"] {
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  position: relative;
  z-index: 9999;
}
.token-input-list.disabled {
  pointer-events: none;
  background: #EFEFEF;
}
.token-input-list.disabled input {
  background: #EFEFEF;
}
.token-input-list li input {
  border: 0;
  margin: 0 !important;
  -webkit-appearance: caret;
  padding: 0 !important;
  line-height: 100%;
}
.token-input-token {
  overflow: hidden;
  height: auto !important;
  height: 20px;
  line-height: 20px;
  margin: 3px;
  padding: 0 5px;
  background-color: #D4E7BC;
  color: #666 !important;
  cursor: default;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  float: left;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
}
.token-input-token p {
  display: inline;
  padding: 0;
  margin: 0;
  color: #545454 !important;
  font-size: 11px;
  font-style: normal;
}
.token-input-token span {
  line-height: 1;
  padding: 0 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #545454 !important;
  margin-left: 2px;
  font-weight: normal;
  cursor: pointer;
}
.token-input-token span:hover {
  color: #fff !important;
  background: #648c32;
}
.token-input-token b,
.token-input-token p {
  font-weight: normal;
}
.token-input-selected-token {
  background-color: #7CB830;
  color: #fff !important;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
}
.token-input-input-token {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.token-input-dropdown {
  position: absolute;
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  z-index: 1;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  color: #999;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
}
.token-input-dropdown p {
  margin: 0;
  padding: 5px;
}
.token-input-dropdown ul {
  margin: 0;
  padding: 0;
}
.token-input-dropdown ul li {
  background-color: #fff;
  padding: 3px;
  margin: 3px;
  list-style-type: none;
}
.token-input-dropdown ul .token-input-dropdown-item {
  background-color: #fff;
}
.token-input-dropdown ul .token-input-dropdown-item2 {
  background-color: #fff;
}
.token-input-dropdown ul li em {
  font-style: normal;
}
.token-input-dropdown ul .token-input-selected-dropdown-item {
  background-color: #D4E7BC;
  color: #545454;
}
#NotificationsForUserListView h4 + div {
  margin-top: 5px;
}
.panel-buffer {
  padding: 15px;
}
.add-custom-field .left-column > div {
  width: 100%;
  float: left;
}
.add-custom-field .hasDropDown {
  margin-right: 130px;
  width: auto;
}
#attributeTypeNameButton {
  margin: 0 0 0 -105px;
}
#attributeTypeNameButton span {
  padding: 0 15px;
}
#attributeTypeNameButton span:before {
  content: "n";
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 5px;
  position: relative;
  top: 0px;
}
.lead-conversion-radiobutton {
  display: block;
  margin-bottom: 10px;
}
.lead-conversion-radiobutton label {
  float: none !important;
  margin-left: 20px;
}
.modal-settings .wide.form {
  padding: 15px !important;
  background-color: #F5F5F5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#F5F5F5));
  background-image: -webkit-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -o-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: -moz-linear-gradient(top,#ffffff,#F5F5F5);
  background-image: linear-gradient(top,#ffffff,#F5F5F5);
}
.modal-settings .hasCheckBox {
  margin-left: 0;
}
.modal-settings th,
.modal-settings td {
  padding: 0 0 15px 0;
}
.designer-toolbar {
  margin: 0;
}
.designer-toolbar input[type="submit"] {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
  margin-bottom: 15px;
}
.designer-toolbar input[type="submit"]:before,
.designer-toolbar input[type="submit"]:after {
  content: " ";
  display: table;
}
.designer-toolbar input[type="submit"]:after {
  clear: both;
}
.designer-toolbar input[type="submit"].disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.designer-toolbar h3 {
  margin: 0 0 5px 0;
  padding-left: 0;
}
.designer-toolbar > div {
  margin-bottom: 25px;
}
#NotificationBar span {
  font-size: 12px;
  display: block;
  color: #cc0000 !important;
  margin: 0 0 15px 0;
}
.panelToPlace,
.rowToPlace,
.element-to-place {
  text-align: center;
  white-space: nowrap;
  margin: 1px;
  line-height: 30px;
  min-width: 120px;
  height: 30px;
  border: 1px solid #ccc;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  color: #282A76;
}
.panelToPlace.ui-state-disabled,
.rowToPlace.ui-state-disabled,
.element-to-place.ui-state-disabled {
  color: #dcdcdc;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#efefef,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#efefef,#ededed);
  background-image: -o-linear-gradient(top,#efefef,#ededed);
  background-image: -moz-linear-gradient(top,#efefef,#ededed);
  background-image: linear-gradient(top,#efefef,#ededed);
}
.layout-parts-container {
  overflow: scroll;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.layout-parts {
  float: left;
}
.layout-parts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
}
.layout-elements {
  width: 100%;
}
.layout-elements-column-container {
  float: left;
}
.sortable-panel {
  color: #282A76;
  height: auto;
  display: block;
  float: left;
  margin: 1px 0;
  padding: 10px 10px 10px 10px;
  width: 100% !important;
  min-height: 60px !important;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -moz-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -ms-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -o-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  text-shadow: rgba(255,255,255,0.8) 0px 1px;
}
.modal-settings {
  margin: 1px;
  padding: 1px;
  min-height: 60px;
  display: none;
  z-index: 2000;
}
.cell-element {
  color: #282A76;
  text-align: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
}
.cell-element-icon {
  float: right;
}
.cell-handle-icon {
  cursor: hand;
  cursor: pointer;
  float: left;
  clear: right;
}
.row-element-icon {
  float: right;
  clear: right;
}
.row-handle-icon {
  cursor: hand;
  cursor: pointer;
  float: left;
  clear: right;
}
.panel-element-icon {
  clear: none;
  float: right;
}
.panel-handle-icon {
  cursor: hand;
  cursor: pointer;
  float: left;
}
.panel-settings div.wide.form label.hasCheckBox,
.cell-settings div.wide.form label.hasCheckBox {
  margin-top: -5px !important;
  margin-bottom: 0;
}
.sortable-row-list-container ul {
  list-style-type: none;
  clear: both;
  margin: 5px 5px 5px 20px;
  padding: 15px 0;
}
.sortable-row-list-container ul > li {
  min-height: 60px;
  margin-bottom: 5px;
  padding: 5px;
}
.sortable-row-list {
  color: #282A76 !important;
}
.layout-single-column {
  margin: 15px 0 15px 0;
  height: 30px;
  line-height: 30px;
  float: left;
  width: 100%;
}
.layout-single-column.droppable-cell-container {
  width: 90%;
}
.layout-double-column {
  margin: 15px 5px;
  line-height: 30px;
  width: 45%;
  height: 30px;
  float: left;
}
.panel-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
  min-height: 60px;
  float: left;
  width: 100%;
}
.panel-list > li {
  min-height: 60px;
  margin-bottom: 5px;
}
#sortable-editable-dropdown-collection {
  clear: left;
}
#sortable-editable-dropdown-collection li {
  height: auto;
  font-size: 1em;
}
.ui-icon {
  cursor: pointer;
}
.ui-icon-trash:after {
  content: "_";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: 0;
  padding: 0 2px;
}
.ui-icon-circle-minus:after {
  content: "S";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: 0;
  padding: 0 2px;
}
.ui-icon-circle-plus:after {
  content: "Y";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: 0;
  padding: 0 2px;
}
.ui-icon-arrow-4 {
  display: block;
}
.ui-icon-arrow-4:after {
  content: ")";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: -2px 5px 0 0;
  padding: 0;
}
.ui-icon-wrench {
  display: block;
}
.ui-icon-wrench:after {
  content: "n";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: 0;
  padding: 0 2px;
}
.sticky {
  width: 100%;
  float: left;
  z-index: 15000;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
}
.sticky.stick {
  width: 75%;
  position: fixed;
  z-index: 1000;
  margin-top: 15px;
  -webkit-box-shadow: 0 0 15px 0 #333;
  -moz-box-shadow: 0 0 15px 0 #333;
  -ms-box-shadow: 0 0 15px 0 #333;
  -o-box-shadow: 0 0 15px 0 #333;
  box-shadow: 0 0 15px 0 #333;
}
#layout-container {
  margin: 30px 0 15px 0;
  float: left;
  width: 100%;
}
#layout-container .ui-draggable-dragging {
  width: 150px;
  z-index: 99999999;
  font-weight: bold !important;
}
#layout-container .ui-draggable-disabled.ui-state-disabled {
  opacity: 0.2 !important;
}
#layout-container .ui-state-highlight,
#layout-container .ui-widget-content .ui-state-highlight,
#layout-container .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #333;
}
#layout-container .ui-state-highlight {
  width: 100%;
  min-height: 60px;
  float: left;
  display: block;
}
#layout-container .ui-state-highlight a,
#layout-container .ui-widget-content .ui-state-highlight a,
#layout-container .ui-widget-header .ui-state-highlight a {
  color: #333;
}
#layout-container .droppable-cell-container {
  background: #EFEFEF;
}
#layout-container .ui-widget-header {
  font-weight: bold;
}
#layout-container .ui-state-default,
#layout-container .ui-widget-content .ui-state-default,
#layout-container .ui-widget-header .ui-state-default {
  font-weight: normal;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
}
#layout-container .movable-cell-element.ui-state-default {
  border: 1px solid #ccc;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  box-shadow: inset 0 1px 0 0 #ffffff;
}
#layout-container .ui-state-default a,
#layout-container .ui-state-default a:link,
#layout-container .ui-state-default a:visited {
  text-decoration: none;
}
#layout-container .ui-state-hover a,
#layout-container .ui-state-hover a:hover {
  text-decoration: none;
}
#layout-container .ui-state-active,
#layout-container .ui-widget-content .ui-state-active,
#layout-container .ui-widget-header .ui-state-active {
  z-index: 9999;
  color: #333;
  -webkit-box-shadow: 0 0 1px 1px #282A76;
  -moz-box-shadow: 0 0 1px 1px #282A76;
  -ms-box-shadow: 0 0 1px 1px #282A76;
  -o-box-shadow: 0 0 1px 1px #282A76;
  box-shadow: 0 0 1px 1px #282A76;
}
.AttributeEditView .ui-state-highlight p {
  margin-top: 10px;
  font-size: 11px;
  text-align: left;
  text-indent: 0;
  padding: 0;
  line-height: 150%;
  font-style: normal;
}
.AttributeEditView .ui-icon-info {
  margin-left: -6px;
}
.AttributeEditView .ui-icon-info:after {
  content: "o";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 3px;
  position: relative;
  top: 1px;
  color: #7CB830;
}
.AttributeEditView .sortable {
  list-style: none;
}
.AttributeEditView .sortable li {
  position: relative;
}
.AttributeEditView .sortable li .has-lang-label > span {
  cursor: move;
}
.AttributeEditView .sortable .ui-icon.ui-icon-arrowthick-2-n-s {
  display: none;
}
.AttributeEditView .sortable .remove-sortable-item-link {
  position: absolute;
  left: 3px;
  top: 0;
  line-height: 1;
  z-index: 100;
}
.AttributeEditView .sortable .remove-sortable-item-link span {
  text-indent: -9999px;
  display: inline-block;
}
.AttributeEditView .sortable .remove-sortable-item-link:after {
  content: "_";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0 !important;
  color: #A7A7A7;
  -webkit-text-shadow: 0 1px 0 #fff;
  -moz-text-shadow: 0 1px 0 #fff;
  -ms-text-shadow: 0 1px 0 #fff;
  -o-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  line-height: 1;
  position: relative;
  top: 1px;
}
.AttributeEditView form div table td {
  padding-left: 0 !important;
}
#DropDownDependencyMappingData table {
  border-top: none;
  padding-top: none;
}
#DropDownDependencyMappingData table td {
  padding-right: 15px;
  vertical-align: top;
}
.field-instructions {
  float: left;
  width: 100%;
  margin: 10px 0 15px 0;
}
.field-instructions table {
  border-top: none !important;
}
#available-fields {
  margin-top: 15px;
  border: 1px solid #DFDFDF;
  border-collapse: collapse;
  border-spacing: 1px;
  margin-bottom: 10px;
}
#available-fields th {
  font-weight: bold;
  background: url("../images/table-items-header.png") left top repeat-x;
}
#available-fields th,
#available-fields td {
  border: 1px solid #DFDFDF;
  vertical-align: middle;
  padding: 10px 5px !important;
}
#picklist-values {
  margin: 15px 0;
}
#picklist-values td {
  padding-left: 0;
  padding-bottom: 0;
}
#picklist-values .errorMessage {
  margin-top: -5px;
}
#DropDownAttributeForm_customFieldDataData_em_ {
  margin-bottom: 10px;
}
#customFieldDataData_ul li {
  position: relative;
}
#contactStatesData_AddInputButton,
#customFieldDataData_AddInputButton {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  border-top: 1px solid rgba(172,208,100,0.8);
  border-left: 1px solid rgba(151,196,61,0.8);
  border-right: 1px solid rgba(151,196,61,0.8);
  border-bottom: 1px solid rgba(121,158,48,0.8);
  margin: 5px 0 0 0 !important;
  float: left;
  clear: both;
}
#contactStatesData_AddInputButton:before,
#contactStatesData_AddInputButton:after,
#customFieldDataData_AddInputButton:before,
#customFieldDataData_AddInputButton:after {
  content: " ";
  display: table;
}
#contactStatesData_AddInputButton:after,
#customFieldDataData_AddInputButton:after {
  clear: both;
}
#contactStatesData_AddInputButton.disabled,
#customFieldDataData_AddInputButton.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
@-moz-document url-prefix() {
  body {
    font-smooth: always !important;
  }
  .form input[type="text"],
  .form input[type="password"] {
    height: 26px;
  }
  input[type="submit"],
  input[type="button"] {
    height: 26px;
  }
  input::-moz-focus-inner {
    border: 0;
  }
  .edit-row-menu ul {
    top: 0px !important;
  }
}
.tooltip {
  width: 10px;
  height: 10px !important;
  line-height: 10px !important;
  display: inline-block;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  color: #333;
  font-weight: 500;
  font-size: 8px;
  text-align: center;
  cursor: pointer;
  vertical-align: super;
  margin: 0 4px;
}
.qtip {
  color: #282A76;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ebebeb));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -o-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: -moz-linear-gradient(top,#f5f5f5,#ebebeb);
  background-image: linear-gradient(top,#f5f5f5,#ebebeb);
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
}
.ui-tooltip,
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  border-width: 1px;
  border-style: solid;
}
.ui-tooltip-fluid {
  display: block;
  visibility: hidden;
  position: static !important;
  float: left !important;
}
.ui-tooltip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
  line-height: 140%;
}
.ui-tooltip-titlebar {
  position: relative;
  min-height: 14px;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content {
  border-top-width: 0px !important;
}
.ui-tooltip-titlebar .ui-state-default {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
}
* html .ui-tooltip-titlebar .ui-state-default {
  top: 16px;
}
.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
}
.ui-tooltip-icon,
.ui-tooltip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-tooltip-icon .ui-icon {
  width: 18px;
  height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
.ui-tooltip-default .ui-tooltip-titlebar {
  color: #282A76;
  font-weight: bold;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -moz-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -ms-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -o-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border-bottom: 1px solid #dfdfdf;
}
.ui-tooltip-default .ui-tooltip-icon {
  border-color: #fff;
  color: #fff;
  background-color: #282A76;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
  color: #111;
}
.ui-tooltip .ui-tooltip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
  position: absolute;
  line-height: 0.1px !important;
  font-size: 0.1px !important;
  color: #123456;
  background: transparent;
  border: 0px dashed transparent;
}
.ui-tooltip .ui-tooltip-tip canvas {
  top: 0;
  left: 0;
}
#qtip-overlay {
  position: fixed;
  left: -10000em;
  top: -10000em;
}
#qtip-overlay.blurs {
  cursor: pointer;
}
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.ui-tooltip-light {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545;
}
.ui-tooltip-light .ui-tooltip-titlebar {
  background-color: #f1f1f1;
}
.ui-tooltip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}
.ui-tooltip-dark .ui-tooltip-titlebar {
  background-color: #404040;
}
.ui-tooltip-dark .ui-tooltip-icon {
  border-color: #444;
}
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}
.ui-tooltip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}
.ui-tooltip-cream .ui-tooltip-titlebar {
  background-color: #F0DE7D;
}
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
  background-position: -82px 0;
}
.ui-tooltip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323;
}
.ui-tooltip-red .ui-tooltip-titlebar {
  background-color: #F06D65;
}
.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
  background-position: -102px 0;
}
.ui-tooltip-red .ui-tooltip-icon {
  border-color: #D95252;
}
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
  border-color: #D95252;
}
.ui-tooltip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}
.ui-tooltip-green .ui-tooltip-titlebar {
  background-color: #B0DE78;
}
.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
  background-position: -42px 0;
}
.ui-tooltip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}
.ui-tooltip-blue .ui-tooltip-titlebar {
  background-color: #D0E9F5;
}
.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
  background-position: -2px 0;
}
.ui-tooltip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
}
.ui-tooltip-rounded,
.ui-tooltip-tipsy,
.ui-tooltip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ui-tooltip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: white;
  border-width: 0;
  background: #4A4A4A;
  background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
  background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
  background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
  background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
  background-image: linear-gradient(to bottom,#4A4A4A 0,black 100%);
}
.ui-tooltip-youtube .ui-tooltip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0,0,0,0);
}
.ui-tooltip-youtube .ui-tooltip-content {
  padding: .75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}
.ui-tooltip-youtube .ui-tooltip-icon {
  border-color: #222;
}
.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}
.ui-tooltip-jtools {
  background: #232323;
  background: rgba(0,0,0,0.7);
  background-image: -moz-linear-gradient(top,#717171,#232323);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}
.ui-tooltip-jtools .ui-tooltip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}
.ui-tooltip-jtools .ui-tooltip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}
.ui-tooltip-jtools .ui-tooltip-titlebar,
.ui-tooltip-jtools .ui-tooltip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}
.ui-tooltip-jtools .ui-tooltip-icon {
  border-color: #555;
}
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
  border-color: #333;
}
.ui-tooltip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
  box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-icon {
  border-color: #808064;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}
.ui-tooltip-tipsy {
  background: black;
  background: rgba(0,0,0,0.87);
  color: white;
  border: 0px solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar {
  padding: 6px 35px 0 10;
  background-color: transparent;
}
.ui-tooltip-tipsy .ui-tooltip-content {
  padding: 6px 10;
}
.ui-tooltip-tipsy .ui-tooltip-icon {
  border-color: #222;
  text-shadow: none;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}
.ui-tooltip-tipped {
  border: 3px solid #959FA9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: normal;
  font-family: serif;
}
.ui-tooltip-tipped .ui-tooltip-titlebar {
  border-bottom-width: 0;
  color: white;
  background: #3A79B8;
  background-image: -moz-linear-gradient(top,#3A79B8,#2E629D);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}
.ui-tooltip-tipped .ui-tooltip-icon {
  border: 2px solid #285589;
  background: #285589;
}
.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}
.ui-tooltip-bootstrap {
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ui-tooltip-bootstrap .ui-tooltip-titlebar {
  font-size: 18px;
  line-height: 22px;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
}
.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default {
  right: 9px;
  top: 49%;
  border-style: none;
}
.ui-tooltip-bootstrap .ui-tooltip-icon {
  background: white;
}
.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
  filter: none;
  -ms-filter: none;
}
#LeaderboardListView .pager {
  border: 1px solid #dfdfdf;
  border-top: none;
}
.user-label img {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.user-label span {
  line-height: 30px;
  display: inline-block;
}
.UserLeaderboardRankingForPortletView .ranking {
  float: right;
}
.icon-leaderboard-weekly:before {
  content: "x";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.icon-leaderboard-monthly:before {
  content: ":";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.icon-leaderboard-overall:before {
  content: ";";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.points {
  display: block;
  float: left;
  color: #fff;
  -webkit-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -moz-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -ms-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -o-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  padding: 3px 6px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 11px;
  background-color: #7CB830;
}
.ranking {
  margin-right: 5px;
  display: block;
  color: #fff;
  -webkit-box-shadow: 0 0 8px 0 #666;
  -moz-box-shadow: 0 0 8px 0 #666;
  -ms-box-shadow: 0 0 8px 0 #666;
  -o-box-shadow: 0 0 8px 0 #666;
  box-shadow: 0 0 8px 0 #666;
  width: 26px;
  height: 26px;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
  background-color: #7CB830;
}
.UserLeaderboardRankingForPortletView tr th:first-child,
.UserLeaderboardRankingForPortletView tr td:first-child,
.UserGamificationStatisticsForPortletView tr th:first-child,
.UserGamificationStatisticsForPortletView tr td:first-child,
.UserBadgesForPortletView tr th:first-child,
.UserBadgesForPortletView tr td:first-child {
  padding-left: 10px !important;
}
#UserGamificationStatisticsForPortletView tr:first-child td,
#UserGamificationStatisticsForPortletView tr:first-child th,
#UserLeaderboardRankingForPortletView tr:first-child td,
#UserLeaderboardRankingForPortletView tr:first-child th {
  border-top: none;
}
#UserBadgesForPortletView {
  padding: 15px 15px 15px 0;
}
.game-badge,
.badge {
  cursor: help;
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  margin: 0 0 15px 15px;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  background-color: #eeeeee ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),color-stop(80%,#eeeeee),to(#eeeeee)) ;
  background-image: -webkit-linear-gradient(#f5f5f5,#eeeeee 80%,#eeeeee) ;
  background-image: -ms-linear-gradient(#f5f5f5,#eeeeee 80%,#eeeeee) ;
  background-image: -o-linear-gradient(#f5f5f5,#eeeeee 80%,#eeeeee) ;
  background-image: -moz-linear-gradient(#f5f5f5,#eeeeee 80%,#eeeeee) ;
  background-image: linear-gradient(#f5f5f5,#eeeeee 80%,#eeeeee) ;
}
.game-badge:after,
.badge:after {
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: solid 1px #CCC;
  -webkit-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
  -moz-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
  -ms-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
  -o-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
  box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
}
.game-badge .badge-icon,
.badge .badge-icon {
  color: #282A76;
  font-weight: normal !important;
  font-size: 50px;
  font-family: "zurmo_gamification_symbly_rRg";
  display: block;
  text-align: center;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  line-height: 1;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  z-index: 2;
}
.game-badge .badge-icon:before,
.badge .badge-icon:before {
  position: relative;
  top: -2px;
}
.game-badge .badge-grade,
.badge .badge-grade {
  font-size: 11px;
  position: absolute;
  top: -8px;
  right: -8px;
  display: block;
  color: #fff;
  -webkit-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -moz-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -ms-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -o-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  width: 18px;
  height: 18px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  line-height: 18px;
  z-index: 10;
  background-color: #7CB830;
}
.game-badge .gloss,
.badge .gloss {
  background-color: rgba(255,255,255,0.1);
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(left,rgba(255,255,255,0.3),rgba(255,255,255,0.1));
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0.1)));
  background-image: -webkit-linear-gradient(left,rgba(255,255,255,0.3),rgba(255,255,255,0.1));
  background-image: -o-linear-gradient(left,rgba(255,255,255,0.3),rgba(255,255,255,0.1));
  background-image: -moz-linear-gradient(left,rgba(255,255,255,0.3),rgba(255,255,255,0.1));
  background-image: linear-gradient(left,rgba(255,255,255,0.3),rgba(255,255,255,0.1));
  height: 45%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: -1px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  -ms-box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  -webkit-border-top-right-radius: 27px;
  -webkit-border-top-left-radius: 27px;
  -webkit-border-bottom-right-radius: 120px 20px;
  -webkit-border-bottom-left-radius: 100px 20px;
  -moz-border-top-right-radius: 27px;
  -moz-border-top-left-radius: 27px;
  -moz-border-bottom-right-radius: 120px 20px;
  -moz-border-bottom-left-radius: 100px 20px;
  -o-border-top-right-radius: 27px;
  -o-border-top-left-radius: 27px;
  -o-border-bottom-right-radius: 120px 20px;
  -o-border-bottom-left-radius: 100px 20px;
  -ms-border-top-right-radius: 27px;
  -ms-border-top-left-radius: 27px;
  -ms-border-bottom-right-radius: 120px 20px;
  -ms-border-bottom-left-radius: 100px 20px;
  -khtml-border-top-right-radius: 27px;
  -khtml-border-top-left-radius: 27px;
  -khtml-border-bottom-right-radius: 120px 20px;
  -khtml-border-bottom-left-radius: 100px 20px;
  border-top-right-radius: 27px;
  border-top-left-radius: 27px;
  border-bottom-right-radius: 120px 20px;
  border-bottom-left-radius: 100px 20px;
}
.game-badge {
  margin: 15px auto 25px auto;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
  clear: both;
  cursor: auto;
}
.game-badge:after {
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
  -moz-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
  -ms-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
  -o-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
  box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
}
.game-badge .badge-icon {
  color: #282A76;
  font-size: 200px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px;
}
.game-badge .badge-icon:before {
  position: relative;
  top: -20px;
}
.badge-message {
  display: block;
  text-align: center;
  width: 100%;
}
.badge-message h3 {
  color: #7CB830 !important;
  margin-top: 3px;
}
.game-badge-CreateContact .badge-icon:before,
.CreateContact .badge-icon:before {
  content: "y";
}
.game-badge-MassEditContacts .badge-icon:before,
.MassEditContacts .badge-icon:before {
  content: "?";
}
.game-badge-CreateAccount .badge-icon:before,
.CreateAccount .badge-icon:before {
  content: "P";
}
.game-badge-MassEditAccounts .badge-icon:before,
.MassEditAccounts .badge-icon:before {
  content: "]";
}
.game-badge-SearchAccounts .badge-icon:before,
.SearchAccounts .badge-icon:before {
  content: "=";
}
.game-badge-SearchContacts .badge-icon:before,
.SearchContacts .badge-icon:before {
  content: "%";
}
.game-badge-SearchOpportunities .badge-icon:before,
.SearchOpportunities .badge-icon:before {
  content: "+";
}
.game-badge-LoginUser .badge-icon:before,
.LoginUser .badge-icon:before {
  content: "E";
}
.game-badge-CreateLead .badge-icon:before,
.CreateLead .badge-icon:before {
  content: ".";
}
.game-badge-CreateCall .badge-icon:before,
.CreateCall .badge-icon:before {
  content: "W";
}
.game-badge-CreateMeeting .badge-icon:before,
.CreateMeeting .badge-icon:before {
  content: "U";
}
.game-badge-CreateNote .badge-icon:before,
.CreateNote .badge-icon:before {
  content: "3";
}
.game-badge-CreateOpportunity .badge-icon:before,
.CreateOpportunity .badge-icon:before {
  content: "9";
}
.game-badge-MassEditOpportunities .badge-icon:before,
.MassEditOpportunities .badge-icon:before {
  content: "[";
}
.game-badge-SearchOpportunity .badge-icon:before,
.SearchOpportunity .badge-icon:before {
  content: "+";
}
.game-badge-WinOpportunity .badge-icon:before,
.WinOpportunity .badge-icon:before {
  content: ";";
}
.game-badge-CreateTask .badge-icon:before,
.CreateTask .badge-icon:before {
  content: "4";
}
.game-badge-CreateComment .badge-icon:before,
.CreateComment .badge-icon:before {
  content: "b";
}
.game-badge-CreateConversation .badge-icon:before,
.CreateConversation .badge-icon:before {
  content: "O";
}
.game-badge-CreateMission .badge-icon:before,
.CreateMission .badge-icon:before {
  content: "Q";
}
.game-badge-CreateSocialItem .badge-icon:before,
.CreateSocialItem .badge-icon:before {
  content: "u";
}
.game-badge-CreateEmailTemplate .badge-icon:before,
.CreateEmailTemplate .badge-icon:before,
.game-badge-EditEmailTemplate .badge-icon:before,
.EditEmailTemplate .badge-icon:before {
  content: '\00B6';
}
.game-badge-CreateCampaign .badge-icon:before,
.CreateCampaign .badge-icon:before {
  content: '\002C';
}
.game-badge-CreateMarketingList .badge-icon:before,
.CreateMarketingList .badge-icon:before,
.game-badge-EditMarketingList .badge-icon:before,
.EditMarketingList .badge-icon:before {
  content: '\0022';
}
.game-badge-CreateReport .badge-icon:before,
.CreateReport .badge-icon:before,
.game-badge-EditReport .badge-icon:before,
.EditEmailReport .badge-icon:before {
  content: "V";
}
.game-badge-CreateWorkflow .badge-icon:before,
.CreateWorkflow .badge-icon:before,
.game-badge-EditWorkflow .badge-icon:before,
.EditWorkflow .badge-icon:before {
  content: '\20AC';
}
.game-badge-NightOwl .badge-icon:before,
.NightOwl .badge-icon:before {
  content: "$";
}
.game-badge-EarlyBird .badge-icon:before,
.EarlyBird .badge-icon:before {
  content: "#";
}
.game-badge-SearchProducts .badge-icon:before,
.SearchProducts .badge-icon:before,
.game-badge-CreateProduct .badge-icon:before,
.CreateProduct .badge-icon:before {
  content: '\003E';
}
.game-badge-CreateProductTemplate .badge-icon:before,
.CreateProductTemplate .badge-icon:before {
  content: '\00AC';
}
.game-badge-SearchProductTemplates .badge-icon:before,
.SearchProductTemplates .badge-icon:before,
.game-badge-CreateProductCategory .badge-icon:before,
.CreateProductCategory .badge-icon:before {
  content: '\00D7';
}
.game-badge-SearchProjects .badge-icon:before,
.SearchProjects .badge-icon:before {
  content: '\02C7';
}
.game-badge-CreateProject .badge-icon:before,
.CreateProject .badge-icon:before,
.game-badge-MassEditProjects .badge-icon:before,
.MassEditProjects .badge-icon:before,
.game-badge-SearchProject .badge-icon:before,
.SearchProject .badge-icon:before {
  content: '\02C7';
}
.game-level-change .badge-icon:before {
  content: ";";
}
.game-new-badge .badge-icon:before {
  content: ":";
}
.game-badge-grade-change .badge-icon:before {
  content: "}";
}
.hasPercentCounter {
  padding-right: 10px !important;
}
.percentHolder {
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 8px 0 rgba(153,153,153,0.5);
  -moz-box-shadow: 0 0 8px 0 rgba(153,153,153,0.5);
  -ms-box-shadow: 0 0 8px 0 rgba(153,153,153,0.5);
  -o-box-shadow: 0 0 8px 0 rgba(153,153,153,0.5);
  box-shadow: 0 0 8px 0 rgba(153,153,153,0.5);
  width: 100%;
  height: 16px;
}
.percentHolder:hover .percent {
  display: inline-block;
}
.percent {
  display: none;
  font-size: 10px;
  text-indent: 3px;
  font-weight: bold;
  line-height: 16px;
  position: relative;
  top: -4px;
  left: 3px;
}
.percentComplete {
  color: #282A76;
  position: relative;
  line-height: 16px;
  height: 100%;
  padding: 2px 0;
  display: inline-block;
  background-color: #f5f5f5;
  background-image: -webkit-repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,0.8) 5px,rgba(255,255,255,0.8) 4px);
  background-image: -moz-repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,0.8) 5px,rgba(255,255,255,0.8) 4px);
  background-image: -ms-repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,0.8) 5px,rgba(255,255,255,0.8) 4px);
  background-image: -o-repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,0.8) 5px,rgba(255,255,255,0.8) 4px);
  background-image: -khtml-repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,0.8) 5px,rgba(255,255,255,0.8) 4px);
  background-image: repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,0.8) 5px,rgba(255,255,255,0.8) 4px);
}
.z_0 {
  width: 0%;
}
.z_1 {
  width: 1%;
}
.z_2 {
  width: 2%;
}
.z_3 {
  width: 3%;
}
.z_4 {
  width: 4%;
}
.z_5 {
  width: 5%;
}
.z_6 {
  width: 6%;
}
.z_7 {
  width: 7%;
}
.z_8 {
  width: 8%;
}
.z_9 {
  width: 9%;
}
.z_10 {
  width: 10%;
}
.z_11 {
  width: 11%;
}
.z_12 {
  width: 12%;
}
.z_13 {
  width: 13%;
}
.z_14 {
  width: 14%;
}
.z_15 {
  width: 15%;
}
.z_16 {
  width: 16%;
}
.z_17 {
  width: 17%;
}
.z_18 {
  width: 18%;
}
.z_19 {
  width: 19%;
}
.z_20 {
  width: 20%;
}
.z_21 {
  width: 21%;
}
.z_22 {
  width: 22%;
}
.z_23 {
  width: 23%;
}
.z_24 {
  width: 24%;
}
.z_25 {
  width: 25%;
}
.z_26 {
  width: 26%;
}
.z_27 {
  width: 27%;
}
.z_28 {
  width: 28%;
}
.z_29 {
  width: 29%;
}
.z_30 {
  width: 30%;
}
.z_31 {
  width: 31%;
}
.z_32 {
  width: 32%;
}
.z_33 {
  width: 33%;
}
.z_34 {
  width: 34%;
}
.z_35 {
  width: 35%;
}
.z_36 {
  width: 36%;
}
.z_37 {
  width: 37%;
}
.z_38 {
  width: 38%;
}
.z_39 {
  width: 39%;
}
.z_40 {
  width: 40%;
}
.z_41 {
  width: 41%;
}
.z_42 {
  width: 42%;
}
.z_43 {
  width: 43%;
}
.z_44 {
  width: 44%;
}
.z_45 {
  width: 45%;
}
.z_46 {
  width: 46%;
}
.z_47 {
  width: 47%;
}
.z_48 {
  width: 48%;
}
.z_49 {
  width: 49%;
}
.z_50 {
  width: 50%;
}
.z_51 {
  width: 51%;
}
.z_52 {
  width: 52%;
}
.z_53 {
  width: 53%;
}
.z_54 {
  width: 54%;
}
.z_55 {
  width: 55%;
}
.z_56 {
  width: 56%;
}
.z_57 {
  width: 57%;
}
.z_58 {
  width: 58%;
}
.z_59 {
  width: 59%;
}
.z_60 {
  width: 60%;
}
.z_61 {
  width: 61%;
}
.z_62 {
  width: 62%;
}
.z_63 {
  width: 63%;
}
.z_64 {
  width: 64%;
}
.z_65 {
  width: 65%;
}
.z_66 {
  width: 66%;
}
.z_67 {
  width: 67%;
}
.z_68 {
  width: 68%;
}
.z_69 {
  width: 69%;
}
.z_70 {
  width: 70%;
}
.z_71 {
  width: 71%;
}
.z_72 {
  width: 72%;
}
.z_73 {
  width: 73%;
}
.z_74 {
  width: 74%;
}
.z_75 {
  width: 75%;
}
.z_76 {
  width: 76%;
}
.z_77 {
  width: 77%;
}
.z_78 {
  width: 78%;
}
.z_79 {
  width: 79%;
}
.z_80 {
  width: 80%;
}
.z_81 {
  width: 81%;
}
.z_82 {
  width: 82%;
}
.z_83 {
  width: 83%;
}
.z_84 {
  width: 84%;
}
.z_85 {
  width: 85%;
}
.z_86 {
  width: 86%;
}
.z_87 {
  width: 87%;
}
.z_88 {
  width: 88%;
}
.z_89 {
  width: 89%;
}
.z_90 {
  width: 90%;
}
.z_91 {
  width: 91%;
}
.z_92 {
  width: 92%;
}
.z_93 {
  width: 93%;
}
.z_94 {
  width: 94%;
}
.z_95 {
  width: 95%;
}
.z_96 {
  width: 96%;
}
.z_97 {
  width: 97%;
}
.z_98 {
  width: 98%;
}
.z_99 {
  width: 99%;
}
.z_100 {
  width: 100%;
}
.ModalGameNotification {
  height: auto !important;
  padding: 20px;
  text-align: center;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
}
.ModalGameNotification a:focus {
  outline: none;
}
.ModalGameNotificationParent {
  min-width: 310px !important;
  width: 310px !important;
}
a.close-ModalGameNotification.simple-link {
  text-decoration: underline !important;
  background: none !important;
  margin-right: 10px;
  margin-left: -35px;
  top: -10px;
  font-size: 11px;
}
.UserSocialItemsForPortletView {
  margin-right: 20px !important;
}
.UserSocialItemsForPortletView .wide.form {
  border: none;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  float: none;
  margin-bottom: 0;
}
.UserSocialItemsForPortletView .empty {
  display: none;
}
#UserDetailsView {
  padding: 0 0 20px 0;
}
#UserDetailsView .details-table {
  *zoom: 1 !important;
  position: relative !important;
}
#UserDetailsView .details-table:before,
#UserDetailsView .details-table:after {
  content: " ";
  display: table;
}
#UserDetailsView .details-table:after {
  clear: both;
}
.gravatar-container a {
  display: block;
  float: left;
  position: relative;
}
.gravatar-container span {
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index: 1;
  display: none;
  width: 100%;
  height: auto;
  background: rgba(255,255,255,0.7);
}
.gravatar-container:hover span {
  display: block;
}
.gravatar-container + .panel {
  float: left;
}
.gravatar-container + .panel + .panel {
  clear: right;
}
#UserChangeAvatarView {
  *zoom: 1;
}
#UserChangeAvatarView:before,
#UserChangeAvatarView:after {
  content: " ";
  display: table;
}
#UserChangeAvatarView:after {
  clear: both;
}
#UserChangeAvatarView .col-0 {
  width: 100%;
}
#UserChangeAvatarView .col-1 {
  width: 0;
}
#UserChangeAvatarView .wrapper {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0 !important;
}
#UserChangeAvatarView .wrapper table {
  margin-bottom: 0 !important;
}
#UserChangeAvatarView .wrapper td {
  padding-left: 0 !important;
}
#UserChangeAvatarView .view-toolbar-container {
  margin-top: 0 !important;
}
#customAvatarEmailAddressInput {
  float: left;
  width: 100%;
  margin-top: 3px;
}
#customAvatarEmailAddressInput label {
  float: left;
  margin-top: 5px;
}
#customAvatarEmailAddressInput input {
  width: 70%;
}
#user-gravatar-tooltip {
  margin-top: 4px;
  margin-left: 10px;
}
#GameRewardsRedeemListView .pager.horizontal {
  border: 1px solid #DFDFDF;
  border-top: none;
}
.reward-name {
  margin-bottom: 5px;
  display: block;
}
.reward-name span {
  font-weight: normal;
  font-size: 11px;
  color: #545454;
}
.reward-description {
  line-height: 1.5;
  padding-bottom: 1.33em;
}
.reward-cost {
  display: inline-block;
  line-height: 16px;
  font-weight: bold;
  padding-right: 20px;
  background: url("../images/game-dashboard/z-coin-small.png") right top no-repeat;
}
.reward-redeem-link {
  float: right;
  margin: -15px 10px 0 0;
}
#WelcomeView {
  padding-right: 20px !important;
}
#WelcomeView h1 {
  font-size: 50px;
  float: left;
}
#WelcomeView h1 span {
  font-size: 14px;
}
#WelcomeView a {
  text-decoration: underline !important;
}
#WelcomeView .social-links {
  margin: 30px -5px 0 0 !important;
}
a.dashboard-link {
  text-decoration: none !important;
  margin-top: 30px;
  margin-left: 0;
  font-size: 14px !important;
  cursor: pointer;
}
a.dashboard-link .z-label {
  line-height: 36px !important;
}
#welcome-content {
  margin-top: 30px;
  padding-bottom: 30px;
  display: block;
  float: left;
  width: 100%;
  *zoom: 1;
}
#welcome-content:before,
#welcome-content:after {
  content: " ";
  display: table;
}
#welcome-content:after {
  clear: both;
}
.help-section {
  border-top: 1px solid #fff;
  padding: 30px 0 0 15px;
  width: 50%;
  float: left;
  font-size: 12px;
  margin-bottom: 30px;
}
.help-section h3 {
  font-size: 16px;
  margin-bottom: 20px;
}
.help-section ul {
  margin-left: 15px;
  font-weight: bold;
  color: #666;
}
.help-section li {
  margin-bottom: 10px;
}
.help-section a {
  color: #666;
  font-weight: bold;
}
#tip-of-day-next-page-link {
  margin-left: 16px;
}
.hide-welcome {
  display: block;
  clear: both;
  position: relative;
  top: 30px;
  font-size: 11px;
}
.hide-welcome span {
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  border: none;
  margin-right: 5px;
  outline: none !important;
  display: inline-block;
  position: relative;
  top: 2px;
  color: #7CB830;
}
.hide-welcome span:before {
  content: "•";
}
#instructions {
  *zoom: 1;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
#instructions p {
  font-size: 25px;
  line-height: 35px;
  padding-right: 100px;
  padding-top: 15px;
}
#instructions:before,
#instructions:after {
  content: " ";
  display: table;
}
#instructions:after {
  clear: both;
}
#welcome-gallery {
  margin-right: 45px;
  float: left;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  position: relative;
}
#welcome-gallery img {
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  z-index: 0;
  position: relative;
}
#welcome-gallery span {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  background-image: -o-linear-gradient(90deg,rgba(255,255,255,0) 55%,#ffffff 100%);
  background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0) 55%,#ffffff 100%);
  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0) 55%,#ffffff 100%);
  background-image: -ms-linear-gradient(90deg,rgba(255,255,255,0) 55%,#ffffff 100%);
  background-image: linear-gradient(90deg,rgba(255,255,255,0) 55%,#ffffff 100%);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #LoginView,
  #HeaderLinksView > div,
  .AppContainer {
    margin: 0 !important;
  }
  .AppContainer {
    min-width: none;
  }
}
.gravatar {
  float: left;
  border: 1px solid #fff !important;
  background: #DFDFDF;
  padding: 2px;
}
.list-row-model-date {
  float: right;
  margin-right: 10px;
}
#ConversationEditView td {
  padding-left: 0;
}
#ConversationEditView textarea {
  line-height: 130%;
}
.single-coloumn-details-view.AppContent,
#MissionDetailsView.AppContent,
#ConversationDetailsView.AppContent,
#ConversationDetailsAndRelationsView.AppContent {
  padding-right: 0;
}
.single-coloumn-details-view .GridView,
#MissionDetailsView .GridView,
#ConversationDetailsView .GridView,
#ConversationDetailsAndRelationsView .GridView {
  display: none;
}
.single-coloumn-details-view .GridView:first-child,
#MissionDetailsView .GridView:first-child,
#ConversationDetailsView .GridView:first-child,
#ConversationDetailsAndRelationsView .GridView:first-child {
  display: block;
  width: 100%;
}
.single-coloumn-details-view .panel,
#MissionDetailsView .panel,
#ConversationDetailsView .panel,
#ConversationDetailsAndRelationsView .panel {
  width: 70%;
  float: left;
}
.single-coloumn-details-view .panel > table,
#MissionDetailsView .panel > table,
#ConversationDetailsView .panel > table,
#ConversationDetailsAndRelationsView .panel > table {
  border-bottom: none;
}
.single-coloumn-details-view .details-table,
#MissionDetailsView .details-table,
#ConversationDetailsView .details-table,
#ConversationDetailsAndRelationsView .details-table {
  border: 1px solid #ccc !important;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  background-color: #f5f5f5  !important;
  background-repeat: no-repeat  !important;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5))  !important;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5)  !important;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5)  !important;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5)  !important;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5)  !important;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5)  !important;
  *zoom: 1;
}
.single-coloumn-details-view .details-table:before,
.single-coloumn-details-view .details-table:after,
#MissionDetailsView .details-table:before,
#MissionDetailsView .details-table:after,
#ConversationDetailsView .details-table:before,
#ConversationDetailsView .details-table:after,
#ConversationDetailsAndRelationsView .details-table:before,
#ConversationDetailsAndRelationsView .details-table:after {
  content: " ";
  display: table;
}
.single-coloumn-details-view .details-table:after,
#MissionDetailsView .details-table:after,
#ConversationDetailsView .details-table:after,
#ConversationDetailsAndRelationsView .details-table:after {
  clear: both;
}
.single-coloumn-details-view .toolbar-mbmenu,
#MissionDetailsView .toolbar-mbmenu,
#ConversationDetailsView .toolbar-mbmenu,
#ConversationDetailsAndRelationsView .toolbar-mbmenu {
  top: 8px !important;
}
.thread-details {
  margin: 0 0 10px 0 !important;
  width: 100%;
}
.thread-details td + th {
  padding-left: 0 !important;
}
.thread-details th,
.thread-details td {
  text-align: left;
  padding: 5px 0;
}
.thread-details th {
  color: #545454;
}
.thread-details .attachments {
  margin: 0;
  font-weight: normal;
}
.conversation-related-Account {
  -webkit-text-shadow: 0 1px #fff;
  -moz-text-shadow: 0 1px #fff;
  -ms-text-shadow: 0 1px #fff;
  -o-text-shadow: 0 1px #fff;
  text-shadow: 0 1px #fff;
}
.conversation-related-Account > div {
  position: relative;
}
.conversation-related-Account > div:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  content: "P";
  position: absolute;
  top: -3px;
  line-height: 1;
}
.conversation-related-Account a {
  position: relative;
  left: 15px;
}
.conversation-related-Opportunity {
  -webkit-text-shadow: 0 1px #fff;
  -moz-text-shadow: 0 1px #fff;
  -ms-text-shadow: 0 1px #fff;
  -o-text-shadow: 0 1px #fff;
  text-shadow: 0 1px #fff;
}
.conversation-related-Opportunity > div {
  position: relative;
}
.conversation-related-Opportunity > div:before {
  font-weight: normal !important;
  font-size: 21px;
  font-family: "zurmo_gamification_symbly_rRg";
  content: "9";
  position: absolute;
  top: -2px;
  line-height: 1;
}
.conversation-related-Opportunity a {
  position: relative;
  left: 15px;
}
.conversationStatusChangeArea {
  margin: 0 0 15px 0;
  padding: 0;
}
.conversationStatusChangeArea > span {
  float: left;
  line-height: 1;
  margin: 10px 10px 0 0;
  padding: 0 0;
  font-weight: bold;
}
.conversationStatusChangeArea label {
  display: inline !important;
  margin-right: 10px;
}
.conversationStatusChangeArea label input {
  margin-right: 5px;
}
.switch {
  border: 1px solid rgba(170,170,170,0.3);
  background-color: #999;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#777,#999);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#777),color-stop(100%,#999));
  background-image: -webkit-linear-gradient(top,#777,#999);
  background-image: -o-linear-gradient(top,#777,#999);
  background-image: -moz-linear-gradient(top,#777,#999);
  background-image: linear-gradient(top,#777,#999);
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.15);
  display: inline-block;
  padding: 8px 2px 7px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  float: right;
}
.switch-state {
  display: inline-block;
  position: relative;
  width: auto;
}
.switch-state label {
  position: relative;
  z-index: 0;
  padding: 5px 7px 5px 7px !important;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #fff;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer;
}
.switch-state input {
  position: absolute;
  z-index: 1;
  left: 7px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.switch-state input:after {
  content: "";
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  display: block;
  position: absolute;
  left: -3px;
  top: -2px;
}
.switch-state input:checked + label {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.switch-state:first-child input:checked + label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#97c43d,#6fa82d) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#6fa82d)) !important;
  background-image: -webkit-linear-gradient(top,#97c43d,#6fa82d) !important;
  background-image: -o-linear-gradient(top,#97c43d,#6fa82d) !important;
  background-image: -moz-linear-gradient(top,#97c43d,#6fa82d) !important;
  background-image: linear-gradient(top,#97c43d,#6fa82d) !important;
  border: 1px solid #97c43d;
}
.switch-state:last-child input:checked + label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#c43d53,#a82d31) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c43d53),color-stop(100%,#a82d31)) !important;
  background-image: -webkit-linear-gradient(top,#c43d53,#a82d31) !important;
  background-image: -o-linear-gradient(top,#c43d53,#a82d31) !important;
  background-image: -moz-linear-gradient(top,#c43d53,#a82d31) !important;
  background-image: linear-gradient(top,#c43d53,#a82d31) !important;
  border: 1px solid #c43d53;
}
.switch-state:first-child input:checked:after {
  border: 2px solid #6fa82d;
  box-shadow: 0 0 10px #6fa82d;
}
.switch-state:last-child input:checked:after {
  border: 2px solid #a82d31;
  box-shadow: 0 0 10px #a82d31;
}
.switch-state + .switch-state {
  margin-left: 0;
}
#ModelDetailsSummaryView h2,
.CommentList h2 {
  margin-bottom: 15px;
}
.comment-details {
  display: inline-block;
  font-size: 11px;
}
.comment-details strong {
  color: #999;
  font-weight: normal !important;
}
.CommentList {
  margin-left: 115px;
}
.CommentList .comment {
  margin-top: 15px;
}
.CommentList:last-child {
  margin-bottom: 25px;
}
.comment {
  line-height: 140%;
}
.comment .gravatar {
  margin-top: 1px;
}
.comment .comment-content {
  padding-left: 50px;
  line-height: 140%;
}
.comment.unread {
  font-weight: bold;
}
.comment .delete-comment,
.comment .edit-comment {
  font-size: 11px;
  color: #282A76;
}
.comment .delete-comment a,
.comment .edit-comment a {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #282A76;
}
.comment .delete-comment a:hover,
.comment .edit-comment a:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.model-details-summary {
  font-size: 12px !important;
  padding-left: 115px;
}
.model-details-summary .gravatar {
  margin-left: -115px;
}
.model-details-summary .comment-content {
  font-size: 12px;
  padding-left: 0;
}
.conversation-subject {
  margin-bottom: 30px;
}
.conversation-subject .comment-content {
  font-size: 15px;
  line-height: 150%;
  font-style: italic;
}
.showAllCommentsLink {
  margin-left: 130px;
  position: relative;
  top: 5px;
  display: block;
  font-size: 11px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  text-decoration: none;
  color: #282A76;
}
.showAllCommentsLink:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  text-decoration: none;
}
#ModelDetailsSummaryView,
#CommentInlineEditForModelView,
#CommentsForRelatedModelView {
  max-width: 600px;
}
#ModelDetailsSummaryView .wide.form,
#CommentInlineEditForModelView .wide.form,
#CommentsForRelatedModelView .wide.form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#ModelDetailsSummaryView h2,
#CommentInlineEditForModelView h2,
#CommentsForRelatedModelView h2 {
  font-size: 15px;
}
#CommentInlineEditForModelView {
  margin-top: 0;
  padding-left: 115px;
}
#CommentInlineEditForModelView td {
  padding: 0 0 0 0 !important;
}
#CommentInlineEditForModelView h2 {
  margin: 0 0 10px 0;
}
#CommentInlineEditForModelView .wide.form {
  padding: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
#CommentInlineEditForModelView form {
  padding: 0;
  margin-bottom: 15px;
}
#CommentInlineEditForModelView .panel {
  width: 100%;
  float: none;
}
#CommentInlineEditForModelView table {
  margin-bottom: 0;
}
.attachments {
  margin-top: 5px;
  list-style: none;
  line-height: 140%;
}
.attachments li {
  margin-bottom: 2px;
  padding-left: 15px;
}
.icon-attachment {
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  float: left;
  margin-left: -15px;
}
.icon-attachment:before {
  content: "H";
}
#ConversationsPageView ~ .token-input-dropdown {
  min-width: 0 !important;
}
.unread td,
.unread td a {
  font-weight: bold;
  color: #282A76;
}
#ConversationDetailsView .details-table,
#MissionDetailsView .details-table {
  *zoom: 1;
  margin-right: 0 !important;
}
#ConversationDetailsView .details-table:before,
#ConversationDetailsView .details-table:after,
#MissionDetailsView .details-table:before,
#MissionDetailsView .details-table:after {
  content: " ";
  display: table;
}
#ConversationDetailsView .details-table:after,
#MissionDetailsView .details-table:after {
  clear: both;
}
#ConversationDetailsView .panel > table,
#MissionDetailsView .panel > table {
  border-bottom: none;
}
#MissionEditView .panel {
  width: 100% !important;
}
#MissionEditView .view-toolbar-container + .left-column {
  display: none;
}
.mission-change-status-link {
  margin: 0 5px !important;
}
#MissionDetailsView .missionStatusChangeArea {
  margin-bottom: 10px;
}
#MissionDetailsView .mission-change-status-link {
  position: relative;
  top: 9px;
}
.missionStatusChangeArea {
  margin-top: 10px;
  display: inline-block;
}
.missionStatusChangeArea a {
  float: none;
  color: #fff !important;
}
.actions-column .missionStatusChangeArea {
  margin-top: 0;
}
.comment-content {
  font-weight: normal;
}
.comment-content .missionStatusChangeArea a:first-child {
  margin-left: 15px;
}
a.user-link {
  font-weight: bold;
  color: #545454;
}
.mission-status {
  margin: 0 5px;
  font-weight: bold;
}
#MissionsListView .actions-column {
  width: 250px;
}
.actions-column {
  text-align: right;
}
.actions-column .mission-status {
  vertical-align: 60%;
  font-weight: normal;
  font-style: italic;
}
#MissionDetailsView .files,
#ConversationDetailsView .files {
  padding-bottom: 10px;
}
.SocialItemsListView tr:hover,
#AllSocialItemsForPortletView tr:hover {
  background: none !important;
  color: inherit !important;
}
.SocialItemsListView td:first-child,
#AllSocialItemsForPortletView td:first-child {
  border-top: none;
}
.SocialItemsListView .CommentList,
#AllSocialItemsForPortletView .CommentList {
  margin-left: 80px;
}
.SocialItemsListView .model-details-summary,
#AllSocialItemsForPortletView .model-details-summary {
  padding-left: 80px;
  padding-top: 0;
}
.SocialItemsListView .model-details-summary .gravatar,
#AllSocialItemsForPortletView .model-details-summary .gravatar {
  margin-left: -65px;
}
.SocialItemsListView .show-create-comment,
#AllSocialItemsForPortletView .show-create-comment {
  margin-left: 80px;
  font-size: 11px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #282A76;
}
.SocialItemsListView .show-create-comment:hover,
#AllSocialItemsForPortletView .show-create-comment:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.SocialItemsListView .wide.form,
#AllSocialItemsForPortletView .wide.form {
  margin-bottom: 0;
  border: none;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  float: none;
}
.SocialItemsListView .comment-content,
#AllSocialItemsForPortletView .comment-content {
  padding-right: 15px;
}
#MissionsPageView #comment-inline-edit-form .left-column,
#MissionsPageView #social-item-inline-edit-form .left-column,
#ConversationsPageView #comment-inline-edit-form .left-column,
#ConversationsPageView #social-item-inline-edit-form .left-column {
  padding: 0;
  z-index: 99999;
  position: relative;
}
#MissionsPageView #comment-inline-edit-form .form-toolbar,
#MissionsPageView #social-item-inline-edit-form .form-toolbar,
#ConversationsPageView #comment-inline-edit-form .form-toolbar,
#ConversationsPageView #social-item-inline-edit-form .form-toolbar {
  padding: 0;
}
#comment-inline-edit-form,
#social-item-inline-edit-form {
  padding-bottom: 15px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#comment-inline-edit-form td:first-child,
#social-item-inline-edit-form td:first-child {
  padding-left: 0;
}
#comment-inline-edit-form .file-upload-box,
#social-item-inline-edit-form .file-upload-box {
  padding: 11px 0 10px 0;
  display: none;
  float: left;
}
#comment-inline-edit-form .form-toolbar,
#social-item-inline-edit-form .form-toolbar {
  text-align: right;
  border-top: none;
  padding: 0 15px;
  margin-top: 0;
}
#comment-inline-edit-form .form-toolbar a,
#social-item-inline-edit-form .form-toolbar a {
  color: #fff;
  margin-right: 0;
  float: right;
}
#comment-inline-edit-form table.files,
#social-item-inline-edit-form table.files {
  border-bottom: none;
  float: left;
  margin-top: 5px;
}
#comment-inline-edit-form .panel > table,
#social-item-inline-edit-form .panel > table {
  border: none;
}
#social-item-inline-edit-form .view-toolbar-container {
  float: none;
}
#comment-inline-edit-form {
  border-bottom: none;
}
#comment-inline-edit-form .file-upload-box {
  padding: 14px 0 0 0;
}
#comment-inline-edit-form tr.template-download td {
  padding-left: 0 !important;
}
.SocialItemsListView .items {
  width: 100%;
}
.SocialItemsListView .items > tbody > tr > td {
  padding: 0 !important;
}
.social-item {
  border-top: 1px solid #fff;
  padding: 15px 0;
}
.social-item .wide.form {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.social-item .wide.form form {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding-bottom: 0;
}
.social-item .wide.form form td {
  padding: 5px 0 10px 65px !important;
}
.social-item textarea {
  width: 100%;
}
.social-item table {
  border-bottom: none;
}
.social-item .form-toolbar {
  text-align: right;
  border: none;
  padding-top: 0;
}
.social-item .form-toolbar a {
  margin-right: 0;
}
#ArchivedEmailMatchingListView .items td {
  padding-right: 10px;
}
#ArchivedEmailMatchingListView .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
}
#ArchivedEmailMatchingListView table {
  width: 100%;
}
.email-archive-item {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}
.email-archive-item .lead-conversion-actions {
  padding-left: 0;
}
.email-archive-item .wide.form {
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  padding-bottom: 0;
  margin-bottom: 0;
}
.email-archive-item .wide.form > form {
  padding: 0;
}
.email-archive-item .wide.form > form table {
  padding-bottom: 15px !important;
}
.email-archive-item .overlay-label-field {
  padding-bottom: 0;
}
.email-archive-item .matching-actions-and-content > div {
  margin-top: 15px;
}
.email-archive-item .matching-actions-and-content form {
  padding-bottom: 0;
}
.email-archive-item tr:hover {
  background: none !important;
}
.email-archive-item th {
  height: auto !important;
  line-height: 1 !important;
  padding: 0 0 15px 0 !important;
}
.email-archive-item td {
  padding-right: 0 !important;
  padding-bottom: 15px;
}
.email-archive-item th,
.email-archive-item td {
  background: none !important;
  border: none !important;
}
.email-archive-item .email-matching-summary-content span {
  line-height: 150%;
  font-weight: bold;
  color: #525252;
  font-size: 11px;
}
.email-archive-item .email-from,
.email-archive-item .email-to {
  display: block;
  font-weight: 400 !important;
}
.email-archive-item .email-from strong,
.email-archive-item .email-to strong {
  font-weight: bold;
}
.email-archive-item .email-from,
.email-archive-item .email-to,
.email-archive-item .email-subject {
  line-height: 140%;
  margin-bottom: 2px;
}
.email-archive-item .beforeOptOutCheckBox + .hasCheckBox {
  left: 0 !important;
}
.email-archive-item .beforeOptOutCheckBox + .hasCheckBox label.hasCheckBox {
  margin-right: 0;
  margin-left: 5px;
}
.email-archive-item .beforeOptOutCheckBox + .hasCheckBox label.hasCheckBox+label {
  margin-left: 5px;
  margin-right: 0;
}
.email-matching-actions {
  margin: 5px 0 0 0 !important;
  display: block;
}
.email-matching-actions a {
  text-decoration: none;
  color: #282A76;
}
.email-matching-show-more,
.email-matching-show-less {
  margin-top: 10px;
  cursor: pointer;
}
.email-matching-show-less {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.icon-down-arrow {
  font-weight: normal;
}
.icon-down-arrow:before {
  position: relative;
  color: #545454 !important;
  content: "6";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  top: 1px;
  margin: 0 4px 0 0;
}
.icon-up-arrow {
  font-weight: normal;
}
.icon-up-arrow:before {
  position: relative;
  color: #545454 !important;
  content: "5";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  top: 1px;
  margin: 0 4px 0 0;
}
.expanded {
  background-color: #f5f5f5 !important;
  background-repeat: no-repeat !important;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) !important;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) !important;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) !important;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) !important;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) !important;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) !important;
}
.expanded > td {
  padding-bottom: 0 !important;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
}
.active-panel {
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
}
#CreateEmailMessageModalEditView .panel {
  width: 100%;
}
#CreateEmailMessageModalEditView td {
  padding-left: 0;
}
#CreateEmailMessageModalEditView .more-panels-link {
  display: block;
  margin: 0 0 0 10%;
  font-size: 11px;
  float: left;
  position: relative;
  top: 6px;
}
#CreateEmailMessageModalEditView div.overlay-label-field {
  padding-bottom: 0;
}
#CreateEmailMessageModalEditView .redactor_box iframe {
  min-height: 300px !important;
}
.recipient {
  *zoom: 1;
}
.recipient:before,
.recipient:after {
  content: " ";
  display: table;
}
.recipient:after {
  clear: both;
}
.recipient > label {
  float: left;
  width: 10%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
}
.recipient > div {
  float: right;
  width: 90%;
}
#cc-bcc-fields .recipient {
  margin-top: 15px;
}
#NoUserEmailConfigurationYetView {
  *zoom: 1;
  padding: 0 0 30px 0;
}
#NoUserEmailConfigurationYetView:before,
#NoUserEmailConfigurationYetView:after {
  content: " ";
  display: table;
}
#NoUserEmailConfigurationYetView:after {
  clear: both;
}
#NoUserEmailConfigurationYetView .large-icon {
  margin-top: 0;
}
#NoUserEmailConfigurationYetView .large-icon:after {
  font-size: 220px;
}
#NoUserEmailConfigurationYetView p {
  margin-top: 15px;
}
#redactor_modal input[type="text"],
#redactor_modal input[type="password"],
#redactor_modal input[type="email"],
#redactor_modal textarea {
  z-index: 9999 !important;
}
.outbound-settings {
  clear: left;
  position: relative;
  top: 5px;
}
.outbound-settings div {
  margin-bottom: 10px;
}
.outbound-settings label {
  margin-bottom: 5px;
}
#ReportsSearchView .search-view-1 table {
  border-bottom: none;
  margin-bottom: 15px;
}
#ReportsSearchView .search-view-1 td {
  width: 34%;
  padding-right: 1%;
}
#ReportsSearchView .search-view-1 th {
  width: 15%;
}
#ReportsSearchView .search-view-1 td+th {
  padding-left: 1%;
}
#ReportsSearchView .search-view-1 td:last-child {
  padding-right: 0;
}
.ComponentForWorkflowWizardView .view-toolbar-container,
.ComponentForReportWizardView .view-toolbar-container {
  margin-top: 30px;
}
.ComponentForWorkflowWizardView h3 + div,
.ComponentForReportWizardView h3 + div {
  position: relative;
}
.ComponentForWorkflowWizardView .treeview ul,
.ComponentForReportWizardView .treeview ul {
  background: none;
}
.ComponentForWorkflowWizardView .treeview li:hover,
.ComponentForReportWizardView .treeview li:hover {
  cursor: pointer;
}
.ComponentForWorkflowWizardView .treeview li:active,
.ComponentForReportWizardView .treeview li:active {
  cursor: move;
}
.ComponentForWorkflowWizardView .treeview span:hover,
.ComponentForReportWizardView .treeview span:hover {
  color: #282A76;
}
.ComponentForWorkflowWizardView .treeview .ui-draggable-dragging,
.ComponentForReportWizardView .treeview .ui-draggable-dragging {
  background: none;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
  text-indent: 0;
  line-height: 30px;
  min-width: 120px;
  height: 30px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed);
  background-image: linear-gradient(top,#f6f6f6,#ededed);
}
.ComponentForWorkflowWizardView .radio-input,
.ComponentForReportWizardView .radio-input {
  margin-bottom: 10px !important;
}
#ModuleForWorkflowWizardView table span,
#ModuleForReportWizardView table span {
  text-align: left;
  display: block;
  margin-bottom: 20px;
}
#ModuleForWorkflowWizardView table td,
#ModuleForReportWizardView table td {
  padding-left: 0;
}
.hasTree {
  width: 25%;
  float: left;
  padding: 8px 0;
  min-height: 500px;
  max-height: 600px;
  overflow: auto;
  z-index: 10;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.hasTree .big-spinner {
  margin-left: 45%;
  margin-top: 30%;
}
.dynamic-droppable-area {
  width: 75%;
  float: right;
  padding-left: 15px;
  margin-top: 10px;
  position: relative;
  z-index: 5;
}
.droppable-dynamic-rows-container.ui-droppable {
  float: left;
  width: 100%;
  z-index: 0;
  min-height: 600px;
  position: relative;
  margin-bottom: 15px;
}
.droppable-dynamic-rows-container.ui-droppable.ui-state-active .drop-zone {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.droppable-dynamic-rows-container.EmailMessages,
.droppable-dynamic-rows-container.Actions {
  min-height: 0;
}
.activate-drop-zone {
  -webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
}
.activate-drop-zone .drop-zone {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 100;
}
.drop-zone {
  color: #282A76;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  width: 100%;
  height: 100%;
  display: block;
  padding: 5px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  clear: left;
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 0;
  background: rgba(255,255,255,0.5);
}
.drop-zone div {
  padding-top: 35%;
  display: block;
  width: 100%;
  height: 100%;
}
.cloned {
  border: 2px solid red !important;
  z-index: 10000;
}
.dynamic-rows {
  float: left;
  width: 100%;
  position: relative;
  z-index: 5;
}
.dynamic-rows ul,
.dynamic-rows li {
  list-style: none;
}
.dynamic-row {
  *zoom: 1;
  position: relative;
  width: 100%;
  display: block;
  margin: 0 0 5px 0;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 30px 10px 10px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
}
.dynamic-row:before,
.dynamic-row:after {
  content: " ";
  display: table;
}
.dynamic-row:after {
  clear: both;
}
.dynamic-row > div {
  position: relative;
  float: left;
  width: 100%;
  *zoom: 1;
}
.dynamic-row > div:before,
.dynamic-row > div:after {
  content: " ";
  display: table;
}
.dynamic-row > div:after {
  clear: both;
}
.dynamic-row > div > span:first-child + div {
  margin-right: 0 !important;
  width: 45%;
  float: left;
}
.dynamic-row > div .criteria-value-container {
  margin-right: 30px !important;
  width: 45%;
  float: right;
}
.dynamic-row > div .has-model-select {
  float: left;
}
.dynamic-row label.hasCheckBox {
  margin-left: 0 !important;
}
.dynamic-row .edit-dynamic-row-link {
  margin-left: 0;
  cursor: pointer;
}
.dynamic-row .remove-dynamic-row-link {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #a7a7a7 !important;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.dynamic-row .dynamic-row-number-label {
  position: absolute;
  width: 25px;
  text-align: right;
  left: -32px;
  top: 0;
  float: left;
  line-height: 26px;
  margin-right: 15px;
  font-weight: bold;
  -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -ms-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  -o-text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.dynamic-row .errorMessage {
  margin-bottom: 5px;
}
.dynamic-row .hasDropDown {
  width: auto !important;
}
.dynamic-row:hover .remove-dynamic-row-link {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.dynamic-row .z-button {
  margin-left: 0;
}
.remove-action-row-link {
  position: relative;
  top: -9px;
  margin-left: 10px;
}
.dynamic-row.clone {
  padding: 15px;
  position: absolute;
  z-index: 10000;
}
.glow {
  background-color: #ffffe0;
  border-color: #e6db55;
}
.dynamic-sub-row {
  *zoom: 1;
  position: relative;
  width: 100%;
  display: block;
  margin: 0 0 10px 0;
}
.dynamic-sub-row:before,
.dynamic-sub-row:after {
  content: " ";
  display: table;
}
.dynamic-sub-row:after {
  clear: both;
}
.dynamic-sub-row .dynamic-action-attribute-should-set-value {
  padding: 0;
  width: auto;
  margin-right: 10px;
}
.dynamic-sub-row .dynamic-row-label {
  width: 25%;
}
.dynamic-sub-row .dynamic-action-attribute-type-and-value-wrapper {
  width: 70%;
}
.dynamic-sub-row + h3 {
  margin-top: 15px;
}
.dynamic-action-attribute-type {
  width: 35%;
  float: left;
}
.dynamic-action-attribute-type > span {
  line-height: 26px;
}
.dynamic-action-attribute-type + .value-data {
  width: 65%;
  padding-left: 15px;
}
.Filters .dynamic-row,
.Triggers .dynamic-row,
.Actions .dynamic-row,
.EmailMessages .dynamic-row {
  padding: 10px 30px;
}
.ui-sortable .dynamic-row:hover,
.sortable .dynamic-row:hover {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background: #f0f0f0 url("../images/drag-handle.png") left top repeat-y;
}
.ui-sortable .ui-sortable-helper .dynamic-row,
.sortable .ui-sortable-helper .dynamic-row {
  cursor: move;
  background-color: #f5f5f5;
}
.ui-sortable .expanded-row .dynamic-row:hover,
.sortable .expanded-row .dynamic-row:hover {
  background-image: none !important;
}
.dynamic-row-label {
  float: left;
  line-height: 26px;
  width: 25%;
}
.dynamic-action-attribute-should-set-value,
.dynamic-row-operator {
  float: left;
  width: 20%;
  padding-left: 15px;
}
.dynamic-action-attribute-type-and-value-wrapper,
.dynamic-row-field {
  float: right;
  width: 75%;
}
.value-data {
  float: right;
  width: 80%;
}
.value-data .has-model-select {
  width: 100%;
}
.report-runtime-availability {
  min-width: 145px;
  position: relative;
  display: block;
  float: right;
  line-height: 26px;
  font-size: 11px;
  margin: 0 0 0 -160px;
}
.report-runtime-availability label {
  float: right !important;
  margin-right: 5px;
}
.report-runtime-availability .hasCheckBox {
  float: left !important;
  margin-left: 0;
  margin-right: 8px !important;
}
.hasFilter .dynamic-row-label {
  width: 100%;
}
.hasFilter .dynamic-row-operator {
  padding-left: 0;
}
.hasFilter .value-data {
  float: left;
  width: 100%;
  padding-right: 160px;
}
.hasFilter .dynamic-row-operator + .value-data {
  padding-left: 15px;
  width: 80%;
}
.first-date-area {
  display: block;
}
.dynamic-and-for-mixed {
  display: inline-block;
  padding: 5px 0;
  font-weight: bold;
}
#show-triggers-structure-wrapper,
#show-filters-structure-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  float: left;
  margin-top: 15px;
}
#show-triggers-structure-wrapper span,
#show-filters-structure-wrapper span {
  width: 120px;
}
#show-triggers-structure-div-link,
#show-filters-structure-div-link {
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
  background-color: #282A76 !important;
}
#RuntimeFiltersForPortletView {
  float: left;
  width: 100%;
}
#RuntimeFiltersForPortletView .wrapper,
#RuntimeFiltersForPortletView #edit-form,
#RuntimeFiltersForPortletView .dynamic-row {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#RuntimeFiltersForPortletView .dynamic-row {
  padding: 0 0 15px 0;
}
#RuntimeFiltersForPortletView .value-data {
  width: 55%;
  padding-left: 15px;
}
#RuntimeFiltersForPortletView .dynamic-rows {
  float: none;
}
#RuntimeFiltersForPortletView .first-date-area {
  margin-top: 0;
}
#RuntimeFiltersForPortletView .view-toolbar-container {
  width: 100%;
}
.ReportResultsComponentForPortletView {
  position: relative;
  min-height: 60px;
}
.ReportResultsComponentForPortletView .big-spinner {
  display: block;
  float: left;
  position: relative;
  left: 50%;
  margin: 10px 0 0 -21px;
  height: 65px;
}
.ReportResultsGridView #report-results-grid-view {
  overflow-x: auto;
}
.ReportResultsGridView #report-results-grid-view > .items th,
.ReportResultsGridView #report-results-grid-view > .items td {
  border-left: 1px solid #DFDFDF !important;
}
.ReportResultsGridView #report-results-grid-view > .items th {
  border-top: 1px solid #DFDFDF !important;
}
.ReportResultsGridView #report-results-grid-view > .items thead th:first-child {
  border-left: none !important;
}
.ReportResultsGridView #report-results-grid-view > .items thead tr:first-child th,
.ReportResultsGridView #report-results-grid-view > .items thead tr:first-child td {
  border-top: none !important;
}
.ReportResultsGridView #report-results-grid-view > .items tbody th:first-child {
  padding-left: 5px !important;
  border-left: none !important;
}
.ReportResultsGridView #report-results-grid-view > .items tbody td:first-child,
.ReportResultsGridView #report-results-grid-view > .items tfoot td:first-child {
  border-left: none !important;
}
.ReportResultsGridView #report-results-grid-view > .items .total-column,
.ReportResultsGridView #report-results-grid-view > .items tfoot td {
  font-weight: bold;
  display: block;
  padding: 10px;
  border-top: 1px solid #DFDFDF;
  background: #111 url("../images/dark-texture-table-footer.png") left top repeat-x !important;
  color: #FFF;
  background-color: #3d3d3d !important;
  display: table-cell;
  border-color: transparent !important;
  border: none !important;
  border-left: 1px solid #3d3d3d !important;
}
.ReportResultsGridView #report-results-grid-view > .items .expanded-row td,
.ReportResultsGridView #report-results-grid-view > .items .expanded-row th {
  background-color: #333;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#222,#333);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#222),color-stop(100%,#333));
  background-image: -webkit-linear-gradient(top,#222,#333);
  background-image: -o-linear-gradient(top,#222,#333);
  background-image: -moz-linear-gradient(top,#222,#333);
  background-image: linear-gradient(top,#222,#333);
  color: #EFEFEF;
  border: 1px solid #333;
}
.ReportResultsGridView #report-results-grid-view > .items .expanded-row td a,
.ReportResultsGridView #report-results-grid-view > .items .expanded-row th a {
  color: #EFEFEF;
}
.ReportResultsGridView #report-results-grid-view > .items .expanded-row td a:hover,
.ReportResultsGridView #report-results-grid-view > .items .expanded-row th a:hover {
  color: #fff;
  text-decoration: underline;
}
.ReportResultsGridView .items {
  overflow-x: hidden;
}
.ReportResultsGridView .icon-empty:before {
  content: "V";
}
#MatrixReportResultsGridView #report-results-grid-view > .items th,
#MatrixReportResultsGridView #report-results-grid-view td {
  text-align: center !important;
}
#UserCannotRenderReportProperlySplashView {
  float: left;
  margin-bottom: 30px;
}
#ChartForReportWizardView .panel > label {
  text-align: left;
  display: block;
  margin-bottom: 20px;
}
#ChartForReportWizardView .right-side-edit-view-panel label {
  float: none;
}
.hasDrillDownContent {
  padding: 0 5px 5px 5px !important;
  background-color: #555;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#333,#555);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#555));
  background-image: -webkit-linear-gradient(top,#333,#555);
  background-image: -o-linear-gradient(top,#333,#555);
  background-image: -moz-linear-gradient(top,#333,#555);
  background-image: linear-gradient(top,#333,#555);
}
.hasDrillDownContent .big-spinner {
  margin-top: 10px;
}
.drillDownContent {
  background: #fff;
  min-height: 60px;
  border-top: none;
}
.drillDownContent tbody td,
.drillDownContent tbody th {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.drillDownContent > h4,
.drillDownContent > h5 {
  padding: 5px 5px 0 5px;
}
.hasDrillDownLink {
  padding: 10px 0 !important;
  width: 20px !important;
  text-align: center !important;
}
.drilldown-link {
  cursor: pointer;
  display: block;
  text-align: left;
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  left: 5px;
  top: -2px;
}
.refreshPortletLink {
  position: absolute;
  top: -28px;
  right: 10px;
}
.first-series-and-range-area > div,
.second-series-and-range-area > div {
  margin-bottom: 15px;
  width: 50%;
  float: left;
  padding-right: 5px;
}
.first-series-and-range-area > div + div,
.second-series-and-range-area > div + div {
  padding-left: 5px;
  padding-right: 0;
}
#series-and-range-areas {
  width: auto;
  float: none;
  clear: left;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  margin-bottom: 15px;
}
#series-and-range-areas .buffer {
  padding-left: 22px;
}
#CampaignDetailsView .view-toolbar ul:first-child > li > a,
#MarketingListDetailsView .view-toolbar ul:first-child > li > a,
#ReportDetailsView .view-toolbar ul:first-child > li > a {
  border-left: none;
}
.zero-components-view {
  float: left;
  position: absolute;
  left: 0;
  top: 75px;
  width: 100%;
}
.zero-components-view .large-icon {
  border-right: none;
  margin-right: 0;
  width: 100%;
  text-align: center;
}
.zero-components-view h2 {
  padding-top: 10px;
  text-align: center;
  width: 55%;
  margin: 0 auto;
}
.zero-components-view .large-icon:after {
  margin-right: 45px;
}
.zero-components-view.Actions,
.zero-components-view.EmailMessages,
.zero-components-view.WorkflowRulesOrder,
.zero-components-view.TimeTrigger {
  position: relative;
  top: 0;
  left: 0;
  float: none;
}
.related-model-selector {
  float: left;
  width: 75%;
  margin: 10px 0 0 25%;
}
.missing-report:after,
.Warning .large-icon:after {
  content: "j";
  font-weight: normal !important;
  font-size: 250px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60%;
}
.SavedReport .large-icon:after {
  content: "V";
  font-weight: normal !important;
  font-size: 320px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 55%;
}
.SavedWorkflow .large-icon:after {
  content: '\20AC';
  font-weight: normal !important;
  font-size: 330px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 55%;
}
.FilterIconOrSomethingElse .large-icon:after,
.ZeroFilters .large-icon:after {
  content: '\00A9';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroGroupBys .large-icon:after {
  content: '\002A';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroDisplayAttributes .large-icon:after {
  content: '\00AB';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.WorkflowRulesOrder .large-icon:after,
.ZeroOrderBys .large-icon:after {
  content: '\2039';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroDrillDownDisplayAttributes .large-icon:after {
  content: '\00BB';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroTriggers .large-icon:after {
  content: '\007E';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroActions .large-icon:after {
  content: '\00A3';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroEmailMessages .large-icon:after {
  content: '\00A5';
  font-weight: normal !important;
  font-size: 235px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.NoTimeTrigger .large-icon:after,
.ZeroTimeTrigger .large-icon:after {
  content: 'q';
  font-weight: normal !important;
  font-size: 235px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
#ReportResultsSQLView {
  padding: 15px;
  font-family: monospace, monaco, sans-serif;
  line-height: 18px;
  color: #333;
}
#ReportResultsSQLView > div + div {
  margin-top: 15px;
}
.Triggers .value-data {
  padding-right: 0;
}
.EmailMessages .col-0 {
  width: 20% !important;
}
.EmailMessages .col-1 {
  width: 80% !important;
}
.EmailMessages .panel {
  width: 100% !important;
}
.email-message-recipient-rows .hasDropDown {
  float: left;
  min-width: 20%;
}
.email-message-recipient-rows .dynamic-row-label {
  width: 100%;
}
.email-message-recipient-rows .value-data {
  padding-left: 15px;
}
.email-message-recipient-rows .value-data .hasDropDown {
  width: 100% !important;
}
.email-message-recipient-rows .dynamic-sub-row {
  padding: 0 20px;
}
.email-message-recipient-rows .dynamic-sub-row > div {
  position: relative;
}
.email-message-recipient-rows:hover .remove-dynamic-email-message-recipient-row-link {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.remove-dynamic-email-message-recipient-row-link {
  position: absolute;
  right: 0;
  top: 26px;
  display: block;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #a7a7a7 !important;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.email-message-recipient-type-selector-container {
  width: 22%;
  margin: 0 0 15px 0;
}
.operation-duration-fields.twoFields > input,
.operation-duration-fields.twoFields .hasDropDown {
  width: 49% !important;
  float: left;
  margin-left: 2%;
}
.operation-duration-fields.threeFields > input,
.operation-duration-fields.threeFields .hasDropDown {
  width: 32% !important;
  float: left;
  margin-left: 2%;
}
.operation-duration-fields > :first-child {
  margin-left: 0 !important;
}
.all-related-field {
  float: left;
  width: 80%;
  padding-left: 10px;
}
.all-related-field .value-data {
  width: 42.5%;
  float: left;
}
.all-related-field > span {
  width: 15%;
  float: left;
  line-height: 26px;
}
.all-related-field > span + .value-data {
  float: left;
}
.static-address-field {
  float: left;
  width: 80%;
}
.static-address-field .value-data {
  width: 100%;
}
.static-address-field .value-data + .value-data {
  margin-top: 10px;
}
.static-address-field .value-data > span {
  float: left;
  line-height: 26px;
  width: 30%;
}
.static-address-field .value-data > input {
  float: left;
  width: 70%;
}
.zero-components-view.TimeTrigger,
#time-trigger-container {
  float: right !important;
  width: 80% !important;
  padding-left: 15px;
  *zoom: 1;
}
.zero-components-view.TimeTrigger:before,
.zero-components-view.TimeTrigger:after,
#time-trigger-container:before,
#time-trigger-container:after {
  content: " ";
  display: table;
}
.zero-components-view.TimeTrigger:after,
#time-trigger-container:after {
  clear: both;
}
.zero-components-view.TimeTrigger .value-data,
#time-trigger-container .value-data {
  float: left;
  width: 55%;
}
.zero-components-view.TimeTrigger .first-value-area,
#time-trigger-container .first-value-area {
  margin-left: 15px;
}
.time-trigger-attribute-selector-container {
  width: 20%;
  float: left;
  min-height: 300px;
}
.dynamic-row-duration {
  float: left;
  width: 75%;
  margin-left: 25%;
  margin-top: 10px;
  padding-left: 15px;
}
.dynamic-row-duration > div {
  margin-top: 0 !important;
}
.operation-duration-fields {
  *zoom: 1;
}
.operation-duration-fields:before,
.operation-duration-fields:after {
  content: " ";
  display: table;
}
.operation-duration-fields:after {
  clear: both;
}
.operation-duration-fields > div:first-child {
  width: 27.5%;
  float: left;
  line-height: 26px;
}
.operation-duration-fields > div:first-child + input {
  float: left;
  width: 28%;
  margin-right: 2%;
}
.operation-duration-fields .hasDropDown {
  float: left;
  width: 42.5% !important;
}
.ComponentForWorkflowWizardView .add-email-message-button-container,
.ComponentForWorkflowWizardView .action-type-selector-container {
  width: 20%;
  float: left !important;
  *zoom: 1;
}
.ComponentForWorkflowWizardView .add-email-message-button-container:before,
.ComponentForWorkflowWizardView .add-email-message-button-container:after,
.ComponentForWorkflowWizardView .action-type-selector-container:before,
.ComponentForWorkflowWizardView .action-type-selector-container:after {
  content: " ";
  display: table;
}
.ComponentForWorkflowWizardView .add-email-message-button-container:after,
.ComponentForWorkflowWizardView .action-type-selector-container:after {
  clear: both;
}
.ComponentForWorkflowWizardView .droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .zero-components-view {
  float: left !important;
}
.ComponentForWorkflowWizardView .Actions.droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .Actions.zero-components-view,
.ComponentForWorkflowWizardView .EmailMessages.droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .EmailMessages.zero-components-view,
.ComponentForWorkflowWizardView .TimeTrigger.droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .TimeTrigger.zero-components-view {
  width: 80% !important;
  padding-left: 15px;
}
.ComponentForWorkflowWizardView .edit-dynamic-row-link {
  display: none;
}
.ComponentForWorkflowWizardView .ui-sortable {
  min-height: 300px;
  position: relative;
}
.action-type-selector-container > .hasDropDown {
  float: none;
  width: 100%;
}
.action-type-selector-container .related-model-selector {
  margin-left: 0;
  margin-top: 15px;
  width: 100%;
  float: none;
}
#AddEmailMessageLink {
  margin-left: 0;
}
.workflow-order-module-selector-container {
  width: 20%;
  float: left !important;
  *zoom: 1;
  min-height: 300px;
}
.workflow-order-module-selector-container:before,
.workflow-order-module-selector-container:after {
  content: " ";
  display: table;
}
.workflow-order-module-selector-container:after {
  clear: both;
}
#workflow-order-container,
.WorkflowRulesOrder,
.no-workflows-to-order-view {
  float: right !important;
  width: 80% !important;
  padding-left: 15px;
}
#workflow-order-container + .float-bar,
.WorkflowRulesOrder + .float-bar,
.no-workflows-to-order-view + .float-bar {
  margin-top: 15px;
}
.workflow-order-container,
.no-workflows-to-order-view {
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}
.workflow-order-container .large-icon:after,
.no-workflows-to-order-view .large-icon:after {
  content: "j";
  font-weight: normal !important;
  font-size: 200px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60%;
}
.workflow-order-container p,
.no-workflows-to-order-view p {
  font-size: 16px;
  line-height: 24px;
  color: #555;
  font-weight: bold;
  margin: 15px 0 0 0;
}
.StepsAndProgressBarForWizardView .progress {
  width: 100%;
  margin-bottom: 15px;
}
.StepsAndProgressBarForWizardView .progress-back {
  width: 100%;
  height: 13px;
  background: #ededed;
  -webkit-box-shadow: inset 0 0 5px 0 #ccc;
  -moz-box-shadow: inset 0 0 5px 0 #ccc;
  -ms-box-shadow: inset 0 0 5px 0 #ccc;
  -o-box-shadow: inset 0 0 5px 0 #ccc;
  box-shadow: inset 0 0 5px 0 #ccc;
  padding: 3px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.StepsAndProgressBarForWizardView .progress-bar {
  height: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #282A76;
}
.StepsAndProgressBarForWizardView span {
  display: inline-block;
  text-align: center;
}
.StepsAndProgressBarForWizardView .current-step {
  font-weight: bold;
  color: #282A76 !important;
}
.margetags-guide-link {
  margin-bottom: 10px;
}
.margetags-guide-link .simple-link {
  margin-left: 0;
}
#MashableInboxActionBarForViews .view-toolbar ul:first-child > li > a {
  border-left: none;
}
#MashableInboxActionBarForViews .search-view-0 {
  padding: 0 15px 15px 15px;
}
#MashableInboxActionBarForViews .list-view-items-summary-clone {
  margin-top: 5px;
}
#MashableInboxActionBarForViews .global-search-loopa {
  width: 24px;
}
#MashableInboxActionBarForViews #MashableInboxForm_searchTerm {
  width: 204px;
}
#MashableInboxActionBarForViews .nav > li:first-child:before {
  margin: 0;
}
#MashableInboxActionBarForViews .nav > li:first-child > a {
  color: #656565;
  font-weight: bold;
  text-shadow: #fff 0 1px 0;
  padding: 0 10px 0 40px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border-left: 1px solid #bababa;
}
#MashableInboxActionBarForViews .nav > li:first-child > a:after {
  margin-left: 6px;
}
#MashableInboxActionBarForViews .icon-conversation,
#MashableInboxActionBarForViews .icon-mission {
  position: relative;
}
#MashableInboxActionBarForViews .icon-conversation ul,
#MashableInboxActionBarForViews .icon-mission ul {
  width: 100%;
  left: 0;
  right: 0;
  top: 31px;
}
.inbox-item {
  position: relative;
}
.inbox-item div + span {
  display: block;
  padding-right: 80px;
  overflow: hidden;
}
.inbox-item .list-item-details {
  position: absolute;
  top: 0;
  right: 0;
}
.model-tag {
  display: inline-block;
  font-weight: 400;
  font-size: 11px !important;
  float: left;
  margin: 1px 5px 0 0 !important;
}
.model-tag span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  padding: 2px 4px;
  line-height: 1;
}
.model-tag.mission span {
  background-color: #16A085;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#1ABC9C,#16A085);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1ABC9C),color-stop(100%,#16A085));
  background-image: -webkit-linear-gradient(top,#1ABC9C,#16A085);
  background-image: -o-linear-gradient(top,#1ABC9C,#16A085);
  background-image: -moz-linear-gradient(top,#1ABC9C,#16A085);
  background-image: linear-gradient(top,#1ABC9C,#16A085);
}
.model-tag.conversation span {
  background-color: #2C3E50;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#34495E,#2C3E50);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#34495E),color-stop(100%,#2C3E50));
  background-image: -webkit-linear-gradient(top,#34495E,#2C3E50);
  background-image: -o-linear-gradient(top,#34495E,#2C3E50);
  background-image: -moz-linear-gradient(top,#34495E,#2C3E50);
  background-image: linear-gradient(top,#34495E,#2C3E50);
}
.model-tag.notification span {
  background-color: #8E44AD;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#9B59B6,#8E44AD);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9B59B6),color-stop(100%,#8E44AD));
  background-image: -webkit-linear-gradient(top,#9B59B6,#8E44AD);
  background-image: -o-linear-gradient(top,#9B59B6,#8E44AD);
  background-image: -moz-linear-gradient(top,#9B59B6,#8E44AD);
  background-image: linear-gradient(top,#9B59B6,#8E44AD);
}
.last-comment ul,
.last-comment li {
  list-style: none;
}
.last-comment li {
  margin-top: 2px;
}
.back-to-inbox-link {
  color: #282A76;
}
.tabs-container,
.email-template-content {
  position: relative;
  margin-bottom: 15px;
}
.tabs-container > .tab,
.email-template-content > .tab {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  display: none;
  line-height: 150%;
  padding: 0;
  border: 1px solid #dfdfdf;
  border-top: none;
  background: #fefefe;
}
.tabs-container > .tab label,
.email-template-content > .tab label {
  display: none;
}
.tabs-container > .tab .redactor_box,
.email-template-content > .tab .redactor_box {
  border: none !important;
}
.tabs-container > .tab .redactor_box textarea,
.email-template-content > .tab .redactor_box textarea {
  color: #fff !important;
  background: #111 !important;
}
.tabs-container > .tab textarea,
.email-template-content > .tab textarea {
  border: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.tabs-container .tab.active-tab,
.email-template-content .tab.active-tab {
  display: block;
  position: relative;
  top: 0;
}
.autoresponder-combined-content,
.email-template-combined-content {
  padding: 0 15px;
  position: relative;
}
.autoresponder-combined-content .big-spinner,
.email-template-combined-content .big-spinner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  margin: 0;
}
.autoresponder-combined-content .spinner,
.email-template-combined-content .spinner {
  margin: 100px 0 0 50%;
  left: 0 !important;
  top: 0 !important;
}
.email-template-content .big-spinner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);
  margin: 0;
}
.tabs-nav {
  border-bottom: 1px solid #dfdfdf;
}
.tabs-nav a {
  display: inline-block;
  padding: 0 12px;
  line-height: 26px;
  margin: 0 5px 0 0;
  background: url("../images/table-items-header.png") left bottom repeat-x;
  border: 1px solid #dfdfdf;
  border-bottom: none;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-size: 11px;
  font-weight: 700;
  color: #666;
  -webkit-text-shadow: 0 1px 0 #fff;
  -moz-text-shadow: 0 1px 0 #fff;
  -ms-text-shadow: 0 1px 0 #fff;
  -o-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
}
.tabs-nav a:hover,
.tabs-nav a.active-tab {
  background: url("../images/view-toolbar-gradient.png") left bottom repeat-x;
  text-decoration: none;
  position: relative;
  top: 1px;
  color: #282A76;
}
.mergetag-guide-modal {
  padding: 15px;
  line-height: 140%;
}
.mergetag-guide-modal > div {
  margin-top: 15px;
}
.mergetag-guide-modal h4 {
  margin-bottom: 5px;
}
.mergetag-guide-modal ul {
  padding-left: 16px;
}
.mergetag-guide-modal li {
  margin-bottom: 4px;
}
.redactor-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.juiportlet-columns-MarketingDashboard .juiportlet-widget {
  margin-right: 0;
}
.marketing-list-members-portlet-container .portlet-view-toolbar {
  float: left;
}
#marketing-list-member-configuration-form {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #DFDFDF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  *zoom: 1;
}
#marketing-list-member-configuration-form:before,
#marketing-list-member-configuration-form:after {
  content: " ";
  display: table;
}
#marketing-list-member-configuration-form:after {
  clear: both;
}
#marketing-list-member-configuration-form input[type="text"] {
  position: relative;
  left: -3px;
  width: 219px;
  float: left;
  margin: 0 0 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-left: none;
  font-style: italic;
  color: #999;
  text-indent: 5px;
  line-height: 25px;
  height: 25px !important;
  border: 1px solid #d5d4d4;
  background: url("../images/search-bar-gradient.png") left top repeat-x;
}
#marketing-list-member-configuration-form input[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
#marketing-list-member-configuration-form .list-view-items-summary-clone {
  margin-top: 51px;
  font-weight: bold;
}
.MarketingListMembersListView {
  margin-bottom: 0;
}
.MarketingListMembersListView .items {
  background: #fff;
}
#marketing-list-member-select-contact-or-report-form {
  padding: 15px;
  position: relative;
}
#marketing-list-member-select-contact-or-report-form .close-flyout {
  position: absolute;
  right: 3px;
  top: 3px;
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  cursor: pointer;
}
#marketing-list-member-select-contact-or-report-form .close-flyout:hover {
  background: none !important;
}
#marketing-list-member-select-contact-or-report-form .search-without-scope {
  margin-top: 10px;
  position: relative;
  background: url("../images/search-bar-loopa.png") left top no-repeat;
}
#marketing-list-member-select-contact-or-report-form .search-without-scope .z-spinner {
  top: 2px;
  right: 0;
  left: auto;
  display: block;
}
#marketing-list-member-select-contact-or-report-form input[type="text"] {
  width: 300px;
  margin: 0 0 0 23px;
  font-style: italic;
  color: #999;
  text-indent: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  background: url("../images/search-bar-gradient.png") left top repeat-x;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#marketing-list-member-select-contact-or-report-form input[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
#marketing-list-member-select-contact-or-report-form input[type="radio"] {
  margin-right: 5px;
}
#marketing-list-member-select-contact-or-report-form label + input[type="radio"] {
  margin-left: 15px;
}
#MarketingListMembersForPortletView {
  float: left;
  width: 100%;
  box-shadow: inset 0 1px 0 0 #ffffff;
  background: #f6f6f6;
  background: -moz-linear-gradient(top,#f6f6f6 0,#ededed 110px,transparent 110px,transparent 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(110px,#ededed),color-stop(110px,transparent),color-stop(100%,transparent));
  background: -webkit-linear-gradient(top,#f6f6f6 0,#ededed 110px,transparent 110px,transparent 100%);
  background: -o-linear-gradient(top,#f6f6f6 0,#ededed 110px,transparent 110px,transparent 100%);
  background: -ms-linear-gradient(top,#f6f6f6 0,#ededed 110px,transparent 110px,transparent 100%);
  background: linear-gradient(to bottom,#f6f6f6 0,#ededed 110px,transparent 110px,transparent 100%);
}
#MarketingListMembersConfigurationForm_filteredBySearchTerm_area {
  margin-right: 15px;
  float: left;
  border: 1px solid #d5d4d4;
  background: url("../images/search-bar-loopa.png") left top no-repeat;
}
#MarketingListMembersConfigurationForm_filteredBySearchTerm_area input[type="text"] {
  margin: 0 0 0 23px;
  text-indent: 5px;
  line-height: 23px;
  height: 23px !important;
  border: none;
  left: 0;
}
#MarketingListMembersConfigurationForm_filteredBySearchTerm_area input[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
#MarketingListMembersConfigurationForm_filteredBySubscriptionType_area {
  margin-left: 15px;
  width: auto;
  top: 20px;
}
.marketing-list-member-stats {
  margin: 5px 0 0 0;
  font-size: 12px;
}
.marketing-list-member-stats strong {
  display: block;
  margin-bottom: 3px;
}
.portlet-with-toolbar .view-toolbar {
  margin: 15px 0 0 15px;
}
.portlet-with-toolbar .view-toolbar .parent > ul {
  top: auto;
}
#ReportDetailsView,
#CampaignDetailsView,
#MarketingListDetailsView,
#SecuredActionBarForMarketingSearchAndListView {
  position: relative;
  z-index: 10;
}
#ReportDetailsView + div,
#CampaignDetailsView + div,
#MarketingListDetailsView + div,
#SecuredActionBarForMarketingSearchAndListView + div {
  position: relative;
  z-index: 5;
}
#ReportDetailsView + div + div,
#CampaignDetailsView + div + div,
#MarketingListDetailsView + div + div,
#SecuredActionBarForMarketingSearchAndListView + div + div {
  position: relative;
  z-index: 1;
}
.marketing-graph {
  float: left;
  padding: 0 5px 15px 5px;
}
.marketing-graph h3 {
  padding-left: 15px;
}
.marketing-graph.half {
  width: 49%;
}
.graph-container {
  clear: left;
  margin: 15px 0 0 0;
}
.marketing-list-autoresponders-list .items {
  background: #ffffff;
}
.edit-autoresponder-link {
  color: #282A76;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
}
.edit-autoresponder-link:after {
  content: " — ";
  font-weight: 400;
  color: #545454;
}
.autoresponder-extra-info {
  margin-bottom: 10px;
  font-style: italic;
}
.autoresponder-stats {
  padding-right: 5px;
  width: 20%;
  float: left;
  text-align: left;
  font-size: 12px;
}
.autoresponder-stats strong {
  font-size: 26px;
  font-weight: bold;
  display: block;
}
a + .autoresponder-stats {
  margin-left: 0;
}
.metrics-details {
  text-align: right;
}
.metrics-details h3 {
  width: auto;
  float: left;
  color: #545454 !important;
}
.metrics-details div,
.metrics-details form {
  width: auto;
  display: inline-block;
}
.metrics-details div label,
.metrics-details form label {
  float: left;
}
.metrics-details > div {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  color: #656565;
  display: block;
  margin-bottom: 10px;
}
.module-intro-content,
#marketing-intro-content {
  margin-bottom: 30px;
}
.module-intro-examples h3 {
  margin-bottom: 10px;
}
.module-intro-examples ol {
  padding-left: 15px;
  line-height: 175%;
}
.module-intro-steps {
  width: 100%;
  margin: 30px 0 15px 0;
}
.module-intro-steps:after {
  clear: none;
}
.module-intro-steps > div {
  width: 32%;
  float: left;
  margin-left: 2%;
  min-height: 150px;
  background-color: rgba(51,51,51,0.75);
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,rgba(34,34,34,0.85),rgba(51,51,51,0.75));
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(34,34,34,0.85)),color-stop(100%,rgba(51,51,51,0.75)));
  background-image: -webkit-linear-gradient(top,rgba(34,34,34,0.85),rgba(51,51,51,0.75));
  background-image: -o-linear-gradient(top,rgba(34,34,34,0.85),rgba(51,51,51,0.75));
  background-image: -moz-linear-gradient(top,rgba(34,34,34,0.85),rgba(51,51,51,0.75));
  background-image: linear-gradient(top,rgba(34,34,34,0.85),rgba(51,51,51,0.75));
  color: #EFEFEF;
  border: 1px solid #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  -moz-box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  -ms-box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  -o-box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  padding: 1px 0 0 0;
}
.module-intro-steps > div:first-child {
  margin-left: 0;
}
.module-intro-steps h3 {
  color: #fff !important;
  font-size: 14px;
  padding: 34px 0 0 10px;
  font-weight: normal;
  -webkit-text-shadow: 0 1px 0 #000;
  -moz-text-shadow: 0 1px 0 #000;
  -ms-text-shadow: 0 1px 0 #000;
  -o-text-shadow: 0 1px 0 #000;
  text-shadow: 0 1px 0 #000;
  position: relative;
  float: left;
  line-height: 1;
  height: 100%;
  min-height: 149px;
  width: 85px;
}
.module-intro-steps h3 strong {
  display: block;
  font-size: 50px;
  line-height: 1;
}
.module-intro-steps h3 span {
  color: #fff;
  display: inline-block;
  font-weight: 100 !important;
  font-size: 80%;
  line-height: 50px;
  margin-top: -5px;
}
.module-intro-steps p {
  min-height: 149px;
  padding: 10px 10px 10px 10px;
  margin-left: 85px;
  font-size: 13px;
  line-height: 21px;
  color: #ececec;
}
.module-intro-steps p strong {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 22px;
}
.module-intro-steps span {
  display: block;
}
#products-intro-steps img {
  float: left;
  margin: 10px 15px 10px 10px;
  opacity: 0.83;
}
#products-intro-steps .third p {
  border-left: none !important;
  padding-top: 0;
}
.hide-module-intro,
.hide-marketing-intro {
  margin-bottom: 30px;
  width: 100%;
  text-align: right;
}
.hide-module-intro span,
.hide-marketing-intro span {
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  border: none;
  margin-right: 5px;
  outline: none !important;
  display: inline-block;
  position: relative;
  top: 2px;
  color: #7CB830;
}
.hide-module-intro span:before,
.hide-marketing-intro span:before {
  content: "•";
}
.catalog-item-description .icon,
.product-description .icon,
.catalog-description .icon {
  position: relative;
  margin: 0px 15px 0 0;
  display: inline-block;
  height: 100%;
}
.catalog-item-description .icon:before,
.product-description .icon:before,
.catalog-description .icon:before {
  content: '\00CE';
  font-weight: normal !important;
  font-size: 145px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60px;
  position: absolute;
  top: 10px;
  -webkit-text-shadow: 0 -1px 0 #000;
  -moz-text-shadow: 0 -1px 0 #000;
  -ms-text-shadow: 0 -1px 0 #000;
  -o-text-shadow: 0 -1px 0 #000;
  text-shadow: 0 -1px 0 #000;
}
.catalog-item-description p {
  margin-left: 95px;
}
.catalog-item-description .icon:before {
  content: '\00CF';
  font-size: 160px;
}
.product-description p {
  margin-left: 110px;
}
.product-description .icon:before {
  left: 10px;
  content: '\0027';
  font-size: 160px;
}
.products .product-description {
  color: #fff !important;
}
.producttemplates .catalog-item-description .icon:before {
  color: #fff !important;
}
.campaign-items-container .hasDrillDownContent {
  padding: 5px !important;
}
.campaign-items-container .hasDrillDownContent table {
  border-bottom: 1px solid #DFDFDF;
  margin: 5px 0 0 0;
  width: 100%;
}
.campaign-items-container .hasDrillDownContent td,
.campaign-items-container .hasDrillDownContent th {
  border: 1px solid #DFDFDF;
  border-right: none;
  vertical-align: middle;
  padding: 5px;
  word-wrap: break-word;
  text-align: left;
}
.campaign-items-container .hasDrillDownContent th {
  font-weight: bold !important;
  height: 25px;
  line-height: 25px;
  background: url("../images/table-items-header.png") left top repeat-x;
  padding: 0 5px;
}
.campaign-items-container .error {
  color: #c43d53;
}
.email-recipient-name {
  float: left;
  width: 15%;
  display: block;
  line-height: 23px;
}
.continuum {
  float: left;
  display: inline-block;
  font-size: 11px;
  margin-right: 10px;
}
.continuum > div {
  display: inline-block;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  background: url("../images/view-toolbar-gradient-darker.png") left bottom repeat-x;
  -webkit-box-shadow: inset 0 0 1px 1px #efefef;
  -moz-box-shadow: inset 0 0 1px 1px #efefef;
  -ms-box-shadow: inset 0 0 1px 1px #efefef;
  -o-box-shadow: inset 0 0 1px 1px #efefef;
  box-shadow: inset 0 0 1px 1px #efefef;
}
.gmail-user-stage-status,
.import-item-stage-status,
.email-recipient-stage-status {
  text-align: center;
  float: left;
  margin-left: 2%;
  font-size: 11px;
  width: auto;
  font-weight: 700;
  position: relative;
  color: #545454;
  text-shadow: #fff 0 1px 0;
  margin: 0;
  padding-right: 6px;
  line-height: 20px;
  display: inline-block;
  border-left: 1px solid #bababa;
}
.gmail-user-stage-status.stage-true i,
.import-item-stage-status.stage-true i,
.email-recipient-stage-status.stage-true i {
  color: #97c43d;
  -webkit-text-shadow: 0 0 5px #97c43d;
  -moz-text-shadow: 0 0 5px #97c43d;
  -ms-text-shadow: 0 0 5px #97c43d;
  -o-text-shadow: 0 0 5px #97c43d;
  text-shadow: 0 0 5px #97c43d;
}
.gmail-user-stage-status.stage-false i,
.import-item-stage-status.stage-false i,
.email-recipient-stage-status.stage-false i {
  color: #c43d53;
  -webkit-text-shadow: 0 0 5px #c43d53;
  -moz-text-shadow: 0 0 5px #c43d53;
  -ms-text-shadow: 0 0 5px #c43d53;
  -o-text-shadow: 0 0 5px #c43d53;
  text-shadow: 0 0 5px #c43d53;
}
.gmail-user-stage-status i,
.import-item-stage-status i,
.email-recipient-stage-status i {
  font-weight: bold;
  line-height: 1;
  padding: 0 6px;
  color: #ffd900;
  -webkit-text-shadow: 0 0 5px #ffd900;
  -moz-text-shadow: 0 0 5px #ffd900;
  -ms-text-shadow: 0 0 5px #ffd900;
  -o-text-shadow: 0 0 5px #ffd900;
  text-shadow: 0 0 5px #ffd900;
}
.gmail-user-stage-status:first-child,
.import-item-stage-status:first-child,
.email-recipient-stage-status:first-child {
  border-left: none;
}
.gmail-user-stage-status span,
.import-item-stage-status span,
.email-recipient-stage-status span {
  font-size: 10px;
  font-weight: bold;
}
.led {
  font-weight: bold;
  line-height: 1;
  color: #ffd900;
  -webkit-text-shadow: 0 0 5px #ffd900;
  -moz-text-shadow: 0 0 5px #ffd900;
  -ms-text-shadow: 0 0 5px #ffd900;
  -o-text-shadow: 0 0 5px #ffd900;
  text-shadow: 0 0 5px #ffd900;
}
.led.state-true {
  color: #97c43d;
  -webkit-text-shadow: 0 0 5px #97c43d;
  -moz-text-shadow: 0 0 5px #97c43d;
  -ms-text-shadow: 0 0 5px #97c43d;
  -o-text-shadow: 0 0 5px #97c43d;
  text-shadow: 0 0 5px #97c43d;
}
.led.state-false {
  color: #c43d53;
  -webkit-text-shadow: 0 0 5px #c43d53;
  -moz-text-shadow: 0 0 5px #c43d53;
  -ms-text-shadow: 0 0 5px #c43d53;
  -o-text-shadow: 0 0 5px #c43d53;
  text-shadow: 0 0 5px #c43d53;
}
.CampaignItemsRelatedListView .icon-empty:before {
  content: "f";
}
.no-subscribers-found .icon-notice:before,
.no-email-recipients-found .icon-notice:before {
  content: "f";
}
.no-autoresponders-found .icon-notice:before {
  content: "g7";
}
#ProductIntroLinkActionElement ul,
#MarketingIntroLinkActionElement ul {
  right: 0;
}
#ProductIntroLinkActionElement ul li,
#MarketingIntroLinkActionElement ul li {
  padding: 0 5px 5px 5px;
}
#ProductIntroLinkActionElement ul li .hasCheckBox,
#MarketingIntroLinkActionElement ul li .hasCheckBox {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
#ProductIntroLinkActionElement .parent a,
#MarketingIntroLinkActionElement .parent a {
  padding-left: 10px;
}
#ProductIntroLinkActionElement .parent > a > span,
#MarketingIntroLinkActionElement .parent > a > span {
  text-indent: -9999px;
  display: inline-block;
  width: 0;
}
#ProductIntroLinkActionElement .parent > a:before,
#MarketingIntroLinkActionElement .parent > a:before {
  content: "n";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 2px;
}
#ProductIntroLinkActionElement .parent a:after,
#MarketingIntroLinkActionElement .parent a:after {
  margin-left: 2px;
  top: 0;
}
.screen-options {
  padding: 5px 10px 10px 10px;
  text-align: left;
  color: #EFEFEF;
}
.screen-options h4 {
  text-align: right;
  color: #EFEFEF !important;
  font-weight: bold;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.screen-options .hasCheckBox {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
#MarketingListsExternalActionsPageView,
#MarketingListsManageSubscriptionsPageView {
  max-width: 900px;
  margin: 30px auto;
}
#MarketingListsExternalActionsPageView > .GridView,
#MarketingListsManageSubscriptionsPageView > .GridView {
  *zoom: 1;
}
#MarketingListsExternalActionsPageView > .GridView:before,
#MarketingListsExternalActionsPageView > .GridView:after,
#MarketingListsManageSubscriptionsPageView > .GridView:before,
#MarketingListsManageSubscriptionsPageView > .GridView:after {
  content: " ";
  display: table;
}
#MarketingListsExternalActionsPageView > .GridView:after,
#MarketingListsManageSubscriptionsPageView > .GridView:after {
  clear: both;
}
#MarketingListsExternalActionsPageView #HeaderLinksView,
#MarketingListsManageSubscriptionsPageView #HeaderLinksView {
  margin: 0 0 20px 0;
}
#MarketingListsExternalActionsPageView #HeaderLinksView > div,
#MarketingListsManageSubscriptionsPageView #HeaderLinksView > div {
  margin: 0;
}
#MarketingListsExternalActionsPageView #HeaderLinksView + div,
#MarketingListsManageSubscriptionsPageView #HeaderLinksView + div {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#MarketingListsExternalActionsPageView #corp-logo span,
#MarketingListsManageSubscriptionsPageView #corp-logo span {
  color: #545454;
}
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsExternalActionsPageView .wrapper,
#MarketingListsManageSubscriptionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .wrapper {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  float: none;
}
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsExternalActionsPageView .wrapper,
#MarketingListsManageSubscriptionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .wrapper {
  background: #fff;
  -webkit-box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  box-shadow: 0 0 12px 5px rgba(153,153,153,0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .Warning {
  *zoom: 1;
  padding: 15px 0 30px 0;
}
#MarketingListsExternalActionsPageView .Warning:before,
#MarketingListsExternalActionsPageView .Warning:after,
#MarketingListsManageSubscriptionsPageView .Warning:before,
#MarketingListsManageSubscriptionsPageView .Warning:after {
  content: " ";
  display: table;
}
#MarketingListsExternalActionsPageView .Warning:after,
#MarketingListsManageSubscriptionsPageView .Warning:after {
  clear: both;
}
#MarketingListsExternalActionsPageView .Warning h2,
#MarketingListsExternalActionsPageView .Warning div,
#MarketingListsExternalActionsPageView .Warning p,
#MarketingListsManageSubscriptionsPageView .Warning h2,
#MarketingListsManageSubscriptionsPageView .Warning div,
#MarketingListsManageSubscriptionsPageView .Warning p {
  float: none;
  margin: 0;
  width: 100%;
  text-align: center;
}
#MarketingListsExternalActionsPageView .Warning h2,
#MarketingListsManageSubscriptionsPageView .Warning h2 {
  padding: 0;
}
#MarketingListsExternalActionsPageView .Warning div,
#MarketingListsManageSubscriptionsPageView .Warning div {
  margin: 15px 0 20px 0;
  border: 0;
}
#MarketingListsExternalActionsPageView #FooterView,
#MarketingListsManageSubscriptionsPageView #FooterView {
  margin: 20px 0;
  padding-bottom: 20px;
  clear: both;
}
#MarketingListsExternalActionsPageView h1,
#MarketingListsManageSubscriptionsPageView h1 {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#MarketingListsExternalActionsPageView #marketingLists-manageSubscriptionsList table,
#MarketingListsManageSubscriptionsPageView #marketingLists-manageSubscriptionsList table {
  width: 100%;
}
#MarketingListsExternalActionsPageView #marketingLists-manageSubscriptionsList table th,
#MarketingListsManageSubscriptionsPageView #marketingLists-manageSubscriptionsList table th {
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
  white-space: nowrap;
}
#MarketingListsExternalActionsPageView #marketingLists-manageSubscriptionsList table td,
#MarketingListsManageSubscriptionsPageView #marketingLists-manageSubscriptionsList table td {
  padding-bottom: 15px;
}
#MarketingListsExternalActionsPageView .switch,
#MarketingListsManageSubscriptionsPageView .switch {
  margin-right: 15px;
}
#kanban-holder {
  background-color: #f0f0f0;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#fafafa,#f0f0f0);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fafafa),color-stop(100%,#f0f0f0));
  background-image: -webkit-linear-gradient(top,#fafafa,#f0f0f0);
  background-image: -o-linear-gradient(top,#fafafa,#f0f0f0);
  background-image: -moz-linear-gradient(top,#fafafa,#f0f0f0);
  background-image: linear-gradient(top,#fafafa,#f0f0f0);
  margin: 0;
  padding: 0;
  background-size: auto 100%;
  vertical-align: top;
  border-top: none;
}
#kanban-holder #kanban-board,
#kanban-holder .kanban-column,
#kanban-holder .kanban-column > div {
  margin-bottom: 0 !important;
}
#kanban-holder .empty {
  padding: 10px;
}
#kanban-holder .general-issue-notice {
  width: 100%;
  background: rgba(255,255,255,0.6);
  padding: 15px 0;
}
#kanban-holder .general-issue-notice p {
  font-weight: bold;
}
#kanban-holder.kanban-background-football {
  background: #fff url("../images/kanban/football.jpg") left bottom no-repeat;
}
.kanban-background-football .background-texture-1 {
  background: #fff url("../images/kanban/swatch-football.jpg") left top no-repeat;
}
#kanban-holder.kanban-background-tennis {
  background: #fff url("../images/kanban/tennis.jpg") left bottom no-repeat;
}
.kanban-background-tennis .background-texture-1 {
  background: #fff url("../images/kanban/swatch-tennis.jpg") left top no-repeat;
}
#kanban-holder.kanban-background-motor {
  background: #fff url("../images/kanban/asphalt.jpg") center bottom no-repeat;
}
.kanban-background-motor .background-texture-1 {
  background: #fff url("../images/kanban/swatch-asphalt.jpg") left top no-repeat;
}
#kanban-holder.kanban-background-yoga {
  background: #fff url("../images/kanban/yoga.jpg") right top no-repeat;
}
.kanban-background-yoga .background-texture-1 {
  background: #fff url("../images/kanban/swatch-yoga.jpg") left top no-repeat;
}
#kanban-holder.kanban-background-blurred-lights,
.kanban-background-blurred-lights .background-texture-1 {
  background: #fff url("../images/kanban/defocus-light-yellowish-blue.jpg") center center no-repeat;
  background-size: 100% 100% !important;
}
#kanban-holder.kanban-background-blurred-city,
.kanban-background-blurred-city .background-texture-1 {
  background: #fff url("../images/kanban/blurred-defocused-lights-on-rainy-city-road-at-night.jpg") center center no-repeat;
  background-size: 100% 100% !important;
}
#kanban-holder.kanban-background-blurred-vera,
.kanban-background-blurred-vera .background-texture-1 {
  background: #fff url("../images/kanban/blurred-vera.png") center top no-repeat;
  background-size: 100% 100% !important;
}
#kanban-holder.kanban-background-perfect-beach,
.kanban-background-perfect-beach .background-texture-1 {
  background: #fff url("../images/kanban/perfect-beach.jpg") center center no-repeat;
  background-size: 100% 100% !important;
}
#kanban-holder.kanban-background-flip-flops,
.kanban-background-flip-flops .background-texture-1 {
  background: #fff url("../images/kanban/flip-flops-with-blue-decking.jpg") center bottom no-repeat;
}
#kanban-holder.kanban-background-blue-structure,
.kanban-background-blue-structure .background-texture-1 {
  background: #fff url("../images/kanban/blue-structure.jpg") center bottom no-repeat;
}
#kanban-holder.kanban-background-sepia-sf,
.kanban-background-sepia-sf .background-texture-1 {
  background: #fff url("../images/kanban/sepia-sf.jpg") center bottom no-repeat;
}
#kanban-holder.kanban-background-men-on-bridge,
.kanban-background-men-on-bridge .background-texture-1 {
  background: #fff url("../images/kanban/men-on-bridge.jpg") center bottom no-repeat;
}
.background-texture-1 {
  background-size: 100%;
}
#kanban-board {
  *zoom: 1;
  display: table;
  vertical-align: top;
  height: 100%;
  width: 100%;
}
#kanban-board:before,
#kanban-board:after {
  content: " ";
  display: table;
}
#kanban-board:after {
  clear: both;
}
.drop-zone-container {
  padding: 37px 2px 2px 2px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.drop-zone-container .drop-zone {
  position: relative;
}
.drop-zone {
  border: 2px dashed #282A76;
}
.kanban-column {
  white-space: normal;
  display: table-cell;
  vertical-align: top;
  border-left: 1px solid #dfdfdf;
  position: relative;
}
.kanban-column:first-child {
  border-left: none;
}
.kanban-column ul {
  list-style: none;
  padding: 5px 5px;
  position: relative;
  z-index: 5;
  min-height: 600px;
}
.kanban-column .droppable-dynamic-rows-container {
  width: 100%;
  height: 100%;
}
.column-header {
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  background: rgba(255,255,255,0.8) url("../images/table-items-header.png") left top repeat-x;
  padding: 0 0 0 5px;
  white-space: nowrap;
  border-bottom: 1px solid #dfdfdf;
}
.kanban-card > div {
  position: relative;
  width: 100%;
  display: block;
  margin: 0 0 5px 0 !important;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
}
.kanban-card span {
  display: inline-block;
  margin-bottom: 3px;
}
.kanban-card .hidden-content > a {
  font-size: 11px;
  position: relative;
  top: 5px;
}
.kanban-card .hidden-content > div {
  display: none;
  padding: 10px 0 5px 0;
}
.kanban-card .gravatar {
  border: none !important;
}
.opportunity-name {
  font-size: 12px;
  font-weight: normal;
}
.account-name {
  font-size: 14px;
  font-weight: bold;
  color: #666;
}
.opportunity-amount {
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  color: #222363;
  -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.9);
  -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.9);
  -ms-text-shadow: 0 1px 0 rgba(255,255,255,0.9);
  -o-text-shadow: 0 1px 0 rgba(255,255,255,0.9);
  text-shadow: 0 1px 0 rgba(255,255,255,0.9);
  line-height: 1;
  margin-bottom: 5px;
}
.closing-date {
  font-size: 11px;
  text-align: right;
}
.closing-date i {
  text-align: left;
  font-weight: normal !important;
  font-size: 12px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.closing-date i:after {
  content: "z";
}
.opportunity-owner {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-align: right;
  display: block;
  line-height: 1;
}
.opportunity-owner span {
  display: inline-block;
  top: -7px;
  position: relative;
  margin: 0 5px;
}
.opportunity-owner img {
  background: #DFDFDF;
  padding: 1px;
}
#OpportunitiesListView .kanban-card > div {
  padding: 5px 5px 15px 10px;
}
#OpportunitiesListView .kanban-card span {
  display: block;
}
.kanban-card.clone {
  position: absolute;
  z-index: 10000;
}
.kanban-board-options-panel {
  width: 50%;
  float: left;
}
.kanban-board-options-panel h3 {
  margin-bottom: 10px;
}
#kanban-board-options-link {
  color: #282A76;
}
#kanban-board-options-link:hover {
  color: #7CB830;
}
.icon-kanban-board-view-type,
.icon-grid-view-type {
  margin: 0 3px !important;
}
.icon-kanban-board-view-type span,
.icon-grid-view-type span {
  display: none;
}
.task-details {
  display: block;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #dfdfdf;
}
.completion-percentage-bar {
  position: relative;
  top: -5px;
  text-indent: -9999px;
  height: 3px;
  width: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #97c43d;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(left,#6fa82d,#97c43d);
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,#6fa82d),color-stop(100%,#97c43d));
  background-image: -webkit-linear-gradient(left,#6fa82d,#97c43d);
  background-image: -o-linear-gradient(left,#6fa82d,#97c43d);
  background-image: -moz-linear-gradient(left,#6fa82d,#97c43d);
  background-image: linear-gradient(left,#6fa82d,#97c43d);
}
.task-status {
  font-weight: normal;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  font-size: 10px;
  float: left;
}
.task-status:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.status-4 .task-status {
  color: #a82d31;
}
.task-due-date {
  float: right;
  font-weight: bold;
  font-size: 10px;
  color: #323232;
}
.task-content {
  padding: 10px 0 0 0;
  border-top: 1px solid #fff;
}
.task-content h4 span {
  font-weight: normal;
  margin-left: 5px;
  font-size: 11px;
}
.task-subscribers {
  margin-top: 10px;
  padding-top: 7px;
  border-top: 1px solid #dfdfdf;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}
.task-subscribers img {
  margin-right: 5px;
}
.task-subscribers .z-link {
  position: relative;
  top: 3px;
}
.task-owner .gravatar {
  background-color: #282A76;
}
.task-action-toolbar {
  overflow: hidden;
  float: right;
  margin: 0 0 10px 5px !important;
}
.task-action-toolbar .button-label {
  font-size: 11px;
  padding: 0 3px !important;
  line-height: 20px !important;
  z-index: 10;
}
.task-action-toolbar .button-label:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.subscribe-task-link,
.unsubscribe-task-link {
  background: #DFDFDF;
  padding: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.subscribe-task-link .icon-subscribe,
.subscribe-task-link .icon-unsubscribe,
.unsubscribe-task-link .icon-subscribe,
.unsubscribe-task-link .icon-unsubscribe {
  position: relative;
  top: -3px;
  display: block;
  text-align: center;
}
.subscribe-task-link .icon-subscribe:after,
.subscribe-task-link .icon-unsubscribe:after,
.unsubscribe-task-link .icon-subscribe:after,
.unsubscribe-task-link .icon-unsubscribe:after {
  color: #545454;
  content: '\2260';
  font-size: 29px;
}
.detail-subscribe-task-link,
.detail-unsubscribe-task-link {
  background: #DFDFDF;
  padding: 2px;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.detail-subscribe-task-link .icon-subscribe,
.detail-subscribe-task-link .icon-unsubscribe,
.detail-unsubscribe-task-link .icon-subscribe,
.detail-unsubscribe-task-link .icon-unsubscribe {
  position: relative;
  top: -2px;
  display: block;
  text-align: center;
}
.detail-subscribe-task-link .icon-subscribe:after,
.detail-subscribe-task-link .icon-unsubscribe:after,
.detail-unsubscribe-task-link .icon-subscribe:after,
.detail-unsubscribe-task-link .icon-unsubscribe:after {
  color: #545454;
  content: '\2260';
  font-size: 44px;
}
.icon-unsubscribe:after {
  content: '\2122' !important;
}
.webform-embed-code {
  padding: 0;
  margin-bottom: 15px;
  word-break: break-all;
  white-space: normal;
}
.webform-embed-code code {
  white-space: normal;
}
.webform-embed-code textarea {
  margin-top: 10px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-box-shadow: inset 0 0 2px 0 #ccc;
  -moz-box-shadow: inset 0 0 2px 0 #ccc;
  -ms-box-shadow: inset 0 0 2px 0 #ccc;
  -o-box-shadow: inset 0 0 2px 0 #ccc;
  box-shadow: inset 0 0 2px 0 #ccc;
  width: 100%;
  padding: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  resize: none;
  white-space: pre;
  overflow: auto;
  font-family: "Courier New", Courier, monospace;
}
#ContactWebFormEditAndDetailsView .ui-sortable {
  *zoom: 1;
  list-style: none;
}
#ContactWebFormEditAndDetailsView .ui-sortable:before,
#ContactWebFormEditAndDetailsView .ui-sortable:after {
  content: " ";
  display: table;
}
#ContactWebFormEditAndDetailsView .ui-sortable:after {
  clear: both;
}
#ContactWebFormEditAndDetailsView .ui-sortable .hasCheckBox + label {
  top: 0;
  left: 8px;
}
#ContactWebFormEditAndDetailsView #ContactWebForm_serializedData {
  display: block;
  margin-top: -5px;
}
#ContactWebFormEditAndDetailsView label + label {
  margin-left: 0;
}
#ContactWebFormEditAndDetailsView .dynamic-row .remove-dynamic-row-link {
  top: 13px;
}
#ContactWebFormEditAndDetailsView h4 {
  margin-bottom: 15px;
}
#ContactWebFormEditAndDetailsView h3 {
  margin-left: 15px;
}
#zurmoExternalWebForm {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #545454;
}
#zurmoExternalWebForm .AppContent,
#zurmoExternalWebForm .wrapper {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0 !important;
  margin: 0 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#zurmoExternalWebForm .left-column {
  padding-bottom: 0;
}
#zurmoExternalWebForm .attributesContainer {
  margin: 0;
  padding: 0;
}
#zurmoExternalWebForm .form-toolbar,
#zurmoExternalWebForm .view-toolbar-container {
  border: none;
  text-align: right;
  padding: 0;
  margin: 0;
}
#zurmoExternalWebForm .float-bar {
  margin: 0;
  padding: 0;
}
#zurmoExternalWebForm .z-button {
  margin: 0;
}
#zurmoExternalWebForm .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#97c43d,#799e30);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#799e30));
  background-image: -webkit-linear-gradient(top,#97c43d,#799e30);
  background-image: -o-linear-gradient(top,#97c43d,#799e30);
  background-image: -moz-linear-gradient(top,#97c43d,#799e30);
  background-image: linear-gradient(top,#97c43d,#799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
  text-shadow: 0px -1px 0 rgba(0,0,0,0.2) !important;
}
#zurmoExternalWebForm .z-label:active {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#97c43d,#5b7724);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#5b7724));
  background-image: -webkit-linear-gradient(top,#97c43d,#5b7724);
  background-image: -o-linear-gradient(top,#97c43d,#5b7724);
  background-image: -moz-linear-gradient(top,#97c43d,#5b7724);
  background-image: linear-gradient(top,#97c43d,#5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
#zurmoExternalWebForm .z-label:hover {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
.field-label,
.hidden-field-label {
  float: left;
  display: inline-block;
  width: 80%;
}
.field-label input[type="text"],
.field-label textarea,
.hidden-field-label input[type="text"],
.hidden-field-label textarea {
  width: 80%;
}
.field-label .has-model-select,
.field-label .has-date-select,
.field-label .hasDropDown,
.hidden-field-label .has-model-select,
.hidden-field-label .has-date-select,
.hidden-field-label .hasDropDown {
  width: 80% !important;
  float: left;
}
.field-label .has-date-select,
.hidden-field-label .has-date-select {
  clear: none;
}
.field-label .has-date-select input,
.hidden-field-label .has-date-select input {
  width: 100% !important;
}
.field-label label,
.hidden-field-label label {
  width: 20%;
  line-height: 26px;
}
.is-required-checkbox,
.is-hidden-checkbox {
  float: left;
  display: inline-block;
  width: 20%;
}
.hidden-field-label,
.is-hidden-checkbox {
  margin-top: 10px;
}
#reCaptcha {
  padding-left: 30%;
  padding-bottom: 15px;
}
#captchaError {
  font-weight: bold;
  display: inline-block;
  width: 318px;
  text-align: center;
}
.sliding-panel {
  display: none;
  width: 100%;
  position: relative;
}
div.showing-panel {
  display: block;
}
.business-card .gravatar {
  margin-right: 12px;
  margin-bottom: 6px;
}
.business-card h2 {
  line-height: 100%;
  margin-right: 10px;
  display: inline-block;
}
.business-card h2 .salutation {
  font-weight: normal;
  font-size: 80%;
  margin-right: 5px;
}
.business-card h2 .user-name {
  font-weight: normal;
  font-size: 80%;
  margin-left: 5px;
}
.business-card .icon-star {
  margin-left: 5px;
}
.business-card h3.position {
  margin-top: 10px;
  line-height: 140%;
  font-weight: normal;
  color: #545454 !important;
}
.business-card h4 {
  color: #545454 !important;
  line-height: 150%;
  margin-bottom: 15px;
  font-size: 14px;
}
.business-card .contact-details {
  clear: left;
  color: #111;
  font-size: 14px;
  color: #666;
  margin-bottom: 7px;
  margin-top: 10px;
}
.business-card .contact-details > span {
  margin: 5px 20px 5px 0;
  color: #333;
  white-space: nowrap;
  float: left;
}
.business-card .address {
  clear: left;
  margin-bottom: 15px;
}
.business-card .icon-office-phone:before {
  content: "W";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding-right: 3px;
  color: #111;
  line-height: 1;
}
.business-card .icon-mobile-phone:before {
  content: '\2018';
  font-weight: normal !important;
  font-size: 21px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding-right: 3px;
  color: #111;
  line-height: 1;
}
.business-card .icon-email:before {
  content: "g";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding-right: 5px;
  color: #111;
  line-height: 1;
}
.business-card .icon-map:before {
  content: "L";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding-right: 3px;
  color: #111;
  line-height: 1;
}
.business-card .demographic-details {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.business-card .demographic-details .sex {
  width: 35px;
  height: 62px;
  display: block;
  text-indent: -9999px;
  text-align: left;
  margin-top: 0;
  line-height: 1;
}
.business-card .demographic-details .male {
  background: url("../images/people.png") right top no-repeat;
}
.business-card .demographic-details .female {
  background: url("../images/people.png") right bottom no-repeat;
}
.business-card .demographic-details span {
  margin-top: 8px;
  font-weight: bold;
  display: block;
  float: right;
  line-height: 150%;
}
#business-card-buttons {
  display: none !important;
  display: inline-block;
  font-size: 11px;
}
#business-card-buttons > div {
  display: inline-block;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  background: url("../images/view-toolbar-gradient-darker.png") left bottom repeat-x;
  -webkit-box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
}
#business-card-buttons a {
  text-align: center;
  width: auto;
  position: relative;
  border-left: 1px solid #bababa;
  text-shadow: #fff 0 1px 0;
  margin: 0;
  padding: 0 6px;
  display: inline-block;
}
#business-card-buttons a:first-child {
  border-left: none;
}
#business-card-buttons a span {
  font-size: 10px;
  font-weight: bold;
  display: none;
}
#business-card-buttons a i {
  font-style: normal;
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  color: #656565;
}
#business-card-buttons.center-top {
  position: absolute;
  top: -1px;
  left: 50%;
  margin-left: -72px;
}
#business-card-buttons.center-top strong {
  margin-right: 4px;
}
#business-card-buttons.center-top > div {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#business-card-buttons.top-right {
  position: absolute;
  right: 12px;
  top: 16px;
}
#business-card-buttons.top-right a,
#business-card-buttons.top-right strong {
  display: block;
}
#business-card-buttons.top-right strong {
  margin-bottom: 3px;
  font-size: 10px;
  text-align: right;
}
#business-card-buttons.top-right a {
  border-left: none;
  border-top: 1px solid #bababa;
}
#business-card-buttons.top-right a:first-child {
  border-top: none;
}
#business-card-buttons.top-right a:hover span {
  float: left;
  position: absolute;
  right: 32px;
  top: 5px;
  display: block;
}
#business-card-buttons .active {
  color: #97c43d;
  -webkit-text-shadow: 0 0 1px #cbe29f;
  -moz-text-shadow: 0 0 1px #cbe29f;
  -ms-text-shadow: 0 0 1px #cbe29f;
  -o-text-shadow: 0 0 1px #cbe29f;
  text-shadow: 0 0 1px #cbe29f;
}
#business-card-buttons .active i {
  color: #97c43d;
}
.social-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 4px;
}
.social-icon:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 7px 0 #999;
  -moz-box-shadow: 0 0 7px 0 #999;
  -ms-box-shadow: 0 0 7px 0 #999;
  -o-box-shadow: 0 0 7px 0 #999;
  box-shadow: 0 0 7px 0 #999;
}
.icon-bebo {
  background: url("../images/social-icons/bebo.png") center center no-repeat;
}
.icon-instagram {
  background: url("../images/social-icons/instagram.png") center center no-repeat;
}
.icon-picasa {
  background: url("../images/social-icons/picasa.png") center center no-repeat;
}
.icon-stumbleupon {
  background: url("../images/social-icons/stumbleupon.png") center center no-repeat;
}
.icon-behance {
  background: url("../images/social-icons/behance.png") center center no-repeat;
}
.icon-evernote {
  background: url("../images/social-icons/evernote.png") center center no-repeat;
}
.icon-lastfm {
  background: url("../images/social-icons/lastfm.png") center center no-repeat;
}
.icon-pinterest {
  background: url("../images/social-icons/pinterest.png") center center no-repeat;
}
.icon-tumblr {
  background: url("../images/social-icons/tumblr.png") center center no-repeat;
}
.icon-blogger {
  background: url("../images/social-icons/blogger.png") center center no-repeat;
}
.icon-facebook {
  background: url("../images/social-icons/facebook.png") center center no-repeat;
}
.icon-posterous {
  background: url("../images/social-icons/posterous.png") center center no-repeat;
}
.icon-twitter {
  background: url("../images/social-icons/twitter.png") center center no-repeat;
}
.icon-delicious {
  background: url("../images/social-icons/delicious.png") center center no-repeat;
}
.icon-flickr {
  background: url("../images/social-icons/flickr.png") center center no-repeat;
}
.icon-linkedin {
  background: url("../images/social-icons/linkedin.png") center center no-repeat;
}
.icon-reddit {
  background: url("../images/social-icons/reddit.png") center center no-repeat;
}
.icon-typepad {
  background: url("../images/social-icons/typepad.png") center center no-repeat;
}
.icon-designfloat {
  background: url("../images/social-icons/designfloat.png") center center no-repeat;
}
.icon-forrst {
  background: url("../images/social-icons/forrst.png") center center no-repeat;
}
.icon-myspace {
  background: url("../images/social-icons/myspace.png") center center no-repeat;
}
.icon-rss {
  background: url("../images/social-icons/rss.png") center center no-repeat;
}
.icon-vimeo {
  background: url("../images/social-icons/vimeo.png") center center no-repeat;
}
.icon-deviantart {
  background: url("../images/social-icons/deviantart.png") center center no-repeat;
}
.icon-friendfeed {
  background: url("../images/social-icons/friendfeed.png") center center no-repeat;
}
.icon-netvibes {
  background: url("../images/social-icons/netvibes.png") center center no-repeat;
}
.icon-skype {
  background: url("../images/social-icons/skype.png") center center no-repeat;
}
.icon-wordpress {
  background: url("../images/social-icons/wordpress.png") center center no-repeat;
}
.icon-digg {
  background: url("../images/social-icons/digg.png") center center no-repeat;
}
.icon-googleplus {
  background: url("../images/social-icons/googleplus.png") center center no-repeat;
}
.icon-orkut {
  background: url("../images/social-icons/orkut.png") center center no-repeat;
}
.icon-soundcloud {
  background: url("../images/social-icons/soundcloud.png") center center no-repeat;
}
.icon-yahoo {
  background: url("../images/social-icons/yahoo.png") center center no-repeat;
}
.icon-dribbble {
  background: url("../images/social-icons/dribbble.png") center center no-repeat;
}
.icon-grooveshark {
  background: url("../images/social-icons/grooveshark.png") center center no-repeat;
}
.icon-path {
  background: url("../images/social-icons/path.png") center center no-repeat;
}
.icon-spotify {
  background: url("../images/social-icons/spotify.png") center center no-repeat;
}
.icon-youtube {
  background: url("../images/social-icons/youtube.png") center center no-repeat;
}
.icon-klout {
  background: url("../images/social-icons/klout.png") center center no-repeat;
}
.icon-gravatar {
  background: url("../images/social-icons/gravatar.png") center center no-repeat;
}
.icon-plancast {
  background: url("../images/social-icons/plancast.png") center center no-repeat;
}
.icon-quora {
  background: url("../images/social-icons/quora.png") center center no-repeat;
}
.icon-foursquare {
  background: url("../images/social-icons/foursquare.png") center center no-repeat;
}
.icon-lanyrd {
  background: url("../images/social-icons/lanyrd.png") center center no-repeat;
}
.icon-aboutme {
  background: url("../images/social-icons/aboutme.png") center center no-repeat;
}
.back-of-card {
  display: none;
}
.back-of-card h3 {
  margin-bottom: 10px;
  margin-top: 30px;
}
.back-of-card ul {
  list-style: none;
}
.back-of-card li {
  font-weight: bold;
  margin-bottom: 3px;
  color: #666;
}
.back-of-card li span {
  font-weight: normal;
  margin-left: 5px;
  border: 1px solid #ccc;
  background: #eaeaea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 11px;
  color: #323232;
}
.back-of-card .complex-data li {
  line-height: 200%;
  width: 33.3%;
  float: left;
}
.back-of-card .simple-data li {
  float: left;
  width: auto;
  margin-bottom: 7px;
}
.back-of-card .simple-data span {
  margin: 0 5px 0 0;
}
.back-of-card .half {
  float: left;
  width: 49%;
}
.back-of-card .half + .half {
  margin-left: 2%;
}
div.special-pager {
  margin-bottom: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}
div.special-pager .next span {
  text-indent: 0 !important;
  font-size: 11px;
  padding: 5px 0 5px 0 !important;
}
div.special-pager .next a:after,
div.special-pager .hidden.next:after {
  display: none !important;
}
#sliding-panel-toggle {
  width: 100%;
  background: #fff url("../images/view-toolbar-gradient.png") left bottom repeat-x;
  -webkit-box-shadow: inset 0 1px 0 #DFDFDF;
  -moz-box-shadow: inset 0 1px 0 #DFDFDF;
  -ms-box-shadow: inset 0 1px 0 #DFDFDF;
  -o-box-shadow: inset 0 1px 0 #DFDFDF;
  box-shadow: inset 0 1px 0 #DFDFDF;
  overflow: hidden;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  font-size: 11px;
}
.mini-button {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  background: url("../images/view-toolbar-gradient-darker.png") left bottom repeat-x;
  -webkit-box-shadow: inset 0 0 1px 1px #efefef;
  -moz-box-shadow: inset 0 0 1px 1px #efefef;
  -ms-box-shadow: inset 0 0 1px 1px #efefef;
  -o-box-shadow: inset 0 0 1px 1px #efefef;
  box-shadow: inset 0 0 1px 1px #efefef;
  color: #545454;
  -webkit-text-shadow: #fff 0 1px 0;
  -moz-text-shadow: #fff 0 1px 0;
  -ms-text-shadow: #fff 0 1px 0;
  -o-text-shadow: #fff 0 1px 0;
  text-shadow: #fff 0 1px 0;
  line-height: 22px;
  height: 22px;
  padding: 0 6px;
}
.mini-button span {
  font-size: 11px;
  font-weight: bold;
  -webkit-text-shadow: 0 1px 0 #fff;
  -moz-text-shadow: 0 1px 0 #fff;
  -ms-text-shadow: 0 1px 0 #fff;
  -o-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  color: #545454;
  line-height: 22px;
}
.mini-button:hover {
  color: #7CB830 !important;
}
.mini-button:hover span {
  color: #7CB830;
}
.toggle-back-of-card-link {
  margin-top: 5px;
}
.toggle-back-of-card-link span {
  display: none;
  padding: 0 6px 0 28px;
  background: url("../images/rapleaf.png") 4px center no-repeat;
}
.toggle-back-of-card-link span + span {
  line-height: 22px;
}
.toggle-back-of-card-link .show {
  display: block;
}
.callable-item {
  position: relative;
  z-index: 100;
}
.callable-item em {
  margin-right: 4px;
  font-style: normal;
}
.callable-item:hover .icon-onsip {
  display: block;
}
.callable-item .icon-onsip {
  animation-name: shake;
  animation-duration: 200ms;
  animation-iteration-count: 2;
  animation-timing-function: linear;
  -moz-animation-name: shake;
  -moz-animation-duration: 200ms;
  -moz-animation-iteration-count: 2;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: shake;
  -webkit-animation-duration: 200ms;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-timing-function: linear;
  font-size: 28px;
  font-weight: normal !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
  display: none;
  color: #fff;
  position: absolute;
  left: -32px;
  top: -2px;
  background: #545454;
  width: 24px;
  height: 24px;
  line-height: 21px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.callable-item .icon-onsip:before {
  position: absolute;
  right: -10px;
  top: 6px;
  content: '';
  display: block;
  border: 6px solid #545454;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.hangup {
  position: relative;
  z-index: 0;
  padding-left: 12px;
  margin-left: -25px;
  font-size: 11px;
  border: 1px solid #c43d53;
  -webkit-box-shadow: inset 0 0 1px 1px #a82d31;
  -moz-box-shadow: inset 0 0 1px 1px #a82d31;
  -ms-box-shadow: inset 0 0 1px 1px #a82d31;
  -o-box-shadow: inset 0 0 1px 1px #a82d31;
  box-shadow: inset 0 0 1px 1px #a82d31;
  -webkit-text-shadow: #a82d31 0 1px 0;
  -moz-text-shadow: #a82d31 0 1px 0;
  -ms-text-shadow: #a82d31 0 1px 0;
  -o-text-shadow: #a82d31 0 1px 0;
  text-shadow: #a82d31 0 1px 0;
  line-height: 20px;
  color: #ffffff;
  background-color: #a82d31;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#c43d53,#a82d31);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c43d53),color-stop(100%,#a82d31));
  background-image: -webkit-linear-gradient(top,#c43d53,#a82d31);
  background-image: -o-linear-gradient(top,#c43d53,#a82d31);
  background-image: -moz-linear-gradient(top,#c43d53,#a82d31);
  background-image: linear-gradient(top,#c43d53,#a82d31);
}
.hangup:hover {
  color: #000000 !important;
  -webkit-text-shadow: 0px 1px 0 #ca5164;
  -moz-text-shadow: 0px 1px 0 #ca5164;
  -ms-text-shadow: 0px 1px 0 #ca5164;
  -o-text-shadow: 0px 1px 0 #ca5164;
  text-shadow: 0px 1px 0 #ca5164;
  background-color: #802225;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#c43d53,#802225);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c43d53),color-stop(100%,#802225));
  background-image: -webkit-linear-gradient(top,#c43d53,#802225);
  background-image: -o-linear-gradient(top,#c43d53,#802225);
  background-image: -moz-linear-gradient(top,#c43d53,#802225);
  background-image: linear-gradient(top,#c43d53,#802225);
}
.toolbar-mbmenu i[class^="icon"] {
  display: none !important;
}
.pillbox-icon {
  color: #656565;
  font-weight: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  top: -1px;
}
.pillbox {
  position: relative;
  z-index: 9999;
  font-size: 11px;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 30px 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  box-shadow: 0 0 9px 5px rgba(153,153,153,0.12);
  background: url("../images/view-toolbar-gradient.png") left bottom repeat-x;
  display: inline-block;
}
.pillbox + .pillbox {
  float: right;
}
.pillbox.empty {
  visibility: hidden;
}
.pillbox i[class^="icon"] {
  color: #656565;
  font-weight: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  top: -1px;
}
.pillbox .active a,
.pillbox .active span,
.pillbox .active i[class^="icon"],
.pillbox .active i[class^="icon"]:before,
.pillbox .active i[class^="icon"]:after,
.pillbox .nav-open a,
.pillbox .nav-open span,
.pillbox .nav-open i[class^="icon"],
.pillbox .nav-open i[class^="icon"]:before,
.pillbox .nav-open i[class^="icon"]:after {
  color: #7CB830;
}
.split-button,
.default-button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  float: left;
}
.split-button + .default-button,
.split-button + .split-button,
.default-button + .default-button,
.default-button + .split-button {
  border-left: 1px solid #bababa;
}
.split-button > a,
.default-button > a {
  padding: 0 5px 0 5px;
}
.split-button i,
.default-button i {
  font-style: normal;
  line-height: 30px;
  margin-right: 3px;
}
.split-button:last-child .button-trigger {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.split-button .icon-trigger:before {
  display: block;
}
.split-button .button-actions:before {
  right: 4px;
  background: url("../images/tip.png") right bottom no-repeat;
}
.split-button.active .icon-trigger:after {
  color: #656565 !important;
}
.split-button.active .button-actions a {
  color: #fff;
}
.default-button:hover .icon-trigger:before {
  display: block !important;
}
.default-button:hover span,
.default-button:hover i[class^="icon"],
.default-button:hover i[class^="icon"]:after,
.default-button:hover i[class^="icon"]:before {
  color: #7CB830;
}
.button-label {
  font-weight: bold;
  padding: 0 5px;
  line-height: 30px;
  display: inline-block;
  white-space: nowrap;
}
.button-label:empty {
  display: none;
}
.button-action-trigger,
.button-trigger {
  position: relative;
  z-index: 99999;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  float: right;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -moz-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -ms-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  -o-text-shadow: rgba(255,255,255,0.8) 0px 1px;
  text-shadow: rgba(255,255,255,0.8) 0px 1px;
}
.button-action-trigger:hover,
.button-trigger:hover {
  background-color: #fff ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(50%,#ddd),to(#fff)) ;
  background-image: -webkit-linear-gradient(#fff,#ddd 50%,#fff) ;
  background-image: -ms-linear-gradient(#fff,#ddd 50%,#fff) ;
  background-image: -o-linear-gradient(#fff,#ddd 50%,#fff) ;
  background-image: -moz-linear-gradient(#fff,#ddd 50%,#fff) ;
  background-image: linear-gradient(#fff,#ddd 50%,#fff) ;
  border-left: 1px solid #e7e7e7;
}
.button-action-trigger:hover i,
.button-trigger:hover i {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-left: none;
}
.button-action-trigger:hover .icon-trigger:before,
.button-trigger:hover .icon-trigger:before {
  display: block;
}
.button-action-trigger:hover + .button-actions,
.button-trigger:hover + .button-actions {
  display: block;
}
.button-action-trigger .icon-trigger,
.button-trigger .icon-trigger {
  font-size: 14px !important;
  line-height: 1 !important;
  -webkit-box-shadow: inset 1px 0 0 0 #fff;
  -moz-box-shadow: inset 1px 0 0 0 #fff;
  -ms-box-shadow: inset 1px 0 0 0 #fff;
  -o-box-shadow: inset 1px 0 0 0 #fff;
  box-shadow: inset 1px 0 0 0 #fff;
  -webkit-text-shadow: 0 2px 0 #fff;
  -moz-text-shadow: 0 2px 0 #fff;
  -ms-text-shadow: 0 2px 0 #fff;
  -o-text-shadow: 0 2px 0 #fff;
  text-shadow: 0 2px 0 #fff;
  top: 0;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e7e7e7;
}
.button-action-trigger .icon-trigger:after,
.button-trigger .icon-trigger:after {
  content: "÷";
  padding: 0 0 0 6px;
}
.button-action-trigger .icon-trigger:before,
.button-trigger .icon-trigger:before {
  content: "";
  display: none;
  position: absolute;
  top: 24px;
  right: -2px;
  width: 13px;
  height: 8px;
  background: url("../images/tip.png") right bottom no-repeat;
}
.button-trigger {
  padding: 0 8px 0 0 !important;
}
.button-action-trigger:hover {
  background: none;
  border-left: none;
}
.button-action-trigger:hover i {
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-left: none;
}
.button-action-trigger:hover .icon-trigger:before {
  display: block !important;
}
.button-action-trigger .icon-options:after {
  margin: 0 !important;
  color: #656565;
  font-weight: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  top: -1px;
}
.button-action-trigger .icon-trigger {
  border-left: none !important;
}
.button-action-trigger .icon-trigger:before {
  right: 0px;
}
.button-action-trigger .icon-trigger:after {
  padding: 0 3px;
}
.button-actions {
  cursor: text;
  z-index: 999;
  color: #EFEFEF;
  display: none;
  list-style: none;
  position: absolute;
  top: 40px;
  right: 0;
  min-width: 100px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  white-space: nowrap;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
}
.button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#97c43d,#5b7724) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#5b7724)) !important;
  background-image: -webkit-linear-gradient(top,#97c43d,#5b7724) !important;
  background-image: -o-linear-gradient(top,#97c43d,#5b7724) !important;
  background-image: -moz-linear-gradient(top,#97c43d,#5b7724) !important;
  background-image: linear-gradient(top,#97c43d,#5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
.button-actions:hover,
.button-actions.stayOpen,
.button-actions.nav-open {
  display: block;
}
.button-actions:before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 0;
  width: 100%;
  height: 15px;
  background: transparent;
}
.button-actions li {
  line-height: 100%;
}
.button-actions li:first-child {
  border-top: none;
}
.button-actions li:last-child {
  border-bottom: none;
}
.button-actions .divider {
  border-top: 1px solid #181818;
  border-bottom: 1px solid #323232;
  margin: 5px 5px;
}
.button-actions li > a {
  color: #EFEFEF;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 1px;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.button-actions label {
  color: #EFEFEF;
}
.button-actions .has-model-select {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.button-actions .has-model-select a {
  right: -1px;
  bottom: 3px;
  height: 23px;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
}
.button-actions .has-model-select a:hover {
  background: url("../images/dropdown-general.png") left top no-repeat !important;
}
.default-button:hover span,
.default-button:hover i[class^="icon"],
.default-button:hover i[class^="icon"]:after,
.default-button:hover i[class^="icon"]:before,
.button-action:hover span,
.button-action:hover i[class^="icon"],
.button-action:hover i[class^="icon"]:after,
.button-action:hover i[class^="icon"]:before,
.button-action-trigger:hover span,
.button-action-trigger:hover i[class^="icon"],
.button-action-trigger:hover i[class^="icon"]:after,
.button-action-trigger:hover i[class^="icon"]:before {
  color: #7CB830;
}
.nav-open .button-actions {
  display: block;
}
.nav-open .icon-trigger:before {
  display: block !important;
}
.nav-open .close-flyout {
  color: #fff !important;
}
.nav-open .flyout-action .close-flyout {
  color: #333333 !important;
}
.button-actions.open-on-left {
  right: auto;
  left: 0;
}
.button-actions.open-on-left:before {
  width: 80%;
  right: auto;
  background-position: 50% bottom;
}
.juiportlet-widget-content .pillbox {
  margin: 15px 0 0 15px;
}
.unread-count {
  display: inline-block;
  position: relative;
  top: -1px;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 15px;
  text-align: center;
  color: #545454;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  font-size: 9px;
  font-weight: bold !important;
  background-color: #dfdfdf;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#fff,#dfdfdf);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#dfdfdf));
  background-image: -webkit-linear-gradient(top,#fff,#dfdfdf);
  background-image: -o-linear-gradient(top,#fff,#dfdfdf);
  background-image: -moz-linear-gradient(top,#fff,#dfdfdf);
  background-image: linear-gradient(top,#fff,#dfdfdf);
  border: 1px solid #dfdfdf;
}
.unread-count:hover {
  color: inherit;
}
.hasCheckboxes {
  float: left;
  display: inline-block;
  border-left: 1px solid #bababa;
  text-indent: 0 !important;
  vertical-align: middle;
  padding: 0 0 0 15px;
  line-height: 30px;
}
.hasCheckboxes:before {
  content: "";
  margin: 0;
  display: none;
}
.hasCheckboxes .hasCheckBox {
  display: inline-block;
  width: auto;
  padding-left: 20px;
  margin-right: 0;
  position: relative;
  top: 3px;
}
.hasCheckboxes .hasCheckBox + label {
  padding-right: 15px;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: bold !important;
}
.overlay-view {
  width: 500px;
  text-align: left;
  padding: 5px 5px 10px 5px;
  white-space: normal;
}
.overlay-view div {
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0 !important;
  margin: 0 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  margin-bottom: 5px !important;
  line-height: 1.4;
  font-size: 12px;
  cursor: text;
}
.overlay-view .after-form-details-content {
  padding: 0px;
  color: #efefef !important;
  text-align: left;
}
.overlay-view .after-form-details-content a {
  display: inline;
  color: #EFEFEF !important;
  padding: 0;
  text-decoration: underline !important;
}
.overlay-view h3 {
  font-weight: bold;
  font-size: 13px;
  color: #EFEFEF !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.overlay-view .details-description {
  margin-bottom: 5px !important;
  line-height: 1.4;
  font-size: 12px;
}
.overlay-view strong {
  display: block;
}
body .overlay-view .after-form-details-content a:hover {
  background: none !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.stay-open {
  display: block !important;
}
.gd-dashboard-active #HeaderView {
  position: fixed;
  width: 100%;
}
.gd-dashboard-active .AppContainer {
  padding-top: 78px;
}
#gd-overlay {
  top: 78px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.65);
  position: absolute;
  width: 100%;
  display: block;
}
#gd-container {
  z-index: 100;
  top: 78px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  overflow: hidden;
}
#gd-centralizer {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding: 0 30px;
}
#game-dashboard {
  position: relative;
  width: 100%;
  max-width: 1200px;
  max-height: 600px;
  margin: auto;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #f1f1f1;
  background: url("../images/game-dashboard/blue-chalkboard-blurred.jpg") left top repeat;
}
#game-dashboard > div {
  padding: 10px 15px 15px 15px;
  display: block;
}
#game-dashboard h2,
#game-dashboard h3 {
  -webkit-text-shadow: 0 -1px 0 #151f1f;
  -moz-text-shadow: 0 -1px 0 #151f1f;
  -ms-text-shadow: 0 -1px 0 #151f1f;
  -o-text-shadow: 0 -1px 0 #151f1f;
  text-shadow: 0 -1px 0 #151f1f;
  color: #fff !important;
}
#game-dashboard ul {
  list-style: none;
}
#game-dashboard h2 {
  margin-bottom: 15px;
}
#game-dashboard a {
  color: #fff;
}
.close-dashboard-button {
  z-index: 999;
  width: 100%;
  height: 31px;
  max-width: 1200px;
  margin: auto;
  position: relative;
  top: 15px;
}
.close-dashboard-button a {
  margin-right: -15px;
  float: right;
  width: 30px !important;
  height: 31px !important;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  display: block;
  z-index: 11000;
}
.close-dashboard-button a:hover {
  border: none;
  background: none;
}
.close-dashboard-button .ui-icon-closethick {
  background: transparent url("../images/widget-close-btn.png") left top no-repeat;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px !important;
  height: 31px !important;
  text-indent: -9999px;
  display: block;
}
.close-dashboard-button .ui-icon-closethick:hover {
  background: transparent url("../images/widget-close-btn.png") left top no-repeat;
}
.div-hover {
  -webkit-box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
  -moz-box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
  -ms-box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
  -o-box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
  box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
}
#gd-profile-card {
  padding: 0 !important;
  height: 84%;
  width: 20%;
  float: left;
  border-right: 1px solid rgba(32,50,52,0.5);
  text-align: center;
}
#gd-profile-card h3 {
  margin: 0 0 10px 0;
}
#gd-profile-card ul {
  font-weight: bold;
}
#gd-profile-card ul li {
  line-height: 1.15;
}
#gd-profile-card ul i {
  font-style: normal;
  margin-right: 3px;
  color: #7cb830;
  font-size: 16px;
}
#gd-profile-card .gravatar,
#gd-profile-card img {
  max-width: 100%;
  height: auto;
  margin-bottom: 5px;
  padding: 0;
  border: none !important;
  background: none;
}
#gd-mini-stats-card {
  margin-top: 0px;
  *zoom: 1;
}
#gd-mini-stats-card:before,
#gd-mini-stats-card:after {
  content: " ";
  display: table;
}
#gd-mini-stats-card:after {
  clear: both;
}
#gd-mini-stats-card #gd-mini-stats-chart-div svg g:last-child > g:first-child {
  display: none;
}
#gd-mini-stats-card .gd-level {
  margin-top: -113px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: 3;
  padding: 10px;
}
#gd-mini-stats-card .gd-level span:last-child {
  display: none;
  font-weight: bold;
  position: relative;
  top: 10px;
}
#gd-mini-stats-card strong {
  font-size: 36px;
  line-height: 1;
  display: block;
  color: #7cb830;
  font-weight: bold;
}
#gd-mini-stats-card strong + span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#gd-mini-stats-card .gd-num-badges,
#gd-mini-stats-card .gd-num-collections {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 5px;
  float: right;
  width: 45%;
  margin: 15px 0 0 0;
  font-weight: bold;
}
#gd-mini-stats-card .gd-num-badges strong,
#gd-mini-stats-card .gd-num-collections strong {
  font-size: 24px;
  display: block;
  font-weight: bold;
}
#gd-mini-stats-card .gd-num-badges {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  -ms-border-radius: 0 0 4px 0;
  -o-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
  float: right;
  margin-right: 5%;
}
#gd-badges-list {
  overflow-y: auto;
  height: 84%;
  width: 30%;
  position: absolute;
  top: 0;
  left: 20%;
  float: left;
  border-left: 1px solid rgba(83,112,115,0.4);
  border-right: 1px solid rgba(32,50,52,0.5);
}
#gd-badges-list li {
  *zoom: 1;
}
#gd-badges-list li:before,
#gd-badges-list li:after {
  content: " ";
  display: table;
}
#gd-badges-list li:after {
  clear: both;
}
#gd-badges-list li + li {
  padding-top: 10px;
}
#gd-badges-list .badge {
  float: left;
  margin-right: 15px;
}
#gd-badges-list .badge-grade {
  right: auto;
  left: -8px;
}
#gd-badges-list h3,
#gd-badges-list p {
  margin-bottom: 5px;
}
#gd-badges-list p {
  line-height: 1.4;
}
#gd-badges-list p + span {
  font-size: 11px;
  color: #aaa;
}
#gd-badges-list .type-achievements {
  -webkit-text-shadow: 0 -1px 0 #151f1f;
  -moz-text-shadow: 0 -1px 0 #151f1f;
  -ms-text-shadow: 0 -1px 0 #151f1f;
  -o-text-shadow: 0 -1px 0 #151f1f;
  text-shadow: 0 -1px 0 #151f1f;
  margin-top: 150px;
  font-size: 14px;
}
#gd-badges-list .type-achievements .icon-empty {
  position: relative;
  top: 10px;
}
#gd-badges-list .type-achievements .icon-empty:before {
  font-size: 64px;
}
#gd-z-coins {
  width: 15%;
  height: 25%;
  float: left;
  margin-left: 30%;
  border-left: 1px solid rgba(83,112,115,0.4);
  border-right: 1px solid rgba(32,50,52,0.5);
  border-bottom: 1px solid rgba(32,50,52,0.5);
  position: relative;
  text-align: center;
}
#gd-z-coins a {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 11px;
  text-decoration: underline;
}
#gd-z-coin {
  display: block;
  width: 85px;
  height: 85px;
  line-height: 85px;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 5px auto;
  font-weight: normal !important;
  font-size: 72px;
  font-family: "zurmo_gamification_symbly_rRg";
  cursor: default;
  color: #e2b321;
  background: url("../images/game-dashboard/coin.png") left top no-repeat;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
#gd-z-coin:hover {
  -webkit-animation: spinCoin 1s linear infinite;
  -moz-animation: spinCoin 1s linear infinite;
  -o-animation: spinCoin 1s linear infinite;
  -ms-animation: spinCoin 1s linear infinite;
  animation: spinCoin 1s linear infinite;
}
#gd-leaderboard {
  width: 35%;
  height: 25%;
  float: left;
  border-bottom: 1px solid rgba(32,50,52,0.5);
  border-left: 1px solid rgba(83,112,115,0.4);
}
.leaderboard-rank {
  float: left;
  overflow: visible;
  width: 32%;
  margin-right: 2%;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: rgba(7,53,58,0.3);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
}
.leaderboard-rank:last-child {
  margin-right: 0;
}
.leaderboard-rank strong,
.leaderboard-rank span {
  display: block;
}
.leaderboard-rank strong {
  -webkit-text-shadow: 0 -1px 0 #1c5a4f;
  -moz-text-shadow: 0 -1px 0 #1c5a4f;
  -ms-text-shadow: 0 -1px 0 #1c5a4f;
  -o-text-shadow: 0 -1px 0 #1c5a4f;
  text-shadow: 0 -1px 0 #1c5a4f;
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
}
.leaderboard-rank span {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#gd-statistics {
  width: 50%;
  height: 59%;
  margin-left: 30%;
  float: left;
  border-top: 1px solid rgba(83,112,115,0.4);
  border-left: 1px solid rgba(83,112,115,0.4);
}
#gd-stats-wrapper {
  border: 1px solid #d7d7d7;
  border-bottom: none;
  max-height: 320px;
}
.stat-row {
  width: 100%;
  padding: 10px 12px 10px 5px;
  white-space: nowrap;
  border-bottom: 1px solid #d7d7d7;
}
.stat-row:nth-child(even) {
  background: rgba(0,0,0,0.05);
}
.stat-row h3 {
  width: 35%;
  text-align: right;
  display: inline-block;
}
.stat-row .stat-level,
.stat-row .stat-points {
  float: none;
  display: inline-block;
  width: 5%;
  text-align: center;
}
.stat-row .stat-level {
  font-weight: bold;
}
.stat-row .stat-points {
  width: 10%;
  position: relative;
  top: -8px;
  font-weight: 800;
}
.stat-row .stat-points em {
  position: absolute;
  top: 14px;
  left: 0;
  text-align: center;
  font-size: 11px;
  width: 100%;
  font-style: normal;
  font-weight: 100;
  color: #fff;
}
.stat-row .percentHolder {
  width: 45%;
  margin-left: 5%;
}
#gd-collections {
  width: 100%;
  height: 100px;
  float: left;
  border-top: 1px solid rgba(83,112,115,0.4);
  padding: 0 !important;
  position: relative;
  z-index: 100;
}
#gd-carousel-wrapper {
  width: 95%;
  height: 100px;
  float: left;
  border-left: 1px solid rgba(83,112,115,0.4);
  border-right: 1px solid rgba(32,50,52,0.5);
  position: relative;
  z-index: 0;
}
#gd-carousel {
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: 1;
}
.nav-button {
  width: 2.5%;
  height: 100%;
  text-align: center;
  line-height: 100px;
  font-size: 22px;
  float: left;
  display: block;
  -webkit-text-shadow: 0 -1px 0 #fff;
  -moz-text-shadow: 0 -1px 0 #fff;
  -ms-text-shadow: 0 -1px 0 #fff;
  -o-text-shadow: 0 -1px 0 #fff;
  text-shadow: 0 -1px 0 #fff;
  position: relative;
  z-index: 10;
  overflow: hidden;
  background: url("../images/game-dashboard/blue-chalkboard-blurred.jpg") left top repeat;
  z-index: 100;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
}
#nav-left {
  border-right: 1px solid rgba(32,50,52,0.5);
}
#nav-right {
  border-left: 1px solid rgba(83,112,115,0.4);
}
.gd-collection-panel {
  position: relative;
  width: 285px;
  height: 300px;
  float: left;
  border-left: 1px solid rgba(32,50,52,0.5);
  border-right: 1px solid rgba(83,112,115,0.4);
}
.gd-collection-panel h3 {
  margin-top: 5px;
}
.gd-collection-panel .collection-badge {
  float: left;
  display: inline-block;
  height: 70px;
  margin: 0;
  margin: 0 15px 0 0;
  background-size: 100% auto;
}
.gd-collection-panel > div {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  padding: 15px 15px;
  -webkit-box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  background: url("../images/game-dashboard/blue-chalkboard-blurred.jpg") center top repeat;
}
.gd-collection-panel > div.open-panel,
.gd-collection-panel > div:hover {
  -webkit-box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
  -moz-box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
  -ms-box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
  -o-box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
  box-shadow: inset 0 5px 0 0 rgba(32,50,52,0.5), inset 0 6px 0 0 rgba(83,112,115,0.4);
}
.gd-collection-panel .gd-number-collected {
  visibility: hidden;
  margin: -2px 0 0 0;
  white-space: nowrap;
}
.gd-collection-panel .gd-number-collected .have-it,
.gd-collection-panel .gd-number-collected .have-it-not {
  font-weight: normal !important;
  font-size: 34px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  margin: 0 0 0 -2px;
  color: #7cb830;
}
.gd-collection-panel .gd-number-collected .have-it-not {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.gd-collection-panel .gd-total-completed {
  position: relative;
  top: -3px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 34px;
}
.gd-collection-items {
  margin-top: 70px;
  position: relative;
  clear: left;
}
.gd-collection-items .num-collected {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: block;
  position: absolute;
  top: -6px;
  left: -10px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background: #7cb830;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
  -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
  -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
}
.gd-collection-items .missing img {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.gd-collection-items .missing .num-collected {
  background: #c0392b;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
  -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
  -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
}
.gd-collection-item {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 25px;
}
.gd-collection-item img {
  max-height: 55px;
  width: auto;
}
.gd-collection-item-redeemed {
  margin-top: -10px;
  display: inline-block;
  float: right;
  text-align: center;
}
.gd-collection-item-redeemed img {
  max-width: 70px;
  height: auto;
  text-align: center;
}
.gd-collection-item-redeemed .num-collected {
  width: 24px;
  height: 24px;
  line-height: 24px;
  z-index: 9999;
}
.redeemable h3 {
  background: url("../images/game-dashboard/redeemable-coin-2.png") right 2px no-repeat;
}
.zurmo body .coin-button {
  position: relative;
  z-index: 1;
  overflow: visible;
  background: url("../images/game-dashboard/coin-button.png") center center no-repeat;
  width: 90px;
  height: 70px;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.zurmo body .coin-button .z-label {
  text-indent: 0;
  display: block;
  text-align: center;
  font-size: 13px;
  width: 100%;
  padding: 0;
  margin: 22px 0 0 0;
  color: #763e05 !important;
  -webkit-text-shadow: 0px 1px 0 #f9bd81 !important;
  -moz-text-shadow: 0px 1px 0 #f9bd81 !important;
  -ms-text-shadow: 0px 1px 0 #f9bd81 !important;
  -o-text-shadow: 0px 1px 0 #f9bd81 !important;
  text-shadow: 0px 1px 0 #f9bd81 !important;
  background-color: rgba(246,146,30,0.8) !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,rgba(255,241,0,0.8),rgba(246,146,30,0.8)) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,241,0,0.8)),color-stop(100%,rgba(246,146,30,0.8))) !important;
  background-image: -webkit-linear-gradient(top,rgba(255,241,0,0.8),rgba(246,146,30,0.8)) !important;
  background-image: -o-linear-gradient(top,rgba(255,241,0,0.8),rgba(246,146,30,0.8)) !important;
  background-image: -moz-linear-gradient(top,rgba(255,241,0,0.8),rgba(246,146,30,0.8)) !important;
  background-image: linear-gradient(top,rgba(255,241,0,0.8),rgba(246,146,30,0.8)) !important;
  border-top: 1px solid rgba(255,241,0,0.3);
  border-bottom: 1px solid rgba(255,241,0,0.3);
  border-left: 1px solid rgba(255,241,0,0.5);
  border-right: 1px solid rgba(255,241,0,0.5);
  -webkit-box-shadow: 0 0 3px 0 rgba(255,241,0,0.1);
  -moz-box-shadow: 0 0 3px 0 rgba(255,241,0,0.1);
  -ms-box-shadow: 0 0 3px 0 rgba(255,241,0,0.1);
  -o-box-shadow: 0 0 3px 0 rgba(255,241,0,0.1);
  box-shadow: 0 0 3px 0 rgba(255,241,0,0.1);
}
.zurmo body .coin-button:hover span.z-label,
.zurmo body .coin-button:active span.z-label {
  color: #452403 !important;
  background-color: rgba(216,120,9,0.8) !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,rgba(255,241,0,0.8),rgba(216,120,9,0.8)) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,241,0,0.8)),color-stop(100%,rgba(216,120,9,0.8))) !important;
  background-image: -webkit-linear-gradient(top,rgba(255,241,0,0.8),rgba(216,120,9,0.8)) !important;
  background-image: -o-linear-gradient(top,rgba(255,241,0,0.8),rgba(216,120,9,0.8)) !important;
  background-image: -moz-linear-gradient(top,rgba(255,241,0,0.8),rgba(216,120,9,0.8)) !important;
  background-image: linear-gradient(top,rgba(255,241,0,0.8),rgba(216,120,9,0.8)) !important;
  -webkit-text-shadow: 0px 1px 0 #f8b068 !important;
  -moz-text-shadow: 0px 1px 0 #f8b068 !important;
  -ms-text-shadow: 0px 1px 0 #f8b068 !important;
  -o-text-shadow: 0px 1px 0 #f8b068 !important;
  text-shadow: 0px 1px 0 #f8b068 !important;
}
.zurmo body .coin-button.loading .z-label {
  text-indent: 20px;
}
.zurmo body .coin-button .z-spinner {
  display: block !important;
  top: 24px;
  left: 2px;
}
.coin-button.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
}
.random-game-coin {
  position: fixed;
  z-index: 999999999;
  left: 20px;
  bottom: 40px;
  display: block;
  width: 128px;
  height: 128px;
  line-height: 85px;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  margin: 0;
}
.random-game-coin > div {
  position: relative;
}
.game-coin {
  position: absolute;
  top: 0;
  left: 0;
  height: 128px;
  width: 128px;
  display: block;
  cursor: pointer;
  color: #e2b321;
  background: url("../images/game-dashboard/random-coin.png") center bottom no-repeat;
}
.smoke {
  position: absolute;
  top: 50px;
  left: 0;
  height: 128px;
  width: 128px;
  background-image: url("../images/game-dashboard/smoke_1_40_128_corrected.png");
  display: none;
}
.game-coin-quantity {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  float: left;
  position: relative;
  top: 50px;
  margin-right: 10px;
  color: #FFF;
}
.game-coin-quantity i {
  display: inline-block;
  line-height: inherit;
  position: relative;
  top: 3px;
  margin-left: 4px;
  height: 16px;
  width: 16px;
  background-image: url("../images/game-dashboard/z-coin-small.png");
  -webkit-animation: spinCoin .7s linear infinite;
  -moz-animation: spinCoin .7s linear infinite;
  -ms-animation: spinCoin .7s linear infinite;
  -o-animation: spinCoin .7s linear infinite;
  animation: spinCoin .7s linear infinite;
}
#header-game-dashboard-link-wrapper {
  position: relative;
  overflow: visible;
}
#game-notification {
  position: absolute;
  min-width: 280px;
  padding: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #EFEFEF;
  top: 38px;
  right: 0;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
}
#game-notification h5 {
  color: #EFEFEF;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  font-size: 14px;
  margin-bottom: 15px;
}
#game-notification .notification-wrapper {
  float: left;
}
#game-notification p {
  line-height: 1.5;
}
#game-notification a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  display: inline;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
.collection-item-image {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
  height: 85px;
  min-width: 45px;
  width: auto;
  text-align: center;
}
.collection-item-image img {
  position: relative;
  top: 0;
}
a#claim-item-link {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #545454;
  line-height: 1;
  padding: 2px 6px;
  position: relative;
  top: 2px;
  z-index: 5;
}
.animate-spin {
  -webkit-animation: spinCoin 1.2s linear infinite;
  -moz-animation: spinCoin 1.2s linear infinite;
  -o-animation: spinCoin 1.2s linear infinite;
  -ms-animation: spinCoin 1.2s linear infinite;
  animation: spinCoin 1.2s linear infinite;
}
.project-create .icon,
.project-collaborate .icon,
.project-track .icon {
  position: relative;
  margin: 0px 15px 0 0;
  display: inline-block;
  height: 100%;
}
.project-create .icon:before,
.project-collaborate .icon:before,
.project-track .icon:before {
  content: '\02DB';
  font-weight: normal !important;
  font-size: 145px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60px;
  position: absolute;
  top: 10px;
  -webkit-text-shadow: 0 -1px 0 #000;
  -moz-text-shadow: 0 -1px 0 #000;
  -ms-text-shadow: 0 -1px 0 #000;
  -o-text-shadow: 0 -1px 0 #000;
  text-shadow: 0 -1px 0 #000;
}
.project-collaborate p {
  margin-left: 110px;
}
.project-collaborate .icon:before {
  left: 10px;
  content: '\00AF';
}
.project-track p {
  margin-left: 110px;
}
.project-track .icon:before {
  left: 10px;
  content: '\02DA';
}
#ActiveProjectsListView {
  float: none;
  margin-bottom: 0;
}
#ActiveProjectsListView .items {
  background: #fff;
}
#ActiveProjectsListView .edit-autoresponder-link {
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
#ProjectsFeedListView {
  float: none;
  margin-bottom: 0;
}
#ProjectsFeedListView .items {
  background: #fff;
}
.type-tasks .items-wrapper {
  border: 1px solid #dfdfdf;
}
.task-dialog {
  *zoom: 1;
  min-width: 1000px;
  max-width: 1000px;
  border: none;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
  -moz-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
  -ms-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
  -o-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
}
.task-dialog:before,
.task-dialog:after {
  content: " ";
  display: table;
}
.task-dialog:after {
  clear: both;
}
.task-dialog .col-0 {
  width: 15%;
}
.task-dialog .col-1 {
  width: 85%;
}
.task-dialog .ui-dialog-title {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px;
  font-weight: bold;
  -webkit-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -moz-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -ms-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  -o-text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  text-shadow: rgba(255,255,255,0.8) 0 1px 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
  text-indent: 15px;
  height: 100%;
  display: block;
}
.task-dialog .toolbar-mbmenu {
  position: absolute;
  right: 0;
  top: 12px;
}
.task-dialog .view-toolbar .parent > ul {
  right: 0;
}
.task-dialog .wrapper,
.task-dialog .details-table {
  margin: 0;
  padding: 0;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
}
.task-dialog table {
  border: none;
}
.task-dialog td {
  padding-bottom: 15px;
}
.task-dialog .attributesContainer {
  padding-bottom: 0;
}
.task-dialog .float-bar {
  margin-bottom: 0;
}
.task-dialog .right-side-edit-view-panel {
  background: rgba(236,240,241,0.25) url("../images/stripes.png") left top repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.task-modal-details-options-menu .parent > a {
  padding: 0;
}
.task-modal-details-options-menu .parent > a span {
  display: none;
}
.task-modal-details-options-menu .parent > a:before {
  content: 'n';
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.task-modal-details-options-menu .parent > a:after {
  margin-left: 2px;
  position: relative;
  top: -2px;
}
#task-left-column-form-data label {
  margin-top: 15px;
  float: none;
  display: block;
}
#task-right-column-form-data label {
  float: none;
}
#task-right-column-form-data #status-box {
  margin-bottom: 15px;
}
#task-right-column-form-data .owner-box {
  position: relative;
  margin-bottom: 15px;
}
#task-subscriber-box {
  margin-top: 15px;
}
#task-subscriber-box h4 {
  margin-bottom: 4px;
}
#task-subscriber-box img {
  margin-right: 5px;
}
.check-list {
  margin-top: 30px;
}
.check-list h3 {
  margin-bottom: 10px;
}
.check-list-item {
  margin-top: 3px;
  position: relative;
}
.check-list-item .hasCheckBox {
  float: left;
  position: relative;
  top: -5px;
  margin-right: 5px;
}
.check-list-item.ui-sortable-helper {
  height: auto !important;
  padding: 8px 8px 4px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #f5f5f5;
}
.check-list-item.ui-sortable-helper .task-check-item-actions {
  visibility: hidden !important;
}
.check-list-item:hover .task-check-item-actions {
  visibility: visible;
}
.check-list-item p {
  line-height: 1.4;
  padding-left: 22px;
}
.task-check-item-actions {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  background: #f0f0f0;
  -webkit-box-shadow: -10px 0 15px 5px #f0f0f0;
  -moz-box-shadow: -10px 0 15px 5px #f0f0f0;
  -ms-box-shadow: -10px 0 15px 5px #f0f0f0;
  -o-box-shadow: -10px 0 15px 5px #f0f0f0;
  box-shadow: -10px 0 15px 5px #f0f0f0;
}
.task-check-item-actions a {
  margin-left: 5px;
}
.task-check-item-actions i {
  color: #a7a7a7;
}
.editable-task-input {
  padding-left: 22px;
}
.editable-task-input input {
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #666 !important;
  text-indent: 6px;
  line-height: 24px;
  height: 26px;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=270);
}
.editable-task-input input:focus {
  -webkit-box-shadow: 0 0 1px 1px #282A76;
  -moz-box-shadow: 0 0 1px 1px #282A76;
  -ms-box-shadow: 0 0 1px 1px #282A76;
  -o-box-shadow: 0 0 1px 1px #282A76;
  box-shadow: 0 0 1px 1px #282A76;
}
#task-check-item-inline-edit-form {
  margin-top: 10px;
  padding: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: rgba(236,240,241,0.25) url("../images/stripes.png") left top repeat;
  display: table;
  width: 100%;
}
#task-check-item-inline-edit-form input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #666 !important;
  text-indent: 6px;
  line-height: 24px;
  height: 26px;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.3);
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf,Strength=1,Direction=270);
  width: 100%;
}
#task-check-item-inline-edit-form input:focus {
  -webkit-box-shadow: 0 0 1px 1px #282A76;
  -moz-box-shadow: 0 0 1px 1px #282A76;
  -ms-box-shadow: 0 0 1px 1px #282A76;
  -o-box-shadow: 0 0 1px 1px #282A76;
  box-shadow: 0 0 1px 1px #282A76;
}
#task-check-item-inline-edit-form .task-input {
  padding-right: 10px;
  display: table-cell;
  vertical-align: middle;
  width: 99%;
}
#task-check-item-inline-edit-form .task-add-button {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
.task-activity {
  margin-top: 30px;
}
.task-activity #CommentsForRelatedModelView {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.task-activity #CommentInlineEditForModelView {
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0 0;
  padding: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: rgba(236,240,241,0.25) url("../images/stripes.png") left top repeat;
}
.task-activity #CommentList {
  margin: 0 0 0 0;
}
.task-activity #comment-inline-edit-form {
  margin: 0;
}
.task-activity #comment-inline-edit-form .form-toolbar {
  padding-right: 0;
}
.task-activity .comment {
  *zoom: 1;
  margin-top: 10px;
}
.task-activity .comment:before,
.task-activity .comment:after {
  content: " ";
  display: table;
}
.task-activity .comment:after {
  clear: both;
}
.task-activity .left-column {
  padding-right: 0;
}
.task-activity .show-file-upload-box {
  z-index: 99999;
  position: relative;
}
.right-side-details-view-panel {
  margin-top: 15px;
}
.right-side-details-view-panel .col-0 {
  width: 100%;
}
.right-side-details-view-panel td {
  padding: 0 0 5px 0;
  font-weight: normal;
}
.right-side-details-view-panel td strong {
  display: block;
}
.ProjectsActivityFeedPortletView tr:first-child td {
  border-top: none;
}
.edit-project-link {
  color: #282A76;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
.project-extra-info {
  margin-bottom: 10px;
  font-style: italic;
}
.project-stats {
  padding-right: 5px;
  width: 20%;
  float: left;
  text-align: left;
  font-size: 12px;
}
.project-stats strong {
  font-size: 26px;
  font-weight: bold;
  display: block;
}
a + .project-stats {
  margin-left: 0;
}
.percent-complete.percent-green strong {
  color: #6fa82d;
}
.percent-complete.percent-yellow strong {
  color: #ffcc00;
}
.percent-complete.percent-red strong {
  color: #a82d31;
}
.merge-view {
  width: 100% !important;
  margin: 0 auto !important;
  float: none;
  padding: 0;
}
.details-item-editable {
  margin-bottom: 0px;
  padding: 15px;
}
#CreateModelsToMergeListAndChartView .chosen-entries .right-column {
  display: none;
}
#CreateModelsToMergeListAndChartView .chosen-entries .left-column {
  width: 100%;
  float: none;
  padding: 0;
}
#CreateModelsToMergeListAndChartView .cards {
  width: 75%;
  border-right: none;
  margin-top: 0;
}
#CreateModelsToMergeListAndChartView .possible-matches {
  width: 25%;
  padding-top: 15px;
}
#CreateModelsToMergeListAndChartView .possible-matches li {
  font-weight: bold;
  margin-bottom: 0;
  border: none !important;
}
#CreateModelsToMergeListAndChartView .possible-matches li:first-child {
  border: none !important;
  padding: 0;
}
#CreateModelsToMergeListAndChartView .possible-matches span {
  display: none;
}
#CreateModelsToMergeListAndChartView .possible-matches a {
  display: inline-block;
  border: none !important;
  border-left: none !important;
  padding: 10px 15px;
  width: 100% !important;
}
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-1 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-1.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-2 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-2.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-3 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-3.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-4 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-4.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-5 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-5.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-6 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-6.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-7 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-7.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-8 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-8.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-9 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-9.selected a,
#CreateModelsToMergeListAndChartView .chosen-entries .merge-color-10 a:hover,
#CreateModelsToMergeListAndChartView .merge-color-10.selected a {
  background: #7CB830 !important;
}
.merge-title-bar {
  padding: 15px 15px 10px 15px;
  border-bottom: 1px solid #dfdfdf;
}
.merge-title-bar h3 {
  margin-bottom: 0 !important;
  line-height: 1;
}
.merge-title-bar .simple-link {
  margin-left: 15px;
  text-decoration: underline;
  line-height: 1;
  font-weight: normal !important;
}
.chosen-entries {
  top: 0;
  right: 0;
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #dfdfdf;
  min-height: 280px;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(80%,#f5f5f5),to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: -moz-linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
  background-image: linear-gradient(#ffffff,#f5f5f5 80%,#f5f5f5) ;
}
.chosen-entries .left-column {
  padding-left: 0;
  padding-right: 0;
}
.chosen-entries .right-column {
  border-left: 1px solid #fff;
}
.DetailsView .chosen-entries {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid #dfdfdf !important;
}
.chosen-entries label {
  display: block;
  padding: 4px 10px;
  border-radius: 0;
  margin: 0 0 3px 0;
  position: relative;
  left: -15px;
}
.possible-matches {
  width: 35%;
  display: block;
  float: left;
  list-style: none;
}
.possible-matches li {
  font-weight: bold;
  margin-bottom: 0;
  border: none !important;
}
.possible-matches li:first-child {
  border-bottom: 1px solid #dfdfdf !important;
  padding: 0 0 10px 5px;
}
.possible-matches span {
  width: 55px;
  text-align: center;
  display: inline-block;
}
.possible-matches a {
  display: inline-block;
  border: none !important;
  border-left: 1px solid #dfdfdf !important;
  padding: 10px 10px;
  width: calc(100% - 55px) !important;
}
.cards {
  padding: 15px;
  width: 65%;
  display: block;
  float: left;
  height: 279px;
  margin-top: -15px;
  margin-left: -1px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.cards > div {
  height: 100%;
  position: relative;
}
.cards h2 {
  white-space: nowrap;
}
.cards h2 .simple-link {
  margin-left: 10px;
  text-decoration: underline;
  line-height: 1;
  font-weight: normal !important;
}
.spidergraph {
  width: 100%;
  height: 100%;
  text-align: left;
}
.spidergraph div {
  overflow: visible !important;
}
.merge-color-1 {
  border: 2px dotted #315AB0;
  color: #315AB0 !important;
}
.merge-color-2 {
  border: 2px dotted #66367b;
  color: #66367b !important;
}
.merge-color-3 {
  border: 2px dotted #2c3e50;
  color: #2c3e50 !important;
}
.merge-color-4 {
  border: 2px dotted #269a55;
  color: #269a55 !important;
}
.merge-color-5 {
  border: 2px dotted #c0392b;
  color: #c0392b !important;
}
.merge-color-6 {
  border: 2px dotted #e67e22;
  color: #e67e22 !important;
}
.merge-color-7 {
  border: 2px dotted #3498db;
  color: #3498db !important;
}
.merge-color-8 {
  border: 2px dotted #501a27;
  color: #501a27 !important;
}
.merge-color-9 {
  border: 2px dotted #0c5b3f;
  color: #0c5b3f !important;
}
.merge-color-10 {
  border: 2px dotted #c05d91;
  color: #c05d91 !important;
}
.chosen-entries .merge-color-1 a:hover,
.merge-color-1.selected {
  border: 2px solid #315AB0;
  background: #315AB0;
  color: #fff !important;
}
.chosen-entries .merge-color-2 a:hover,
.merge-color-2.selected {
  border: 2px solid #66367b;
  background: #66367b;
  color: #fff !important;
}
.chosen-entries .merge-color-3 a:hover,
.merge-color-3.selected {
  border: 2px solid #2c3e50;
  background: #2c3e50;
  color: #fff !important;
}
.chosen-entries .merge-color-4 a:hover,
.merge-color-4.selected {
  border: 2px solid #269a55;
  background: #269a55;
  color: #fff !important;
}
.chosen-entries .merge-color-5 a:hover,
.merge-color-5.selected {
  border: 2px solid #c0392b;
  background: #c0392b;
  color: #fff !important;
}
.chosen-entries .merge-color-6 a:hover,
.merge-color-6.selected {
  border: 2px solid #e67e22;
  background: #e67e22;
  color: #fff !important;
}
.chosen-entries .merge-color-7 a:hover,
.merge-color-7.selected {
  border: 2px solid #3498db;
  background: #3498db;
  color: #fff !important;
}
.chosen-entries .merge-color-8 a:hover,
.merge-color-8.selected {
  border: 2px solid #501a27;
  background: #501a27;
  color: #fff !important;
}
.chosen-entries .merge-color-9 a:hover,
.merge-color-9.selected {
  border: 2px solid #0c5b3f;
  background: #0c5b3f;
  color: #fff !important;
}
.chosen-entries .merge-color-10 a:hover,
.merge-color-10.selected {
  border: 2px solid #c05d91;
  background: #c05d91;
  color: #fff !important;
}
.chosen-entries .selected a {
  color: #fff !important;
}
.details-item-editable > label {
  line-height: 1;
  font-weight: bold !important;
}
.hasPossibles {
  display: block;
  text-indent: 1px;
  line-height: 1;
  width: 100%;
  margin: -3px 0 0 0 !important;
}
.possible {
  display: inline-block;
  line-height: 14px;
  padding: 0 4px;
  border-radius: 4px;
  float: none !important;
  font-weight: bold !important;
  text-indent: 0;
  font-size: 11px !important;
  background: #fff;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
}
.details-item-editable div {
  position: relative;
}
.hasDropDown .possible {
  position: relative;
  top: -24px;
  left: 2px;
}
.field-group {
  margin: 15px 0 15px 15px;
  border-left: 5px solid #dfdfdf;
}
.field-group .details-item-editable > label {
  width: calc(15% - 20px) !important;
}
.field-group .details-item-editable > div {
  margin-left: calc(15% - 20px);
}
.field-group div:last-child {
  padding-bottom: 0;
}
.field-group h5 {
  padding-left: 15px;
  font-size: 12px;
}
.entry-stats {
  border-top: 1px solid #dfdfdf;
  padding: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.entry-stats span {
  margin-right: 25px;
  display: inline-block;
  color: #666;
}
.entry-stats i {
  margin-right: 3px;
}
.entry-stats .icon-email:before {
  font-size: 24px !important;
  color: #666 !important;
}
.entry-stats h3 {
  margin-bottom: 5px !important;
}
.entry-stats strong {
  color: #444;
}
#bubble {
  display: none;
}
.bubble-on #bubble {
  position: absolute;
  top: -272px;
  left: -180px;
  display: block;
}
#chart {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  width: auto;
  height: 229px;
  background: #fff;
  border-left: 1px solid #dfdfdf;
}
#dedupe-spinner {
  display: block;
  visibility: visible;
  position: absolute;
  top: 1px;
  right: 20px;
}
#dedupe-spinner .z-spinner {
  display: block;
}
#calendar {
  width: 100%;
  margin: 0 auto;
}
#calendar td {
  padding: 0;
}
.fc-header {
  text-transform: capitalize;
}
.calendar-view .left-column {
  width: 25%;
}
.calendar-view .right-column {
  width: 75%;
}
.calendars-list {
  margin-top: 30px;
}
.calendars-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.calendars-list > ul > li {
  display: block;
  padding: 5px 0;
  line-height: 1;
}
.calendars-list .edit-row-menu > li > a:before {
  line-height: 12px;
}
.calendars-list a {
  color: #545454 !important;
}
.calendars-list + .calendars-list {
  margin-top: 30px;
}
.calendars-list + .calendars-list .cal-color {
  background: darkgoldenrod;
}
.calendars-list + .calendars-list .cal-color.outline {
  background: none;
  border: 1px solid rosybrown;
}
.cal-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #3a87ad;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.cal-color.outline {
  background: none;
  border: 1px solid salmon;
}
.task-subscribers {
  border-top: none;
  padding: 0 0 0 16px;
  margin-top: 5px;
  box-shadow: none;
}
.quick-insert {
  padding: 0;
  margin-top: 30px;
}
.quick-insert .details-item-editable {
  padding-left: 0;
  padding-bottom: 5px;
}
.quick-insert .simple-link {
  margin: 5px 0 0 0;
  display: block;
}
body.flat-cement * {
  box-shadow: none !important;
}
body.flat-cement .AppContent,
body.flat-cement .AppNavigation,
body.flat-cement .AppContainer,
body.flat-cement #MenuView,
body.flat-cement #RecentlyViewedView {
  background: none !important;
  border: none !important;
}
body.flat-cement #RecentlyViewedView li em {
  background: none;
}
body.flat-cement .items {
  background: #fff;
}
body.flat-cement .juiportlet-columns .juiportlet-widget .pager {
  border-top: 1px solid #dfdfdf;
}
.color-swatch.flat-cement .theme-color-1 {
  background: #2c3e50;
}
.color-swatch.flat-cement .theme-color-2 {
  background: #2c3e50;
}
.color-swatch.flat-cement .theme-color-3 {
  background: #95a5a6;
}
.color-swatch.blue .theme-color-1 {
  background: #282A76;
}
.color-swatch.blue .theme-color-2 {
  background: #7CB830;
}
.color-swatch.blue .theme-color-3 {
  background: #464646;
}
.color-swatch.sunrise .theme-color-1 {
  background: #34495e;
}
.color-swatch.sunrise .theme-color-2 {
  background: #2c3e50;
}
.color-swatch.sunrise .theme-color-3 {
  background: #c0392b;
}
.color-swatch.marble .theme-color-1 {
  background: #7f8c8d;
}
.color-swatch.marble .theme-color-2 {
  background: #333333;
}
.color-swatch.marble .theme-color-3 {
  background: #545454;
}
.color-swatch.purple-haze .theme-color-1 {
  background: #713b8a;
}
.color-swatch.purple-haze .theme-color-2 {
  background: #854f9e;
}
.color-swatch.purple-haze .theme-color-3 {
  background: #34495e;
}
.color-swatch.amazon .theme-color-1 {
  background: #26354A;
}
.color-swatch.amazon .theme-color-2 {
  background: #257282;
}
.color-swatch.amazon .theme-color-3 {
  background: #2F9E66;
}
.color-swatch.sweden .theme-color-1 {
  background: #034C8C;
}
.color-swatch.sweden .theme-color-2 {
  background: #024873;
}
.color-swatch.sweden .theme-color-3 {
  background: #f2d632;
}
.color-swatch.pink .theme-color-1 {
  background: #323232;
}
.color-swatch.pink .theme-color-2 {
  background: #565656;
}
.color-swatch.pink .theme-color-3 {
  background: #ff253d;
}
.color-swatch.brown .theme-color-1 {
  background: #547980;
}
.color-swatch.brown .theme-color-2 {
  background: #B88F30;
}
.color-swatch.brown .theme-color-3 {
  background: #594F4F;
}
.color-swatch.lime .theme-color-1 {
  background: #282A76;
}
.color-swatch.lime .theme-color-2 {
  background: #BCC98E;
}
.color-swatch.lime .theme-color-3 {
  background: #464646;
}
.color-swatch.cherry .theme-color-1 {
  background: #6C8092;
}
.color-swatch.cherry .theme-color-2 {
  background: #933140;
}
.color-swatch.cherry .theme-color-3 {
  background: #464646;
}
.color-swatch.turquoise .theme-color-1 {
  background: #447799;
}
.color-swatch.turquoise .theme-color-2 {
  background: #44BBCC;
}
.color-swatch.turquoise .theme-color-3 {
  background: #464646;
}
.color-swatch.violet .theme-color-1 {
  background: #4A3970;
}
.color-swatch.violet .theme-color-2 {
  background: #91A1DC;
}
.color-swatch.violet .theme-color-3 {
  background: #464646;
}
.color-swatch.honey .theme-color-1 {
  background: #282A76;
}
.color-swatch.honey .theme-color-2 {
  background: #ABBC42;
}
.color-swatch.honey .theme-color-3 {
  background: #323232;
}
body.light-noise-diagonal,
.texture-swatch.light-noise-diagonal .background-texture-1 {
  background: url("../images/patterns/light-noise-diagonal/light-noise-diagonal.png") left top repeat !important;
}
body.french-stucco,
.texture-swatch.french-stucco .background-texture-1 {
  background: url("../images/patterns/french-stucco/french-stucco.png") left top repeat !important;
}
body.exclusive-paper,
.texture-swatch.exclusive-paper .background-texture-1 {
  background: url("../images/patterns/exclusive-paper/exclusive-paper.png") left top repeat !important;
}
body.diagonal-noise,
.texture-swatch.diagonal-noise .background-texture-1 {
  background: url("../images/patterns/diagonal-noise/diagonal-noise.png") left top repeat !important;
}
body.paper,
.texture-swatch.paper .background-texture-1 {
  background: url("../images/patterns/paper/paper.png") left top repeat !important;
}
body.light-toast,
.texture-swatch.light-toast .background-texture-1 {
  background: url("../images/patterns/light-toast/light-toast.png") left top repeat !important;
}
body.black-linen-2,
.texture-swatch.black-linen-2 .background-texture-1 {
  background: url("../images/patterns/black-linen-v2/black-linen-v2.png") left top repeat !important;
}
body.carbon-fibre,
.texture-swatch.carbon-fibre .background-texture-1 {
  background: url("../images/patterns/carbon-fibre/carbon-fibre.png") left top repeat !important;
}
body.cartographer,
.texture-swatch.cartographer .background-texture-1 {
  background: url("../images/patterns/cartographer/cartographer.png") left top repeat !important;
}
body.circles,
.texture-swatch.circles .background-texture-1 {
  background: url("../images/patterns/circles/circles.png") left top repeat !important;
}
body.concrete-wall,
.texture-swatch.concrete-wall .background-texture-1 {
  background: url("../images/patterns/concrete-wall/concrete-wall.png") left top repeat !important;
}
body.denim,
.texture-swatch.denim .background-texture-1 {
  background: url("../images/patterns/denim/denim.png") left top repeat !important;
}
body.low-contrast-linen,
.texture-swatch.low-contrast-linen .background-texture-1 {
  background: url("../images/patterns/low-contrast-linen/low-contrast-linen.png") left top repeat !important;
}
body.wood,
.texture-swatch.wood .background-texture-1 {
  background: url("../images/patterns/wood-pattern/wood-pattern.png") left top repeat !important;
}
body.whitey,
.texture-swatch.whitey .background-texture-1 {
  background: url("../images/patterns/whitey/whitey.png") left top repeat !important;
}
body.fabric-plaid,
.texture-swatch.fabric-plaid .background-texture-1 {
  background: url("../images/patterns/fabric-plaid/fabric-plaid.png") left top repeat !important;
}
body.cartographer-light,
.texture-swatch.cartographer-light .background-texture-1 {
  background: url("../images/patterns/cartographer-light/cartographer-light.png") left top repeat !important;
}
@media screen and (min-width: 1601px) {
  .AppContainer {
    margin: 0 auto !important;
  }
  #HeaderLinksView > div {
    margin: 0 !important;
  }
  #app-search {
    margin-left: 0 !important;
  }
  #ShortcutsMenu {
    position: relative !important;
    top: -25px !important;
    right: 0 !important;
  }
}
@media screen and (max-width: 1000px) {
  .view-toolbar > a,
  .view-toolbar .parent > a {
    padding-left: 10px;
  }
  .view-toolbar > a:before,
  .view-toolbar .parent > a:before {
    display: none;
  }
}
@media all and (max-width: 900px) {
  .AppContainer {
    min-width: 0 !important;
  }
  #HeaderView {
    width: 100%;
    min-width: 0 !important;
  }
  .juiportlet-column {
    width: 100%;
    float: none;
  }
  .juiportlet-widget {
    min-width: auto;
    margin-right: 0px;
  }
  .DetailsAndRelationsView > div {
    float: none;
    width: 100% !important;
  }
  .breadcrumbs {
    padding-bottom: 10px;
  }
  .details-table {
    margin-right: 0;
  }
  .juiportlet-widget {
    margin-right: 0 !important;
  }
  .right-column,
  .left-column {
    width: 100%;
  }
  .right-side-edit-view-panel {
    padding: 0;
    padding: 0 0 0 0;
    background: none;
  }
  .module-intro-steps > div {
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
  }
  #AboutView #rightCol,
  #AboutView #leftCol {
    width: 100%;
    float: none;
    padding: 15px 15px 0 15px;
  }
  #AboutView #rightCol > div,
  #AboutView #leftCol > div {
    float: none;
  }
}
@media all and (max-width: 801px) {
  #LoginPageView {
    padding-top: 0;
  }
  #LoginPageView > div {
    padding: 10px;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
    -moz-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100% !important;
    height: 100% !important;
    display: block;
  }
  #LoginPageView #FooterView {
    -ms-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 10px 10px 5px 10px;
  }
  #LoginPageView #credit-link {
    margin-left: 0;
  }
  #LoginView {
    min-width: 0 !important;
    margin: 0;
    background-position: left bottom;
    height: auto;
    -ms-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  #login-box {
    width: 100%;
    height: auto;
    float: none;
    margin: 10px 0 0 0;
    top: 0;
    left: 0;
  }
  #login-box .form {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  #login-box .form form {
    border: none;
    padding: 0 10px 10px 10px;
  }
  #login-box #LoginLogo {
    float: none;
    width: 100%;
    height: 80px;
    padding: 0;
    background-position: 50% 50%;
  }
  #login-form {
    padding: 0 20px !important;
  }
}