.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: 99999;
  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);
}
.z-label {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  padding: 0 25px;
  line-height: 24px;
  white-space: nowrap;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -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: #1a1a1a;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#333333,#1a1a1a);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#1a1a1a));
  background-image: -webkit-linear-gradient(top,#333333,#1a1a1a);
  background-image: -o-linear-gradient(top,#333333,#1a1a1a);
  background-image: -moz-linear-gradient(top,#333333,#1a1a1a);
  background-image: linear-gradient(top,#333333,#1a1a1a);
}
.z-label-smaller {
  padding: 0 15px;
}
a:hover .z-label,
a:active .z-label {
  color: #000000 !important;
  background-color: #333333;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#1a1a1a,#333333);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1a1a1a),color-stop(100%,#333333));
  background-image: -webkit-linear-gradient(top,#1a1a1a,#333333);
  background-image: -o-linear-gradient(top,#1a1a1a,#333333);
  background-image: -moz-linear-gradient(top,#1a1a1a,#333333);
  background-image: linear-gradient(top,#1a1a1a,#333333);
  -webkit-text-shadow: 0px 1px 0 #595959 !important;
  -moz-text-shadow: 0px 1px 0 #595959 !important;
  -ms-text-shadow: 0px 1px 0 #595959 !important;
  -o-text-shadow: 0px 1px 0 #595959 !important;
  text-shadow: 0px 1px 0 #595959 !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 {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
}
.button-layout:before,
.button-layout:after {
  content: " ";
  display: table;
}
.button-layout:after {
  clear: both;
}
.button-layout:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.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 {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  border-top: 1px solid rgba(77,77,77,0.8);
  border-left: 1px solid rgba(51,51,51,0.8);
  border-right: 1px solid rgba(51,51,51,0.8);
  border-bottom: 1px solid rgba(26,26,26,0.8);
}
.zButton:before,
.zButton:after,
.z-button:before,
.z-button:after {
  content: " ";
  display: table;
}
.zButton:after,
.z-button:after {
  clear: both;
}
.zButton:hover,
.z-button:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.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 {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  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:hover,
.default-btn:hover,
.white-button:hover,
.cancel-button:hover,
.portlet-create-button:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.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-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#f5f5f5));
  background-image: -webkit-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -o-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -moz-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: linear-gradient(top,#fefefe,#f5f5f5);
}
.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: #333333 !important;
  background-image: none;
  background-color: #fefefe !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#fefefe)) !important;
  background-image: -webkit-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -o-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -moz-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: linear-gradient(top,#f5f5f5,#fefefe) !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;
}
.wizard-secondary-action-button {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  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);
}
.wizard-secondary-action-button:before,
.wizard-secondary-action-button:after {
  content: " ";
  display: table;
}
.wizard-secondary-action-button:after {
  clear: both;
}
.wizard-secondary-action-button:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.wizard-secondary-action-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;
}
.wizard-secondary-action-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-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#f5f5f5));
  background-image: -webkit-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -o-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -moz-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: linear-gradient(top,#fefefe,#f5f5f5);
}
.wizard-secondary-action-button:hover .z-label {
  color: #333333 !important;
  background-image: none;
  background-color: #fefefe !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#fefefe)) !important;
  background-image: -webkit-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -o-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -moz-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: linear-gradient(top,#f5f5f5,#fefefe) !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;
}
button[type="button"]:focus {
  outline: none;
}
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-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#f5f5f5));
  background-image: -webkit-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -o-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -moz-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: linear-gradient(top,#fefefe,#f5f5f5);
}
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: #333333 !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: #7f7f7f !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: #7f7f7f;
}
.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;
}
a.simple-link {
  font-size: 11px;
  color: #7f7f7f;
  border: none !important;
  text-decoration: underline;
  overflow: hidden;
}
a.simple-link:before,
a.simple-link:after {
  display: none !important;
}
a.simple-link:hover {
  color: #333333 !important;
}
a.simple-link:hover .z-label {
  color: #333333 !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;
}
a.simple-link .z-label {
  font-weight: normal;
  color: #7f7f7f;
  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;
}
a.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-type-accept,
.action-accept,
.action-complete {
  border: 1px solid #6fa82d;
}
.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 #88b236 !important;
  -moz-text-shadow: 0px -1px 0 #88b236 !important;
  -ms-text-shadow: 0px -1px 0 #88b236 !important;
  -o-text-shadow: 0px -1px 0 #88b236 !important;
  text-shadow: 0px -1px 0 #88b236 !important;
}
.action-type-accept .button-label,
.action-accept .button-label,
.action-complete .button-label {
  color: #ffffff;
  -webkit-text-shadow: 0px -1px 0 #88b236;
  -moz-text-shadow: 0px -1px 0 #88b236;
  -ms-text-shadow: 0px -1px 0 #88b236;
  -o-text-shadow: 0px -1px 0 #88b236;
  text-shadow: 0px -1px 0 #88b236;
}
.action-type-accept .button-label:before,
.action-accept .button-label:before,
.action-complete .button-label:before {
  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);
}
.action-type-accept .button-action:hover .button-label,
.action-accept .button-action:hover .button-label,
.action-complete .button-action:hover .button-label {
  color: #344415;
  -webkit-text-shadow: 0px -1px 0 #88b236;
  -moz-text-shadow: 0px -1px 0 #88b236;
  -ms-text-shadow: 0px -1px 0 #88b236;
  -o-text-shadow: 0px -1px 0 #88b236;
  text-shadow: 0px -1px 0 #88b236;
}
.action-type-accept .button-action:hover .button-label:before,
.action-accept .button-action:hover .button-label:before,
.action-complete .button-action:hover .button-label:before {
  background-color: #548022;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#97c43d,#548022);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#97c43d),color-stop(100%,#548022));
  background-image: -webkit-linear-gradient(top,#97c43d,#548022);
  background-image: -o-linear-gradient(top,#97c43d,#548022);
  background-image: -moz-linear-gradient(top,#97c43d,#548022);
  background-image: linear-gradient(top,#97c43d,#548022);
}
.action-type-reject,
.action-reject {
  border: 1px solid #a82d31;
}
.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 #b2364a !important;
  -moz-text-shadow: 0px -1px 0 #b2364a !important;
  -ms-text-shadow: 0px -1px 0 #b2364a !important;
  -o-text-shadow: 0px -1px 0 #b2364a !important;
  text-shadow: 0px -1px 0 #b2364a !important;
}
.action-type-reject .button-label,
.action-reject .button-label {
  color: #ffffff;
  -webkit-text-shadow: 0px -1px 0 #b2364a;
  -moz-text-shadow: 0px -1px 0 #b2364a;
  -ms-text-shadow: 0px -1px 0 #b2364a;
  -o-text-shadow: 0px -1px 0 #b2364a;
  text-shadow: 0px -1px 0 #b2364a;
}
.action-type-reject .button-label:before,
.action-reject .button-label:before {
  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);
}
.action-type-reject .button-action:hover .button-label,
.action-reject .button-action:hover .button-label {
  color: #44151c;
  -webkit-text-shadow: 0px -1px 0 #b2364a;
  -moz-text-shadow: 0px -1px 0 #b2364a;
  -ms-text-shadow: 0px -1px 0 #b2364a;
  -o-text-shadow: 0px -1px 0 #b2364a;
  text-shadow: 0px -1px 0 #b2364a;
}
.action-type-reject .button-action:hover .button-label:before,
.action-reject .button-action:hover .button-label:before {
  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);
}
.action-take,
.action-type-finish {
  border: 1px solid #e4b600;
}
.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 #e6b800 !important;
  -moz-text-shadow: 0px -1px 0 #e6b800 !important;
  -ms-text-shadow: 0px -1px 0 #e6b800 !important;
  -o-text-shadow: 0px -1px 0 #e6b800 !important;
  text-shadow: 0px -1px 0 #e6b800 !important;
}
.action-take .button-label,
.action-type-finish .button-label {
  color: #ffffff;
  -webkit-text-shadow: 0px -1px 0 #e6b800;
  -moz-text-shadow: 0px -1px 0 #e6b800;
  -ms-text-shadow: 0px -1px 0 #e6b800;
  -o-text-shadow: 0px -1px 0 #e6b800;
  text-shadow: 0px -1px 0 #e6b800;
}
.action-take .button-label:before,
.action-type-finish .button-label:before {
  background-color: #e4b600;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#ffcc00,#e4b600);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffcc00),color-stop(100%,#e4b600));
  background-image: -webkit-linear-gradient(top,#ffcc00,#e4b600);
  background-image: -o-linear-gradient(top,#ffcc00,#e4b600);
  background-image: -moz-linear-gradient(top,#ffcc00,#e4b600);
  background-image: linear-gradient(top,#ffcc00,#e4b600);
}
.action-take .button-action:hover .button-label,
.action-type-finish .button-action:hover .button-label {
  color: #574500;
  -webkit-text-shadow: 0px -1px 0 #e6b800;
  -moz-text-shadow: 0px -1px 0 #e6b800;
  -ms-text-shadow: 0px -1px 0 #e6b800;
  -o-text-shadow: 0px -1px 0 #e6b800;
  text-shadow: 0px -1px 0 #e6b800;
}
.action-take .button-action:hover .button-label:before,
.action-type-finish .button-action:hover .button-label:before {
  background-color: #b18d00;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#ffcc00,#b18d00);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffcc00),color-stop(100%,#b18d00));
  background-image: -webkit-linear-gradient(top,#ffcc00,#b18d00);
  background-image: -o-linear-gradient(top,#ffcc00,#b18d00);
  background-image: -moz-linear-gradient(top,#ffcc00,#b18d00);
  background-image: linear-gradient(top,#ffcc00,#b18d00);
}
.action-type-restart {
  border: 1px solid #4d6c87;
}
.action-type-restart .z-label {
  background-color: #4d6c87 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#4e6d87,#4d6c87) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4e6d87),color-stop(100%,#4d6c87)) !important;
  background-image: -webkit-linear-gradient(top,#4e6d87,#4d6c87) !important;
  background-image: -o-linear-gradient(top,#4e6d87,#4d6c87) !important;
  background-image: -moz-linear-gradient(top,#4e6d87,#4d6c87) !important;
  background-image: linear-gradient(top,#4e6d87,#4d6c87) !important;
}
.action-type-restart:hover .z-label {
  color: #030506 !important;
  background-color: #3a5267 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#4e6d87,#3a5267) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4e6d87),color-stop(100%,#3a5267)) !important;
  background-image: -webkit-linear-gradient(top,#4e6d87,#3a5267) !important;
  background-image: -o-linear-gradient(top,#4e6d87,#3a5267) !important;
  background-image: -moz-linear-gradient(top,#4e6d87,#3a5267) !important;
  background-image: linear-gradient(top,#4e6d87,#3a5267) !important;
  -webkit-text-shadow: 0px -1px 0 #456077 !important;
  -moz-text-shadow: 0px -1px 0 #456077 !important;
  -ms-text-shadow: 0px -1px 0 #456077 !important;
  -o-text-shadow: 0px -1px 0 #456077 !important;
  text-shadow: 0px -1px 0 #456077 !important;
}
.action-type-restart .button-label {
  color: #ffffff;
  -webkit-text-shadow: 0px -1px 0 #456077;
  -moz-text-shadow: 0px -1px 0 #456077;
  -ms-text-shadow: 0px -1px 0 #456077;
  -o-text-shadow: 0px -1px 0 #456077;
  text-shadow: 0px -1px 0 #456077;
}
.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 #456077;
  -moz-text-shadow: 0px -1px 0 #456077;
  -ms-text-shadow: 0px -1px 0 #456077;
  -o-text-shadow: 0px -1px 0 #456077;
  text-shadow: 0px -1px 0 #456077;
}
.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);
}
#ZurmoLogo {
  background: url("../images/ZurmoLogo.png") left top no-repeat;
  width: 170px;
  height: 54px;
  margin-bottom: 20px;
}
#InstallView {
  margin-left: 0;
  padding: 75px 15% 15px 15%;
  font-size: 14px;
  line-height: 150%;
}
#InstallView .z-label {
  font-size: 12px;
}
#InstallView ul {
  list-style: inside;
  margin-bottom: 10px;
  font-weight: bold;
}
#InstallView ul li {
  margin-bottom: 5px;
}
#InstallView table {
  width: 100%;
}
.checked-services {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 15px;
}
.checked-services td {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 1px 1px 0 0;
  padding: 10px;
}
.checked-services tr {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-spacing: 0;
}
.checked-services tr:hover {
  background-color: none;
  color: #545454;
}
.checked-services tr:first-child {
  border-left: none;
}
.checked-services tr:first-child td {
  border: none;
  font-weight: bold;
  padding-left: 2px;
}
.checked-services span.pass,
.checked-services span.fail,
.checked-services span.warning {
  display: block;
  text-align: center;
}
#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);
}
#install-form input[type="submit"] {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  border-top: 1px solid rgba(77,77,77,0.8);
  border-left: 1px solid rgba(51,51,51,0.8);
  border-right: 1px solid rgba(51,51,51,0.8);
  border-bottom: 1px solid rgba(26,26,26,0.8);
}
#install-form input[type="submit"]:before,
#install-form input[type="submit"]:after {
  content: " ";
  display: table;
}
#install-form input[type="submit"]:after {
  clear: both;
}
#install-form input[type="submit"]:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
#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;
}
#install-form table {
  padding-bottom: 15px;
}
#install-form th {
  width: 26%;
  vertical-align: top;
  padding: 10px;
}
#install-form td {
  width: 37%;
  padding: 10px;
}
#install-form th+td {
  vertical-align: top;
}
#install-form tr td:last-child {
  padding-left: 15px;
}
#install-form label {
  font-size: 12px !important;
  font-weight: 400 !important;
}
#install-form .hasCheckBox {
  padding-top: 0;
  margin-left: 0;
}
#install-form .form-toolbar {
  border-top: none;
}
#logging-table,
#progress-table {
  width: 100%;
  padding: 15px;
}
#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;
  margin: 0 10px;
}
.back-to-app-menu-item span {
  vertical-align: middle;
  color: #7f7f7f !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 100px 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: #333333;
}
.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 > div {
  float: left;
  width: 100%;
}
.AdministrativeArea #edit-form table {
  width: 100%;
  float: none;
  table-layout: fixed;
}
.AdministrativeArea .view-toolbar {
  margin-top: 0;
}
#ModulePermissionsEditAndDetailsView table tr:first-child th {
  color: #7f7f7f;
  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;
}
#GroupEditAndDetailsView .has-model-select input,
#RoleEditAndDetailsView .has-model-select input {
  text-indent: 21px;
}
#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 {
  padding-right: 15px;
}
#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: #7f7f7f !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 {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  border-top: 1px solid rgba(77,77,77,0.8);
  border-left: 1px solid rgba(51,51,51,0.8);
  border-right: 1px solid rgba(51,51,51,0.8);
  border-bottom: 1px solid rgba(26,26,26,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:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.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;
}
.modal-result-message {
  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 {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  border-top: 1px solid rgba(77,77,77,0.8);
  border-left: 1px solid rgba(51,51,51,0.8);
  border-right: 1px solid rgba(51,51,51,0.8);
  border-bottom: 1px solid rgba(26,26,26,0.8);
  margin: 0;
}
.AppContent.ImportWizardView #addExtraColumnButton:before,
.AppContent.ImportWizardView #addExtraColumnButton:after {
  content: " ";
  display: table;
}
.AppContent.ImportWizardView #addExtraColumnButton:after {
  clear: both;
}
.AppContent.ImportWizardView #addExtraColumnButton:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.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 tr td:last-child {
  padding-right: 0;
  vertical-align: top;
}
#ImportWizardMappingView td + td {
  vertical-align: top;
}
.column-import-data,
.column-import-data div {
  margin-top: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#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: #7f7f7f !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: #7f7f7f !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 {
  display: block;
  overflow-x: auto;
  border: 1px solid #DFDFDF;
  border-bottom: none;
}
#import-temp-table-list-view table.items {
  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 !important;
}
.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 !important;
}
.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;
  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;
}
#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;
}
#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';
}
.exported-filename {
  line-height: 22px;
}
.exported-filename ~ .secondary-button {
  float: right;
  margin-right: 5px;
}
.exported-filename ~ .cancelled-export {
  font-size: 11px;
  float: right;
  position: relative;
  top: 3px;
  margin-right: 5px;
  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;
  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);
}
.notificationConfigurationTableHead span {
  display: inline-block;
  font-weight: bold;
  width: 45px;
}
.enableInboxAndEmailNotifications span {
  display: inline-block;
  width: 45px;
}
.enableInboxAndEmailNotifications span {
  padding-left: 8px;
}
.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: #7f7f7f;
  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: #7f7f7f;
}
.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;
  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 {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  border-top: 1px solid rgba(77,77,77,0.8);
  border-left: 1px solid rgba(51,51,51,0.8);
  border-right: 1px solid rgba(51,51,51,0.8);
  border-bottom: 1px solid rgba(26,26,26,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:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.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 {
  display: none;
  position: relative;
  z-index: 99999;
  font-weight: normal;
  font-size: 11px;
  color: #7f7f7f;
}
#CommentInlineEditForModelView .fileupload-content,
#CommentForTaskInlineEditForModelView .fileupload-content {
  width: 100%;
}
#CommentInlineEditForModelView .fileupload-content td.name,
#CommentForTaskInlineEditForModelView .fileupload-content td.name {
  padding: 2px 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: #7f7f7f;
  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;
  overflow: hidden;
  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;
  display: inline-block;
  text-indent: 0;
  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;
  position: relative;
  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;
  line-height: 20px;
  border: 1px solid #ddd;
}
.addfileinput-button span:before,
.addfileinput-button span:after {
  content: " ";
  display: table;
}
.addfileinput-button span:after {
  clear: both;
}
.addfileinput-button span:hover {
  color: #333333 !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: #333333;
}
.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 {
  z-index: 10000;
}
.ui-datepicker.ui-datepicker-inline {
  margin: 15px;
  display: table !important;
}
.ui-datepicker .ui-datepicker-header {
  display: table;
  height: 36px;
  width: 100%;
  color: #7f7f7f;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-header a:hover:before,
.ui-datepicker .ui-datepicker-header a:hover:after {
  color: #333333;
}
.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;
  display: none;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "▶";
  margin-right: 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: #7f7f7f;
}
.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  border: 1px solid #ddd;
  border-top: none;
}
.ui-datepicker .ui-datepicker-calendar th:last-child {
  border-right: none;
}
.ui-datepicker .ui-datepicker-calendar td {
  min-width: 30px;
  height: 30px;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-top: 1px solid #ddd !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: #ffffff !important;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  background-image: none;
}
.ui-datepicker .ui-datepicker-calendar td:last-child {
  border-right: none;
}
.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;
  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;
  cursor: pointer;
}
.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,
.ui-datepicker .ui-datepicker-close {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  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);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666;
  border: none !important;
}
.ui-datepicker .ui-datepicker-current:before,
.ui-datepicker .ui-datepicker-current:after,
.ui-datepicker .ui-datepicker-close:before,
.ui-datepicker .ui-datepicker-close:after {
  content: " ";
  display: table;
}
.ui-datepicker .ui-datepicker-current:after,
.ui-datepicker .ui-datepicker-close:after {
  clear: both;
}
.ui-datepicker .ui-datepicker-current:hover,
.ui-datepicker .ui-datepicker-close:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.ui-datepicker .ui-datepicker-current.disabled,
.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-datepicker-current .z-label,
.ui-datepicker .ui-datepicker-close .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-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#f5f5f5));
  background-image: -webkit-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -o-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -moz-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: linear-gradient(top,#fefefe,#f5f5f5);
}
.ui-datepicker .ui-datepicker-current:hover .z-label,
.ui-datepicker .ui-datepicker-close:hover .z-label {
  color: #333333 !important;
  background-image: none;
  background-color: #fefefe !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#fefefe)) !important;
  background-image: -webkit-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -o-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: -moz-linear-gradient(top,#f5f5f5,#fefefe) !important;
  background-image: linear-gradient(top,#f5f5f5,#fefefe) !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;
}
.ui-datepicker .ui-datepicker-current .z-label,
.ui-datepicker .ui-datepicker-close .z-label {
  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);
}
.ui-datepicker .ui-datepicker-current {
  float: left;
  margin: 0 10px;
}
.ui-datepicker .ui-datepicker-close {
  float: right;
  margin: 0 10px;
}
.ui-datepicker .ui-timepicker-div {
  float: left;
  padding: 10px 5px 0 5px;
  border-bottom: 1px solid #ddd;
  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: #7f7f7f !important;
  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;
}
.juiportlet-widget-content .ui-datepicker,
#ui-datepicker-div .ui-datepicker {
  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);
}
.juiportlet-widget-content .ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-header {
  background: #111 url("../images/datepicker-header.png") left top repeat-x !important;
  color: #FFF;
}
.juiportlet-widget-content .ui-datepicker-calendar,
#ui-datepicker-div .ui-datepicker-calendar {
  background: #fff;
  border-color: #BBB;
}
.juiportlet-widget-content .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar th {
  background: #f5f5f5 url("../images/datepicker-sprite-ie.png") left -37px repeat-x !important;
}
.juiportlet-widget-content .ui-datepicker-calendar th:last-child,
#ui-datepicker-div .ui-datepicker-calendar th:last-child {
  border-color: #bbb;
}
.juiportlet-widget-content .ui-datepicker-calendar td,
#ui-datepicker-div .ui-datepicker-calendar td {
  border-color: #bbb;
  border-top: 1px solid #bbb !important;
  background: #f5f5f5 url("../images/datepicker-sprite-ie.png") left top repeat-x !important;
}
.juiportlet-widget-content .ui-datepicker-calendar td.ui-datepicker-other-month,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month {
  background-image: none;
  background: #f5f5f5 url("../images/datepicker-sprite-ie.png") left bottom repeat-x !important;
}
.juiportlet-widget-content .ui-datepicker-calendar td.ui-datepicker-today,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today {
  background-image: none !important;
  background: #ffffff !important;
}
.juiportlet-widget-content .ui-datepicker-calendar td:hover,
#ui-datepicker-div .ui-datepicker-calendar td:hover {
  background-image: none;
  background: #f5f5f5 url("../images/datepicker-sprite-ie.png") left bottom repeat-x !important;
}
.juiportlet-widget-content .ui-datepicker-calendar td:last-child,
#ui-datepicker-div .ui-datepicker-calendar td:last-child {
  border-right: none;
}
.juiportlet-widget-content .ui-datepicker-calendar a,
.juiportlet-widget-content .ui-datepicker-calendar span,
#ui-datepicker-div .ui-datepicker-calendar a,
#ui-datepicker-div .ui-datepicker-calendar span {
  color: #656565;
  -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;
}
.juiportlet-widget-content .ui-datepicker-title,
#ui-datepicker-div .ui-datepicker-title {
  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;
}
.juiportlet-widget-content .ui-timepicker-div,
#ui-datepicker-div .ui-timepicker-div {
  width: 100%;
  border-bottom: 1px solid #bbb;
}
#ui-datepicker-div {
  z-index: 9999 !important;
  max-width: 250px;
  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);
}
.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: #333333;
  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"] {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  border-top: 1px solid rgba(77,77,77,0.8);
  border-left: 1px solid rgba(51,51,51,0.8);
  border-right: 1px solid rgba(51,51,51,0.8);
  border-bottom: 1px solid rgba(26,26,26,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"]:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
.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: #7f7f7f;
}
.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: #7f7f7f;
  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: #7f7f7f;
  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: #7f7f7f !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;
  top: 0;
  z-index: 1000;
  margin-top: 41px;
  -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 #7f7f7f;
  -moz-box-shadow: 0 0 1px 1px #7f7f7f;
  -ms-box-shadow: 0 0 1px 1px #7f7f7f;
  -o-box-shadow: 0 0 1px 1px #7f7f7f;
  box-shadow: 0 0 1px 1px #7f7f7f;
}
.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: #333333;
}
.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 {
  line-height: 1;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: 0;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 0 2px 0 rgba(153, 153, 153, 0.15);
  *zoom: 1;
  -webkit-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.14s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  border-top: 1px solid rgba(77,77,77,0.8);
  border-left: 1px solid rgba(51,51,51,0.8);
  border-right: 1px solid rgba(51,51,51,0.8);
  border-bottom: 1px solid rgba(26,26,26,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:hover,
#customFieldDataData_AddInputButton:hover {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  -o-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 7px 0 rgba(75, 75, 75, 0.25);
}
#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 {
  line-height: 11px !important;
  width: 12px !important;
  height: 12px !important;
  display: inline-block;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ccc;
  color: #333;
  font-weight: 400 !important;
  font-size: 8px !important;
  text-align: center;
  cursor: pointer;
  margin: 0 4px;
}
.qtip {
  color: #7f7f7f;
  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;
  min-width: 50px;
  font-size: 11px;
  line-height: 12px;
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
}
.qtip-has-max-width {
  max-width: 360px;
  white-space: normal;
  line-height: 14px;
}
.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: #7f7f7f;
  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: #7f7f7f;
}
.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: #333333;
}
.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: #333333;
}
.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: #7f7f7f;
  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: #333333;
}
.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: #7f7f7f;
  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: #333333 !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: #7f7f7f;
  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;
  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;
}
#welcome-content.has-message .help-section {
  width: 30%;
}
.help-section {
  border-top: 1px solid #fff;
  padding: 30px 50px 0 0;
  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;
}
.get-pro-message-small {
  width: 40%;
}
#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: #333333;
}
.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%);
}
.get-pro-message {
  background-color: #36719f !important;
  background-repeat: repeat-x !important;
  background-image: -ms-radial-gradient(circle,#3d82b6,#36719f) !important;
  background-image: -webkit-gradient(circle,color-stop(0%,#3d82b6),color-stop(100%,#36719f)) !important;
  background-image: -webkit-radial-gradient(circle,#3d82b6,#36719f) !important;
  background-image: -o-radial-gradient(circle,#3d82b6,#36719f) !important;
  background-image: -moz-radial-gradient(circle,#3d82b6,#36719f) !important;
  background-image: radial-gradient(circle,#3d82b6,#36719f) !important;
}
.get-pro-message > div {
  padding: 30px;
  background: url("../images/get-pro-screens.png") right bottom no-repeat;
}
.get-pro-message h2 {
  font-weight: 100;
  color: #e9c71b;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  margin-bottom: 15px;
  font-size: 42px;
}
.get-pro-message p {
  margin-bottom: 15px;
  line-height: 1.4;
  color: #fff;
  font-size: 18px;
  padding-right: 230px;
}
.get-pro-message .z-label {
  line-height: 36px !important;
  font-size: 16px;
  font-weight: 400;
}
.get-pro-message-small {
  width: 40%;
  font-weight: bold;
  padding-right: 60px;
}
.get-pro-message-small h3 {
  font-weight: 400;
  color: #e9c71b;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  margin-bottom: 15px;
  font-size: 24px;
}
.get-pro-message-small p {
  line-height: 1.5;
}
@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;
}
#MissionDetailsView .panel,
#ConversationDetailsView .panel {
  width: 100%;
}
.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: 10px;
}
.CommentList:last-child {
  margin-bottom: 5px;
}
.comment {
  *zoom: 1;
  line-height: 140%;
}
.comment:before,
.comment:after {
  content: " ";
  display: table;
}
.comment:after {
  clear: both;
}
.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: #7f7f7f;
}
.comment .delete-comment a,
.comment .edit-comment a {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #7f7f7f;
}
.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: #7f7f7f;
}
.showAllCommentsLink:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  text-decoration: none;
}
#ModelDetailsSummaryView,
#CommentInlineEditForModelView,
#CommentsForRelatedModelView,
#CommentForTaskInlineEditForModelView,
#CommentsForRelatedTaskModelView {
  max-width: 600px;
}
#ModelDetailsSummaryView .wide.form,
#CommentInlineEditForModelView .wide.form,
#CommentsForRelatedModelView .wide.form,
#CommentForTaskInlineEditForModelView .wide.form,
#CommentsForRelatedTaskModelView .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,
#CommentForTaskInlineEditForModelView h2,
#CommentsForRelatedTaskModelView h2 {
  font-size: 15px;
}
#CommentInlineEditForModelView,
#CommentForTaskInlineEditForModelView {
  margin-top: 25px;
  padding-left: 115px;
}
#CommentInlineEditForModelView td,
#CommentForTaskInlineEditForModelView td {
  padding: 0 0 0 0 !important;
}
#CommentInlineEditForModelView h2,
#CommentForTaskInlineEditForModelView h2 {
  margin: 0 0 10px 0;
}
#CommentInlineEditForModelView .wide.form,
#CommentForTaskInlineEditForModelView .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,
#CommentForTaskInlineEditForModelView form {
  padding: 0;
  margin-bottom: 15px;
}
#CommentInlineEditForModelView .panel,
#CommentForTaskInlineEditForModelView .panel {
  width: 100%;
  float: none;
}
#CommentInlineEditForModelView table,
#CommentForTaskInlineEditForModelView 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";
}
.icon-attachment:before {
  content: "H";
}
#ConversationsPageView ~ .token-input-dropdown {
  min-width: 0 !important;
}
.unread td,
.unread td a {
  font-weight: bold;
  color: #7f7f7f;
}
#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;
}
.comment-content .comment-text a:not(.user-link) {
  color: #7f7f7f;
}
.comment-content .comment-text a:not(.user-link):hover {
  color: #4c4c4c;
}
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;
}
.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: #7f7f7f;
}
.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 #comment-for-task-inline-edit-form .left-column,
#MissionsPageView #social-item-inline-edit-form .left-column,
#ConversationsPageView #comment-inline-edit-form .left-column,
#ConversationsPageView #comment-for-task-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 #comment-for-task-inline-edit-form .form-toolbar,
#MissionsPageView #social-item-inline-edit-form .form-toolbar,
#ConversationsPageView #comment-inline-edit-form .form-toolbar,
#ConversationsPageView #comment-for-task-inline-edit-form .form-toolbar,
#ConversationsPageView #social-item-inline-edit-form .form-toolbar {
  padding: 0;
}
#comment-inline-edit-form,
#comment-for-task-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,
#comment-for-task-inline-edit-form td:first-child,
#social-item-inline-edit-form td:first-child {
  padding-left: 0;
}
#comment-inline-edit-form .form-toolbar,
#comment-for-task-inline-edit-form .form-toolbar,
#social-item-inline-edit-form .form-toolbar {
  text-align: right;
  border-top: none;
  margin-top: 0;
}
#comment-inline-edit-form .form-toolbar a,
#comment-for-task-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,
#comment-for-task-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,
#comment-for-task-inline-edit-form .panel > table,
#social-item-inline-edit-form .panel > table {
  border: none;
}
#social-item-inline-edit-form .view-toolbar-container {
  float: none;
  padding: 0 15px;
}
#comment-inline-edit-form,
#comment-for-task-inline-edit-form {
  border-bottom: none;
}
#comment-inline-edit-form tr.template-download td,
#comment-for-task-inline-edit-form tr.template-download td {
  padding-left: 0 !important;
}
#comment-for-task-inline-edit-form .view-toolbar-container {
  top: auto !important;
}
[id^="comment-inline-edit-form"] .left-column {
  padding: 0;
}
.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 .comments-activity td {
  padding: 0;
  border-bottom: none;
}
.social-item .comments-activity .form-fields td:first-child {
  padding-left: 0;
}
.social-item textarea {
  width: 100%;
}
.social-item table {
  border-bottom: none;
}
.social-item .form-toolbar {
  text-align: right;
  border: none;
}
.social-item .form-toolbar a {
  margin-right: 0;
}
.CommentInlineEditView {
  padding-top: 2px;
}
.CommentForSocialItemInlineEditView {
  margin: 10px 15px 0 80px;
}
.CommentForSocialItemInlineEditView.CommentInlineEditView .wide.form td {
  padding: 0;
}
.SocialItemInlineEditView td {
  padding-bottom: 0;
}
.SocialItemInlineEditView .file-upload-box {
  margin-top: 7px;
}
.SocialItemInlineEditView .left-column {
  padding-bottom: 0;
}
.mentions-input-box {
  margin-bottom: 10px;
}
.comment-text .form-toolbar {
  text-align: right;
  border-top: none;
}
.comment-text .form-toolbar a {
  margin-right: 0;
}
.comment-text .form-fields td:first-child {
  padding: 0;
}
.comment .comment-content table {
  margin-bottom: 0;
}
.comment .comment-content .comment-text h1,
.comment .comment-content .comment-text h2,
.comment .comment-content .comment-text h3,
.comment .comment-content .comment-text h4,
.comment .comment-content .comment-text h5,
.comment .comment-content .comment-text h6 {
  color: #545454;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
  text-indent: 0 !important;
  box-shadow: none !important;
}
.comment .comment-content .comment-text h1 {
  font-size: 15px !important;
}
.comment .comment-content .comment-text h2 {
  font-size: 14px !important;
}
.comment .comment-content .comment-text h3 {
  font-size: 14px !important;
}
.comment .comment-content .comment-text ul,
.comment .comment-content .comment-text ol {
  display: block;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
}
.comment .comment-content .comment-text ul {
  list-style-type: disc;
}
.comment .comment-content .comment-text ol {
  list-style-type: decimal;
}
.comment .comment-content .comment-text li {
  color: #545454;
  display: list-item;
}
.comment .comment-content .comment-text table,
.comment .comment-content .comment-text th,
.comment .comment-content .comment-text td {
  border: 1px solid #545454;
  border-collapse: collapse;
}
.comment .comment-content .comment-text table.form-fields {
  border: 0;
  border-collapse: collapse;
}
.comment .comment-content .comment-text table.form-fields th,
.comment .comment-content .comment-text table.form-fields td {
  border: 0;
}
.comment-markdown-guide-link {
  margin: 0px 5px 0px 0px;
  text-align: right;
}
.comment-markdown-guide-link .simple-link {
  margin-left: 0;
}
.markdown-guide-modal {
  padding: 15px;
  line-height: 140%;
}
.markdown-guide-modal > div {
  margin-top: 15px;
}
.markdown-guide-modal h4 {
  margin-bottom: 5px;
}
.markdown-guide-modal ul {
  padding-left: 16px;
}
.markdown-guide-modal li {
  margin-bottom: 4px;
}
.details-table .left-column .left-column {
  padding: 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: #7f7f7f;
}
.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;
  height: auto !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;
}
#NoGlobalEmailConfigurationYetView,
#NoUserEmailConfigurationYetView {
  *zoom: 1;
  padding: 0 0 30px 0;
}
#NoGlobalEmailConfigurationYetView:before,
#NoGlobalEmailConfigurationYetView:after,
#NoUserEmailConfigurationYetView:before,
#NoUserEmailConfigurationYetView:after {
  content: " ";
  display: table;
}
#NoGlobalEmailConfigurationYetView:after,
#NoUserEmailConfigurationYetView:after {
  clear: both;
}
#NoGlobalEmailConfigurationYetView .large-icon,
#NoUserEmailConfigurationYetView .large-icon {
  margin-top: 0;
}
#NoGlobalEmailConfigurationYetView .large-icon:after,
#NoUserEmailConfigurationYetView .large-icon:after {
  font-size: 220px;
}
#NoGlobalEmailConfigurationYetView p,
#NoUserEmailConfigurationYetView p {
  margin-top: 15px;
}
#NoGlobalEmailConfigurationYetView .z-button,
#NoUserEmailConfigurationYetView .z-button {
  margin-top: 20px;
}
#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;
}
#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;
}
.inbox-item .list-item-details {
  position: absolute;
  top: 0;
  right: 0;
}
.inbox-item .z-link {
  margin-left: 5px;
}
.inbox-item .z-link:before {
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  content: "÷";
  line-height: 1;
  margin-right: 3px;
  display: inline-block;
  text-decoration: none !important;
}
.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: #7f7f7f;
}
.notification-message-html-content-div {
  padding: 15px 0;
}
.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 {
  line-height: 1;
  position: relative;
  display: inline-block;
  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;
  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);
  -webkit-box-shadow: inset 0 -2px 0 0 rgb(255, 255, 255), 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 -2px 0 0 rgb(255, 255, 255), 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 -2px 0 0 rgb(255, 255, 255), 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 -2px 0 0 rgb(255, 255, 255), 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 -2px 0 0 rgb(255, 255, 255), 0 0 9px 5px rgba(153, 153, 153, 0.12);
}
.pillbox + div,
.pillbox + .pillbox {
  float: right;
  z-index: 0;
}
.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: #333333;
}
.split-button,
.default-button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  float: left;
  line-height: 1;
}
.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-trigger:hover .icon-trigger:after {
  color: #333333 !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: #333333;
}
.button-label {
  font-weight: bold;
  padding: 0 5px;
  line-height: 30px;
  display: inline-block;
  white-space: nowrap;
}
.button-label:empty {
  display: none;
}
.button-action,
.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:hover,
.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:hover i,
.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:hover .icon-trigger:before,
.button-action-trigger:hover .icon-trigger:before,
.button-trigger:hover .icon-trigger:before {
  display: block;
}
.button-action:hover + .button-actions,
.button-action-trigger:hover + .button-actions,
.button-trigger:hover + .button-actions {
  display: block;
}
.button-action .icon-trigger,
.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 .icon-trigger:after,
.button-action-trigger .icon-trigger:after,
.button-trigger .icon-trigger:after {
  content: "÷";
  padding: 0 0 0 6px;
}
.button-action .icon-trigger:before,
.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,
.button-action-trigger {
  float: left;
}
.button-action:hover,
.button-action-trigger:hover {
  background: none;
  border-left: none;
}
.button-action:hover i,
.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:hover .icon-trigger:before,
.button-action-trigger:hover .icon-trigger:before {
  display: block !important;
}
.button-action .icon-options:after,
.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 .icon-trigger,
.button-action-trigger .icon-trigger {
  border-left: none !important;
}
.button-action .icon-trigger:before,
.button-action-trigger .icon-trigger:before {
  right: 0px;
}
.button-action .icon-trigger:after,
.button-action-trigger .icon-trigger:after {
  padding: 0 3px;
}
.button-actions {
  cursor: text;
  z-index: 9999;
  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: #f2f2f2 !important;
  background-color: #000000 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#333333,#000000) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#000000)) !important;
  background-image: -webkit-linear-gradient(top,#333333,#000000) !important;
  background-image: -o-linear-gradient(top,#333333,#000000) !important;
  background-image: -moz-linear-gradient(top,#333333,#000000) !important;
  background-image: linear-gradient(top,#333333,#000000) !important;
  -webkit-text-shadow: 0px -1px 0 #000000 !important;
  -moz-text-shadow: 0px -1px 0 #000000 !important;
  -ms-text-shadow: 0px -1px 0 #000000 !important;
  -o-text-shadow: 0px -1px 0 #000000 !important;
  text-shadow: 0px -1px 0 #000000 !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: #333333;
}
.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;
}
.clickable-dividedmenu:not(.nav-open) .button-actions:hover,
.clickable-dividedmenu:not(.nav-open) .button-action-trigger:hover + .button-actions {
  display: none;
}
.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;
}
.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;
  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;
}
.autoresponder-combined-content.strong-right,
.email-template-combined-content.strong-right {
  padding-left: 15px;
  padding-bottom: 15px;
}
.autoresponder-combined-content.full-width,
.email-template-combined-content.full-width {
  padding-right: 15px;
}
.autoresponder-combined-content.right-column,
.email-template-combined-content.right-column {
  overflow: visible;
}
.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;
  line-height: 1;
}
.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;
  vertical-align: bottom;
}
.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: #7f7f7f;
}
.tabs-nav label {
  float: none;
  line-height: 26px;
  margin: 0;
  cursor: pointer;
}
.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;
}
.MarketingListMembersListView {
  margin-bottom: 0;
}
.MarketingListMembersListView .items {
  background: #fff;
}
.marketing-list-members-list {
  float: none !important;
}
#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: #7f7f7f;
  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: #333333;
}
.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;
}
.last-email-activity-status {
  float: none;
  margin-left: 8px;
  position: absolute;
  top: 2px;
  display: inline-block;
}
.last-email-activity-status .continuum {
  margin-right: 4px;
}
.last-email-activity-status .tooltip {
  font-weight: normal;
  margin-right: 0;
  font-size: 8px;
}
.gmail-user-stage-status,
.import-item-stage-status,
.export-item-stage-status,
.email-recipient-stage-status {
  text-align: center;
  float: left;
  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.completed i,
.gmail-user-stage-status.stage-true i,
.gmail-user-stage-status.stage-running i,
.import-item-stage-status.completed i,
.import-item-stage-status.stage-true i,
.import-item-stage-status.stage-running i,
.export-item-stage-status.completed i,
.export-item-stage-status.stage-true i,
.export-item-stage-status.stage-running i,
.email-recipient-stage-status.completed i,
.email-recipient-stage-status.stage-true i,
.email-recipient-stage-status.stage-running 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-running i,
.import-item-stage-status.stage-running i,
.export-item-stage-status.stage-running i,
.email-recipient-stage-status.stage-running i {
  -o-animation: led-throb 0.25s;
  -ms-animation: led-throb 0.25s;
  -moz-animation: led-throb 0.25s;
  -webkit-animation: led-throb 0.25s;
  animation: led-throb 0.25s;
}
.gmail-user-stage-status.stage-false i,
.import-item-stage-status.stage-false i,
.export-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.processing i,
.gmail-user-stage-status.active i,
.gmail-user-stage-status.stage-pending i,
.gmail-user-stage-status i,
.import-item-stage-status.processing i,
.import-item-stage-status.active i,
.import-item-stage-status.stage-pending i,
.import-item-stage-status i,
.export-item-stage-status.processing i,
.export-item-stage-status.active i,
.export-item-stage-status.stage-pending i,
.export-item-stage-status i,
.email-recipient-stage-status.processing i,
.email-recipient-stage-status.active i,
.email-recipient-stage-status.stage-pending 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,
.export-item-stage-status:first-child,
.email-recipient-stage-status:first-child {
  border-left: none;
}
.gmail-user-stage-status span,
.import-item-stage-status span,
.export-item-stage-status span,
.email-recipient-stage-status span {
  font-size: 10px;
  font-weight: bold;
}
@-webkit-keyframes led-throb {
  50% {
    filter: alpha(opacity=10);
    -khtml-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    -webkit-transform: scale(1.2);
  }
}
@-moz-keyframes led-throb {
  50% {
    filter: alpha(opacity=10);
    -khtml-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    -moz-transform: scale(1.2);
  }
}
@-o-keyframes led-throb {
  50% {
    filter: alpha(opacity=10);
    -khtml-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    -o-transform: scale(1.2);
  }
}
@-ms-keyframes led-throb {
  50% {
    filter: alpha(opacity=10);
    -khtml-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    -ms-transform: scale(1.2);
  }
}
@keyframes led-throb {
  50% {
    filter: alpha(opacity=10);
    -khtml-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    transform: scale(1.2);
  }
}
.opportunity-time-stage,
.opportunity-time-stage-related,
.opportunity-time-stage-kanban,
.campaign-status {
  text-align: center;
  float: left;
  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;
}
.opportunity-time-stage span,
.opportunity-time-stage-related span,
.opportunity-time-stage-kanban span,
.campaign-status span {
  font-size: 10px;
  font-weight: bold;
}
.opportunity-time-stage i,
.opportunity-time-stage-related i,
.opportunity-time-stage-kanban i,
.campaign-status i {
  font-weight: bold;
  line-height: 1;
  padding: 0 6px;
  color: #cccccc;
  -webkit-text-shadow: 0 0 5px #cccccc;
  -moz-text-shadow: 0 0 5px #cccccc;
  -ms-text-shadow: 0 0 5px #cccccc;
  -o-text-shadow: 0 0 5px #cccccc;
  text-shadow: 0 0 5px #cccccc;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
}
.opportunity-time-stage.completed  i,
.opportunity-time-stage-related.completed  i,
.opportunity-time-stage-kanban.completed  i,
.campaign-status.completed  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;
}
.opportunity-time-stage.sending i,
.opportunity-time-stage.scheduled i,
.opportunity-time-stage-related.sending i,
.opportunity-time-stage-related.scheduled i,
.opportunity-time-stage-kanban.sending i,
.opportunity-time-stage-kanban.scheduled i,
.campaign-status.sending i,
.campaign-status.scheduled i {
  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;
}
.opportunity-time-stage.sending i,
.opportunity-time-stage-related.sending i,
.opportunity-time-stage-kanban.sending i,
.campaign-status.sending i {
  -o-animation: led-throb 0.5s ease-in-out infinite;
  -ms-animation: led-throb 0.5s ease-in-out infinite;
  -moz-animation: led-throb 0.5s ease-in-out infinite;
  -webkit-animation: led-throb 0.5s ease-in-out infinite;
  animation: led-throb 0.5s ease-in-out infinite;
}
.opportunity-time-stage.paused i,
.opportunity-time-stage-related.paused i,
.opportunity-time-stage-kanban.paused i,
.campaign-status.paused 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;
}
.opportunity-time-stage-related {
  float: none;
}
.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;
}
.campaign-status-badge {
  position: relative;
  top: -1px;
  margin-left: 8px;
  color: #fff;
  background: gold;
  font-size: 11px;
  padding: 2px 4px;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  background-color: #e4b600;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#ffcc00,#e4b600);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffcc00),color-stop(100%,#e4b600));
  background-image: -webkit-linear-gradient(top,#ffcc00,#e4b600);
  background-image: -o-linear-gradient(top,#ffcc00,#e4b600);
  background-image: -moz-linear-gradient(top,#ffcc00,#e4b600);
  background-image: linear-gradient(top,#ffcc00,#e4b600);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
}
.campaign-status-badge.status-true {
  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);
}
.campaign-status-badge.status-true:before {
  margin-right: 4px;
  content: "✔";
  color: #476c1d;
}
.campaign-status-badge.status-false {
  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);
}
.campaign-status-badge.status-false:before {
  margin-right: 4px;
  content: "✖";
  color: #6c1d1f;
}
.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,
#MarketingListCampaignRetargetingIntroLinkActionElement ul {
  right: 0;
}
#ProductIntroLinkActionElement ul li,
#MarketingIntroLinkActionElement ul li,
#MarketingListCampaignRetargetingIntroLinkActionElement ul li {
  padding: 0 5px 5px 5px;
}
#ProductIntroLinkActionElement ul li .hasCheckBox,
#MarketingIntroLinkActionElement ul li .hasCheckBox,
#MarketingListCampaignRetargetingIntroLinkActionElement ul li .hasCheckBox {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
#ProductIntroLinkActionElement .parent a,
#MarketingIntroLinkActionElement .parent a,
#MarketingListCampaignRetargetingIntroLinkActionElement .parent a {
  padding-left: 10px;
}
#ProductIntroLinkActionElement .parent > a > span,
#MarketingIntroLinkActionElement .parent > a > span,
#MarketingListCampaignRetargetingIntroLinkActionElement .parent > a > span {
  text-indent: -9999px;
  display: inline-block;
  width: 0;
}
#ProductIntroLinkActionElement .parent > a:before,
#MarketingIntroLinkActionElement .parent > a:before,
#MarketingListCampaignRetargetingIntroLinkActionElement .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,
#MarketingListCampaignRetargetingIntroLinkActionElement .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;
}
#MarketingListsManageSubscriptionsListView,
#MarketingListsExternalActionsPreviewView,
#MarketingListsExternalActionsPageView,
#MarketingListsManageSubscriptionsPageView {
  margin-left: 0;
  padding: 75px 15% 15px 15%;
}
#MarketingListsManageSubscriptionsListView > .GridView,
#MarketingListsExternalActionsPreviewView > .GridView,
#MarketingListsExternalActionsPageView > .GridView,
#MarketingListsManageSubscriptionsPageView > .GridView {
  *zoom: 1;
}
#MarketingListsManageSubscriptionsListView > .GridView:before,
#MarketingListsManageSubscriptionsListView > .GridView:after,
#MarketingListsExternalActionsPreviewView > .GridView:before,
#MarketingListsExternalActionsPreviewView > .GridView:after,
#MarketingListsExternalActionsPageView > .GridView:before,
#MarketingListsExternalActionsPageView > .GridView:after,
#MarketingListsManageSubscriptionsPageView > .GridView:before,
#MarketingListsManageSubscriptionsPageView > .GridView:after {
  content: " ";
  display: table;
}
#MarketingListsManageSubscriptionsListView > .GridView:after,
#MarketingListsExternalActionsPreviewView > .GridView:after,
#MarketingListsExternalActionsPageView > .GridView:after,
#MarketingListsManageSubscriptionsPageView > .GridView:after {
  clear: both;
}
#MarketingListsManageSubscriptionsListView #HeaderLinksView,
#MarketingListsExternalActionsPreviewView #HeaderLinksView,
#MarketingListsExternalActionsPageView #HeaderLinksView,
#MarketingListsManageSubscriptionsPageView #HeaderLinksView {
  margin: 0 0 20px 0;
}
#MarketingListsManageSubscriptionsListView #HeaderLinksView > div,
#MarketingListsExternalActionsPreviewView #HeaderLinksView > div,
#MarketingListsExternalActionsPageView #HeaderLinksView > div,
#MarketingListsManageSubscriptionsPageView #HeaderLinksView > div {
  margin: 0;
}
#MarketingListsManageSubscriptionsListView #HeaderLinksView + div,
#MarketingListsExternalActionsPreviewView #HeaderLinksView + div,
#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);
}
#MarketingListsManageSubscriptionsListView #corp-logo span,
#MarketingListsExternalActionsPreviewView #corp-logo span,
#MarketingListsExternalActionsPageView #corp-logo span,
#MarketingListsManageSubscriptionsPageView #corp-logo span {
  color: #545454;
}
#MarketingListsManageSubscriptionsListView .Warning,
#MarketingListsManageSubscriptionsListView .wrapper,
#MarketingListsExternalActionsPreviewView .Warning,
#MarketingListsExternalActionsPreviewView .wrapper,
#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;
}
#MarketingListsManageSubscriptionsListView .Warning,
#MarketingListsManageSubscriptionsListView .wrapper,
#MarketingListsExternalActionsPreviewView .Warning,
#MarketingListsExternalActionsPreviewView .wrapper,
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsExternalActionsPageView .wrapper,
#MarketingListsManageSubscriptionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .wrapper {
  background: #fff;
  -webkit-box-shadow: 0 0 5px 0px rgba(153,153,153,0.3);
  -moz-box-shadow: 0 0 5px 0px rgba(153,153,153,0.3);
  -ms-box-shadow: 0 0 5px 0px rgba(153,153,153,0.3);
  -o-box-shadow: 0 0 5px 0px rgba(153,153,153,0.3);
  box-shadow: 0 0 5px 0px rgba(153,153,153,0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#MarketingListsManageSubscriptionsListView .Warning,
#MarketingListsExternalActionsPreviewView .Warning,
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .Warning {
  *zoom: 1;
  padding: 15px 0 30px 0;
}
#MarketingListsManageSubscriptionsListView .Warning:before,
#MarketingListsManageSubscriptionsListView .Warning:after,
#MarketingListsExternalActionsPreviewView .Warning:before,
#MarketingListsExternalActionsPreviewView .Warning:after,
#MarketingListsExternalActionsPageView .Warning:before,
#MarketingListsExternalActionsPageView .Warning:after,
#MarketingListsManageSubscriptionsPageView .Warning:before,
#MarketingListsManageSubscriptionsPageView .Warning:after {
  content: " ";
  display: table;
}
#MarketingListsManageSubscriptionsListView .Warning:after,
#MarketingListsExternalActionsPreviewView .Warning:after,
#MarketingListsExternalActionsPageView .Warning:after,
#MarketingListsManageSubscriptionsPageView .Warning:after {
  clear: both;
}
#MarketingListsManageSubscriptionsListView .Warning h2,
#MarketingListsManageSubscriptionsListView .Warning div,
#MarketingListsManageSubscriptionsListView .Warning p,
#MarketingListsExternalActionsPreviewView .Warning h2,
#MarketingListsExternalActionsPreviewView .Warning div,
#MarketingListsExternalActionsPreviewView .Warning p,
#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;
}
#MarketingListsManageSubscriptionsListView .Warning h2,
#MarketingListsExternalActionsPreviewView .Warning h2,
#MarketingListsExternalActionsPageView .Warning h2,
#MarketingListsManageSubscriptionsPageView .Warning h2 {
  padding: 0;
}
#MarketingListsManageSubscriptionsListView .Warning div,
#MarketingListsExternalActionsPreviewView .Warning div,
#MarketingListsExternalActionsPageView .Warning div,
#MarketingListsManageSubscriptionsPageView .Warning div {
  margin: 15px 0 20px 0;
  border: 0;
}
#MarketingListsManageSubscriptionsListView ~ #FooterView,
#MarketingListsExternalActionsPreviewView ~ #FooterView,
#MarketingListsExternalActionsPageView ~ #FooterView,
#MarketingListsManageSubscriptionsPageView ~ #FooterView {
  margin: 20px 0 20px 15%;
  padding: 0 0 0 15px;
  clear: both;
}
#MarketingListsManageSubscriptionsListView h1,
#MarketingListsExternalActionsPreviewView h1,
#MarketingListsExternalActionsPageView h1,
#MarketingListsManageSubscriptionsPageView h1 {
  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);
  font-size: 25px;
  margin-bottom: 30px;
  text-indent: 0;
}
#MarketingListsManageSubscriptionsListView #marketingLists-manageSubscriptionsList table,
#MarketingListsExternalActionsPreviewView #marketingLists-manageSubscriptionsList table,
#MarketingListsExternalActionsPageView #marketingLists-manageSubscriptionsList table,
#MarketingListsManageSubscriptionsPageView #marketingLists-manageSubscriptionsList table {
  width: 100%;
}
#MarketingListsManageSubscriptionsListView #marketingLists-manageSubscriptionsList table th,
#MarketingListsExternalActionsPreviewView #marketingLists-manageSubscriptionsList table th,
#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;
}
#MarketingListsManageSubscriptionsListView #marketingLists-manageSubscriptionsList table td,
#MarketingListsExternalActionsPreviewView #marketingLists-manageSubscriptionsList table td,
#MarketingListsExternalActionsPageView #marketingLists-manageSubscriptionsList table td,
#MarketingListsManageSubscriptionsPageView #marketingLists-manageSubscriptionsList table td {
  padding-bottom: 15px;
}
#MarketingListsManageSubscriptionsListView .switch,
#MarketingListsExternalActionsPreviewView .switch,
#MarketingListsExternalActionsPageView .switch,
#MarketingListsManageSubscriptionsPageView .switch {
  margin-right: 15px;
  float: none;
}
#MarketingListsManageSubscriptionsListView .simple-link,
#MarketingListsExternalActionsPreviewView .simple-link,
#MarketingListsExternalActionsPageView .simple-link,
#MarketingListsManageSubscriptionsPageView .simple-link {
  display: block;
  margin-top: 15px;
}
#SendTestEmailModalEditView div.wide.form {
  float: left;
}
#SendTestEmailModalEditView .attributesContainer {
  padding-bottom: 0;
}
#SendTestEmailModalEditView td {
  padding-left: 0;
  padding-bottom: 0;
}
#SendTestEmailModalEditView label {
  float: none;
  margin-right: 30px;
}
#SendTestEmailModalEditView #select-primary-or-secondary-radio {
  margin-bottom: 10px;
}
#SendTestEmailModalEditView input[type="radio"] {
  margin-right: 8px;
}
#SendTestEmailModalEditView #secondary-input-id h4 {
  margin-top: 5px;
}
a[id^="SendTestEmailLinkActionElement"] .z-label:after {
  content: "7";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  position: relative;
  right: -10px;
  top: 1px;
}
#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 {
  display: table;
  vertical-align: top;
  height: 100%;
  width: 100%;
}
.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 #7f7f7f;
}
.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: #7f7f7f;
}
#kanban-board-options-link:hover {
  color: #333333;
}
.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 cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.5s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.5s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.5s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.5s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  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: #7f7f7f;
}
.task-action-toolbar {
  overflow: hidden;
  float: right;
  margin: 0 0 10px 5px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.task-action-toolbar .default-button {
  border: none;
}
.task-action-toolbar .default-button + .default-button {
  bordr-left: 1px solid #bababa;
}
.task-action-toolbar a {
  line-height: 1;
}
.task-action-toolbar .button-label {
  font-size: 11px;
  padding: 0 3px !important;
  line-height: 20px !important;
  z-index: 10;
  margin: 0 !important;
}
.task-action-toolbar .button-label:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.subscribe-model-link,
.unsubscribe-model-link {
  background: #DFDFDF;
  padding: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.subscribe-model-link .icon-subscribe,
.subscribe-model-link .icon-unsubscribe,
.unsubscribe-model-link .icon-subscribe,
.unsubscribe-model-link .icon-unsubscribe {
  position: relative;
  top: -3px;
  display: block;
  text-align: center;
}
.subscribe-model-link .icon-subscribe:after,
.subscribe-model-link .icon-unsubscribe:after,
.unsubscribe-model-link .icon-subscribe:after,
.unsubscribe-model-link .icon-unsubscribe:after {
  color: #545454;
  content: '\2260';
  font-size: 29px;
}
.detail-subscribe-model-link,
.detail-unsubscribe-model-link {
  background: #DFDFDF;
  padding: 2px;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.detail-subscribe-model-link .icon-subscribe,
.detail-subscribe-model-link .icon-unsubscribe,
.detail-unsubscribe-model-link .icon-subscribe,
.detail-unsubscribe-model-link .icon-unsubscribe {
  position: relative;
  top: -2px;
  display: block;
  text-align: center;
}
.detail-subscribe-model-link .icon-subscribe:after,
.detail-subscribe-model-link .icon-unsubscribe:after,
.detail-unsubscribe-model-link .icon-subscribe:after,
.detail-unsubscribe-model-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 {
  *zoom: 1;
  clear: left;
  font-size: 14px;
  color: #666;
  margin-bottom: 7px;
  margin-top: 10px;
}
.business-card .contact-details:before,
.business-card .contact-details:after {
  content: " ";
  display: table;
}
.business-card .contact-details:after {
  clear: both;
}
.business-card .contact-details > span {
  margin: 5px 20px 5px 0;
  color: #333;
  white-space: nowrap;
}
.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 .social-details a {
  display: inline-block;
  margin-right: 6px;
  height: 24px;
  width: 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.business-card .social-details a:hover {
  -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;
}
#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: #333333 !important;
}
.mini-button:hover span {
  color: #333333;
}
.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);
}
#gd-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.65);
  position: absolute;
  width: 100%;
  display: block;
  z-index: 99;
}
#gd-container {
  z-index: 100;
  top: 0;
  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 cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 1s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 1s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 1s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 1s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  -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;
  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 {
  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: -8px;
  display: block;
  float: right;
  text-align: center;
  position: absolute;
  right: 0;
}
.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 {
  color: #ccc;
  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,
.product-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,
.product-dialog:before,
.product-dialog:after {
  content: " ";
  display: table;
}
.task-dialog:after,
.product-dialog:after {
  clear: both;
}
.task-dialog .col-0,
.product-dialog .col-0 {
  width: 15%;
}
.task-dialog .col-1,
.product-dialog .col-1 {
  width: 85%;
}
.task-dialog .ui-dialog-title,
.product-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;
  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;
  width: 100%;
  height: 100%;
  display: block;
}
.task-dialog .toolbar-mbmenu,
.product-dialog .toolbar-mbmenu {
  position: absolute;
  right: 0;
  top: 12px;
}
.task-dialog .view-toolbar .parent > ul,
.product-dialog .view-toolbar .parent > ul {
  right: 0;
}
.task-dialog .wrapper,
.task-dialog .details-table,
.product-dialog .wrapper,
.product-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,
.product-dialog table {
  border: none;
}
.task-dialog td,
.product-dialog td {
  padding-bottom: 15px;
}
.task-dialog .attributesContainer,
.product-dialog .attributesContainer {
  padding-bottom: 0;
}
.task-dialog .float-bar,
.product-dialog .float-bar {
  margin-bottom: 0;
}
.task-dialog .right-side-edit-view-panel,
.product-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;
}
.details-table .view-toolbar-container {
  top: -35px;
}
.task-modal-details-options-menu .parent > a,
.product-modal-details-options-menu .parent > a {
  padding: 0;
}
.task-modal-details-options-menu .parent > a span,
.product-modal-details-options-menu .parent > a span {
  display: none;
}
.task-modal-details-options-menu .parent > a:before,
.product-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,
.product-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: 15px;
}
#task-subscriber-box h4 {
  margin-bottom: 4px;
}
#task-subscriber-box img {
  margin-right: 5px;
}
#task-subscriber-box + .model-comments-activity {
  margin-top: 0;
}
.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 #7f7f7f;
  -moz-box-shadow: 0 0 1px 1px #7f7f7f;
  -ms-box-shadow: 0 0 1px 1px #7f7f7f;
  -o-box-shadow: 0 0 1px 1px #7f7f7f;
  box-shadow: 0 0 1px 1px #7f7f7f;
}
#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 #7f7f7f;
  -moz-box-shadow: 0 0 1px 1px #7f7f7f;
  -ms-box-shadow: 0 0 1px 1px #7f7f7f;
  -o-box-shadow: 0 0 1px 1px #7f7f7f;
  box-shadow: 0 0 1px 1px #7f7f7f;
}
#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,
.model-comments-activity {
  margin-top: 30px;
}
.task-activity #CommentsForRelatedModelView,
.task-activity #CommentsForRelatedTaskModelView,
.model-comments-activity #CommentsForRelatedModelView,
.model-comments-activity #CommentsForRelatedTaskModelView {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.task-activity #CommentInlineEditForModelView,
.task-activity #CommentForTaskInlineEditForModelView,
.model-comments-activity #CommentInlineEditForModelView,
.model-comments-activity #CommentForTaskInlineEditForModelView {
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0 0;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.task-activity #CommentList,
.model-comments-activity #CommentList {
  margin: 0 15px;
}
.task-activity #comment-inline-edit-form,
.task-activity #comment-for-task-inline-edit-form,
.model-comments-activity #comment-inline-edit-form,
.model-comments-activity #comment-for-task-inline-edit-form {
  margin: 0;
}
.task-activity #comment-inline-edit-form .form-toolbar,
.task-activity #comment-for-task-inline-edit-form .form-toolbar,
.model-comments-activity #comment-inline-edit-form .form-toolbar,
.model-comments-activity #comment-for-task-inline-edit-form .form-toolbar {
  padding-right: 0;
}
.task-activity .comment,
.model-comments-activity .comment {
  *zoom: 1;
  margin-top: 10px;
}
.task-activity .comment:before,
.task-activity .comment:after,
.model-comments-activity .comment:before,
.model-comments-activity .comment:after {
  content: " ";
  display: table;
}
.task-activity .comment:after,
.model-comments-activity .comment:after {
  clear: both;
}
.task-activity .left-column,
.model-comments-activity .left-column {
  padding-right: 0;
}
.task-activity .show-file-upload-box,
.model-comments-activity .show-file-upload-box {
  display: none;
  z-index: 99999;
  position: relative;
}
.task-activity #CommentInlineEditForModelView,
.task-activity #CommentForTaskInlineEditForModelView {
  background: rgba(236,240,241,0.25) url("../images/stripes.png") left top repeat;
}
.model-comments-activity div.wide.form {
  float: none !important;
}
.model-comments-activity .form form {
  bottom: no;
  border: none;
  box-shadow: none;
}
.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: #7f7f7f;
  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;
}
#builder .view-toolbar-container {
  border-top: none;
}
#builder .right-column .right-side-edit-view-panel {
  background: none;
  padding: 0;
  overflow: hidden;
}
#builder .form-fields td {
  padding-left: 0 !important;
}
.previewing-builder {
  overflow: hidden !important;
  height: auto !important;
}
.previewing-builder .HeaderView {
  z-index: 0;
}
#canvas-iframe {
  border: 1px solid #ededed;
  min-height: 800px;
  width: 100%;
  height: 100%;
  background: url("../images/psd-light.png") left top repeat;
  position: relative;
  min-width: 600px;
}
#iframe-overlay {
  display: none;
}
#iframe-overlay.freeze {
  display: block;
}
#preview-iframe-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999 !important;
  overflow: scroll;
  background: #fff;
}
#preview-iframe-container-close-link {
  position: absolute;
  right: 10px;
  top: 10px;
}
#preview-iframe {
  width: 100%;
  height: 100%;
  display: block;
}
#building-blocks {
  list-style: none;
  display: block;
}
#building-blocks li {
  float: left;
  width: 30%;
  height: 105px;
  margin: 0 3.33% 15px 0;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
}
#building-blocks li:active {
  cursor: move;
}
#building-blocks li div {
  display: block;
  width: 105px !important;
  height: 105px !important;
  border: 3px solid #efefef;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  float: none;
  margin: 0;
  z-index: 999999;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  width: 100% !important;
  height: 100% !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  position: relative;
}
#building-blocks li div i {
  display: block;
  text-align: center;
  font-size: 80px;
  line-height: 1px;
  margin-top: 30px;
  color: #ddd;
  -webkit-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
}
#building-blocks li div span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  background: #efefef;
  color: #acacac;
  font-size: 13px;
  font-weight: bold;
}
@media all and (max-width: 900px) {
  #building-blocks li {
    width: 46%;
    margin-right: 4%;
  }
  #building-blocks i {
    font-size: 50px;
  }
}
.draggable-element-clone {
  display: block;
  width: 105px !important;
  height: 105px !important;
  border: 3px solid #efefef;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  float: none;
  margin: 0;
  z-index: 999999;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  -moz-box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  -ms-box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  -o-box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
  box-shadow: 0 0 1px 1px rgba(153,153,153,0.5);
}
.draggable-element-clone i {
  display: block;
  text-align: center;
  font-size: 80px;
  line-height: 1px;
  margin-top: 30px;
  color: #ddd;
  -webkit-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.18s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
}
.draggable-element-clone span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  background: #efefef;
  color: #acacac;
  font-size: 13px;
  font-weight: bold;
}
#element-edit-container {
  position: absolute;
  top: 120px;
  left: 5px;
  width: 30%;
  z-index: 999;
}
#element-edit-container h3 {
  margin-bottom: 15px;
}
#element-edit-form-overlay-container {
  position: relative;
  padding: 0 10px 10px 10px;
}
#element-edit-form-overlay-container .panel {
  width: 100%;
}
#element-edit-form-overlay-container .panel .tabs-container {
  width: 100%;
}
#element-edit-form-overlay-container .element-edit-form,
#element-edit-form-overlay-container .wrapper {
  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);
}
#element-edit-form-overlay-container .view-toolbar-container {
  border-top: 1px solid #cccccc;
}
.element-edit-form {
  position: relative;
}
.element-edit-form th {
  width: 35%;
  padding-top: 6px;
}
.element-edit-form td {
  width: 65%;
}
.element-edit-form .redactor_box iframe {
  min-height: 400px;
}
.element-edit-form .edit-form-tab-content {
  z-index: 99999;
}
.builder-position-checkbox {
  width: 50%;
  display: inline-block;
}
.builder-position-checkbox label.hasCheckBox + label {
  margin-left: 4px;
}
.builder-fancy-divider-radio {
  width: 100%;
  display: inline-block;
}
#element-settings {
  padding: 10px;
  background: none;
  border: none;
}
#element-settings > div {
  margin-bottom: 10px;
  clear: left;
}
#element-settings label {
  display: block;
}
div[id^="builderimageelement"] ~ .redactor_box iframe {
  background: url("../images/psd-light.png") left top repeat;
}
.image-element-edit-form .element-edit-form-content-tab {
  padding: 15px;
  text-align: left;
}
#SelectBaseTemplateForEmailTemplateWizardView > .left-column {
  padding: 0 !important;
}
#SelectBaseTemplateForEmailTemplateWizardView .mini-pillbox {
  padding: 0 15px;
}
#chosen-layout {
  margin: 30px auto;
}
#chosen-layout i {
  font-size: 400px;
  line-height: 60%;
  float: left;
  width: 30%;
  text-align: center;
  border-right: 1px solid #ccc;
  margin-right: 30px;
}
#chosen-layout i:after {
  position: relative;
  top: -15px;
}
#chosen-layout p {
  font-size: 14px;
  line-height: 24px;
  color: #555;
  font-weight: bold;
  float: left;
  width: 65%;
}
#chosen-layout h3 {
  padding-top: 30px;
  font-size: 18px;
}
#chosen-layout #chooser-overlay {
  margin-top: 30px;
}
.template-pager {
  text-align: center;
  border-top: 1px solid #fff;
}
.template-pager div {
  border-top: 1px solid #fff;
  padding-top: 10px;
}
#saved-templates,
#templates {
  display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#saved-templates .templates-chooser-list > ul > li,
#templates .templates-chooser-list > ul > li {
  margin: 0 0 75px 0;
  width: 20%;
  padding: 0 15px;
}
#saved-templates .z-button,
#templates .z-button {
  margin-top: 10px;
  float: right;
}
#saved-templates .secondary-button,
#templates .secondary-button {
  margin-top: 10px;
  float: left;
}
#saved-templates .mini-pillbox,
#templates .mini-pillbox {
  margin-bottom: 30px;
}
#saved-templates .closeme,
#templates .closeme {
  line-height: 24px;
  float: right;
}
#saved-templates .closeme i,
#templates .closeme i {
  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: 0px;
  color: #333333;
  margin-top: 0;
}
#saved-templates li,
#templates li {
  position: relative;
}
#saved-templates .template-info,
#templates .template-info {
  position: absolute;
  right: 18px;
  top: 0px;
}
#saved-templates .template-info .button-actions,
#templates .template-info .button-actions {
  width: 225px;
}
#saved-templates .template-info .button-actions li,
#templates .template-info .button-actions li {
  width: 100%;
}
#saved-templates .template-info h4,
#templates .template-info h4 {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
}
#saved-templates .template-info p,
#templates .template-info p {
  white-space: normal;
  line-height: 1.2;
}
#saved-templates .template-info .after-form-details-content,
#templates .template-info .after-form-details-content {
  margin-top: 15px;
  text-align: left;
  color: #ccc !important;
  padding-left: 0;
}
#saved-templates .template-info .button-actions,
#templates .template-info .button-actions {
  top: 30px;
}
#saved-templates .template-info .icon-trigger:before,
#templates .template-info .icon-trigger:before {
  top: 13px;
}
#saved-templates .template-info .icon-details,
#templates .template-info .icon-details {
  margin-right: 0;
}
@media all and (max-width: 1000px) {
  #templates .templates-chooser-list li {
    width: 25%;
  }
}
@media all and (max-width: 800px) {
  #templates .templates-chooser-list li {
    width: 33.33%;
  }
}
.templates-chooser-list > h3 {
  font-weight: normal;
  color: #777;
  -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;
  display: inline-block;
  padding: 0 0 10px 0;
  margin-bottom: 30px !important;
}
.templates-chooser-list > h3:first-child {
  color: #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  margin-right: 30px !important;
}
.templates-chooser-list label {
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid #efefef;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.templates-chooser-list label h4 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  background: #efefef;
  color: #9b9b9a;
  -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;
  font-size: 13px;
  font-weight: bold;
}
.templates-chooser-list label i {
  display: block;
  text-align: center;
  font-size: 130px;
  line-height: 1px;
  margin-top: 50px;
  color: #ddd;
}
.templates-chooser-list img {
  margin: 5px auto 0 auto;
}
.base-template-selection {
  list-style: none;
  width: 150px;
  height: 150px;
  float: left;
  text-align: center;
  position: relative;
  margin: 0 15px 15px 0;
  cursor: pointer;
}
.base-template-selection input[type="radio"] {
  visibility: hidden;
  display: none;
}
.base-template-selection input[type="radio"]:checked + label {
  overflow: hidden;
  -webkit-box-shadow: 0 0 3px 0px #7f7f7f;
  -moz-box-shadow: 0 0 3px 0px #7f7f7f;
  -ms-box-shadow: 0 0 3px 0px #7f7f7f;
  -o-box-shadow: 0 0 3px 0px #7f7f7f;
  box-shadow: 0 0 3px 0px #7f7f7f;
}
.MergeTagsView {
  padding-right: 15px;
}
.MergeTagsView .hasTree {
  width: 100%;
  position: relative;
}
.MergeTagsView .treeview ul {
  background: none !important;
}
.MergeTagsView li {
  cursor: pointer;
}
.MergeTagsView.wizard-merge-tags {
  position: absolute;
  right: -250px;
  top: 0;
  padding-right: 0;
}
.MergeTagsView.wizard-merge-tags:before {
  content: "";
  border: 10px solid #323232;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  left: -20px;
  top: 100px;
}
#MergeTagsTreeAreaBuilderElementEditable {
  width: 250px;
  height: 450px;
  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) ;
  border: 5px solid #323232;
  -webkit-box-shadow: inset 0 0 3px 0 #111, 0 0 3px #111;
  -moz-box-shadow: inset 0 0 3px 0 #111, 0 0 3px #111;
  -ms-box-shadow: inset 0 0 3px 0 #111, 0 0 3px #111;
  -o-box-shadow: inset 0 0 3px 0 #111, 0 0 3px #111;
  box-shadow: inset 0 0 3px 0 #111, 0 0 3px #111;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.redactor_toolbar li a.zurmoImage:before {
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  content: '\0112';
}
.redactor_toolbar li a.re-mergeTags {
  background-image: url("../images/email-builder/merge-tags.png");
  width: 80px !important;
}
.redactor_toolbar li a.re-mergeTags:hover {
  background-image: url("../images/email-builder/merge-tags-hover.png");
}
#redactor_image_box img {
  border: 1px solid #dfdfdf;
}
#ContentForEmailTemplateWizardView .email-template-content,
#ContentForEmailTemplateWizardView .tab,
#ContentForEmailTemplateWizardView .redactor_box,
#ContentForEmailTemplateWizardView .redactor_box iframe,
#ContentForEmailTemplateWizardView #BuilderEmailTemplateWizardForm_textContent {
  height: 100% !important;
}
#ContentForEmailTemplateWizardView .tab {
  overflow: hidden;
}
#ContentForEmailTemplateWizardView .email-template-content {
  padding-bottom: 0;
  margin-bottom: 0;
}
#ContentForEmailTemplateWizardView .email-template-content + .errorMessage {
  margin-top: 32px;
}
#ContentForEmailTemplateWizardView .email-template-combined-content {
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: 600px;
}
.email-template-textContent {
  line-height: 1.4 !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
}
.email-template-textContent textarea {
  line-height: 1.4 !important;
  font-size: 16px !important;
  min-height: 600px;
}
.divider-swatch {
  width: 100%;
  margin-bottom: 20px;
}
.divider-swatch input {
  margin-top: 8px !important;
}
.divider-swatch label {
  width: 85%;
}
.divider-swatch .fancy-divider-label {
  display: none;
}
.fancy-divider-1,
.fancy-divider-2,
.fancy-divider-3,
.fancy-divider-4,
.fancy-divider-5 {
  width: 100%;
  height: 30px;
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.fancy-divider-1 {
  background-image: url("../images/email-builder/fancy-divider-1.png");
}
.fancy-divider-2 {
  background-image: url("../images/email-builder/fancy-divider-2.png");
}
.fancy-divider-3 {
  background-image: url("../images/email-builder/fancy-divider-3.png");
}
.fancy-divider-4 {
  background-image: url("../images/email-builder/fancy-divider-4.png");
}
.fancy-divider-5 {
  background-image: url("../images/email-builder/fancy-divider-5.png");
}
#BuilderElementEditableModelForm_content_text {
  min-height: 400px;
}
#ContentForEmailTemplateWizardView .redactor_box iframe,
#CampaignEditView .redactor_box iframe,
#AutoresponderEditAndDetailsView .redactor_box iframe {
  min-height: 600px !important;
}
.image-tabs > a {
  display: block;
  width: 33.33333333%;
  float: left;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  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-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#f5f5f5));
  background-image: -webkit-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -o-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: -moz-linear-gradient(top,#fefefe,#f5f5f5);
  background-image: linear-gradient(top,#fefefe,#f5f5f5);
  border-left: 1px solid #dfdfdf;
}
.image-tabs > a:first-child {
  border-left: none;
}
.image-tabs .active {
  color: #fff;
  -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: #1a1a1a;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#333333,#1a1a1a);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#1a1a1a));
  background-image: -webkit-linear-gradient(top,#333333,#1a1a1a);
  background-image: -o-linear-gradient(top,#333333,#1a1a1a);
  background-image: -moz-linear-gradient(top,#333333,#1a1a1a);
  background-image: linear-gradient(top,#333333,#1a1a1a);
}
.image-tabs > a:hover {
  color: #fff;
  -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: #333333;
  background-repeat: repeat-x;
  background-image: -ms-linear-gradient(top,#1a1a1a,#333333);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1a1a1a),color-stop(100%,#333333));
  background-image: -webkit-linear-gradient(top,#1a1a1a,#333333);
  background-image: -o-linear-gradient(top,#1a1a1a,#333333);
  background-image: -moz-linear-gradient(top,#1a1a1a,#333333);
  background-image: linear-gradient(top,#1a1a1a,#333333);
}
#ImageFilesUploadView {
  -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) ;
  padding: 15px;
  border-top: 1px solid #DFDFDF;
}
#ImageFilesUploadView .files {
  float: none !important;
}
#ImageFilesUploadView .file-size {
  vertical-align: baseline;
}
#ImageFilesUploadView .error {
  padding: 10px 0 0 0 !important;
}
#dropzoneImageFilesUploadView {
  border: 2px dashed #7f7f7f;
  font-size: 18px;
  font-weight: bold;
  line-height: 100px;
  text-align: center;
  color: #7f7f7f;
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
#fileUploadImageFilesUploadView .fileupload-buttonbar {
  margin-bottom: 15px;
}
#fileUploadImageFilesUploadView .fileupload-content {
  width: 100%;
}
#fileUploadImageFilesUploadView .insert-link {
  margin-left: 8px;
}
#ImagesModalSearchView #search-formmodal {
  padding-bottom: 0;
  border-right: none;
  border-left: none;
}
#ImagesModalSearchView .filter-portlet-model-bar {
  float: left;
  width: 100%;
  margin-top: 15px;
  border-bottom: none;
  border-top: 1px solid #DFDFDF;
}
#ImagesModalSearchView .filters-bar {
  padding-top: 13px;
  position: static;
  border-bottom: none;
}
#ImagesModalSearchView .filters-bar label {
  float: none;
  line-height: 1 !important;
  font-size: 11px !important;
  padding: 3px !important;
  margin: 0 3px;
  white-space: nowrap;
}
#ImagesModalSearchView .filters-bar label.ui-state-active,
#ImagesModalSearchView .filters-bar label:hover {
  color: #fff !important;
}
.toggle-column .icon-checked,
.toggle-column .icon-unchecked {
  display: block;
  background: url("../images/checkbox.png") left -21px no-repeat;
  width: 16px;
  height: 20px;
  padding: 0;
  margin: 0;
}
.toggle-column .icon-checked:after,
.toggle-column .icon-unchecked:after {
  content: "";
}
.toggle-column .icon-unchecked {
  background: url("../images/checkbox.png") left 4px no-repeat;
}
#image-import-form {
  padding: 15px 15px 30px 15px;
  border: none;
  border-top: 1px solid #DFDFDF;
  -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) ;
  *zoom: 1;
}
#image-import-form:before,
#image-import-form:after {
  content: " ";
  display: table;
}
#image-import-form:after {
  clear: both;
}
#image-import-form label {
  float: left;
  width: 15%;
  display: inline-block;
}
#image-import-form .import-url-field {
  float: left;
  width: 65%;
  margin-right: 15px;
}
#image-import-form input[type="url"] {
  width: 100%;
}
#image-import-form .secondary-button {
  float: right;
}
#image-import-form .secondary-button .z-spinner {
  display: block;
  left: 6px;
}
.builder-uploaded-image-thumb {
  float: left;
  width: 20%;
}
.builder-image-details {
  width: 80%;
  padding-left: 15px;
  line-height: 1.5;
  float: left;
}
.builder-image-details a {
  font-weight: bold;
}
.insert-image {
  margin-left: 20%;
  padding: 5px 0 0 15px;
  clear: left;
}
.element-edit-form-content-tab .builder-uploaded-image-thumb {
  padding: 0 15px 15px 0;
  width: auto;
}
.element-edit-form-content-tab .image-links {
  padding-top: 5px;
}
.element-edit-form-content-tab .builder-image-details {
  width: 100%;
  padding: 0 0 15px 0;
  line-height: 1.5;
  float: none;
  clear: left;
}
.element-edit-form-content-tab .builder-image-details a,
.element-edit-form-content-tab .builder-image-details strong {
  font-weight: bold;
}
#BuilderElementEditableModelForm_content_image_preview strong {
  margin: 5px 0;
  display: block;
}
.builder-image-element-qtip {
  max-width: none !important;
  line-height: 1;
}
.builder-image-element-qtip .ui-tooltip-content {
  padding: 9px;
  line-height: 1;
}
#ImageEditView .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
}
#image-edit-form {
  border: none;
  padding: 0 15px 15px 15px;
}
#image-edit-form .left-column {
  padding-left: 0;
}
#image-edit-form .right-column {
  padding-right: 0;
}
.image-edit-modal {
  max-width: 80%;
  min-width: 1000px;
}
.image-resize-field {
  margin-bottom: 15px;
}
.image-resize-field label {
  width: 35%;
  display: block;
  float: left;
}
.image-resize-field input[type="number"] {
  width: 65%;
}
.image-resize-field input {
  float: left;
}
.image-resize-field .errorMessage {
  margin-left: 20%;
}
.jrac_viewport {
  width: 100% !important;
}
.jrac_viewport .ui-resizable {
  position: relative;
}
.jrac_viewport .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.jrac_viewport .ui-resizable-disabled .ui-resizable-handle,
.jrac_viewport .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.jrac_viewport .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.jrac_viewport .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.jrac_viewport .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.jrac_viewport .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.jrac_viewport .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.jrac_viewport .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.jrac_viewport .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.jrac_viewport .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.jrac_zoom_slider {
  margin-top: 15px;
  height: 2px;
  background: #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
.ui-slider-handle {
  position: relative;
  top: -4px;
  height: 10px;
  width: 10px;
  background: #545454;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  cursor: ew-resize;
}
.ui-icon-gripsmall-diagonal-se {
  background: url("../images/icon-resize.png") right top no-repeat;
}
#redactor_modal.redactor-image-modal {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #545454;
}
#redactor_modal.redactor-image-modal #redactor_modal_header {
  color: #7f7f7f;
  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;
}
#redactor_modal.redactor-image-modal #redactor_modal_close {
  -webkit-transition: all 0.15s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.15s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.15s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.15s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.15s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  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;
  text-indent: -9999px;
  background: transparent url("../images/widget-close-btn.png") left top no-repeat;
}
#redactor_modal.redactor-image-modal #redactor_modal_close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  background: transparent url("../images/widget-close-btn.png") left top no-repeat;
}
#redactor_modal.redactor-image-modal #redactor_modal_close:active {
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
}
#redactor_modal.redactor-image-modal .filters-bar label {
  width: auto !important;
  margin: 0 3px !important;
  display: inline !important;
}
#redactor_modal.redactor-image-modal #ImagesSearchForm_anyMixedAttributes {
  -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 #d5d4d4;
  border-left: none !important;
}
#redactor_modal.redactor-image-modal #image-import-form label {
  float: left !important;
  margin: 0 !important;
}
.image-legacy-message {
  padding: 10px;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  border-radius: 5px !important;
  border: 1px solid #FFCC00;
  background: #FFFCB5;
  margin-top: 0 !important;
}
.merge-view {
  width: 100% !important;
  margin: 0 auto !important;
  float: none;
  padding: 0;
}
.details-item-editable {
  margin-bottom: 0px;
  padding: 15px;
}
#CreateModelsToMergeListAndChartView .chosen-entries {
  width: 100%;
}
#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;
  padding: 10px 15px;
  width: 100% !important;
}
#CreateModelsToMergeListAndChartView .spidergraph {
  display: none;
}
#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: #333333 !important;
}
.merge-title-bar {
  display: table-caption;
  width: 100%;
}
.merge-title-bar h3 {
  margin-bottom: 0 !important;
  line-height: 1;
  width: 100%;
  padding: 15px 15px 10px 15px;
  border-bottom: 1px solid #dfdfdf;
}
.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) ;
  display: table;
}
.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%;
  list-style: none;
  padding-top: 15px;
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid #dfdfdf;
}
.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: table-cell;
  vertical-align: top;
  border-left: 1px solid #fff;
  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 {
  padding-left: 10px;
  width: 100%;
  height: 100%;
  text-align: left;
  border-left: 1px solid #fff;
}
.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 {
  color: #315AB0 !important;
}
.chosen-entries .merge-color-2 a {
  color: #66367b !important;
}
.chosen-entries .merge-color-3 a {
  color: #2c3e50 !important;
}
.chosen-entries .merge-color-4 a {
  color: #269a55 !important;
}
.chosen-entries .merge-color-5 a {
  color: #c0392b !important;
}
.chosen-entries .merge-color-6 a {
  color: #e67e22 !important;
}
.chosen-entries .merge-color-7 a {
  color: #3498db !important;
}
.chosen-entries .merge-color-8 a {
  color: #501a27 !important;
}
.chosen-entries .merge-color-9 a {
  color: #0c5b3f !important;
}
.chosen-entries .merge-color-10 a {
  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: 10px;
  position: relative;
  bottom: -15px;
  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;
  position: relative;
}
#calendar td {
  padding: 0;
}
#calendar .big-spinner {
  position: absolute;
  top: 50%;
  margin-top: -25px;
}
#calendar .fc-state-default {
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  background: url("../images/view-toolbar-gradient.png") left bottom repeat-x;
  color: #656565 !important;
  text-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  font-size: 11px;
  font-weight: 700;
}
#calendar .fc-state-default:hover {
  color: #333333 !important;
}
#calendar .fc-state-active {
  color: #656565;
  box-shadow: inset 0 10px 10px 4px rgba(153,153,153,0.4), 0 1px 0 0 #FFF;
}
#calendar .fc-button {
  height: auto;
  padding: 0 6px;
  line-height: 24px;
  cursor: pointer;
}
.fc-header {
  text-transform: capitalize;
}
.calendar-view .left-column {
  width: 25%;
}
.calendar-view .right-column {
  width: 75%;
}
.calendars-list-container {
  margin-top: 30px;
}
.calendars-list-container + .calendars-list-container {
  margin-top: 30px;
}
.calendars-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  line-height: 1;
}
.calendars-list > li {
  padding: 0;
  margin-bottom: 5px;
}
.calendars-list .hasCheckBox {
  display: inline-block;
  line-height: 1;
}
.calendars-list .edit-row-menu {
  margin-right: 0;
}
.cal-list-header {
  margin-bottom: 10px;
}
.cal-list-header h3 {
  display: inline-block;
}
.cal-list-header a {
  float: right;
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.cal-list-header .z-label {
  padding: 0 2px 0 4px;
  line-height: 16px;
}
.cal-name {
  position: relative;
  top: -3px;
}
.cal-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  margin: 0 6px 0 3px;
  position: relative;
  top: -2px;
}
.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;
}
#smallcalendar .ui-datepicker.ui-datepicker-inline {
  margin: 0;
}
#smallcalendar .ui-datepicker-header {
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#f6f6f6,#ededed) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#ededed)) !important;
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ededed) !important;
  background-image: -o-linear-gradient(top,#f6f6f6,#ededed) !important;
  background-image: -moz-linear-gradient(top,#f6f6f6,#ededed) !important;
  background-image: linear-gradient(top,#f6f6f6,#ededed) !important;
  -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: 1px solid #ddd !important;
}
#SavedCalendarFiltersForReportWizardView .dynamic-droppable-area {
  width: 70%;
  padding-left: 0;
}
.calendar-event-tooltip .left-column {
  padding: 5px;
}
.calendar-event-tooltip .details-table {
  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;
  padding: 0 !important;
  margin: 0 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.calendar-event-tooltip .ui-tooltip-content {
  overflow: visible;
}
.calendar-event-tooltip .ui-tooltip-titlebar {
  background: none !important;
}
.calendar-event-tooltip .toolbar-mbmenu {
  margin: -31px 20px 0 0 !important;
}
.calendar-event-tooltip .view-toolbar {
  margin: 0;
}
.calendar-event-tooltip .options-menu .parent > a {
  padding: 0;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.calendar-event-tooltip .options-menu .parent > a:hover {
  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;
}
.calendar-event-tooltip .options-menu .parent > a span {
  display: none;
}
.calendar-event-tooltip .options-menu .parent > a:before {
  content: 'n';
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.calendar-event-tooltip .options-menu .parent > a:after {
  margin-left: 2px;
  position: relative;
  top: -2px;
}
.calendar-event-tooltip .options-menu ul {
  top: 25px;
}
.calendar-event-tooltip .form-fields {
  color: #545454;
}
.calendar-event-tooltip .form-fields ul {
  list-style: none;
}
.calendar-event-tooltip .form-fields ul strong {
  margin-right: 4px;
}
.calendar-event-tooltip .form-fields li {
  margin-bottom: 3px;
}
.calendar-event-tooltip .after-form-details-content {
  display: none;
}
.CalendarItemDetailsView .view-toolbar-container {
  top: auto !important;
}
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 .AppNavigation {
  -webkit-transition: all 0.1s cubic-bezier(0.390,0.575,0.565,1.000);
  -moz-transition: all 0.1s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transition: all 0.1s cubic-bezier(0.390,0.575,0.565,1.000);
  -o-transition: all 0.1s cubic-bezier(0.390,0.575,0.565,1.000);
  transition: all 0.1s cubic-bezier(0.390,0.575,0.565,1.000);
  -ms-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -webkit-transform: translate3d(0px,0,0);
  transform: translate(0px,0);
  background-color: rgba(227,227,227,0) !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,rgba(220,220,220,0),rgba(227,227,227,0)) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(220,220,220,0)),color-stop(100%,rgba(227,227,227,0))) !important;
  background-image: -webkit-linear-gradient(top,rgba(220,220,220,0),rgba(227,227,227,0)) !important;
  background-image: -o-linear-gradient(top,rgba(220,220,220,0),rgba(227,227,227,0)) !important;
  background-image: -moz-linear-gradient(top,rgba(220,220,220,0),rgba(227,227,227,0)) !important;
  background-image: linear-gradient(top,rgba(220,220,220,0),rgba(227,227,227,0)) !important;
}
body.flat-cement .AppNavigation:hover {
  background-color: #e3e3e3 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#dcdcdc,#e3e3e3) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dcdcdc),color-stop(100%,#e3e3e3)) !important;
  background-image: -webkit-linear-gradient(top,#dcdcdc,#e3e3e3) !important;
  background-image: -o-linear-gradient(top,#dcdcdc,#e3e3e3) !important;
  background-image: -moz-linear-gradient(top,#dcdcdc,#e3e3e3) !important;
  background-image: linear-gradient(top,#dcdcdc,#e3e3e3) !important;
}
body.flat-cement .AppNavigation:hover .ui-chooser {
  background-color: #e3e3e3 !important;
  background-repeat: repeat-x !important;
  background-image: -ms-linear-gradient(top,#dcdcdc,#e3e3e3) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dcdcdc),color-stop(100%,#e3e3e3)) !important;
  background-image: -webkit-linear-gradient(top,#dcdcdc,#e3e3e3) !important;
  background-image: -o-linear-gradient(top,#dcdcdc,#e3e3e3) !important;
  background-image: -moz-linear-gradient(top,#dcdcdc,#e3e3e3) !important;
  background-image: linear-gradient(top,#dcdcdc,#e3e3e3) !important;
}
body.flat-cement .ui-chooser {
  background: none !important;
  border: 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: #7f7f7f;
}
.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: #7f7f7f;
}
.color-swatch.honey .theme-color-2 {
  background: #ABBC42;
}
.color-swatch.honey .theme-color-3 {
  background: #1e1e1e;
}
.body-texture {
  background-attachment: fixed;
}
.body-texture .AppContent {
  background: none !important;
}
html.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;
  background-attachment: fixed;
}
html.light-noise-diagonal .AppContent,
.texture-swatch.light-noise-diagonal .background-texture-1 .AppContent {
  background: none !important;
}
html.french-stucco,
.texture-swatch.french-stucco .background-texture-1 {
  background: url("../images/patterns/french-stucco/french-stucco.png") left top repeat !important;
  background-attachment: fixed;
}
html.french-stucco .AppContent,
.texture-swatch.french-stucco .background-texture-1 .AppContent {
  background: none !important;
}
html.exclusive-paper,
.texture-swatch.exclusive-paper .background-texture-1 {
  background: url("../images/patterns/exclusive-paper/exclusive-paper.png") left top repeat !important;
  background-attachment: fixed;
}
html.exclusive-paper .AppContent,
.texture-swatch.exclusive-paper .background-texture-1 .AppContent {
  background: none !important;
}
html.diagonal-noise,
.texture-swatch.diagonal-noise .background-texture-1 {
  background: url("../images/patterns/diagonal-noise/diagonal-noise.png") left top repeat !important;
  background-attachment: fixed;
}
html.diagonal-noise .AppContent,
.texture-swatch.diagonal-noise .background-texture-1 .AppContent {
  background: none !important;
}
html.paper,
.texture-swatch.paper .background-texture-1 {
  background: url("../images/patterns/paper/paper.png") left top repeat !important;
  background-attachment: fixed;
}
html.paper .AppContent,
.texture-swatch.paper .background-texture-1 .AppContent {
  background: none !important;
}
html.light-toast,
.texture-swatch.light-toast .background-texture-1 {
  background: url("../images/patterns/light-toast/light-toast.png") left top repeat !important;
  background-attachment: fixed;
}
html.light-toast .AppContent,
.texture-swatch.light-toast .background-texture-1 .AppContent {
  background: none !important;
}
html.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;
  background-attachment: fixed;
}
html.black-linen-2 .AppContent,
.texture-swatch.black-linen-2 .background-texture-1 .AppContent {
  background: none !important;
}
html.carbon-fibre,
.texture-swatch.carbon-fibre .background-texture-1 {
  background: url("../images/patterns/carbon-fibre/carbon-fibre.png") left top repeat !important;
  background-attachment: fixed;
}
html.carbon-fibre .AppContent,
.texture-swatch.carbon-fibre .background-texture-1 .AppContent {
  background: none !important;
}
html.cartographer,
.texture-swatch.cartographer .background-texture-1 {
  background: url("../images/patterns/cartographer/cartographer.png") left top repeat !important;
  background-attachment: fixed;
}
html.cartographer .AppContent,
.texture-swatch.cartographer .background-texture-1 .AppContent {
  background: none !important;
}
html.circles,
.texture-swatch.circles .background-texture-1 {
  background: url("../images/patterns/circles/circles.png") left top repeat !important;
  background-attachment: fixed;
}
html.circles .AppContent,
.texture-swatch.circles .background-texture-1 .AppContent {
  background: none !important;
}
html.concrete-wall,
.texture-swatch.concrete-wall .background-texture-1 {
  background: url("../images/patterns/concrete-wall/concrete-wall.png") left top repeat !important;
  background-attachment: fixed;
}
html.concrete-wall .AppContent,
.texture-swatch.concrete-wall .background-texture-1 .AppContent {
  background: none !important;
}
html.denim,
.texture-swatch.denim .background-texture-1 {
  background: url("../images/patterns/denim/denim.png") left top repeat !important;
  background-attachment: fixed;
}
html.denim .AppContent,
.texture-swatch.denim .background-texture-1 .AppContent {
  background: none !important;
}
html.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;
  background-attachment: fixed;
}
html.low-contrast-linen .AppContent,
.texture-swatch.low-contrast-linen .background-texture-1 .AppContent {
  background: none !important;
}
html.wood,
.texture-swatch.wood .background-texture-1 {
  background: url("../images/patterns/wood-pattern/wood-pattern.png") left top repeat !important;
  background-attachment: fixed;
}
html.wood .AppContent,
.texture-swatch.wood .background-texture-1 .AppContent {
  background: none !important;
}
html.whitey,
.texture-swatch.whitey .background-texture-1 {
  background: url("../images/patterns/whitey/whitey.png") left top repeat !important;
  background-attachment: fixed;
}
html.whitey .AppContent,
.texture-swatch.whitey .background-texture-1 .AppContent {
  background: none !important;
}
html.fabric-plaid,
.texture-swatch.fabric-plaid .background-texture-1 {
  background: url("../images/patterns/fabric-plaid/fabric-plaid.png") left top repeat !important;
  background-attachment: fixed;
}
html.fabric-plaid .AppContent,
.texture-swatch.fabric-plaid .background-texture-1 .AppContent {
  background: none !important;
}
html.cartographer-light,
.texture-swatch.cartographer-light .background-texture-1 {
  background: url("../images/patterns/cartographer-light/cartographer-light.png") left top repeat !important;
  background-attachment: fixed;
}
html.cartographer-light .AppContent,
.texture-swatch.cartographer-light .background-texture-1 .AppContent {
  background: none !important;
}
@media all and (max-width: 900px) {
  #HeaderView {
    min-width: 0 !important;
  }
  #corp-logo span {
    display: none;
  }
  .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 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;
  }
  .task-dialog,
  .product-dialog {
    min-width: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 801px) {
  #LoginPageView {
    padding-top: 0;
  }
  #LoginPageView > div {
    padding: 10px;
    display: block;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    width: 100% !important;
    height: 100% !important;
  }
  #LoginPageView #FooterView {
    flex: 1 0 auto;
    margin: 10px 10px 5px 10px;
  }
  #LoginPageView #credit-link {
    margin-left: 0;
  }
  #LoginView {
    min-width: 0 !important;
    margin: 0;
    padding: 50px 0;
    background-position: left bottom;
    height: 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;
  }
  #FooterView {
    margin-left: 0 !important;
  }
  #ShortcutsMenu > li > a:before {
    content: "Y";
    font-weight: normal !important;
    font-size: 24px;
    font-family: "zurmo_gamification_symbly_rRg";
  }
  #ShortcutsMenu > li > a > span {
    display: none;
  }
}
@media all and (max-width: 500px) {
  .logo-and-search {
    left: 5px;
    padding-right: 15px;
    padding-bottom: 3px;
  }
  #app-search {
    margin-left: 0;
  }
  #corp-log img {
    margin-right: 4px;
  }
  .global-search-loopa {
    border-right: 1px solid #d5d4d4;
  }
  #globalSearchInput {
    display: none;
  }
  .user-actions {
    padding-right: 0;
  }
  #ShortcutsMenu {
    display: none;
  }
  .AppContent {
    padding: 65px 10px 0 10px;
  }
  .list-view-items-summary-clone,
  .search-form-tools {
    display: none;
  }
  .view-toolbar-container .pillbox:first-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    background-size: auto 100%;
  }
  .view-toolbar-container .pillbox:first-child .split-button,
  .view-toolbar-container .pillbox:first-child .default-button {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    float: none;
  }
  .view-toolbar-container .pillbox:first-child .split-button > a,
  .view-toolbar-container .pillbox:first-child .default-button > a {
    float: none;
    width: 100%;
    text-align: center;
    line-height: 40px;
  }
  .view-toolbar-container .pillbox:first-child .split-button .button-label,
  .view-toolbar-container .pillbox:first-child .default-button .button-label {
    padding: 0 3px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 13px;
    left: 0;
  }
  .view-toolbar-container .pillbox:first-child .split-button i,
  .view-toolbar-container .pillbox:first-child .default-button i {
    top: -10px;
  }
  .view-toolbar-container .pillbox:first-child .split-button .icon-trigger:before,
  .view-toolbar-container .pillbox:first-child .default-button .icon-trigger:before {
    top: 28px;
  }
  .view-toolbar-container .pillbox:first-child .split-button .button-action {
    float: left;
    width: 80%;
  }
  .view-toolbar-container .pillbox:first-child .split-button .button-trigger {
    float: right;
    width: 20%;
  }
  .view-toolbar-container .pillbox:first-child .split-button .button-trigger i {
    top: 0;
  }
}
