@charset "UTF-8";
/*height of ribbons */
/*Add on themes*/
/*apply this class name to parent div so that all the child divs will algin with the height of parent div*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);
.same-height {
  display: flex;
  flex-flow: row; }

.center-pills {
  display: flex;
  justify-content: center; }

/*text formats*/
.text-normal {
  font-weight: 500; }

.text-bold {
  font-weight: 600; }

/*common padding*/
.padding-left-18 {
  padding-left: 18px; }

/*
body{
	font-family:$font-stack;
	font-size:$font-size;
}

h1, h2, h3, h4{margin: 0; font-family: "Open Sans",Helvetica Neue,Arial,Sans-Serif;}

h2{letter-spacing: -1px; font-size: 22px; line-height: normal}

h3{display: block; font-size: 19px; font-weight: 400; margin: 20px 0; line-height: normal}

h4{line-height: normal}

h5{font-size: 17px; margin: 10px 0; line-height: normal}

h6{font-size: 15px; margin: 10px 0; font-weight: 700; line-height: normal}

h1{
	margin-top:0;
	margin-bottom:10px;
	font-size:18px;
}
h2{margin-top:0; margin-bottom:10px; font-size:16px; letter-spacing:0}
h3{margin-top:0; margin-bottom:10px; font-size:14px}
h4{margin-top:0; margin-bottom:10px; font-size:14px}
h5{margin-top:0; margin-bottom:10px; font-size:12px; letter-spacing:0}

h2 {
	&.head-managetag {
		margin:0;
	}
}
*/
.icon {
  background-image: url(../images/xpui/icon-sprite.png);
  display: inline-block;
  position: relative;
  vertical-align: text-top; }

.icon-users-lg-blue {
  background-position: -57px -1px;
  width: 54px;
  height: 48px; }

.icon-contactprofile {
  background: url(../images/xpui/icon-contactprofile.svg) no-repeat 0 0;
  background-size: 100%; }

.icon-barchart {
  background-position: -170px -300px;
  height: 17px;
  padding: 0;
  width: 23px; }

.icon-share {
  background-position: -28px -300px;
  height: 16px;
  padding: 0;
  width: 16px; }

.icon-stackedchart {
  background-position: -237px -354px;
  height: 17px;
  padding: 0;
  width: 24px; }

.icon-plus-blue {
  background-position: -488px -298px;
  height: 11px;
  width: 11px; }

.icon-minus-blue {
  background-position: -469px -298px;
  height: 11px;
  width: 11px; }

.icon-gear {
  background-position: -286px -463px;
  height: 23px;
  width: 22px; }

.s-col-mandatory .s-custom-checkbox-wrap .icon-checkbox-on {
  background-position: -114px -114px !important;
  width: 23px;
  height: 20px;
  top: 5px;
  position: relative; }

.s-col-mandatory .s-custom-checkbox-wrap .icon-checkbox-off {
  background: none !important;
  width: 23px;
  height: 20px;
  top: 5px;
  position: relative; }

.s-slfsrvice-accordionbtn button.icon-close .icon-tmpsel-white:before {
  content: "\e652"; }

.s-ico-tick {
  background: url("../images/icon-sprite.png") repeat -142px -143px !important;
  height: 15px !important;
  width: 20px !important;
  margin-bottom: 0px !important;
  margin-right: 5px; }

.s-ico-cross {
  background: url("../images/icon-sprite.png") repeat -219px -176px !important;
  height: 12px !important;
  width: 20px !important;
  margin-right: 5px; }

.icon-arrow-black-expanded {
  background-position: -257px -114px !important;
  width: 21px !important;
  height: 11px !important;
  margin-top: 3px; }

.icon-arrow-black-collapsed {
  background-position: -257px -128px !important;
  width: 21px !important;
  height: 11px !important;
  margin-top: 3px; }

.icon-dwnloadpdf {
  background-position: -52px 0px; }

.icon-looknfeel {
  background-position: -104px 0px; }

.icon-srvyproperties {
  background-position: -151px 0px; }

.icon-addques {
  background-position: -201px 0px; }

.icon-english {
  background-position: -255px 0px; }

/*.icon-facebook{background-position:0 -57px !important}
.icon-twitter{background-position:-28px -57px !important}
.icon-gplus{background-position:-56px -57px !important}
.icon-linkedin{background-position:-84px -57px !important}
.icon-pinterest{background-position:-112px -57px !important}*/
.icon-dropdown-white {
  background-position: -184px -57px !important; }

.icon-dropdown-large {
  background-position: -185px -91px !important;
  width: 22px;
  height: 10px;
  padding: 0; }

.icon-editplus-blue {
  background-position: -224px -57px; }

.icon-editminus-blue {
  background-position: -253px -57px; }

.icon-dropdown-medium-blue {
  background-position: -282px -57px;
  width: 14px;
  height: 12px;
  display: inline-block;
  padding: 0px; }

.icon-skiplogic {
  background-position: 0px -85px !important;
  width: 18px;
  height: 24px;
  padding: 0;
  float: none; }

.icon-crosshair {
  background-position: -85px -85px;
  width: 21px;
  height: 21px; }

.icon-required-blue {
  background-position: -114px -85px;
  width: 18px;
  height: 18px; }

.icon-remove-blue {
  background-position: -142px -85px;
  width: 18px;
  height: 18px; }

.icon-edit:before {
  content: "\e653"; }

.icon-edit-white:before {
  content: "\e653";
  color: #fff; }

.icon-info {
  background-position: 0 -254px !important;
  width: 14px;
  height: 15px; }

.icon-remove {
  width: 15px;
  height: 15px;
  font-size: 80%; }

.icon-checkbox-on {
  background-position: 0px -114px !important;
  width: 30px;
  height: 30px; }

.icon-checkbox-off {
  background-position: -56px -114px !important;
  width: 30px;
  height: 30px; }

.icon-limitedsurvey {
  width: 110px;
  height: 110px; }

.icon-limitedsurveyoff {
  width: 110px;
  height: 110px;
  background-image: none !important; }

.icon-danger {
  background-position: -113px -142px !important;
  width: 17px;
  height: 14px; }

.icon-danger-red {
  background-position: -92px -142px !important;
  width: 17px;
  height: 14px; }

.icon-danger-red-medium {
  background-position: -236px -255px !important;
  width: 24px;
  height: 24px; }

.icon-danger-yellow {
  background-position: -212px -255px !important;
  width: 24px;
  height: 24px; }

.icon-success {
  background-position: -142px -142px !important;
  width: 17px;
  height: 14px; }

.icon-help,
.icon-calendar {
  background: none;
  font-size: 16px; }

.icon-help {
  font-size: 18px; }

.icon-preview {
  background-position: -6px -6px;
  padding: 0;
  width: 17px;
  height: 17px; }

.icon-previewsurvey {
  background-position: -185px -226px;
  padding: 0;
  width: 16px;
  height: 17px; }

.icon-shared {
  background-position: -255px -224px;
  padding: 0;
  width: 17px;
  height: 17px; }

.icon-lock-w {
  color: #fff; }

button.s-active .icon-shared,
button:hover .icon-shared {
  background-position: -283px -226px; }

.s-button .icon-chat {
  top: -1px !important; }

.s-button .icon-previewsurvey {
  top: -3px !important; }

.s-custom-checkbox-small .icon-checkbox-on {
  background-position: -198px -114px !important;
  width: 18px;
  height: 18px; }

.s-custom-checkbox-small .icon-checkbox-off {
  background-position: -227px -114px !important;
  width: 18px;
  height: 18px; }

.s-custom-checkbox-large .icon-checkbox-on {
  background-position: 0 -170px !important;
  width: 51px;
  height: 47px; }

.s-custom-checkbox-large .icon-checkbox-off {
  background-position: -57px -170px !important;
  width: 51px;
  height: 47px; }

.icon-radio-on {
  background-position: -198px -142px !important;
  width: 18px;
  height: 18px; }

.icon-radio-off {
  background-position: -227px -142px !important;
  width: 18px;
  height: 18px; }

.icon-sendtestinvite-black {
  background-position: -283px -113px !important;
  width: 20px;
  height: 17px;
  margin-top: -2px; }

.icon-previewinvite-black {
  background-position: -312px -114px !important;
  width: 15px;
  height: 15px; }

.icon-add-black {
  background-position: -340px -114px !important;
  width: 22px;
  height: 19px; }

.icon-forward {
  background-position: -454px -170px !important;
  width: 8px;
  height: 14px; }

.icon-fastforward {
  background-position: -454px -184px !important;
  width: 13px;
  height: 14px; }

.icon-rewind {
  background-position: -472px -170px !important;
  width: 8px;
  height: 14px; }

.icon-fastrewind {
  background-position: -468px -184px !important;
  width: 13px;
  height: 14px; }

.icon-arrowtop {
  background-position: -255px -114px;
  width: 24px;
  height: 12px; }

.icon-arrowbottom {
  background-position: -255px -128px;
  width: 24px;
  height: 12px; }

button.s-active .icon-displaylogic,
button:hover .icon-displaylogic,
.s-form-checkbox .controls .s-active .icon-displaylogic {
  background-position: -368px 0px;
  color: #fff; }

button:hover .icon-delete,
.s-form-checkbox .controls .s-active .icon-delete {
  background-position: -482px 0px !important; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group button .icon-displaylogic {
  background-position: 0 -226px;
  width: 11px;
  height: 14px; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group button.s-active .icon-displaylogic {
  background-position: -17px -226px; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group button:hover .icon-displaylogic {
  background-position: -17px -226px; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group button .icon-delete {
  background-position: -99px -226px !important;
  width: 12px;
  height: 15px; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group button:hover .icon-delete {
  background-position: -127px -226px !important; }

.s-surveyquestion-panel i.icon {
  float: left; }

.s-surveyquestion-panel i.icon + .s-surveyquestion-wrap {
  margin-left: 20px; }

.icon-mandatory {
  color: #900; }

i[class^="icon-"] {
  font-style: normal; }

.icon-logotopleft {
  width: 24px;
  height: 24px;
  background-position: -284px -171px; }

.icon-logotopright {
  width: 24px;
  height: 24px;
  background-position: -312px -171px; }

.icon-logotopcenter {
  width: 24px;
  height: 24px;
  background-position: -284px -200px; }

.icon-btnsbottomcenter {
  width: 24px;
  height: 24px;
  background-position: -313px -200px; }

.icon-btnsbottomright {
  width: 24px;
  height: 24px;
  background-position: -341px -200px; }

.icon-btnsbottomcorners {
  width: 24px;
  height: 24px;
  background-position: -340px -171px; }

.icon-twitter,
.icon-facebook,
.icon-linkedin,
.icon-delete,
.icon-link,
.icon-edit {
  background-image: none;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*Font awesome*/
.s-ico-tools,
.icon-displaylogic,
.icon-mandatory,
.s-ico-queslogic,
.s-ico-looknfeel,
.s-ico-srvyproperties,
.icon-chat,
.icon-controlspinner-up,
.icon-controlspinner-down {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  width: auto;
  height: auto;
  vertical-align: text-top;
  background-image: none;
  position: relative; }

.icon-displaylogic,
.s-ico-queslogic {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -sand-transform: rotate(180deg); }

.icon-controlspinner-up:before {
  content: ""; }

.icon-controlspinner-down:before {
  content: ""; }

.s-ico-quessettings:before {
  content: ""; }

.s-ico-looknfeel:before {
  content: ""; }

.s-ico-srvyproperties:before {
  content: ""; }

.icon-displaylogic:before,
.s-ico-queslogic:before {
  content: "\f126"; }

.icon-mandatory:before {
  content: ""; }

.icon-chat:before {
  content: ""; }

/*Glyph icons*/
.s-ico-quesdel,
.icon-testsurvey {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  width: auto;
  height: auto;
  padding: 0;
  background-image: none;
  position: relative; }

.icon-testsurvey:before {
  content: ""; }

.s-ico-quesdel:before {
  content: "\e020"; }

.s-ico-dwnloadpdf {
  background-position: -57px -6px;
  padding: 0;
  width: 20px;
  height: 19px; }

.s-ico-english {
  background-position: -255px 0px; }

.s-ico-queslogic {
  width: 13px; }

.s-ico-pgbreak,
.s-ico-addques-bot {
  font-family: FontAwesome;
  font-style: normal;
  width: 16px;
  height: 16px;
  padding: 0; }

.s-ico-pgbreak:before,
.s-ico-addques-bot:before {
  content: "\f067"; }

/*BYOD Survey Property Help icon styles*/
.icon-help-byod {
  margin: 4px 4px;
  position: absolute;
  font-size: 15px; }

/*Survey Designer */
a {
  text-decoration: none; }

.s-centerlayout {
  margin: 0 auto; }

.title-inline {
  display: inline-block; }

.hide-shades {
  box-shadow: none !important;
  background: transparent none !important;
  border: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.no-roundcorners {
  border-radius: 0 !important; }

.s-alignleft {
  text-align: left; }

.s-alignright {
  text-align: right; }

.s-aligncenter {
  text-align: center; }

.s-aligncenter * {
  float: none !important; }

a.thumbnail, img.thumbnail {
  margin-bottom: 10px; }

img.thumbnail {
  max-width: 100%; }

button {
  cursor: pointer; }

.padding-bg {
  min-height: 20px;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #F7F7F7;
  border: 1px solid rgba(127, 127, 127, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.1); }

.padding-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.padding-small {
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

/*alert messages*/
.s-alertmessage-wrap {
  margin: 10px 0 15px 0; }

.success {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #d3eabc;
  border: 1px dashed #367c3e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
  position: relative; }

.s-sectioncontent {
  margin-bottom: 10px; }

.s-rowpanel {
  box-shadow: 0px 1px 2px rgba(0, 2, 4, 0.5);
  background-color: #fff;
  position: relative;
  box-shadow: 0px 0px 2px rgba(0, 2, 4, 0.5);
  border-bottom: 1px solid #646565; }
  .s-rowpanel + .s-rowpanel {
    margin-top: 12px; }

.s-rowpanel-header {
  position: relative; }
  .s-rowpanel-header > .padding-small {
    padding: 10px; }
  .s-modal > .s-rowpanel-header {
    position: relative; }

.s-rowpanel-footer {
  background-color: #f4f4f4; }

.s-floatleft {
  float: left; }

.s-floatright {
  float: right !important; }

.s-floatnone {
  float: none !important; }

.s-layout-fluid {
  width: 100%;
  *zoom: 1; }
  .s-layout-fluid:before, .s-layout-fluid:after {
    display: table;
    content: "";
    line-height: 0; }
  .s-layout-fluid:after {
    clear: both; }
  .s-layout-fluid [class*="s-cols"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 0%; }
    .s-layout-fluid [class*="s-cols"]:first-child {
      margin-left: 0; }
    .s-layout-fluid [class*="s-cols"] .s-leftmargin {
      margin-left: 5px; }
    .s-layout-fluid [class*="s-cols"] .s-rightmargin {
      margin-right: 5px; }
  .s-layout-fluid .s-cols12 {
    width: 100%; }
  .s-layout-fluid .s-cols11 {
    width: 91.67%; }
  .s-layout-fluid .s-cols10 {
    width: 83.34%; }
  .s-layout-fluid .s-cols9 {
    width: 75.01%; }
  .s-layout-fluid .s-cols8 {
    width: 66.68%; }
  .s-layout-fluid .s-cols7 {
    width: 58.35%; }
  .s-layout-fluid .s-cols6 {
    width: 50%;
    *width: 49.99%; }
  .s-layout-fluid .s-cols5 {
    width: 41.65%; }
  .s-layout-fluid .s-cols4 {
    width: 33.32%; }
  .s-layout-fluid .s-cols3 {
    width: 24.99%;
    *width: 24.98%; }
  .s-layout-fluid .s-cols2_1 {
    width: 20%; }
  .s-layout-fluid .s-cols2 {
    width: 16.66%; }
  .s-layout-fluid .s-cols1 {
    width: 8.33%; }

.s-button-hasdropdown {
  position: relative;
  display: inline-block; }

.s-button-group .s-button,
.s-button-group .s-button-hasdropdown {
  float: left;
  margin-left: 5px; }

.s-button-group .s-button:first-child,
.s-button-group.s-floatleft .s-button:first-child {
  margin-left: 0 !important; }

.circle-element {
  border-radius: 500px; }

.s-formswrap {
  margin-bottom: 10px; }
  .s-formswrap .s-custom-combolist,
  .s-formswrap .s-custom-checkbox-wrap,
  .s-formswrap select,
  .s-formswrap textarea,
  .s-formswrap input[type="text"],
  .s-formswrap input[type="password"],
  .s-formswrap input[type="datetime"],
  .s-formswrap input[type="datetime-local"],
  .s-formswrap input[type="date"],
  .s-formswrap input[type="month"],
  .s-formswrap input[type="time"],
  .s-formswrap input[type="week"],
  .s-formswrap input[type="number"],
  .s-formswrap input[type="email"],
  .s-formswrap input[type="url"],
  .s-formswrap input[type="search"],
  .s-formswrap input[type="tel"],
  .s-formswrap input[type="color"],
  .s-formswrap .uneditable-input,
  .s-formswrap .input-editfield,
  .s-formswrap .input-wrap-tags {
    display: inline-block;
    height: 32px;
    padding: 3px 6px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #6a6a6a;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #fefefe;
    border: 1px solid #cccccc;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    background-color: #ffffff;
    font-weight: normal;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .s-formswrap textarea:focus,
  .s-formswrap input[type="text"]:focus,
  .s-formswrap input[type="password"]:focus,
  .s-formswrap input[type="datetime"]:focus,
  .s-formswrap input[type="datetime-local"]:focus,
  .s-formswrap input[type="date"]:focus,
  .s-formswrap input[type="month"]:focus,
  .s-formswrap input[type="time"]:focus,
  .s-formswrap input[type="week"]:focus,
  .s-formswrap input[type="number"]:focus,
  .s-formswrap input[type="email"]:focus,
  .s-formswrap input[type="url"]:focus,
  .s-formswrap input[type="search"]:focus,
  .s-formswrap input[type="tel"]:focus,
  .s-formswrap input[type="color"]:focus,
  .s-formswrap .uneditable-input:focus {
    border-color: #6ca898;
    border-color: #6ca898 \9;
    outline: 0;
    outline: none \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
  .s-formswrap .input-wrap-tags {
    width: 100%;
    height: auto; }
  .s-formswrap select {
    padding: 2px; }
  .s-formswrap .control-group .label {
    display: block; }
  .s-formswrap .required, .s-formswrap .requiredinput[type="text"], .s-formswrap .requiredinput[type="text"]:focus, .s-formswrap .requiredtextarea, .s-formswrap .requiredtextarea:focus {
    -webkit-box-shadow: 0 0 8px rgba(185, 74, 72, 0.6);
    -moz-box-shadow: 0 0 8px rgba(185, 74, 72, 0.6);
    box-shadow: 0 0 8px rgba(185, 74, 72, 0.6);
    border-color: rgba(185, 74, 72, 0.75); }
  .s-formswrap input[type="radio"],
  .s-formswrap input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal; }
  .s-formswrap input[type="file"],
  .s-formswrap input[type="image"],
  .s-formswrap input[type="submit"],
  .s-formswrap input[type="reset"],
  .s-formswrap input[type="button"],
  .s-formswrap input[type="radio"],
  .s-formswrap input[type="checkbox"] {
    width: auto; }
  .s-formswrap textarea {
    height: auto; }
  .s-formswrap select {
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc; }
  .s-formswrap select[multiple],
  .s-formswrap select[size] {
    height: auto; }
  .s-formswrap select:focus,
  .s-formswrap input[type="file"]:focus,
  .s-formswrap input[type="radio"]:focus,
  .s-formswrap input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

.s-gridlayout .s-editableinput-bg {
  display: inline-block;
  height: 32px;
  padding: 3px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #6a6a6a;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #fefefe;
  border: 1px solid #cccccc;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  background-color: #ffffff;
  font-weight: normal;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
.s-gridlayout select {
  margin-bottom: 0 !important; }

.s-inputwidth-320 {
  width: 320px !important; }

.s-formswrap input[type="file"] {
  height: 30px;
  *height: 30px;
  height/**\*/: 25px\9 !important;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
  line-height/**\*/: 1.8 \9; }

:root .s-formswrap input[type="file"] {
  height: 25px \0/IE9 !important;
  line-height: 1.2 \0/IE9 !important; }

.ext-ie11 .s-formswrap input[type="file"] {
  line-height: 16px !important; }

.s-editableinput-wrap textarea {
  height: 24px; }

.s-form-inline select {
  width: auto;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-right: 10px; }

.selectfixed {
  width: 208px !important; }

.label {
  font-weight: normal;
  font-size: 13px;
  color: #424142; }

.s-formswrap input,
.s-formswrap textarea,
.s-formswrap .uneditable-input {
  width: 206px; }

.s-formswrap input::-ms-clear {
  display: none; }

.s-formswrap label,
.s-formswrap .label {
  font-weight: normal;
  padding: 0;
  white-space: normal; }

.s-form-inline input,
.s-form-inline textarea,
.s-form-inline .uneditable-input {
  width: auto; }

.s-form-inline .label,
.s-formswrap .s-form-inline .label {
  display: inline-block; }

.s-formswrap .input-mini-2 {
  width: 30px !important;
  text-align: center; }

.s-formswrap .input-mini-3 {
  width: 50px !important;
  text-align: center; }

.s-formswrap select.input-mini-2 {
  width: 50px !important;
  text-align: center; }

.s-formswrap .input-autowidth {
  width: auto !important;
  text-align: left; }

.s-formswrap .checkbox input[type="checkbox"] {
  margin-right: 5px;
  position: relative;
  top: 2px; }

.s-formswrap .radiobutton input[type="radio"] {
  margin-right: 5px;
  position: relative;
  top: 2px; }

.s-formswrap .checkbox input[type="checkbox"] {
  margin-right: 5px;
  position: relative;
  top: 2px; }

.s-formswrap .radiobutton input[type="radio"] {
  margin-right: 5px;
  position: relative;
  top: 2px; }

.s-formswrap .label {
  text-align: left; }

.s-form-search .input-append .search-query,
.s-form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.s-form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px; }

.s-form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0; }

.s-form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0; }

.s-form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px; }

.s-form-search input,
.s-form-inline input,
.s-form-horizontal input,
.s-form-search textarea,
.s-form-inline textarea,
.s-form-horizontal textarea,
.s-form-search select,
.s-form-inline select,
.s-form-horizontal select,
.s-form-search .help-inline,
.s-form-inline .help-inline,
.s-form-horizontal .help-inline,
.s-form-search .uneditable-input,
.s-form-inline .uneditable-input,
.s-form-horizontal .uneditable-input,
.s-form-search .input-prepend,
.s-form-inline .input-prepend,
.s-form-horizontal .input-prepend,
.s-form-search .input-append,
.s-form-inline .input-append,
.s-form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle; }

.s-form-search .hide,
.s-form-inline .hide,
.s-form-horizontal .hide {
  display: none; }

.s-form-search label,
.s-form-inline label,
.s-form-search .btn-group,
.s-form-inline .btn-group {
  display: inline-block; }

.s-form-search .input-append,
.s-form-inline .input-append,
.s-form-search .input-prepend,
.s-form-inline .input-prepend {
  margin-bottom: 0; }

.s-form-search .radio,
.s-form-search .checkbox,
.s-form-inline .radio,
.s-form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  vertical-align: middle; }

.s-form-search .radio input[type="radio"],
.s-form-search .checkbox input[type="checkbox"],
.s-form-inline .radio input[type="radio"],
.s-form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0; }

.s-form-inline input[type="text"],
.s-form-inline input[type="password"] {
  margin-bottom: 0;
  width: auto;
  margin-right: 2px; }

.s-form-horizontal .control-group {
  margin-bottom: 8px;
  *zoom: 1; }

.s-form-horizontal .control-group:before,
.s-form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0; }

.s-form-horizontal .control-group:after {
  clear: both; }

.s-form-horizontal .control-label:empty {
  display: none; }

.s-form-horizontal .control-label {
  float: left;
  width: 220px;
  padding-top: 7px;
  text-align: right;
  position: relative; }
  .survey-property-popup .s-form-horizontal .control-label {
    width: 260px; }

.s-form-horizontal .control-label .s-mandatoryfieldlabel {
  position: absolute;
  right: -6px;
  top: 5px;
  color: #991c1a !important; }

.s-form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 230px;
  *margin-left: 0;
  position: relative; }

.s-form-horizontal .controls .label {
  font-weight: normal;
  padding-top: 5px; }

.s-form-horizontal .controls .smart-form .checkbox {
  padding-left: 25px;
  padding-top: 0; }

.s-form-horizontal .controls:first-child {
  *padding-left: 180px; }

.s-form-horizontal .help-block {
  margin-bottom: 0; }

.s-form-horizontal input + .help-block, .s-form-horizontal select + .help-block, .s-form-horizontal textarea + .help-block {
  margin-top: 10px; }

.s-form-horizontal .form-actions {
  padding-left: 180px; }

.s-form-horizontal-fluid .controls > input[type="text"],
.s-form-horizontal-fluid .controls > input[type="number"],
.s-form-horizontal-fluid .controls > .s-custom-combolist-wrap,
.s-form-horizontal-fluid .controls > .s-custom-combolist-wrap .s-custom-combolist,
.s-form-horizontal-fluid .controls > .s-custom-combolist-wrap input[type="text"] {
  width: 100%; }

.s-form-horizontal-fluid .controls > textarea {
  width: 100%; }

.s-formswrap .label-checkbox,
.s-formswrap .label-radio {
  vertical-align: middle;
  padding-left: 20px; }

.s-formswrap .control-group .label-checkbox,
.s-formswrap .control-group .label-radio {
  font-weight: normal;
  text-align: left; }

.s-form-inline .label-radio,
.s-form-inline .label-checkbox {
  margin-right: 20px; }

.s-form-horizontal .control-group input {
  margin-bottom: 0; }

.s-form-fluid .control-group input {
  margin-bottom: 0; }

.s-form-horizontal .controls > * {
  margin-right: 5px; }

.controls > input[type="checkbox"],
.controls > input[type="radio"] {
  position: relative;
  top: 3px; }

.label-checkbox input[type="checkbox"],
.label-radio input[type="radio"] {
  position: relative;
  top: -3px;
  margin-right: 3px;
  vertical-align: middle;
  margin-left: -20px; }

.s-form-vertical .control-label {
  margin-bottom: 5px;
  display: block; }
.s-form-vertical .controls {
  *display: inline-block;
  *padding-left: 0px;
  margin-left: 0px;
  *margin-left: 0; }
  .s-form-vertical .controls .input-block {
    display: block;
    width: 100%; }
.s-form-vertical .control-group {
  margin-bottom: 10px; }

.s-form-fluid .controls {
  margin-left: 17%;
  *margin-left: 0; }
.s-form-fluid .control-label {
  float: left;
  width: 15%;
  padding-top: 5px;
  text-align: left; }
.s-form-fluid .control-group {
  width: 100%;
  text-align: left; }
  .s-form-fluid .control-group .controls input[type="text"],
  .s-form-fluid .control-group .controls textarea {
    width: 100%;
    height: auto; }

.s-checkbox-vertical .control-group {
  margin-bottom: 10px; }
  .s-checkbox-vertical .control-group input[type="checkbox"],
  .s-checkbox-vertical .control-group input[type="radio"] {
    position: relative;
    top: -3px; }
  .s-checkbox-vertical .control-group .controls .label-checkbox {
    padding-top: 0; }
.s-checkbox-vertical .controls {
  margin-left: 15px; }
  .s-checkbox-vertical .controls * {
    font-size: 13px; }

.s-formswrap input.s-input-singledigit {
  width: 18px;
  text-align: center; }

.s-modal .control-label,
.s-viewportpads .control-label {
  margin-right: 10px; }

.control-label * {
  font-weight: normal !important; }

[class*="col-"].control-label {
  margin-right: 0; }

/* Button styles*/
.s-button-link {
  font-size: 12px;
  color: #6ca898 !important;
  font-weight: normal;
  text-decoration: none; }

a.s-button {
  text-decoration: none; }

.s-button {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: none; }
  .s-button:active, .s-button.active {
    background-color: #cccccc \9; }
  .s-button:first-child {
    *margin-left: 0; }
  .s-button:hover {
    text-decoration: none; }
  .s-button:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: none !important; }
  .s-button.active, .s-button:active {
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .s-button.disabled, .s-button[disabled] {
    cursor: default;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.s-button-large {
  padding: 9px 14px;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold; }
  .s-button-large [class^="icon-"] {
    margin-top: 2px; }

.s-button-small {
  padding: 3px 9px;
  font-size: 12px;
  line-height: 18px; }
  .s-button-small [class^="icon-"] {
    margin-top: 0; }

.s-button-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 17px; }

.s-button-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .s-button-block + .s-button-block {
    margin-top: 5px; }
  .s-button-blockinput[type="submit"], .s-button-blockinput[type="reset"], .s-button-blockinput[type="button"] {
    width: 100%; }

.s-button,
.s-button-primary,
.s-button-secondary {
  color: #fff; }

.s-button-primary.active,
.s-button-warning.active,
.s-button-danger.active,
.s-button-success.active,
.s-button-info.active,
.s-button-inverse.active {
  color: rgba(255, 255, 255, 0.75); }

button.s-button.s-button-large,
input[type="submit"].s-button.s-button-large {
  *padding-top: 7px;
  *padding-bottom: 7px; }

button.s-button.s-button-small,
input[type="submit"].s-button.s-button-small {
  *padding-top: 3px;
  *padding-bottom: 3px; }

button.s-button.s-button-mini,
input[type="submit"].s-button.s-button-mini {
  *padding-top: 1px;
  *padding-bottom: 1px; }

.s-button-upload {
  padding-left: 9px;
  padding-right: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .s-button-upload:hover, .s-button-upload:active {
    background-color: #2e567b; }

div[contenteditable="true"] {
  min-height: 24px;
  margin-bottom: 9px;
  font-size: 12px;
  line-height: 20px;
  color: #6a6a6a;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  padding: 4px 6px;
  border: 0px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  word-wrap: break-word;
  display: inline-block;
  width: 100%; }
  div[contenteditable="true"].form-control {
    border-width: 1px; }
  div[contenteditable="true"]:focus {
    border-color: #6ca898;
    border-color: #6ca898 \9;
    outline: 0;
    outline: none \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    padding: 4px 6px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    background-color: #ffffff;
    background-image: none !important; }
  div[contenteditable="true"].s-default {
    padding: 4px 6px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    background-color: #ffffff;
    background-image: none !important; }
  div[contenteditable="true"] table td,
  div[contenteditable="true"] table th {
    min-width: 20px; }
  div[contenteditable="true"] a {
    color: #4C9BD7; }

.s-quesproperties {
  position: relative; }
  .s-quesproperties input[type='checkbox'], .s-quesproperties input[type='radio'] {
    cursor: default; }
  .s-quesproperties > .padding-large {
    padding: 10px 0px;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
    display: table;
    /*> [class*="s-cols"]:hover + [class*="s-cols"]{border-left: 0px solid #ebebeb;}*/ }
    .s-quesproperties > .padding-large > [class*="s-cols"] {
      display: table-cell;
      float: left;
      vertical-align: top; }
    .s-quesproperties > .padding-large > [class*="s-cols"][style*="block"] {
      display: table-cell !important; }
    .s-quesproperties > .padding-large > [class*="col-md"] {
      margin-bottom: 25px; }
    .s-quesproperties > .padding-large > [class*="s-cols"] {
      padding-left: 10px;
      padding-right: 10px; }
    .s-quesproperties > .padding-large > [class*="s-cols"] {
      background-color: #fff;
      box-shadow: 0px 0px 0px #ebebeb;
      border: 1px solid transparent;
      -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
      -moz-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
      -o-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
      transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
    .s-quesproperties > .padding-large > [class*="s-cols"] + [class*="s-cols"] {
      border: none; }
  .s-quesproperties .label-checkbox input[type="checkbox"],
  .s-quesproperties .label-radio input[type="radio"] {
    float: left; }
  .s-quesproperties .padding-bg h2 {
    margin-bottom: 15px; }
  .s-quesproperties .padding-bg .s-editmultiple {
    margin-top: 0px; }
  .s-quesproperties > .s-cols3 {
    min-height: 150px; }
  .s-quesproperties .control-group {
    margin-bottom: 0px;
    margin-left: 0px; }
    .s-quesproperties .control-group input.display-style-radio {
      background-color: transparent; }
  .s-quesproperties .control-group * {
    margin-bottom: 0; }
  .s-quesproperties .control-group + .control-group {
    margin-top: 5px; }
  .s-quesproperties .control-group .s-editmultiple {
    margin-left: -10px; }
  .s-quesproperties .control-footer {
    margin-top: 20px; }
  .s-quesproperties .padding-bg > h2 {
    font-size: 13px;
    color: #6a6a6a;
    margin-bottom: 10px;
    font-weight: bold; }
  .s-quesproperties .s-formswrap .control-group .icon {
    margin-right: 20px; }
  .s-quesproperties .s-formswrap-otheroptions .control-group .label-checkbox {
    margin-left: 0px; }
  .s-quesproperties .s-cols2_1 {
    width: 20%; }
  .s-quesproperties .s-cols1 {
    width: 14%; }
  .s-quesproperties [class*="s-cols"] {
    margin-bottom: 0px;
    cursor: default; }
  .s-quesproperties [class*="s-cols"]:last-child .s-rightmargin {
    margin-right: 0px; }
  .s-quesproperties .padding-bg {
    border: 1px solid #eaeaea;
    border-radius: 0 0 0 0;
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 0;
    height: 150px !important; }

.question-level-flexible-scale .s-custom-combolist {
  width: 100%; }

.selectshapes .select2-chosen [class*="icon"] {
  font-size: 20px;
  position: relative;
  top: 4px;
  color: #666; }

.dropdown-selectshapes [class*="icon"] {
  font-size: 20px;
  color: #666; }
.dropdown-selectshapes .select2-highlighted [class*="icon"] {
  color: #fff; }

.s-grid-row .s-layout-fluid [class*="s-cols"] .s-leftmargin {
  margin-left: 5px; }

.s-grid-row .s-layout-fluid [class*="s-cols"] .s-rightmargin {
  margin-right: 5px; }

.s-grid-row .s-layout-fluid [class*="s-cols"]:first-child .s-leftmargin {
  margin-left: 0px; }

.s-grid-row .s-layout-fluid [class*="s-cols"]:last-child .s-rightmargin {
  margin-right: 0px; }

.s-grid-row-body .s-layout-fluid [class*="s-cols"]:first-child .s-leftmargin {
  margin-left: 10px; }

.s-grid-row-body .s-layout-fluid [class*="s-cols"]:last-child .s-rightmargin {
  margin-right: 10px; }

.s-grid-row .s-layout-fluid [class*="s-cols"] > div {
  position: relative; }

.s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .s-button-group {
  position: absolute;
  top: 0%;
  margin-top: 5px;
  margin-right: 5px;
  right: 0;
  display: none; }

.s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid:hover > .s-button-group {
  display: block; }

.s-grid-row-head {
  margin-bottom: 0px; }

.s-grid-row-head [class*="s-cols"] .s-rightmargin {
  background-color: #f4f4f4;
  padding: 6px 6px;
  position: relative;
  color: #4D4B4B; }

.s-grid-row-head h4 {
  font-weight: bold;
  font-size: 13px;
  margin-right: 3px;
  float: left;
  margin-bottom: 5px; }

.s-grid-row-head h4 .s-editableinput-wrap .label-readonly {
  font-weight: bold !important; }

.s-grid-row-head label.label {
  font-weight: normal;
  font-size: 12px;
  display: inline; }

.s-grid-row-body {
  background-color: #fff; }

.s-grid-row-head {
  border: 1px solid rgba(56, 56, 56, 0.2);
  *border: 1px solid #ddd;
  border/**\*/: 1px solid #ddd\9;
  border-top-width: 0px;
  border-bottom-width: 0px; }

.s-grid-row-body {
  border: 1px solid rgba(56, 56, 56, 0.2);
  *border: 1px solid #ddd;
  border/**\*/: 1px solid #ddd\9;
  border-top-width: 0px;
  border-bottom-width: 0px; }

.s-grid-column .s-grid-row-body,
.s-grid-row-head + .s-grid-row-body,
.s-grid-row-caption + .s-grid-row-body {
  border: 1px solid rgba(56, 56, 56, 0.2);
  *border: 1px solid #ddd;
  border/**\*/: 1px solid #ddd\9;
  border-top-width: 0px;
  border-bottom-width: 0px; }

.s-grid-col2 .s-grid-row-body {
  border-left-width: 0px; }

.s-grid-row-caption {
  background-color: #F7F7F7;
  border: 1px solid rgba(56, 56, 56, 0.2);
  *border: 1px solid #ddd;
  border/**\*/: 1px solid #ddd\9;
  border-top-width: 0px; }

.s-grid-row-caption > .s-layout-fluid [class*="s-cols"] > div {
  padding: 7px 5px; }

.s-grid-row-body:last-child {
  padding-bottom: 0px;
  border-bottom-width: 1px; }

.s-grid-row-head + .s-grid-row-body:last-child {
  padding-bottom: 0px;
  border-bottom-width: 1px; }

.s-grid-row-body > .s-layout-fluid + .s-layout-fluid {
  margin-top: 10px;
  padding-top: 10px; }

.s-grid-row-body > .s-layout-fluid:first-child {
  padding-top: 10px; }

.s-grid-row-body > .s-layout-fluid:last-child {
  padding-bottom: 10px; }

.s-gridlayout-borders .s-grid-row-body > .s-layout-fluid:last-child {
  padding-bottom: 0px; }

.s-grid-row .s-row-caption h4 {
  color: #6a6a6a;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  display: inline-block;
  padding: 0px; }

.s-grid-row-head a.s-button-link {
  position: relative;
  top: 2px; }

.s-grid-row input[type="text"] {
  width: 100%;
  margin-bottom: 0;
  height: 24px; }

.s-grid-row .s-col-required {
  width: 2.33%;
  text-align: right; }

.s-grid-row .s-col-required .icon {
  top: 6px;
  position: relative; }

/*.s-grid-row .s-colscrubvalue{width:30.99%}*/
.s-grid-row .s-custom-combolist input[type="text"] {
  width: 90%;
  padding: 4px 0px !important; }

.s-grid-row .s-custom-combolist {
  display: block; }

.s-grid-row .s-custom-combolist-wrap {
  display: block; }

.s-grid-row .s-formswrap {
  margin-bottom: 0;
  position: relative; }

.s-grid-row .s-formswrap .icon-remove-blue {
  position: absolute;
  right: 5px;
  top: 10px; }

.s-grid-row .s-checkboxwrap,
.s-grid-row .s-formswrap .s-custom-combolist,
.s-grid-row .s-formswrap .s-custom-checkbox-wrap,
.s-grid-row .s-formswrap select,
.s-grid-row .s-formswrap textarea,
.s-grid-row .s-formswrap input[type="text"],
.s-gridlayout .s-editableinput-bg {
  padding: 3px 0px;
  text-indent: 5px;
  height: 24px;
  margin: 0px 0; }

.s-grid-row .s-checkboxwrap {
  height: 23px; }

.s-grid-row .s-formswrap select {
  padding: 3px;
  text-indent: 0px;
  height: 24px;
  margin-bottom: 0; }

.s-gridlayout .s-editableinput-bg {
  padding: 0px 0px;
  height: 24px;
  text-indent: 0; }

.s-gridlayout .s-editableinput-bg .label-readonly,
.s-gridlayout .s-editableinput-bg input[type="text"] {
  height: 24px;
  padding: 4px 0;
  width: 96%;
  min-width: auto;
  margin-left: 4px;
  text-indent: 5px;
  float: left; }

.s-gridlayout .s-editableinput-bg {
  display: block; }

.s-checkboxwrap input[type="text"] {
  height: 20px !important;
  padding: 4px 0 !important;
  width: 95% !important;
  min-width: 208px; }

.s-grid-row .s-checkboxwrap {
  padding: 0px !important; }

.s-grid-row .s-checkboxwrap .s-editableinput-wrap {
  text-indent: 0;
  padding: 0px 0;
  line-height: 27px;
  margin-left: 15px; }

.s-grid-row .s-checkboxwrap .s-editableinput-wrap .label {
  text-indent: 0; }

.s-grid-row .s-checkboxwrap textarea.input-editfield {
  width: 90%; }

.s-checkboxwrap .s-aligncenter input[type="checkbox"] {
  float: none !important;
  display: inline-block;
  top: 0; }

.s-gridlayout .s-grid-row > .s-layout-fluid {
  position: relative; }

.s-gridlayout .s-grid-row > .s-layout-fluid [class*="s-cols"] {
  min-height: auto; }

.s-gridlayout .s-grid-row-head > .s-layout-fluid [class*="s-cols"] {
  padding: 0px 0px; }

.s-gridlayout-borders .s-grid-row-body > .s-layout-fluid {
  border-top: 1px solid rgba(56, 56, 56, 0.2);
  *border-top: 1px solid #dddddd\9;
  border-top/*\**/: 1px solid #dddddd\9;
  padding-top: 0px; }

.s-gridlayout-borders .s-grid-row-head + .s-grid-row-body > .s-layout-fluid:first-child {
  border-top: 0px solid rgba(56, 56, 56, 0.2); }

.s-gridlayout-borders .s-grid-row-head > .s-layout-fluid [class*="s-cols"] > div {
  padding-top: 6px; }

.s-gridlayout-noborders .s-grid-row > .s-layout-fluid {
  border-bottom: 0px solid rgba(56, 56, 56, 0.2);
  padding-top: 0px; }

.s-gridlayout .s-grid-row-head > .s-layout-fluid [class*="s-cols"] div[contenteditable="true"] {
  margin-bottom: 0; }

.s-gridlayout .s-grid-row-head .s-layout-fluid [class*="s-cols"] .s-leftmargin {
  margin-left: 0px;
  padding-left: 5px; }

.s-gridlayout .s-grid-row-head .s-layout-fluid [class*="s-cols"] .s-rightmargin {
  margin-right: 0px;
  padding-right: 5px; }

.s-gridlayout .s-grid-row-head .s-layout-fluid [class*="s-cols"] {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  *border-left: 1px solid #fff;
  border-left/**\*/: 1px solid #ddd\9 ;
  border-right: 0px solid rgba(0, 0, 0, 0.2);
  *border-right: 0px solid #8d8b8b;
  border-right/**\*/: 0px solid #8d8b8b \9; }

.s-gridlayout .s-grid-row-head .s-layout-fluid [class*="s-cols"]:first-child,
.s-gridlayout .s-grid-row-body .s-layout-fluid [class*="s-cols"]:first-child {
  border-left: 0px solid rgba(0, 0, 0, 0.1); }

.s-gridlayout .s-grid-row-head .s-layout-fluid [class*="s-cols"]:last-child,
.s-gridlayout .s-grid-row-body .s-layout-fluid [class*="s-cols"]:last-child {
  border-right: 0px solid rgba(0, 0, 0, 0.1); }

.s-gridlayout .s-grid-row-head:first-child .s-layout-fluid {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.s-gridlayout-borders .s-grid-row-body .s-layout-fluid [class*="s-cols"] .s-leftmargin {
  margin-left: 0px;
  padding-left: 6px; }

.s-gridlayout-borders .s-grid-row-body .s-layout-fluid [class*="s-cols"] .s-rightmargin {
  margin-right: 0px;
  padding-right: 6px; }

.s-gridlayout-borders .s-grid-row-body > .s-layout-fluid + .s-layout-fluid {
  margin-top: 0px;
  padding-top: 0px; }

.s-gridlayout-borders .s-grid-row-body + .s-grid-row-body {
  margin-top: 0; }

.s-gridlayout-borders .s-grid-row-body > .s-layout-fluid [class*="s-cols"] {
  border-left: 1px solid rgba(56, 56, 56, 0.2);
  *border-left: 1px solid #ddd;
  border-left/**\*/: 1px solid #ddd\9; }

.s-gridlayout-borders .s-grid-row-body > .s-layout-fluid [class*="s-cols"]:first-child {
  border-left: 0px solid rgba(56, 56, 56, 0.2); }

.s-gridlayout-list {
  border-width: 0px; }

.s-gridlayout-list .s-grid-row-body > .s-layout-fluid [class*="s-cols"] {
  border-left: 0px solid rgba(56, 56, 56, 0.2); }

.s-gridlayout-list .s-grid-row-body > .s-layout-fluid [class*="s-cols"] > div {
  padding: 5px 0; }

.s-gridlayout-list .s-grid-row-body > .s-layout-fluid {
  border-bottom: 1px solid rgba(56, 56, 56, 0.2);
  *border-bottom: 1px solid #ddd;
  border-bottom/**\*/: 1px solid #ddd\9;
  padding-bottom: 0px; }

.s-gridlayout-list .s-grid-row-body > .s-layout-fluid:first-child {
  border-top: 1px solid rgba(56, 56, 56, 0.2);
  *border-top: 1px solid #ddd;
  border-top/**\*/: 1px solid #ddd\9;
  padding-top: 0; }

.s-gridlayout-list .s-grid-row-body > .s-layout-fluid + .s-layout-fluid {
  margin-top: 0px;
  padding-top: 0px; }

.s-gridlayout-list .s-grid-row-head + .s-grid-row-body,
.s-gridlayout-list .s-grid-row-caption + .s-grid-row-body {
  border: 0px solid rgba(56, 56, 56, 0.2);
  border-top-width: 0px;
  border-bottom-width: 0px; }

.s-gridlayout-list .s-grid-row-body > .s-layout-fluid [class*="s-cols"] > div {
  padding: 5px; }

.s-grid-row-caption h4 {
  font-size: 13px; }

.s-gridlayout-checklist .s-grid-row > .s-layout-fluid {
  width: auto;
  padding-left: 65px; }

.s-gridlayout-checklist .s-cols-checkbox {
  width: 65px;
  margin-left: -65px !important;
  text-align: center; }

.s-gridlayout-checklist .s-cols-checkbox + [class*="s-cols"] {
  margin-left: 0 !important; }

.s-gridlayout-checklist .s-cols-checkbox input[type="checkbox"] {
  left: 5px;
  position: relative;
  top: 3px; }

.s-gridlayout-fixed-head .s-grid-row-head .s-layout-fluid {
  padding-right: 17px; }

/*TK-4366*/
.s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .s-button-group {
  display: block; }
.s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid:hover > .s-button-group button {
  display: inline-block; }
.s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .s-button-group button {
  display: none;
  float: left; }
.s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .s-button-group button.s-resplogic.s-active {
  margin-right: 5px;
  display: inline-block; }

/*Start: Upload Image Widget*/
.multilogowidget .well {
  margin-bottom: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.multilogowidget .logo-count {
  background-color: #fff;
  padding: 10px 0;
  margin: 0; }
.multilogowidget .alert-info {
  background-color: #c8e2de !important;
  padding: 10px 0;
  margin: 0 !important; }
  .multilogowidget .alert-info p {
    margin-bottom: 0; }
.multilogowidget .btn-panel .btn {
  margin-left: 15px; }
  .multilogowidget .btn-panel .btn:first-child {
    margin-left: 0; }

.uploadlogowidget {
  width: auto !important; }
  .uploadlogowidget .s-uploadimage-widget {
    width: 100% !important;
    height: 100%;
    width/**\*/: auto\9 !important;
    border/**\*/: 1px solid #ddd\9; }
    .uploadlogowidget .s-uploadimage-widget .s-botlinks {
      margin-top: -33px;
      text-align: center; }
      .uploadlogowidget .s-uploadimage-widget .s-botlinks a + a {
        margin-left: 5px; }
    .uploadlogowidget .s-uploadimage-widget.has-multilogo .s-botlinks {
      margin-top: 0;
      position: relative;
      display: block; }
      .uploadlogowidget .s-uploadimage-widget.has-multilogo .s-botlinks * {
        display: inline-block; }
  .uploadlogowidget img {
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    line-height: 20px;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
  .uploadlogowidget .s-questoolbar button .icon-add {
    font-size: 12px !important;
    margin-right: 3px; }

.s-surveydesigner .uploadlogowidget .s-uploadimage-widget .s-uploadimage-wrap {
  border: none;
  background: #f4f4f4;
  width: auto;
  height: 100%;
  text-align: center;
  line-height: 120px;
  box-shadow: none;
  cursor: default; }
.s-surveydesigner .uploadlogowidget .s-uploadimage-widget .multilogowidget {
  line-height: normal;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 0; }
  .s-surveydesigner .uploadlogowidget .s-uploadimage-widget .multilogowidget div:first-child {
    margin-top: 0; }
  .s-surveydesigner .uploadlogowidget .s-uploadimage-widget .multilogowidget a {
    color: #77aaa0; }

.s-image-browser-toolbar {
  margin-top: 10px;
  margin-bottom: 0; }

.s-surveyquestion-panel .uploadlogowidget {
  margin-bottom: 10px; }
  .s-surveyquestion-panel .uploadlogowidget .s-uploadimage-wrap {
    overflow: auto;
    max-height: 120px; }
    .s-surveyquestion-panel .uploadlogowidget .s-uploadimage-wrap i {
      font-size: 30px; }
    .s-surveyquestion-panel .uploadlogowidget .s-uploadimage-wrap .s-floatleft {
      float: left !important; }

.s-rowpanel-header .s-image-browser-widget.s-modal-body {
  padding-top: 10px !important;
  border-top: 1px solid #ccc;
  padding-left: 120px;
  padding-right: 120px; }
.s-image-browser-widget > .padding-bg {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  box-shadow: none; }
.s-image-browser-widget img {
  max-height: 100%;
  max-width: 100%; }
.s-image-browser-widget .alert-npx {
  padding: 13px 26px !important;
  margin: 0 auto 20px auto;
  width: 680px; }
  .s-image-browser-widget .alert-npx .row-grid [class*="col-"] + [class*="col-"] {
    border-left-width: 0px; }
  .s-image-browser-widget .alert-npx.alert-info {
    background: #e4f4f1 none repeat scroll 0 0;
    border-color: #77aaa0;
    color: #222222; }

.multilogoContainer + .s-layout-fluid {
  width: auto;
  margin-left: -5px;
  margin-right: -5px; }

.s-cols-imageholder .padding-bg {
  height: 160px;
  text-align: center;
  background-color: transparent;
  position: relative;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #dfdfdf;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  padding: 0; }
  .s-cols-imageholder .padding-bg .label-default {
    display: none;
    margin: 0;
    color: #77aaa0;
    background-color: transparent;
    font-size: 12px; }
  .s-cols-imageholder .padding-bg:hover, .s-cols-imageholder .padding-bg.active {
    background-color: #fafafa;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
    .s-cols-imageholder .padding-bg:hover .s-questoolbar,
    .s-cols-imageholder .padding-bg:hover .alert-info, .s-cols-imageholder .padding-bg.active .s-questoolbar,
    .s-cols-imageholder .padding-bg.active .alert-info {
      display: block; }
    .s-cols-imageholder .padding-bg:hover .s-questoolbar .set-default, .s-cols-imageholder .padding-bg.active .s-questoolbar .set-default {
      width: 115px;
      word-break: break-word; }
  .s-cols-imageholder .padding-bg.selected {
    border: 1px solid #dfdfdf !important; }
    .s-cols-imageholder .padding-bg.selected:before, .s-cols-imageholder .padding-bg.selected:after {
      content: none; }
    .s-cols-imageholder .padding-bg.selected .s-questoolbar {
      display: block;
      background-color: #c8e2de; }
      .s-cols-imageholder .padding-bg.selected .s-questoolbar .set-default,
      .s-cols-imageholder .padding-bg.selected .s-questoolbar .delete-image {
        display: none; }
      .s-cols-imageholder .padding-bg.selected .s-questoolbar .label-default {
        display: block; }
    .s-cols-imageholder .padding-bg.selected:hover .s-questoolbar {
      background-color: #f4f4f4; }
      .s-cols-imageholder .padding-bg.selected:hover .s-questoolbar .label-default {
        display: none; }
      .s-cols-imageholder .padding-bg.selected:hover .s-questoolbar .set-default,
      .s-cols-imageholder .padding-bg.selected:hover .s-questoolbar .delete-image {
        display: block; }
  .s-cols-imageholder .padding-bg.show-checked .s-questoolbar {
    display: block; }
    .s-cols-imageholder .padding-bg.show-checked .s-questoolbar .set-default {
      display: block; }
.s-cols-imageholder.s-cols-browseimage .padding-bg {
  padding: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  border-width: 0px; }
  .s-cols-imageholder.s-cols-browseimage .padding-bg:hover, .s-cols-imageholder.s-cols-browseimage .padding-bg.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .s-cols-imageholder.s-cols-browseimage .padding-bg .s-button-uploadimg {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-width: 0px; }
.s-cols-imageholder .s-image {
  height: 90px;
  padding: 10px; }
.s-cols-imageholder .s-questoolbar {
  right: 0;
  left: 0;
  top: auto;
  bottom: 0;
  display: none;
  box-shadow: none;
  border: none;
  background-color: #f4f4f4;
  padding: 5px; }
  .s-cols-imageholder .s-questoolbar:hover {
    background-image: none; }
  .s-cols-imageholder .s-questoolbar button:hover, .s-cols-imageholder .s-questoolbar button.s-active {
    background-color: transparent !important; }
  .s-cols-imageholder .s-questoolbar button.s-quesdel {
    position: absolute;
    margin: 0;
    top: 9px;
    right: 0; }
  .s-cols-imageholder .s-questoolbar .btn {
    color: #fff;
    border-radius: 4px !important;
    line-height: 10px;
    width: 20px;
    height: 20px;
    padding: 0 !important; }
    .s-cols-imageholder .s-questoolbar .btn i {
      color: #fff; }
    .s-cols-imageholder .s-questoolbar .btn.btn-primary:hover {
      background-color: #6CA898 !important; }
    .s-cols-imageholder .s-questoolbar .btn.btn-primary.active:hover {
      background-color: #7a9191 !important; }
.s-cols-imageholder .s-button-setlink {
  border: 0 solid #BBBBBB;
  border-radius: 4px !important;
  line-height: 10px;
  width: 20px;
  height: 20px;
  vertical-align: middle; }
  .s-cols-imageholder .s-button-setlink:hover, .s-cols-imageholder .s-button-setlink.s-active {
    background-color: #6CA898 !important;
    color: #fff; }
.s-cols-imageholder .selectedImgbtn {
  position: absolute;
  right: 5px;
  left: auto;
  top: 5px;
  border: 0 solid #BBBBBB;
  border-radius: 4px !important;
  line-height: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle; }
  .s-cols-imageholder .selectedImgbtn:hover, .s-cols-imageholder .selectedImgbtn.s-active {
    background-color: #6CA898 !important;
    color: #fff; }
.s-cols-imageholder .alert-info {
  display: block;
  position: static;
  background: transparent;
  border: none;
  padding: 0;
  color: inherit; }
.s-cols-imageholder .filename {
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  font-size: 14px; }
.s-cols-imageholder .img_dimensions {
  display: block;
  font-size: 11px; }
.s-cols-imageholder .or-wizard {
  table-layout: fixed; }
  .s-cols-imageholder .or-wizard [class*="col-"] {
    display: table-row;
    height: 50%; }
    .s-cols-imageholder .or-wizard [class*="col-"] .or-container {
      position: absolute;
      top: -20px;
      z-index: 1;
      left: 40%;
      padding: 0 5px;
      background: #fff;
      font-size: 14px;
      color: #77aaa0; }
    .s-cols-imageholder .or-wizard [class*="col-"] > .well {
      background-color: #c8e2de;
      padding: 0px 0;
      margin: 0;
      height: 100%;
      display: table-cell;
      width: 100%;
      vertical-align: middle;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      border-width: 0px; }
    .s-cols-imageholder .or-wizard [class*="col-"]:first-child {
      padding-bottom: 0px; }
      .s-cols-imageholder .or-wizard [class*="col-"]:first-child .well {
        border-bottom: 10px solid #fff; }
      .s-cols-imageholder .or-wizard [class*="col-"]:first-child .button {
        border-radius: 500px;
        line-height: 30px;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 500px;
        -moz-border-radius: 500px;
        border-radius: 500px;
        padding: 0; }
    .s-cols-imageholder .or-wizard [class*="col-"]:last-child {
      padding-top: 0px; }
      .s-cols-imageholder .or-wizard [class*="col-"]:last-child .well {
        border-top: 10px solid #fff;
        padding: 10px 0; }
        .s-cols-imageholder .or-wizard [class*="col-"]:last-child .well a {
          font-size: 11px; }
      .s-cols-imageholder .or-wizard [class*="col-"]:last-child:before {
        left: 0;
        right: 0;
        width: auto;
        height: 1px;
        bottom: auto;
        top: auto;
        margin-top: -1px;
        bottom: auto;
        background-color: #77aaa0; }
      .s-cols-imageholder .or-wizard [class*="col-"]:last-child:after {
        right: auto;
        content: none;
        top: auto;
        font-size: 14px;
        color: #77aaa0;
        background: #fff;
        left: 50% !important;
        line-height: 14px;
        margin-left: -10px;
        margin-top: -7px;
        padding: 0 5px; }

.s-image-browser-widget-popup .s-modal-backdrop {
  z-index: 1015 !important; }

.s-cols-iconholder {
  text-align: center;
  border: 1px solid #dfdfdf;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s; }
  .s-cols-iconholder label {
    position: "absolute";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 22px; }
  .s-cols-iconholder i[class*="icon"] {
    font-size: 30px;
    color: #b8b8b8; }
  .s-cols-iconholder input[type="radio"] {
    visibility: hidden;
    position: absolute; }
  .s-cols-iconholder:hover, .s-cols-iconholder.active {
    background-color: #fafafa;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    border-color: #222; }
    .s-cols-iconholder:hover .s-questoolbar,
    .s-cols-iconholder:hover .alert-info, .s-cols-iconholder.active .s-questoolbar,
    .s-cols-iconholder.active .alert-info {
      display: block; }

@media (min-width: 1024px) and (max-width: 1500px) {
  .s-image-browser-widget-popup .s-modal {
    width: 1160px !important;
    left: 50% !important;
    margin-left: -580px !important; } }
/*End: Upload Image Widget*/
.horizontal-scale-shapes .s-quessubrowform .s-radiotab td.other-option[style*="display"][style*="none"] {
  display: inherit !important;
  visibility: hidden; }
.horizontal-scale-shapes .s-quessubrowform .s-radiotab .tr-radio td {
  position: relative;
  height: 53px;
  vertical-align: middle; }
  .horizontal-scale-shapes .s-quessubrowform .s-radiotab .tr-radio td > label[class*="lookup-value-label"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0; }
    .horizontal-scale-shapes .s-quessubrowform .s-radiotab .tr-radio td > label[class*="lookup-value-label"] i[class*="icon"] {
      font-size: 53px;
      color: #b8b8b8;
      margin: 0; }
    .horizontal-scale-shapes .s-quessubrowform .s-radiotab .tr-radio td > label[class*="lookup-value-label"] + div {
      position: relative;
      top: -2px; }
  .horizontal-scale-shapes .s-quessubrowform .s-radiotab .tr-radio td label {
    margin: 0; }
.horizontal-scale-shapes .s-quessubrowform.star .s-radiotab .tr-radio td > label[class*="lookup-value-label"] + div {
  top: -1px; }
.horizontal-scale-shapes .s-quessubrowform.heart .s-radiotab .tr-radio td > label[class*="lookup-value-label"] + div {
  top: -4px; }
.horizontal-scale-shapes .s-quessubrowform.rectangle {
  height: auto;
  float: none;
  display: block;
  margin-right: 0px; }
  .horizontal-scale-shapes .s-quessubrowform.rectangle .s-radiotab .tr-radio td > label[class*="lookup-value-label"] {
    display: none; }
  .horizontal-scale-shapes .s-quessubrowform.rectangle .s-radiotab .tr-radio td div:not(.na-box) {
    position: static !important; }
  .horizontal-scale-shapes .s-quessubrowform.rectangle .s-radiotab .tr-radio td:not(.space),
  .horizontal-scale-shapes .s-quessubrowform.rectangle .s-radiotab .tr-radio td:nth-child(11), .horizontal-scale-shapes .s-quessubrowform.rectangle .s-radiotab .tr-radio td:nth-child(1) {
    width: 39px !important; }
  .horizontal-scale-shapes .s-quessubrowform.rectangle .s-radiotab .tr-radio td:not(.space):not(.other-option):not(.not-applicable) {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd; }
    .horizontal-scale-shapes .s-quessubrowform.rectangle .s-radiotab .tr-radio td:not(.space):not(.other-option):not(.not-applicable) i {
      opacity: 0; }
    .horizontal-scale-shapes .s-quessubrowform.rectangle .s-radiotab .tr-radio td:not(.space):not(.other-option):not(.not-applicable):first-child {
      border-left: 1px solid #bdbdbd; }
.horizontal-scale-shapes .s-quessubrowform.nolabel .s-radiotab .tr-label {
  visibility: hidden; }
.horizontal-scale-shapes .s-radiotab td:nth-child(11) {
  width: 8% !important; }
.horizontal-scale-shapes .not-applicable {
  position: relative; }
  .horizontal-scale-shapes .not-applicable .na-box {
    border: 1px solid #bdbdbd;
    position: absolute;
    left: 50%;
    right: auto;
    top: 0;
    bottom: 0;
    width: 53px;
    margin-left: -27px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .body-ie .horizontal-scale-shapes .not-applicable .na-box {
      min-height: 53px; }
    .horizontal-scale-shapes .not-applicable .na-box label {
      position: relative;
      top: 50%;
      margin: -8px auto 0 auto !important;
      display: block;
      border-radius: 500px;
      line-height: 16px;
      width: 16px;
      height: 16px;
      border: 1px solid #bdbdbd; }
      .horizontal-scale-shapes .not-applicable .na-box label input[type="radio"] {
        opacity: 0; }

.s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup.image-lookup .controls, .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup.image-lookup .controls {
  padding-left: 5px !important;
  margin-bottom: 10px; }
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup.image-lookup .controls [class*="icon"], .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup.image-lookup .controls [class*="icon"] {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 0; }
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup.image-lookup .controls i + .s-editableinput-wrap,
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup.image-lookup .controls img + .s-editableinput-wrap, .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup.image-lookup .controls i + .s-editableinput-wrap,
  .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup.image-lookup .controls img + .s-editableinput-wrap {
    padding-left: 10px; }
.s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup .controls input[type="radio"],
.s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup .controls input[type="checkbox"], .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup .controls input[type="radio"],
.s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup .controls input[type="checkbox"] {
  margin-left: -15px;
  margin-right: 12px; }
.s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup .controls .s-editableinput-wrap, .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup .controls .s-editableinput-wrap {
  padding-right: 100px; }
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup .controls .s-editableinput-wrap label,
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup .controls .s-editableinput-wrap input[type="text"], .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup .controls .s-editableinput-wrap label,
  .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup .controls .s-editableinput-wrap input[type="text"] {
    min-width: 200px; }
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .vertical-lookup .controls .s-editableinput-wrap .lookup-edit-box, .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .vertical-lookup .controls .s-editableinput-wrap .lookup-edit-box {
    margin-bottom: 0px; }
.s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .s-button-group button, .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .s-button-group button {
  color: #77aaa0; }
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .s-button-group button:hover, .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .s-button-group button:hover {
    color: #fff; }
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .s-button-group button.img-lookup-add-btn, .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .s-button-group button.img-lookup-add-btn {
    width: auto;
    font-size: 20px;
    padding: 3px !important; }
    .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .s-button-group button.img-lookup-add-btn i[class*="icon-"], .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .s-button-group button.img-lookup-add-btn i[class*="icon-"] {
      font-size: 20px;
      line-height: 1em;
      width: auto;
      margin: 0; }
  .s-surveyquestion-panel .s-dragdropitemlist.vertical-scale .s-button-group button i[class*="icon-"], .s-surveyquestion-panel .s-dragdropitemlist.checkbox-style .s-button-group button i[class*="icon-"] {
    width: 12px; }

/* Modal Window styles*/
.modal-open .modal .dropdown-menu {
  z-index: 2050; }

.modal-open .modal .dropdown.open {
  *z-index: 2050; }

.modal-open .modal .popover {
  z-index: 2060; }

.modal-open .modal .tooltip {
  z-index: 2080; }

.s-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4451;
  background-color: rgba(0, 0, 0, 0.5); }

.s-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4452;
  width: 800px;
  margin: -250px 0 0 -400px;
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.s-popupwindow {
  border-width: 0 !important;
  box-shadow: none;
  border-radius: 0 !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important; }

/*.s-modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
.modal.fade.in{top:50%;}*/
.s-modal > .s-rowpanel-header {
  box-shadow: none;
  background-color: #ffffff; }

.s-modal-header {
  padding: 15px;
  text-align: center; }

.s-modal-header h3 {
  margin: 0;
  line-height: 16px;
  font-size: 16px;
  display: inline-block;
  margin-right: 5px; }

.s-modal-header .alert-info {
  margin-top: 20px;
  margin-bottom: 0;
  text-align: left; }

.s-modal-header h3 + .alert {
  margin-top: 0px;
  margin-bottom: 0;
  text-align: center; }

.s-modal-header h6 {
  margin: 0;
  line-height: 14px;
  font-size: 11px; }

.s-modal-header .s-button-help {
  display: inline-block;
  position: absolute;
  right: 40px;
  top: 18px;
  font-size: 35px; }

.s-modal-header .ico-help-passion {
  margin-right: 15px;
  margin-top: -2px; }

.s-modal-body {
  padding: 15px 15px 15px 15px;
  padding-bottom: 15px !important;
  overflow-y: auto; }

.s-modal-header + .s-modal-body {
  padding-top: 1px !important; }

.s-modal-body .s-tabbable:last-child {
  margin-bottom: 0; }

.s-modal-body .s-datawrapper .padding-bg {
  padding: 0px;
  border: none;
  box-shadow: none;
  background: transparent; }

/*.s-modal-header + .s-modal-body{padding-top:0}*/
.s-modal-body .s-modal-body {
  overflow: auto;
  max-height: none; }

.s-modal-footer {
  padding: 10px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1; }

.modal-footer:before, .modal-footer:after {
  display: table;
  content: "";
  line-height: 0; }

.s-modal-footer:after {
  clear: both; }

.s-modal-footer .s-button + .s-button {
  margin-left: 15px;
  margin-bottom: 0; }

/*.s-modal-footer .s-button-group .s-button + .s-button{margin-left:-1px;}*/
.s-modal-footer {
  text-align: center; }

.s-modal-footer .s-button-group.s-floatright,
.s-modal-footer .s-button-group.s-floatright .s-button {
  float: none !important; }

.s-viewport-pads .alert-info,
.s-modal .alert-info {
  color: inherit;
  background: transparent;
  border: none;
  padding-left: 0;
  padding-right: 0; }

.popover-content .tagsearch_filter {
  margin-bottom: 5px; }

/*.popover-content .lockedbyuserinfo{word-wrap:break-word; word-break:break-all}Commnting to fix BG-12413*/
.s-custom-selectlist .btn-createtag {
  padding: 2px 0; }

.s-custom-selectlist .btn-medium {
  border-radius: 4px; }

/*tab styles */
.s-tabbable {
  *zoom: 1;
  margin-top: 0px;
  margin-bottom: 10px; }

.s-tabbable .s-nav {
  height: 45px;
  margin-bottom: 0;
  border-radius: 4px; }

.s-tabbable:before, .s-tabbable:after {
  display: table;
  line-height: 0;
  content: ""; }

.s-tabbable:after {
  clear: both; }

.s-nav-tabs:after, .s-nav-pills:after {
  clear: both; }

.s-nav-tabs:before, .s-nav-pills:before, .s-nav-tabs:after, .s-nav-pills:after {
  content: "";
  display: table;
  line-height: 0; }

.s-nav-tabs:before, .s-nav-pills:before, .s-nav-tabs:after, .s-nav-pills:after {
  content: "";
  display: table;
  line-height: 0; }

.s-nav-tabs {
  border-bottom: 1px solid #DDDDDD; }

.s-nav {
  list-style: none outside none;
  margin-left: 0; }

.s-nav-tabs > li {
  margin-bottom: -1px;
  position: relative; }

.s-nav {
  list-style: none outside none;
  margin-left: 0; }

.s-nav-tabs {
  margin-left: 0;
  padding-left: 0; }

.s-nav-tabs > li:first-child {
  margin-left: 13px; }

.s-nav-tabs > li, .s-nav-pills > li {
  float: left; }

.s-nav-tabs > .active > a, .s-nav-tabs > .active > a:hover, .s-nav-tabs > .active > a:focus {
  -moz-border-bottom: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  color: #fff;
  cursor: default;
  background-color: #232323 !important;
  text-decoration: none !important; }

.s-nav-tabs > li > a:hover {
  text-decoration: none; }

.s-nav-tabs > li.active > a:before {
  border-bottom: 6px solid #666666;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -1px;
  content: "";
  left: 50%;
  margin-left: -6px;
  position: absolute; }

*:before, *:after {
  -moz-box-sizing: border-box; }

.s-nav-tabs > li.active > a:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -1px;
  content: "";
  left: 50%;
  margin-left: -6px;
  position: absolute; }

.s-nav-tabs > li > a {
  color: #fff;
  font-weight: normal;
  background-color: transparent;
  cursor: pointer;
  line-height: 44px !important; }

.s-nav-tabs > li > a > span > em {
  font-weight: bold; }

.s-nav-tabs > li.active > a > span > em {
  color: #fff; }

.s-nav-tabs > li > a, .s-nav-pills > li > a {
  line-height: 14px;
  margin-right: 3px;
  padding-left: 12px;
  padding-right: 12px; }

.s-nav > li > a {
  display: block; }

.s-combolist-mastercontainer .alert-inline {
  padding: 0;
  margin: 0; }

.s-combolist-mastercontainer .s-custom-combolist-wrap.compnt {
  margin-bottom: 7px; }

.s-tabbable .tab-content {
  border: none; }

.s-tabbable .tab-content .s-combolist-mastercontainer {
  margin-top: 10px; }

.s-tabbable .tab-content,
.s-tabbable .s-tab-content-big {
  border-top: 0px solid #2E567B; }

/*draglist component*/
* + .s-dragdropitemlist {
  margin-top: 0px; }

.s-dragdropitemlist .s-itemlistwrap {
  padding: 5px 5px !important;
  border-radius: 1px; }

.s-dragdropitemlist .s-itemlistwrap {
  cursor: move;
  margin-top: 10px !important; }

.s-dragdropitemlist .s-itemlistwrap:first-child {
  margin-top: 0 !important; }

.s-dragdropitemlist .s-itemlistwrap .icon-crosshair {
  margin-right: 10px;
  margin-top: 3px;
  opacity: 0.3;
  float: left;
  display: none; }

.s-dragdropitemlist .s-itemlistwrap:hover .icon-crosshair {
  opacity: 1; }

.s-itemlistwrap input[type="checkbox"],
.s-itemlistwrap input[type="radio"] {
  margin-right: 5px;
  float: left;
  display: block;
  position: relative;
  top: 2px; }

.s-itemlistwrap .label {
  position: relative;
  top: 0px;
  font-weight: normal; }

.s-dragdropitemlist .s-itemlistwrap .s-editableinput-wrap .label-readonly {
  margin-bottom: 0; }

.s-itemlistwrap {
  position: relative;
  padding: 7px 10px !important; }

.s-itemlistwrap:hover {
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -o-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff4f4f4', GradientType=0);
  box-shadow: 0 0px 2px rgba(0, 2, 4, 0.5); }

.s-headpanelbg {
  background-color: #005991;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f98d6), color-stop(50%, #2085bf), color-stop(51%, #1377b2), color-stop(92%, #01649d), color-stop(93%, #005c91), color-stop(100%, #005991));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #2f98d6 0%, #2085bf 50%, #1377b2 51%, #01649d 92%, #005c91 93%, #005991 100%);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #2f98d6 0%, #2085bf 50%, #1377b2 51%, #01649d 92%, #005c91 93%, #005991 100%);
  background-image: -ms-linear-gradient(top, #2f98d6, #005991);
  /* IE10 */
  background-image: -o-linear-gradient(top, #2f98d6 0%, #2085bf 50%, #1377b2 51%, #01649d 92%, #005c91 93%, #005991 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #2f98d6, #005991);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2f98d6', EndColorStr='#005991')" !important;
  *background-color: #005991;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f98d6', endColorstr='#ff005991', GradientType=0);
  box-shadow: none;
  position: relative; }

.s-headpanelbg .padding-small {
  padding: 10px 14px; }

.s-headpanelbg h3 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px -1px 1px #015c91; }

.s-fieldset {
  box-shadow: 0 0px 1px rgba(0, 2, 4, 0.5); }

.s-fieldset + .s-fieldset {
  margin-top: 10px; }

.s-fieldset .s-legend {
  margin-bottom: 10px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px; }

.s-formswrap .s-custom-checkbox .label {
  display: inline-block;
  position: relative;
  top: 7px; }

.s-formswrap .s-custom-radio a.s-button-link,
.s-formswrap .s-custom-checkbox a.s-button-link {
  display: inline-block; }

.s-formswrap .s-custom-radio .label,
.s-formswrap .s-custom-checkboxsmall .label {
  display: inline-block;
  position: relative;
  top: 4px; }

.s-button-label {
  color: #383838;
  font-size: 12px;
  font-weight: bold; }

.s-button-label .icon {
  position: relative;
  top: -2px;
  margin-right: 5px; }

.s-gridlayout .s-addnewrow .s-formswrap {
  border: 1px dashed grey; }

.label-addnew {
  display: block;
  border: 1px dotted #999;
  padding: 8px 6px;
  color: #6a6a6a;
  text-align: center;
  line-height: 20px; }

.s-custom-checkbox-wrap {
  display: block !important; }

.s-col-mandatory .s-custom-checkbox-wrap {
  text-align: center;
  display: block !important; }

.s-custom-checkbox-wrap .s-button-link {
  vertical-align: text-top;
  margin-right: 5px;
  position: relative;
  top: -5px; }

.s-gridlayout .s-formswrap .s-editableinput-wrap .label {
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  padding: 0; }

.s-gridlayout .s-formswrap .s-editableinput-wrap .label {
  top: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block; }

.s-gridlayout .s-checkboxwrap input[type="checkbox"] {
  top: 2px;
  height: auto; }

.s-gridlayout .s-grid-row [class*="s-cols"] .s-formswrap .s-button-group {
  position: absolute;
  margin-top: -8px;
  right: 8px;
  top: 50%; }

.s-custom-checkbox-wrap .label {
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  position: relative; }

.grid-question-label-popup .s-gridlayout .s-formswrap .s-editableinput-wrap .label {
  padding-right: 34px; }

/*accordion styles */
.s-slfsrvice-accordion {
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
  border-radius: 5px 5px 5px 5px; }

.s-slfsrvice-accordion-group {
  margin-bottom: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.s-slfsrvice-accordion-group.ui-accordion-header {
  margin-top: 5px;
  padding: 0px !important; }

.s-slfsrvice-accordion-heading,
.s-slfsrvice-accordion .ui-state-default,
.s-slfsrvice-accordion .ui-widget-content .ui-state-default,
.s-slfsrvice-accordion .ui-widget-header .ui-state-default {
  background-color: #dcebe8;
  background: #dcebe8 !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  border: 0 !important; }

:root .s-slfsrvice-accordion-heading,
:root .s-slfsrvice-accordion .ui-state-default,
:root .s-slfsrvice-accordion .ui-widget-content .ui-state-default,
:root .s-slfsrvice-accordion .ui-widget-header .ui-state-default {
  filter: none \0/IE9 !important; }

.s-slfsrvice-accordionbtn button {
  float: right;
  background: none repeat scroll 0 0 #c8e1dd !important;
  margin: -5px -5px -5px 0;
  padding: 15px 15px !important; }

.s-slfsrvice-accordion-heading.active .s-slfsrvice-accordionbtn button.icon-close.hide {
  display: inline-block !important; }

.s-slfsrvice-accordionbtn button.icon-close .icon-tmpsel-white {
  color: #424142; }

.s-slfsrvice-accordion-heading {
  min-height: 35px;
  border-bottom: 0;
  box-shadow: none;
  position: relative;
  padding: 5px 0px !important;
  /*border-radius: 5px 5px 0 0;*/ }

.s-slfsrvice-accordion-formcontrol .s-slfsrvice-accordion-heading {
  padding: 0 !important; }

.s-slfsrvice-accordion-heading.active, .s-slfsrvice-accordion .s-slfsrvice-accordion-heading.ui-state-active,
.s-slfsrvice-accordion .ui-state-active .s-slfsrvice-accordion-heading {
  background-color: #6ca898; }

.s-slfsrvice-accordion-heading .s-slfsrvice-accordion-headtxt h3, .s-slfsrvice-accordion .s-slfsrvice-accordion-heading
.s-slfsrvice-accordion-headtxt h3 {
  margin-top: 4px; }

.s-slfsrvice-accordion .ui-icon-triangle-1-e, .s-slfsrvice-accordion .ui-state-active .ui-icon-triangle-1-s {
  display: none !important; }

.s-slfsrvice-accordion-heading .s-slfsrvice-accordion-toggle .input-editfield {
  color: #6a6a6a;
  font-weight: bold;
  height: auto !important;
  padding: .5px 0px; }

.s-slfsrvice-accordion-heading .s-slfsrvice-accordion-toggle, .s-slfsrvice-accordion-heading .s-slfsrvice-accordion-toggle label {
  display: block;
  color: #FFF;
  font-weight: bold;
  color: #4D4B4B !important;
  font-size: 13px; }

.ui-state-hover .s-slfsrvice-accordion-heading a, .ui-state-hover .s-slfsrvice-accordion-heading a:hover {
  color: #4D4B4B; }

.s-slfsrvice-accordion-heading .s-slfsrvice-accordion-toggle label {
  font-size: 13px;
  font-weight: bold; }

.s-slfsrvice-accordion-toggle {
  cursor: pointer; }

.s-slfsrvice-accordion-inner {
  padding: 10px 0 !important;
  background: #fff; }

.s-slfsrvice-accordion-inner:last-child {
  border-radius: 0 0 5px 5px; }

.s-slfsrvice-accordion-inner .s-srvy-quescontainer.s-disable-sharing {
  opacity: 0.25; }

.s-slfsrvice-accordion .ui-state-hover, .s-slfsrvice-accordion .ui-widget-content .ui-state-hover, .s-slfsrvice-accordion .ui-widget-header .ui-state-hover, .s-slfsrvice-accordion .ui-state-focus, .s-slfsrvice-accordion .ui-widget-content .ui-state-focus, .s-slfsrvice-accordion .ui-widget-header .ui-state-focus {
  border: none !important;
  font-weight: normal; }

.s-slfsrvice-accordion .ui-state-active, .s-slfsrvice-accordion .ui-widget-content .ui-state-active, .s-slfsrvice-accordion .ui-widget-header .ui-state-active {
  border: none !important;
  font-weight: normal;
  color: #212121; }

.s-slfsrvice-accordion .ui-state-default, .s-slfsrvice-accordion .ui-widget-content .ui-state-default, .s-slfsrvice-accordion .ui-widget-header .ui-state-default {
  border: none !important; }

.s-ss-accordion-listcontent {
  padding-top: 3px;
  margin-bottom: 0px; }

.s-ss-accordion-listcontent li {
  padding-bottom: 3px; }

.s-ss-accordion-listcontent li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px; }

.s-dscrptn-unit .padding-large {
  padding-top: 20px;
  padding-bottom: 0; }

.s-dscrptn-unit h3 {
  font-size: 22px;
  color: #6A6A6A;
  margin-bottom: 20px; }

.s-dscrptn-unit p {
  font-size: 14px;
  color: #6A6A6A; }

.innercols {
  padding: 10px;
  border-bottom: 1px dashed #b8b8b8; }

.s-dragdropitemlist .s-itemlistwrap .label-checkbox input[type="checkbox"],
.s-dragdropitemlist .s-itemlistwrap .label-radio input[type="radio"] {
  top: -3px !important; }

.rhtauto {
  right: auto; }

/* Up Down value controller*/
.s-input-spinner input[type="date"],
.s-input-spinner input[type="text"] {
  margin-right: 0; }

.s-input-spinner input[type="date"],
.s-input-spinner input[type="text"],
.s-input-spinner .s-controls-updown {
  float: left; }

.s-input-spinner .s-controls-updown {
  margin-left: -1px; }

.s-controls-updown {
  position: relative;
  height: 30px;
  width: 22px; }

.s-controls-updown .s-button {
  position: absolute;
  padding: 0px;
  width: 18px;
  height: 20px;
  line-height: 7px;
  text-align: center; }

.s-controls-updown .s-button:hover {
  background-color: #7a9191;
  border-color: #7a9191; }

.s-controls-updown .s-button + .s-button {
  margin-top: -4px; }

.s-controls-updown .s-button-up {
  left: 0;
  top: 0;
  border-radius: 4px 0px 0px 0px; }

.s-controls-updown .s-button-down {
  left: 0;
  bottom: 0;
  border-radius: 0px 0px 4px 0px; }

.s-button-close {
  font-weight: bold;
  border-radius: 0px;
  font-size: 24px;
  font-weight: bold;
  height: 30px;
  line-height: 22px;
  padding: 0 0 0 1px !important;
  text-align: center;
  width: 30px;
  background: none;
  box-shadow: none;
  color: #555; }

.s-button-close:hover {
  background: none;
  border: none;
  color: #555; }

.s-modal-header {
  position: relative;
  min-height: 45px; }

.s-modal-body .s-modal-header {
  padding-top: 10px;
  padding-bottom: 0;
  min-height: inherit; }

.s-modal .s-button-close {
  position: absolute;
  right: 5px;
  top: 10px;
  padding: 4px;
  z-index: 5;
  font-size: 35px; }

.s-bottommargin {
  margin-bottom: 10px !important; }

.alert-smallpad {
  padding-right: 10px !important;
  margin-bottom: 0; }

.no-marginbot {
  margin-bottom: 5px !important;
  margin-top: 5px; }

.s-nopad {
  padding: 0px !important; }

.s-nopad-bot {
  padding-bottom: 0px !important; }

.s-nopad-top {
  padding-top: 0px !important; }

.pad-top {
  padding-top: 7px !important; }

.pad-top-12 {
  padding-top: 12px !important; }

.s-nomargin {
  margin: 0px !important; }

.s-lineheight-cntrl {
  line-height: 12px; }

.definecndtn-btn {
  padding: 0px 5px !important; }

/*Start: Image Combo list*/
.s-custom-iconcombolist {
  min-width: 180px;
  height: 34px !important; }

.iconcombo-item .icon {
  vertical-align: middle !important;
  margin-right: 5px; }

.icon-item-selected {
  width: 90%; }

.s-slfser-browsebtn input {
  height: auto !important;
  margin: 8px 0;
  text-align: left; }

.s-slfser-browsebtn {
  width: 300px; }

.s-slfser-browsebtn label {
  text-align: left; }

.pad-equal {
  padding: 10px 0 !important; }

.img-border {
  box-shadow: 0 0 2px #CECECE;
  padding: 5px; }

.s-modalwidth-1024 {
  width: 1000px;
  margin-left: -500px; }

.s-modalwidth-900 {
  width: 900px;
  margin-left: -450px; }

.s-modalwidth-600 {
  width: 600px;
  margin-left: -300px; }

.s-modalwidth-550 {
  width: 550px;
  margin-left: -275px; }

.s-modalwidth-400 {
  width: 400px;
  margin-left: -200px;
  margin-top: -125px; }

.s-modalwidth-400 > .s-rowpanel-header .s-modal-body {
  max-height: none !important;
  min-height: inherit !important;
  height: auto !important; }

.s-modal-footer .s-button-group .s-button {
  float: left; }

.notificationtxt {
  font-size: 11px;
  margin-left: 30px;
  opacity: .5; }

/*Shuttle Component*/
.s-btncolumn {
  width: 51px !important;
  position: absolute;
  left: 50%;
  margin-left: -26px !important;
  top: 50%;
  margin-top: -28px;
  z-index: 9999; }

.gridcheckbox-smallwidth {
  width: 26px !important; }

.gridcheckbox-smallwidth .s-checkboxwrap {
  top: -3px !important; }

.s-slfsrvice-pagewrap {
  margin-top: 0px !important;
  min-height: 200px !important; }

.s-pgcontainer-bgnobrdr {
  min-height: 200px; }

#srvywidgettitlepanel {
  margin: 10px 0;
  padding-bottom: 0 !important;
  overflow: visible !important; }

.s-pgcontainer-bg.s-slfsrvice-pagewrap {
  margin-bottom: 0 !important;
  min-height: auto !important;
  overflow: visible !important; }

.s-pgtitlepanel-bg .s-formswrap {
  margin-bottom: 0; }

.s-pgtitlepanel-bg .s-titlegroup {
  padding: 0 !important; }

.s-pgtitlepanel-bg .s-titlegroup h2 {
  margin-bottom: 0;
  position: relative;
  top: 7px; }

.s-pgtitlepanel-bg .s-titlegroup .s-editableinput-wrap {
  padding-right: 30px; }

.s-pgtitlepanel-bg .s-titlegroup .s-editableinput-wrap h2 {
  top: 2px; }

.s-pgtitlepanel-bg .s-titlegroup .s-editableinput-wrap h2 .input-editfield {
  position: relative;
  height: 26px; }

.s-pgtitlepanel-bg .s-titlegroup .s-editableinput-wrap .btn-edit {
  top: 4px;
  position: relative;
  display: none; }

.s-pgtitlepanel-bg .s-titlegroup .s-editableinput-wrap:hover .btn-edit {
  display: inline-block; }

.s-pgtitlepanel-bg .s-titlegroup .label-readonly {
  padding: 4px 0;
  margin-bottom: 0; }

.s-pgtitlepanel-bg .s-titlegroup .input-editfield {
  margin-bottom: 0; }

#srvywidgettitlebar {
  width: 45% !important; }

#srvywidgetactionsbar {
  width: 55% !important; }

.s-button-large .icon-dropdown {
  top: 7px; }

.s-button-medium .icon-dropdown {
  top: 4px; }

.s-button .icon-dropdown {
  top: 4px; }

.ext-ie10 .s-surveyquestion .s-dragdropitemlist > .drop-down + .s-button-group,
.ext-ie10 .s-surveyquestion .col-edit-form > .drop-down + button,
.ext-ie11 .s-surveyquestion .s-dragdropitemlist > .drop-down + .s-button-group,
.ext-ie11 .s-surveyquestion .col-edit-form > .drop-down + button {
  margin-left: 5px; }

.s-srvy-pgtoolbar {
  padding: 0px 0;
  margin: 0px 0 10px 0; }

.s-srvy-pgtoolbar .padding-large {
  padding: 0; }

#srvywidgetactionsbar .s-button-group .s-button,
.s-srvy-pgtoolbar .s-button-group .s-button {
  float: left;
  margin-left: 5px; }

#srvywidgetactionsbar .s-button-group {
  white-space: nowrap; }

#srvywidgetactionsbar .s-button-group .s-button {
  float: none;
  display: inline-block;
  margin-left: 2px; }

.s-selfservice-traincontainer .s-pagetitle-bar h2 {
  color: #535353;
  font-weight: normal;
  font-size: 1.4em;
  margin-left: 15px;
  float: left; }

.s-slfsrvice-pagewrap .s-selfservice-traincontainer .btn-group {
  margin-left: 5px !important; }

/*designer toolbar styles */
#selfservice-traincontainer .padding-large {
  padding: 0px 14px; }

#ques-mainwrap .padding-large {
  padding-top: 24px; }

#designertoolbar {
  margin-bottom: 10px; }

#designertoolbar .padding-large {
  padding: 0px; }

.s-alertmessage-wrap .padding-large {
  padding: 0px; }

.s-alertmessage-wrap .padding-large .alert.s-aligncenter {
  text-align: left;
  margin-bottom: 5px; }

.s-srvy-designertoolbar {
  background-image: none;
  background-color: #F4F4F4;
  border-radius: 5px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5) inset;
  border: 1px solid rgba(0, 0, 0, 0.094);
  border: 1px solid #dddddd; }

.s-designertools-box {
  padding: 10px; }

.s-designertools-box button {
  margin-left: 5px;
  float: left;
  font-size: 12px !important;
  line-height: 20px;
  padding: 4px 13px;
  height: 34px; }

.s-designertools-box button i {
  top: -3px !important;
  margin-right: 7px;
  height: 18px; }

.s-button-token {
  background: #F9EDBE none;
  padding: 0;
  border: none;
  position: relative;
  top: -1px;
  color: #6a6a6a; }

.s-helpvideo-widget {
  /*width:104px; */ }

.ext-ie11 .s-contacttemplate .s-helpvideo-widget {
  width: 110px; }

.s-helpvideo-widget img.thumbnail {
  margin-bottom: 0px;
  height: 60px; }

.s-helpvideo-widget .padding-bg {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  padding: 2px;
  box-shadow: none;
  border: 1px solid rgba(127, 127, 127, 0.3); }

.s-helpvideo-widget .s-button-link {
  font-size: 11px; }

.s-srvy-quescontainer-welcome .s-helpvideo-widget {
  margin-top: -10px;
  position: relative;
  margin-right: 10px; }

.s-srvy-quescontainer-welcome .s-helpvideo-widget .padding-bg {
  border-top-width: 0px; }

.s-srvy-quescontainer-welcome {
  margin-bottom: 10px;
  background: transparent; }

.s-srvy-quescontainer-welcome .s-quesrowpad {
  padding: 0; }

.s-srvy-quescontainer-welcome .uploadlogowidget {
  margin-bottom: 0px;
  float: left; }

.s-srvy-quescontainer-welcome .uploadlogowidget + .alert {
  margin-left: 20px;
  margin-top: 30px; }

.s-srvy-quescontainer-welcome .s-formswrap {
  margin-bottom: 0; }

.s-srvy-quescontainer-welcome > .padding-large,
.s-surveyresponse-share > .padding-large {
  padding: 0px; }

.s-skiplogic-wrap {
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f4f4f4, #ededed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ededed));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #ededed);
  background-image: -o-linear-gradient(top, #f4f4f4, #ededed);
  background-image: linear-gradient(to bottom, #f4f4f4, #ededed);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffededed', GradientType=0);
  box-shadow: 0 1px 1px rgba(0, 2, 4, 0.5);
  position: relative; }

.s-skiplogic-wrap > .padding-large {
  padding: 0 20px; }

.s-surveyquestion .s-botlinks {
  height: 0px;
  top: 5px;
  bottom: 0; }

.s-surveyquestion > .padding-bg + .s-aligncenter .s-botlinks {
  height: 0px;
  top: -10px; }

.s-surveyquestion .s-botlinks * {
  display: none; }

.s-surveyquestion-active .s-botlinks *,
.s-surveyquestion:hover .s-botlinks * {
  display: inline-block; }

.s-surveyquestion.s-surveyquestion-shuffled:hover .s-surveyquestion .s-botlinks *, .s-surveyquestion.s-surveyquestion-shuffled:hover .s-button-moveblock {
  display: none; }

.s-surveyquestion.s-surveyquestion-shuffled .s-surveyquestion:hover .s-botlinks *, .s-surveyquestion.s-surveyquestion-shuffled .s-surveyquestion:hover .s-button-moveblock {
  display: inline-block; }

.s-modallogic .s-botlinks a i.s-ico-tools {
  margin-top: 3px !important; }

.s-quesrowpad {
  padding: 10px 10px 30px 10px; }

.s-quesrowpad .s-quessubrow .s-formswrap {
  margin-bottom: 10px; }

.s-quesrowpad .s-quessubrow .s-quessubrowform {
  margin-bottom: 0px !important; }

.s-surveyquestion-panel i.icon + .s-surveyquestion-wrap {
  margin-left: 20px; }

.s-surveydesigner .s-quesrowpad .s-quessubrow .s-quessubrowform div[contenteditable="true"] {
  margin-bottom: 0 !important;
  min-height: inherit !important;
  cursor: text; }

.s-surveydesigner .s-quesrowpad .s-quessubrow .s-quessubrowform div[contenteditable="true"].s-defaultW {
  min-height: 50px !important; }

.s-surveydesigner .s-quessubrow + .answers-view-panel {
  margin-top: 10px; }

.s-invitetext .s-quesrowpad .s-quessubrow .s-quessubrowform div[contenteditable="true"] {
  margin-top: 10px; }

.s-quesrowpad .s-quessubrow .s-quessubrowform div[contenteditable="true"].s-active {
  min-height: 50px !important; }

.s-quesrowpad .s-quessubrow .s-quessubrowform div[contenteditable="true"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

.s-quesrowpad .s-quessubrowform .label-readonly,
.s-quesrowpad .s-quessubrowform .input-editfield {
  font-size: 13px;
  min-width: inherit !important; }

.s-surveyquestion-panel .s-quessubrow:first-child .label-readonly {
  font-size: 13px;
  font-weight: bold; }

.s-surveyintro .s-surveyquestion-panel .s-quessubrow:first-child .label-readonly {
  font-size: 13px;
  font-weight: normal; }

.s-surveyintro .s-surveyquestion-panel .s-quessubrow:first-child .s-editableinput-wrap + .s-editableinput-wrap {
  margin-top: 10px; }

.s-surveyquestion-panel .s-quessubrow:first-child .s-editableinput-wrap + .alert {
  margin-bottom: 0;
  padding: 0; }

.s-quesrowpad .s-quessubrow:last-child .s-formswrap {
  margin-bottom: 0; }

.s-quesrowpad p input[type="text"] {
  margin-bottom: 0; }

.s-quessubrowform-gridquestion .col-edit-form {
  padding-right: 10px; }

.s-quessubrowform-gridquestion .s-cols4 + .s-cols7 {
  width: 66.68%; }

.s-quessubrowform-gridquestion .col-edit-form select {
  width: auto !important;
  max-width: 68% !important; }

select + .btn-edit, select + .s-button-group {
  margin-left: 5px; }

/*Page Break*/
.s-pgbreak-welcome {
  background: url("../images/bg-border-queswelcome.png") repeat-x scroll left bottom transparent;
  padding-bottom: 8px;
  position: relative;
  text-align: center;
  z-index: 1; }

.s-surveydesigner .s-pgbreak-welcome {
  margin: 0px -1px 10px -1px;
  box-shadow: 0 -2px 0px rgba(0, 2, 4, 0.1);
  min-height: 35px; }

.s-pgbreak-welcome a {
  margin: 0px auto;
  color: #8b8b8b;
  padding: 3px 0px 0px;
  display: block;
  font-size: 70%;
  font-weight: bold; }

.s-surveydesigner .s-pgbreak-welcome a {
  margin: 0px auto;
  color: #8b8b8b;
  padding: 6px 0px 0px;
  display: block;
  font-size: 70%;
  font-weight: bold; }

.s-pgbreak-welcome .s-questoolbar {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -17px; }

.s-srvy-quescontainer-welcome .s-pgbreak-welcome {
  box-shadow: 0 -2px 1px #666666;
  top: 0;
  margin: 0 5px; }

.s-quessubrowform-gridquestion .padding-large {
  padding: 0px; }

.s-quessubrowform-gridquestion .label {
  font-size: 12px !important;
  line-height: normal !important; }

.s-quessubrowform-gridquestion .s-editableinput-wrap .label-readonly {
  padding: 0px 0 !important;
  margin-bottom: 0 !important; }

.s-quessubrowform-gridquestion .s-editableinput-wrap .input-editfield {
  padding: 3px 6px !important;
  margin-bottom: 0 !important; }

.s-quessubrowform-gridquestion .s-gridlayout .s-grid-row [class*="s-cols"] .s-dragdropitemlist .s-button-group {
  right: 0;
  top: 5px;
  position: relative; }

.s-cols6.radio-grid-col .header-div {
  overflow: visible !important; }

.s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head > .s-layout-fluid [class*="s-cols"] .s-radioscale-header .s-editableinput-wrap .label-readonly,
.s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head > .s-layout-fluid [class*="s-cols"] .s-radiotab td label {
  /*color:#fff*/ }

.s-radioscale-header .s-editableinput-wrap .label-readonly {
  color: #fff; }

.s-radioscale-header .s-cols2_1 > .s-leftmargin {
  text-align: center; }

.s-radioscale-header .s-cols2_1 > .s-leftmargin {
  margin-left: 2px; }

.s-radioscale-header .s-cols2_1 > .s-rightmargin {
  margin-right: 2px; }

.s-radioscale-header .s-cols2_1 > .s-leftmargin {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border-radius: 0px;
  border-left-width: 0px;
  padding: 5px 0; }

.s-radioscale-header .s-cols2_1:first-child > .s-leftmargin {
  border-left-width: 0px; }

.s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-cols2_1 {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border-radius: 0px;
  border-left-width: 3px; }

.s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-cols2_1:first-child {
  border-left-width: 0px; }

.s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-editableinput-wrap .input-editfield {
  margin-top: -5px !important; }

.s-gridlayout-borders .s-grid-row-body > .s-layout-fluid [class*="s-cols"] > div {
  border-bottom: 0px solid rgba(56, 56, 56, 0.05);
  padding: 5px; }

.s-surveyquestion-panel .s-gridlayout .s-grid-row-head .s-layout-fluid [class*="s-cols"] > div {
  background: transparent !important; }

.s-surveyquestion-panel .s-gridlayout .s-grid-row-body .s-layout-fluid [class*="s-cols"] > div select {
  float: left; }

.s-surveyquestion-panel .s-gridlayout .s-grid-row-body .s-layout-fluid [class*="s-cols"] > div label.label {
  padding: 4px 0px; }

.s-surveyquestion-panel .s-gridlayout .label-checkbox,
.s-surveyquestion-panel .s-gridlayout .label-radio {
  padding-left: 20px !important; }

.s-wel-question {
  position: relative;
  z-index: 2; }

.s-quessubrowform-gridquestion .s-gridlayout .s-radiotab {
  table-layout: fixed; }

.s-quessubrowform-gridquestion .s-gridlayout .col-edit-form {
  padding-right: 0; }

.s-quessubrow {
  position: relative; }

.s-surveyquestion-panel .s-quessubrow + .s-quessubrow {
  margin-top: 10px; }

.s-quessubrowform-radioscale {
  width: 90%; }

.s-quessubrowform-radioscale + .s-button-group {
  position: absolute;
  right: 0;
  top: 0; }

.s-quessubrowform-commentqn input[type="text"] {
  box-shadow: none;
  cursor: not-allowed;
  background: #eaeaea none !important;
  border-color: #ddd !important; }

.s-quessubrowform-commentqn textarea {
  width: 100%;
  height: 100px;
  box-shadow: none;
  cursor: not-allowed;
  background: #eaeaea none !important;
  border-color: #ddd !important; }

.s-quessubrowform-commentqn textarea:focus {
  box-shadow: none;
  border: 1px solid #CCCCCC; }

.s-legendbox {
  text-align: center; }

.s-legendbox .s-editableinput-wrap * {
  font-size: 12px !important;
  text-align: center; }

.s-legendbox .s-editableinput-wrap .label-readonly {
  min-width: auto; }

.s-legendbox .s-editableinput-wrap .input-editfield {
  width: 206px;
  min-width: auto;
  float: left; }

.s-notlikely {
  text-align: center;
  /* text-indent: 8px;*/ }

.s-extremelylikely {
  text-align: center; }

.s-radiotab {
  padding: 0px;
  width: 50%; }

.s-radiotab td {
  text-align: center;
  padding: 2px;
  width: 50px;
  vertical-align: top; }

.s-botlinks {
  overflow: visible;
  position: relative; }
  .s-botlinks a {
    cursor: pointer;
    margin-right: 0;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: normal;
    position: relative;
    z-index: 5;
    float: left; }
    .s-botlinks a:hover {
      background-image: none !important; }

.control-group .controls .s-invitetext {
  float: left;
  width: 100%; }

.s-invitetext .s-botlinks {
  height: 0px;
  top: -32px;
  bottom: 0; }

.s-invitetext > .padding-bg + .s-aligncenter .s-botlinks {
  height: 0px;
  top: 0px; }

.s-invitetext .s-botlinks > * {
  display: none;
  margin-top: -23px; }

.s-invitetext .s-botlinks .ui-disabled {
  opacity: 1;
  color: #d1d1d1; }

.s-invitetext:hover .s-botlinks * {
  display: inline-block; }

.s-invitetext .s-uploadimage-wrap + .s-botlinks * {
  margin-top: 0; }

.s-invitetext > .padding-bg {
  margin-bottom: 0; }

.s-invitetext .s-quesrowpad {
  padding: 0 5px; }

.s-invitetext .s-srvy-ques-row {
  box-shadow: 0px 0px 0px  !important; }

.s-invitetext .s-quesrowpad .s-quessubrow .s-quessubrowform {
  margin-bottom: 5px !important; }

.s-invitetext .s-quesrowpad .label {
  font-weight: normal;
  font-size: 12px !important; }

.s-invitefooter-text .label p, .s-invitefooter-text .s-button-link {
  font-size: 12px; }

.s-invitetext + .s-invitetext {
  margin-top: 20px; }

.s-invitetext .s-srvy-ques-row > .s-quessubrow {
  height: 38px; }

.s-invitetext .uploadlogowidget .s-uploadimage-widget .s-botlinks {
  top: auto;
  bottom: 50px; }

.s-surveydesigner .s-surveyquestion .s-botlinks a {
  min-width: 85px; }

.survey-property-popup .s-form-horizontal .controls > input[type="text"] {
  width: 229px; }

.survey-property-popup .s-fieldset {
  box-shadow: none;
  border: 1px solid #cccccc; }

#surveyList .s-survey-listitem + .s-survey-listitem {
  margin-top: 10px; }

#surveyList .s-survey-listitem > .padding-small {
  padding: 0; }

#surveyList .s-survey-listitem > .padding-bg {
  padding: 10px;
  margin-bottom: 0; }

.s-srvysummary-wrap {
  background-color: #fff;
  position: relative;
  box-shadow: 0px 0px 2px rgba(0, 2, 4, 0.5);
  border: 1px solid #999; }

.s-srvysummary-wrap-workcopy {
  border: 1px dashed #646565;
  border-bottom: 1px dashed #646565; }

.s-srvysummary-wrap .s-rowpanel-header .well-small {
  padding: 14px 19px; }

.s-srvysummary-wrap .badge-status {
  position: absolute;
  width: 86px;
  height: 86px;
  right: -5px;
  top: -5px;
  z-index: 5; }

.s-srvysummary-wrap .badge-live {
  background-position: 0 0 !important; }

.s-srvysummary-wrap .badge-copy {
  background-position: 0 -86px !important; }

.s-srvysummary-wrap .badge-draft {
  background-position: 0 -172px !important; }

.s-srvysummary-wrap .badge-closed {
  background-position: 0 -258px !important; }

.s-srvysummary-wrap .badge-status strong {
  transform: rotate(45deg);
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  left: 9px;
  top: 9px;
  width: 50px;
  height: 86px;
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  color: #000; }

.s-srvysummary-wrap .s-rowpanel-header {
  border-bottom: 1px solid #e5e5e5; }

.s-srvysummary-wrap .s-rowpanel-header h3 {
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 0;
  margin-bottom: 5px; }

.s-srvysummary-wrap .s-rowpanel-header h3 .icon-lock {
  margin-top: -3px; }

.s-srvysummary-wrap .s-rowpanel-header .alert-warning {
  padding: 5px 35px 5px 6px; }

.s-srvysummary-wrap .s-rowpanel-header .alert-warning .icon-lock-w {
  margin-top: -3px; }

.s-srvysummary-wrap .s-rowpanel-header h6.label {
  line-height: 16px;
  font-weight: normal; }

.s-srvysummary-wrap .s-rowpanel-header .s-form-horizontal {
  font-size: 12px; }

.s-srvysummary-wrap .s-rowpanel-header .s-form-horizontal .control-group {
  margin-bottom: 4px; }

.s-srvysummary-wrap .s-rowpanel-header .s-form-horizontal .control-label {
  padding-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: normal;
  text-align: left; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-srvystatus .s-form-horizontal .control-label + .controls {
  margin-left: 120px;
  width: 80px; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-srvystatus .s-form-horizontal .control-label {
  width: 130px; }

.s-srvysummary-wrap .s-form-horizontal .s-col-srvystatus .control-group .control-label {
  width: 120px; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-srvystatus,
.s-srvysummary-wrap .s-rowpanel-header .s-col-actions {
  margin-top: 21px; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-prmryinfo .control-group .control-label {
  width: 80px; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-prmryinfo .control-group .controls {
  margin-left: 110px; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-prmryinfo .control-group .controls span {
  word-wrap: break-word;
  padding-right: 10px; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-srvystatus {
  display: none; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-prmryinfo {
  min-height: 70px; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-restricted {
  margin-left: 23%; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-actions {
  float: right; }

.s-col-srvystatus .control-group span {
  margin-bottom: 0;
  font-size: 12px; }

.s-srvysummary-wrap .s-rowpanel-header .s-col-srvystatus .form-horizontal .control-label {
  padding-top: 5px; }

.row-link-group {
  border-top: 1px solid #e5e5e5; }

.row-link-group .btn {
  padding: 0 14px; }

.s-srvysummary-wrap .row-link-group .well-small {
  padding: 0 14px; }

.s-srvysummary-wrap .row-link-group .s-button-link {
  text-decoration: none;
  margin-right: 10px;
  float: left; }

.s-srvysummary-wrap .row-btn-group {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #f1f1f1, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f1f1f1, #eeeeee);
  background-image: -o-linear-gradient(top, #f1f1f1, #eeeeee);
  background-image: linear-gradient(to bottom, #f1f1f1, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f1f1', endColorstr='#ffeeeeee', GradientType=0); }

.s-srvysummary-wrap .row-btn-group .btn {
  font-weight: bold; }

.btn-uploadcontacts {
  margin-top: 30px; }

.s-srvy-ques-row > .s-formswrap:nth-child(2) {
  margin-bottom: 10px; }

/*Display Logic*/
.blockheader {
  padding: 5px 0; }

.s-displaylogic .s-formswrap {
  margin-bottom: 0; }

.s-displaylogic .s-formswrap .s-custom-combolist input {
  width: auto; }

.s-displaylogic .padding-bg {
  background-color: #fff;
  box-shadow: 0px 0px 1px #ebebeb;
  border: 1px solid #ebebeb;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
  min-height: 110px !important; }

.s-displaylogic .padding-small {
  padding: 10px; }

.s-displaylogic .s-combolist-mastercontainer {
  margin-top: 0px !important; }

.s-addremovebtns .s-button {
  width: 18px;
  height: 18px;
  line-height: 12px;
  font-weight: bold;
  font-size: 19px;
  padding: 0px 0 0 1px;
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 0px;
  background: none;
  color: #6CA898;
  box-shadow: none; }

.s-addremovebtns .s-button + .s-button {
  margin-left: 5px; }

.s-quespro-data {
  padding-left: 0px !important;
  margin-top: 8px; }

.s-editmultiple input {
  width: 40px !important;
  text-align: center;
  font-size: 150%;
  margin-bottom: 0; }

.s-editmultiple span.inputbox {
  display: inline-block;
  top: -2px;
  position: relative; }

.s-editmultiple a.s-button-link {
  display: inline-block;
  width: 22px;
  height: 22px;
  font-size: 20px;
  color: #6a6a6a;
  text-align: center;
  padding: 0;
  margin: 0px;
  cursor: pointer; }

.s-editmultiple .s-button-link + .label {
  margin-left: 5px;
  display: inline-block;
  position: relative;
  top: 4px; }

.s-quespro-row label {
  margin-left: 15px; }

.s-quespro-row {
  padding-left: 35px; }

.s-quesprop-more {
  color: rgba(20, 111, 169, 0.7);
  display: inline-block;
  font-size: 110%;
  font-weight: bold;
  margin-top: 10px !important; }

.s-scrub-repeat {
  margin: 0px 0px 5px -56px; }

.s-scrub-repeat .s-widthauto {
  margin-right: 1px !important; }

.s-scrub-repeat:first-child {
  margin-left: 5px !important; }

.s-scrub-repeat .s-button-group {
  margin-top: 3px; }

/*editable field*/
.s-editableinput-wrap {
  position: relative; }

.s-editableinput-wrap .label-readonly {
  margin-bottom: 0;
  line-height: 16px;
  padding: 0px;
  display: inline-block;
  cursor: text;
  min-width: 200px; }

.s-editableinput-wrap .label-placeholder {
  color: rgba(56, 56, 56, 0.45);
  font-weight: normal; }

.s-newsgmt-criteria .s-editableinput-wrap .label-placeholder {
  font-size: 16px;
  font-weight: bold;
  left: 8px;
  position: absolute;
  top: 4px; }

.s-editableinput-wrap .input-editfield {
  margin-bottom: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*.s-editableinput-wrap .input-editfield{width:100%; background:#fff none;}*/
.s-editableinput-wrap .btn-edit {
  display: inline-block; }

.s-dragdropitemlist .s-editableinput-wrap {
  width: 85%; }

.s-surveyquestion .s-editableinput-wrap .input-editfield {
  width: 100%; }

.s-surveyintro,
.s-surveyquestion {
  margin-bottom: 10px;
  position: relative; }

.s-surveyquestion > .padding-bg {
  box-shadow: none;
  background-color: #dbdbdb;
  border-width: 0px;
  border-radius: 0; }

/* Move questions up and down button*/
.s-button-moveblock {
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -16px; }

.s-button-moveblock .s-controls-updown {
  position: relative;
  height: auto;
  width: 18px;
  float: left;
  border-radius: 4px 0 0 4px;
  overflow: hidden; }

.s-button-moveblock .s-controls-updown .s-button {
  position: relative;
  text-align: center;
  background-color: #6CA898;
  color: #fff;
  text-shadow: none;
  border-color: #7A9191;
  border-radius: 0; }

.s-pgbreak-welcome .s-button-moveblock {
  margin-top: -18px; }

.s-button-moveblock .s-controls-updown .s-button:first-child {
  border-top-left-radius: 4px; }

.s-button-moveblock .s-controls-updown .s-button:last-child {
  border-bottom-left-radius: 4px; }

.s-gridlayout-borders .s-grid-row-head + .s-grid-row-body > .s-layout-fluid:first-child {
  border-top: 0px solid rgba(56, 56, 56, 0.2); }

.s-controls-updown .s-button-up {
  left: 0;
  top: 0; }

.s-button-moveblock {
  display: none; }

.s-pgbreak-welcome-active .s-button-moveblock,
.s-pgbreak-welcome-focus .s-button-moveblock,
.s-pgbreak-welcome:hover .s-button-moveblock,
.s-surveyquestion-active .s-button-moveblock,
.s-surveyquestion-focus .s-button-moveblock,
.s-surveyquestion:hover .s-button-moveblock {
  display: block; }

.s-surveyquestion .s-srvy-quescontainer .s-surveyfeature-btns {
  position: absolute;
  top: auto;
  bottom: 5px;
  right: 3px; }

.s-surveyquestion .s-srvy-quescontainer .pgcontentpanel + .pgcontentpanel {
  margin-top: 10px; }

.s-surveyquestion .s-surveyfeature-btns + .s-button-moveblock {
  margin-top: 0; }

.s-mobilizepromoters .alert-info {
  margin-top: 5px;
  padding: 0;
  margin-bottom: 0; }

.s-surveyquestion:last-child {
  margin-bottom: 0px; }

.s-surveyquestion > .padding-bg {
  padding: 0px; }

.s-surveyquestion-shuffled > .padding-bg,
.s-surveyquestion-noversions > .padding-bg {
  padding: 10px; }

.s-surveydesigner > .padding-large {
  padding: 10px; }

.s-surveyquestion .s-rowpanel-header .s-formswrap {
  margin-bottom: 0;
  position: relative; }

.s-surveyquestion .padding-bg {
  margin-bottom: 0; }

button.s-active {
  background-color: #7a9191 !important; }

.s-surveyquestion .s-rowpanel-header {
  box-shadow: none; }

.s-surveyquestion .s-surveysettings-panel > .padding-small {
  padding: 0px;
  padding-bottom: 10px; }

.s-surveyquestion-noversions .s-rowpanel-header .padding-small {
  padding: 10px; }

.s-surveyquestion-noversions > .padding-large {
  background: none transparent;
  box-shadow: none;
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  padding: 0px; }

.s-formswrap-addversion .control-group {
  text-align: left !important; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group {
  background: none transparent;
  box-shadow: 0 0px 2px rgba(0, 2, 4, 0);
  padding: 0 !important;
  margin-top: 2px !important;
  clear: both;
  display: table; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group > .controls {
  padding: 0px 0 0 25px !important;
  float: left;
  margin-left: 0; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group:hover > .controls {
  box-shadow: 0 0px 2px rgba(0, 2, 4, 0);
  position: relative; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group input[type="checkbox"],
.s-surveyquestion-panel .s-dragdropitemlist .control-group input[type="radio"] {
  top: 0px;
  margin-left: -20px; }

.ext-ie10 .s-surveyquestion-panel .s-dragdropitemlist .control-group input[type="checkbox"],
.ext-ie10 .s-surveyquestion-panel .s-dragdropitemlist .control-group input[type="radio"],
.ext-ie11 .s-surveyquestion-panel .s-dragdropitemlist .control-group input[type="checkbox"],
.ext-ie11 .s-surveyquestion-panel .s-dragdropitemlist .control-group input[type="radio"] {
  top: 3px; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group .s-editableinput-wrap .label-readonly {
  padding: 5px 0 !important; }

.s-surveyquestion-panel .control-group {
  padding: 5px 0;
  margin-bottom: 0px; }

.s-surveyquestion-panel .control-group .controls label {
  font-size: 13px; }

.s-surveyquestion-panel .control-group .controls {
  position: relative;
  padding: 0 0px; }

.s-surveyquestion-panel .control-group .s-button-group {
  position: relative;
  right: 0px;
  top: -1px;
  margin-top: 0px;
  margin-left: 5px;
  float: left; }

.s-surveyquestion-panel .control-group .controls .s-editableinput-wrap {
  display: inline-block;
  width: auto; }

.s-surveyquestion-panel .control-group .controls .s-editableinput-wrap textarea {
  margin-bottom: 0;
  width: 80%; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group .controls .s-editableinput-wrap textarea {
  margin-bottom: 0;
  width: 202px; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group > .controls + .s-button-group {
  position: absolute;
  right: 0;
  top: 0; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group > .controls .s-editableinput-wrap {
  padding-right: 50px; }

.s-editableinput-wrap .alert-icon {
  position: absolute;
  right: 10px;
  top: 9px; }

.s-inputwrap {
  display: inline-block;
  position: relative; }

.s-inputwrap .alert-icon {
  position: relative;
  left: 5px;
  top: 5px; }

.s-surveyquestion-panel .s-form-checkbox .control-group:hover > .controls {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  position: relative;
  border: 0px solid rgba(0, 2, 4, 0.1); }

.s-surveyquestion-panel .control-group .s-button-group {
  display: none;
  height: 15px; }

.s-surveyquestion-panel .control-group:hover .s-button-group {
  display: block; }

.s-surveyquestion-panel .control-group .s-button-group button i {
  margin-right: 0;
  margin-top: 0 !important; }

.s-surveyquestion-panel .control-group .s-button-group button {
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  border: 0px solid #bbbbbb;
  *border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px !important;
  padding: 6px 6px 6px 0 !important; }

.s-surveyquestion-panel .control-group:hover .s-button-group button:hover,
.s-surveyquestion-panel .control-group:hover .s-button-group button.s-active {
  background-color: #6CA898 !important; }

.s-surveyquestion-panel .control-group:hover .s-button-group button:hover i,
.s-surveyquestion-panel .control-group:hover .s-button-group button.s-active i {
  color: #fff !important; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group .s-editableinput-wrap .label-readonly,
.s-surveyquestion-panel .s-dragdropitemlist .control-group .s-editableinput-wrap .input-editfield {
  font-size: 12px !important;
  line-height: 12px !important;
  top: 0; }

.s-surveyquestion-panel .s-dragdropitemlist .control-group .s-editableinput-wrap input[type="text"] {
  height: 22px !important;
  min-width: inherit;
  width: auto; }

.s-srvy-ques-row {
  position: relative;
  z-index: auto; }

.s-surveyquestion .s-srvy-ques-row {
  position: relative;
  z-index: 2; }

.s-srvy-ques-row {
  background: #fefefe;
  box-shadow: none;
  border: 1px solid #ccc;
  border/**\*/: 1px solid #ccc\9;
  color: #404040; }

.s-surveyquestion .s-srvy-ques-row + .s-pgbreak-welcome {
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 10px;
  box-shadow: 0 0px 1px #666666; }

.s-surveydesigner .label {
  text-align: left;
  color: #666;
  font-size: 100%;
  font-weight: normal; }

.s-srvy-ques-row + .s-srvy-ques-row {
  margin-top: -1px;
  border-top-width: 0; }

.s-srvy-ques-row + .s-srvy-ques-row:before {
  position: absolute;
  left: 10px;
  right: 10px;
  content: "";
  height: 1px;
  top: 0;
  background-color: #ccc;
  display: block; }

.s-surveyquestion .s-surveysettings-panel {
  box-shadow: none;
  height: 38px;
  margin-bottom: 0px;
  position: relative;
  z-index: 5; }

.s-surveyquestion .s-surveysettings-panel .padding-small {
  padding: 5px 10px; }

.s-srvy-ques-row + .s-srvy-ques-row .s-surveysettings-panel {
  box-shadow: none;
  margin-bottom: 0px; }

.s-surveyquestion > .padding-bg {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s; }

.s-surveyquestion:not(.s-surveyquestion-shuffled):not(.s-surveyquestion-linked) > .padding-bg:hover {
  box-shadow: 0px 0px 3px #666; }

.s-surveyquestion-active > .padding-bg {
  box-shadow: 0px 0px 3px #000; }

.s-surveyquestion-newquestions .s-srvy-ques-row {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  border: none; }

.s-surveydesigner .s-srvy-ques-row:hover {
  cursor: move; }

.s-socialmediatext-panel .padding-bg {
  min-height: 235px; }

.s-socialmediatext-panel .controls-twitter textarea {
  margin-bottom: 0;
  text-indent: 13px; }

.s-socialmediatext-panel .padding-bg textarea {
  max-height: 26px;
  width: 100%;
  overflow: hidden; }

.s-socialmediatext-panel .placeholder-sharethumb {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 5px !important; }

.s-socialmediatext-panel .controls-twitter {
  position: relative; }

.s-socialmediatext-panel .controls-twitter label.icon-label {
  left: 6px;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.s-socialmediatext-panel .padding-bg .control-label .icon {
  font-size: 16px;
  margin-right: 7px; }

.s-surveyquestion-active .s-surveysettings-panel {
  box-shadow: none;
  position: relative;
  background: none #fff !important;
  filter: none !important; }

.s-btnhome {
  border-radius: 5px 0 0 5px; }

.s-form-qnlabel {
  width: 100%; }

.s-form-qnlabel .s-editableinput-wrap {
  display: inline-block;
  max-width: 560px;
  width: 75%;
  margin-bottom: 0; }

.s-form-qnlabel .s-editableinput-wrap .input-editfield {
  width: 220px;
  height: 26px !important; }

.s-translationgrid-wrap .s-form-qnlabel .s-editableinput-wrap {
  display: inline; }

.s-form-qnlabel input {
  margin-bottom: 0; }

.s-form-qnlabel label.label {
  display: inline-block;
  line-height: 20px;
  padding: 4px 0;
  font-size: 13px;
  color: #6a6a6a;
  float: left;
  font-weight: bold;
  margin-right: 5px; }

.s-form-qnlabel label.label-readonly {
  font-weight: normal;
  margin-right: 0; }

.s-form-qnlabel .s-editableinput-wrap label.label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left; }

.s-surveyquestion-panel + .s-surveysettings-panel {
  margin-top: 15px;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff, #fefefe);
  background-repeat: repeat-x;
  box-shadow: 0 1px 2px rgba(0, 2, 4, 0.5); }

.s-surveyquestion-panel + .s-surveysettings-panel .s-form-qnlabel label.label {
  color: #383838; }

.s-surveyquestion-panel + .s-surveysettings-panel .s-ico-queslogic {
  background-position: -335px 0px; }

.s-surveyquestion-panel + .s-surveysettings-panel .s-ico-quessettings {
  background-position: -397px 0px; }

.s-surveyquestion-panel + .s-surveysettings-panel .s-ico-quesdel {
  background-position: -454px 0px; }

.s-modallogic {
  width: 1015px;
  margin-left: -500px;
  padding: 0; }

.s-modallogic .s-rowpanel-header {
  box-shadow: none !important; }

.s-displaylogic .condition label:not(.checkbox) {
  position: relative;
  top: -3px;
  width: 35px; }

.s-displaylogic .joinctr .label,
.s-displaylogic .joinctr label {
  position: relative;
  top: -3px; }

.s-displaylogic .condition label.checkbox {
  position: relative;
  top: 4px; }

.s-displaylogic .condition .s-addremovebtns {
  position: relative;
  top: 9px; }

.s-displaylogic .s-formswrap {
  margin-top: 0px; }

.s-displaylogic .displayheader {
  margin-bottom: 10px; }

.s-displaylogic .displayheader .s-custom-combolistinline-wrap label {
  position: relative;
  top: -3px; }

.s-displaylogic .s-custom-combolistinline-wrap input {
  width: auto !important;
  font-weight: bold;
  color: #383838; }

.s-modallogic .s-modal-body {
  min-height: 400px; }

.s-wrapper-and {
  box-shadow: none;
  background: #333; }

.s-wrapper-and .s-custom-combolist-wrap {
  background: #333;
  margin: 5px 0;
  float: left; }

.s-wrapper-and .s-custom-combolist input {
  color: #fff !important;
  font-weight: bold;
  top: 0px;
  padding: 0; }

.s-wrapper-and .s-custom-combolist {
  background: transparent !important;
  border: none; }

.s-wrapper-and .s-conditionset {
  border-top: 1px solid #333; }

.s-modallogic .s-dropdown-header input[type="text"] {
  width: 92%; }

.s-modallogic .s-formswrap .s-custom-combolist input {
  width: auto; }

.s-ignorecase {
  position: relative;
  display: inline-block;
  margin-left: -1px; }

.s-ignorecase label {
  font-weight: normal; }

.s-ignorecase .checkbox input[type="checkbox"] {
  top: -3px !important; }

.s-custom-combolistinline-wrap-marginlft {
  margin-left: 228px; }

.s-slfsrvice-pagewrap .s-pgtitlepanel-bg {
  margin: 12px 0; }

.s-slfsrvice-pagewrap .s-titlegroup {
  margin: 0px;
  padding: 0 !important; }

.s-titlegroup .s-formswrap h2, .s-titlegroup .s-formswrap h2 label, .s-titlegroup .s-formswrap h2 textarea, .s-titlegroup .s-formswrap h2 input[type="text"] {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  font-weight: bold; }

.s-titlegroup .s-formswrap h2 input[type="text"] {
  height: 24px;
  line-height: 24px;
  padding: 0 6px; }

.s-skiplogic {
  position: relative;
  z-index: 2; }

.s-skiplogic .control-group {
  margin-bottom: 0; }

.s-skiplogic .controls {
  position: relative; }

.s-skiplogic .controls .padding-bg {
  box-shadow: none;
  background: #fbfbfb;
  border-radius: 0 4px 4px 0; }

.s-skiplogic .controls h3 {
  font-size: 16px;
  margin-bottom: 5px; }

.s-skiplogic .controls p {
  font-size: 12px;
  color: grey; }

.s-skiplogic .controls h3 span,
.s-skiplogic .controls p strong {
  color: black; }

.s-skiplogic .button-skiplogic {
  background-color: #6BA342;
  padding: 0px 0px;
  text-align: center;
  width: 38px;
  height: 70px;
  border: none; }

.s-skiplogic .button-skiplogic .padding-small {
  padding: 10px 0; }

.s-skiplogic .controls {
  padding: 10px 0 !important;
  margin-left: 38px; }

.s-skiplogic .controls .padding-small {
  padding: 9px; }

.s-skiplogic .controls .s-questoolbar {
  display: block; }

.s-surveyquestion .s-surveysettings-panel .s-skiplogic {
  margin-top: -23px;
  margin-right: 20px;
  display: none; }

.s-surveyquestion-noversions .s-surveysettings-panel .s-skiplogic {
  margin-top: -10px; }

.s-modallogic .s-modal-header .s-button {
  float: right; }

.s-displaylogic .s-rowpanel-header {
  background-image: none !important;
  background-color: #fff;
  margin-top: 0px; }

.s-displaylogic .s-brdrcondition {
  border-top: 1px dashed #c2c2c2; }

.s-modallogic .s-formswrap .s-custom-combolist input.wideinput {
  width: 230px !important; }

.s-combolist-mastercontainer {
  float: left; }

.s-displaylogic .s-wrapper-and-nobg {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  width: 20px !important;
  float: left;
  font-weight: bold !important;
  color: #383838 !important;
  margin-left: -5px !important; }

.s-wrapper-and-nobgbox {
  float: left; }

.s-logic-brderbox {
  background: none repeat scroll 0 0 #fcfcfc;
  border: 1px solid #ebeaea;
  padding: 7px 0 0 0; }

.s-displaylogic .s-combolist-mastercontainer .s-addremovebtns {
  margin-left: 10px; }

.s-logic-brderbox .padding-small {
  padding: 5px 10px; }

.s-logic-brderbox .s-combolist-mastercontainer {
  margin-top: 0px !important; }

.s-grid-scroll-head {
  padding-right: 0px; }

.s-grid-scroll-body {
  overflow: hidden; }

.s-button-deleterow {
  position: absolute;
  right: 10px;
  top: 5px; }

.s-dashboardtabs-tables .s-grid-scroll-body {
  border-bottom: 1px solid rgba(56, 56, 56, 0.2);
  *border-bottom: 1px solid #ddd;
  border-bottom/**\*/: 1px solid #ddd\9; }

.s-grid-scroll-body .s-grid-col1 {
  overflow: hidden;
  overflow-x: scroll; }

.s-colscrubvalue .s-formswrap .s-button-group {
  right: -22px !important; }

.has-editicon {
  width: 80%; }

.has-editicon .s-button-group {
  right: -22px !important;
  display: none; }

.has-editicon:hover .s-button-group {
  display: block; }

.scrub-rule .s-addorremove-btns .btnmargin {
  margin-top: 27px; }

.scrub-rule .conditionrow .s-addorremove-btns {
  padding-top: 5px; }

.s-chartmaster + .s-formswrap {
  margin-top: 10px;
  margin-bottom: 0; }

.s-chartmaster + .s-formswrap .control-group {
  margin-bottom: 0; }

.s-bottom-chartsec {
  overflow: hidden; }

.s-chartmaster .s-bottom-chartsec .s-formswrap {
  float: right;
  margin-bottom: 0;
  margin-right: 22px;
  width: 60%; }

.s-chartmaster .s-bottom-chartsec .s-formswrap .control-group {
  margin-bottom: 0; }

.s-subtitles {
  margin-bottom: 10px; }

.s-subtitles > .padding-small {
  padding: 0px 0; }

.s-subtitles h2 {
  line-height: 24px;
  display: block; }

.s-subtitles h3 {
  font-size: 13px; }

.s-sel-previewsegment .input {
  font-weight: bold !important;
  width: 300px;
  font-size: 14px !important; }

.s-sel-previewsegment label {
  display: inline-block;
  font-size: 15px;
  width: 40%;
  text-align: right; }

.s-sel-previewsegment {
  padding-left: 6%; }

.s-slfsrvice-accordion-headtxt .s-subtxt {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #4D4B4B; }

.s-slfsrvice-accordion-heading.active, .s-slfsrvice-accordion .ui-state-active .s-slfsrvice-accordion-heading .s-subtxt {
  color: #fff; }

.s-slfsrvice-accordion-heading.no-borderradius, .s-slfsrvice-accordion-group.no-borderradius {
  border-radius: 0px !important; }

.icon-tmpsel-whiteoff {
  background-position: -155px -99px !important;
  height: 8px;
  margin-top: 15px;
  width: 20px; }

.icon-tmpsel-white:before {
  content: "\e64f"; }

.s-slfsrvice-accordion .ui-accordion-header-active .s-slfsrvice-accordionbtn .hide-shades .icon-tmpsel-grey {
  background-position: -157px -88px !important; }

.icon-tmpsel-grey, .icon-tmpsel-grey-down, .icon-tmpsel-white {
  background: none; }

.icon-tmpsel-grey:before {
  content: "\e652"; }

.icon-tmpsel-grey-down:before {
  content: "\e64f"; }

/*Invite panel*/
.s-invite-panel .s-header {
  margin-bottom: 10px;
  margin-top: 10px; }

.s-invite-panel .s-header .ui-buttonset {
  margin-right: 0 !important; }

.s-invite-panel .s-header h6.title-inline {
  margin-top: 10px;
  font-weight: normal;
  font-size: 14px; }

.s-invite-panel .s-header .s-button-medium {
  font-size: 12px; }

.s-invite-panel .s-content .control-label {
  text-align: right;
  width: 100px; }

.s-invite-panel .s-content .s-invitetext > .padding-bg {
  padding: 0;
  background-color: #f9f9f9;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.45) inset;
  border: none; }

.s-invite-panel .s-formswrap {
  margin-bottom: 0px; }

.s-invite-panel .s-formswrap .control-group:last-child, .s-invite-panel .s-formswrap .control-group p:last-child {
  margin-bottom: 0px !important; }

.s-invitepreview-panel .s-content .padding-bg .s-invite-header,
.s-invitepreview-panel .s-content .padding-bg .s-invite-body {
  border-bottom: 1px solid #c3c3c3; }

.s-invitepreview-panel .s-content .padding-bg .s-invite-body p {
  font-weight: bold; }

.s-invitepreview-panel .s-content .padding-bg .s-invite-footer p {
  font-weight: bold;
  color: #7e7e7e; }

.s-modal .s-invite-panel .s-form-horizontal .controls {
  margin-left: 110px !important; }

.s-invite-panel .errormessage-wrap {
  margin-bottom: 0 !important;
  margin-top: 10px; }

.s-invite-panel .errormessage-wrap .alert {
  margin-bottom: 0; }

.invite-settings .s-button-group .s-button-link,
.invite-settings .s-invite-panel .label-checkbox {
  display: inline-block;
  padding: 5px 0; }

.invite-settings .s-colsetreminders .s-leftmargin {
  margin-left: 33px !important; }

.s-invitepreview-panel .s-content .padding-small {
  padding: 17px 25px; }

.s-invitepreview-panel .s-content .s-invite-footer .padding-small {
  padding: 7px 25px; }

.s-button-label .icon-dropdown-large {
  position: relative;
  top: 3px; }

.s-modaladdques .s-modal-body {
  height: auto !important;
  overflow: visible !important;
  padding-bottom: 0 !important; }

.s-modaladdques .tab-content {
  margin-left: -15px;
  margin-right: -15px; }

.s-modaladdques .icon-tmpsel-white {
  margin-top: 2px !important; }

.s-modaladdques .innercols p {
  font-size: 12px;
  text-align: left;
  line-height: 18px;
  color: #6a6a6a; }

.s-modaladdques .innercols-head {
  font-size: 13px;
  font-weight: bold; }

.s-modaladdques .innercols-head h2, .s-modaladdques .innercols-head p {
  color: #3d3d3d; }

.s-modaladdques .s-addquesrow {
  float: left;
  padding: 5px 0; }

.s-modaladdques .s-addquesrow .label, .s-modaladdques .s-ans-options .label {
  font-size: 12px;
  position: relative;
  top: 7px;
  color: #535353; }

.s-modaladdques .s-quespreviewwrap {
  background: #e3e3e3;
  min-height: 500px;
  margin-top: 12px; }

.s-modaladdques .s-quespreviewwrap .s-queswraphead {
  background: #a7a7a7;
  padding: 5px 0; }

.s-modaladdques .s-quespreviewwrap .s-queswraphead h3 {
  color: #3d3d3d; }

.s-modaladdques .s-quespreviewwrap .innercols {
  border: none; }

.s-modaladdques .s-ans-options .label {
  top: 4px; }

.s-quesdesc {
  border-top: 1px dashed #b8b8b8; }

.s-modaladdques .s-quesdesc p:nth-child(2) {
  padding-top: 70px; }

.s-modaladdques .s-quesdesc p {
  line-height: 18px;
  padding-top: 5px; }

.s-modaladdques .s-addquesrow.selected {
  background: #e3e3e3;
  width: 120%; }

.s-modaladdques .s-addquesrow .s-custom-checkbox {
  margin-left: 3px; }

.s-modaladdques .s-quespreview-body {
  padding-left: 16px !important; }

.s-modaladdques .s-queswraphead {
  padding-left: 24px !important; }

.s-modaladdques .padding-large {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-radius: 0 0 0 0;
  box-shadow: none; }

.s-modaladdques .s-slfsrvice-accordion-headtxt {
  padding: 7px !important; }

.s-modaladdques .s-slfsrvice-accordionbtn {
  padding: 0px !important;
  float: right;
  width: auto; }

.s-modaladdques .s-slfsrvice-accordion-heading .icon-tmpsel-grey:before {
  content: "\e64f"; }

/*.s-modaladdques .s-modal-body{margin-top:10px}*/
.s-modaladdques .s-radiotab, .s-modaladdques .s-surveyquestion-panel .s-form-checkbox {
  width: 90%; }

.s-modaladdques .s-chckbox-panel {
  position: relative;
  z-index: 999;
  padding: 27px 10px;
  width: 13px !important;
  overflow: hidden;
  height: 100%; }

.s-modaladdques .s-srvy-ques-row {
  background: none repeat scroll 0 0 #dcdcdc; }

.s-modaladdques .s-srvy-ques-row.active {
  background: #dcdcdc; }

.s-modaladdques .s-rowpanel-header {
  box-shadow: 0 1px 1px rgba(0, 2, 4, 0); }

.s-modaladdques .s-surveyquestion-panel .s-form-checkbox .s-formswrap {
  margin-bottom: 0; }

.s-modal .s-srvy-quescontainer + .s-srvy-quescontainer {
  margin-top: 10px; }

.s-verlogic-modal .s-modal-body {
  min-height: 330px;
  padding-top: 0px; }

.s-verlogic-label {
  font-size: 16px !important; }

.s-verlogic-modal .s-modal-header {
  padding: 9px 15px; }

.s-addqn-form-horizontal .s-chckbox-panel {
  position: relative;
  z-index: 999;
  padding: 15px 10px;
  width: 35px !important;
  overflow: hidden;
  height: 100%;
  margin-right: 0px !important;
  text-align: center; }

.s-addqn-form-horizontal .controls {
  margin-left: 35px;
  background-color: #fff;
  overflow: hidden; }

.s-addqn-form-horizontal .controls .s-quesrowpad {
  width: 100%;
  padding: 0;
  margin-right: 0 !important; }

.s-modal .s-srvy-quescontainer .icon-link {
  position: absolute;
  bottom: 10px;
  left: 10px; }

.s-questiontype {
  border-bottom: 2px solid rgba(0, 2, 4, 0.25);
  border-top: 1px solid rgba(56, 56, 56, 0.05);
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -o-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff4f4f4', GradientType=0);
  box-shadow: none;
  position: relative;
  z-index: 4; }

.s-questiontype .padding-small {
  padding: 10px 20px;
  text-align: right; }

.s-questiontype h3 {
  font-size: 14px;
  color: rgba(56, 56, 56, 0.35);
  letter-spacing: -1px; }

.s-modal .s-send-testemail .s-form-horizontal .controls {
  margin-left: 169px !important; }

/*Alert Setup*/
.s-alertsetup {
  margin-bottom: 10px; }

.s-form-alertsetup {
  margin-bottom: 10px; }

.s-alertsetup .s-slfservicehead h3 {
  margin-top: 6px; }

.s-alertsetup .s-checkbox-vertical .control-group input[type="checkbox"] {
  top: -2px !important; }

.s-alertsetup .s-checkbox-vertical .control-group .controls .label-checkbox {
  line-height: 18px;
  margin-top: 1px; }

.s-usrdefinedalerts .s-itemlistwrap input[type="checkbox"] {
  top: -3px !important; }

.alertgrid .s-grid-row-caption {
  border: none; }

.s-grid-row-caption {
  background: #F7F7F7; }

/*Set Time*/
.s-settime {
  display: inline-block; }

.s-settime .label-sep {
  text-align: center;
  min-width: 15px; }

.s-settimezone .control-label {
  width: 230px;
  text-align: left; }

.s-settimezone .control-label .label {
  float: left;
  width: 150px;
  text-align: left; }

.s-settimezone .control-label .s-inputwrap {
  width: 80px;
  float: left; }

.s-modal-surveyproperties .s-modal-header,
.s-modal-surveyproperties .s-modal-body,
.s-modal-surveyproperties .s-modal-footer {
  padding-left: 18px;
  padding-right: 18px; }

.s-modal-surveyproperties .s-form-horizontal .control-label {
  width: 250px; }

.s-modal-surveyproperties .s-form-horizontal .controls {
  margin-left: 260px; }

.s-button-uploadimg {
  position: relative;
  cursor: pointer;
  color: #fff; }

.s-button-uploadimg span {
  cursor: pointer;
  color: inherit; }

.s-button-uploadimg input[type="file"] {
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%; }

.s-signbox {
  margin-top: 5px; }

.s-signwrap .s-signbg {
  border: 5px solid #fff;
  background: #999;
  width: 215px;
  height: 93px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 90px;
  box-shadow: 0px 0px 3px #b3b3b3;
  cursor: pointer; }

.s-signwrap .s-botlinks {
  margin-top: -13px;
  text-align: center;
  width: 225px; }

.s-signwrap .s-botlinks {
  display: none;
  position: absolute; }

.s-signwrap:hover .s-botlinks {
  display: block; }

.s-invite-panel .s-tab-content {
  color: #3D3D3D;
  margin: 5px 5px 5px -18px;
  overflow: hidden;
  padding: 25px 0px; }

.s-invite-panel .info p {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  margin-bottom: 0;
  text-align: left;
  margin-top: 3px; }

.uploadsignaturewidget {
  width: 300px !important;
  height: 200px; }

.uploadsignaturewidget > div {
  height: 100%; }

.uploadsignaturewidget .s-uploadimage-widget .s-uploadimage-wrap {
  height: 100%; }

.s-surveyquestion-panel .uploadsignaturewidget .s-uploadimage-wrap {
  max-height: 200px; }

.s-invitetext .uploadsignaturewidget .label {
  font-size: 11px !important;
  margin-top: 75px;
  text-align: center; }

.s-temp-selctionpage .s-formswrap {
  margin-bottom: 0; }

.s-temp-selctionpage .s-formswrap .label-placeholder {
  display: none; }

.s-temp-selctionpage .s-formswrap h2 {
  margin-bottom: 5px; }

.s-temp-selctionpage .s-slfsrvice-accordion-inner {
  padding: 13px !important; }

.popupcontent {
  position: fixed !important;
  left: 0;
  right: 0; }

div[contenteditable='true'] {
  font-size: 11px; }

div[contenteditable='true'] p {
  margin: 0;
  padding: 2px; }

.s-videowrapper img, .s-videowrapper h4 {
  margin-bottom: 2px;
  text-align: left; }

.s-videowrapper .s-description {
  text-align: left; }

.s-videowrapper .s-description p {
  color: rgba(56, 56, 56, 0.75); }

.s-alertstemplate .s-itemlistwrap {
  margin-left: -5px; }

.s-alertstemplate .s-checkbox-vertical .controls * {
  line-height: 18px; }

.s-alertstemplate .s-itemlistwrap:hover {
  box-shadow: 0 0 3px rgba(0, 2, 4, 0.5);
  cursor: default; }

.alert .s-uploadcnt-data {
  padding-left: 29px;
  color: #333333; }

/*Validation errors*/
.alert-validationgrid, .alert.alert-validationgrid {
  margin-bottom: 0;
  padding: 0px;
  color: #424142; }

.alert-validationgrid .form-horizontal {
  padding: 0 30px; }
  .alert-validationgrid .form-horizontal .form-horizontal {
    padding: 0; }
.alert-validationgrid .control-group {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0; }

.alert-validationgrid .control-group:first-child {
  border-top: 0px solid rgba(56, 56, 56, 0.2);
  border-top/*\**/: 0px solid #d4d4d4\9;
  *border-top: 0px solid #d4d4d4; }

.alert-validationgrid .control-group .control-label {
  width: 20px;
  padding-top: 3px; }

.alert-validationgrid .control-group .controls {
  margin-left: 0px; }

.alert-validationgrid .control-group .controls h5 {
  margin-bottom: 0;
  font-size: 13px; }

.alert-validationgrid .control-group .controls p {
  margin-bottom: 0; }

.success .alert-validationgrid .s-formswrap.s-form-horizontal {
  padding: 0px; }
.success .alert-validationgrid .control-group {
  border-top: 1px solid rgba(56, 56, 56, 0.2);
  border-top/*\**/: 1px solid #d4d4d4\9;
  *border-top: 1px solid #d4d4d4; }
  .success .alert-validationgrid .control-group:first-child {
    border-top: 0; }
  .success .alert-validationgrid .control-group .controls {
    margin-left: 30px; }

.alrtlbl label {
  color: #999; }

/*Test*/
.s-testsurvey .s-rowpanel-header + .s-rowpanel-header {
  margin-top: 10px; }

.s-testsurvey .s-rowpanel-header p {
  margin-bottom: 0; }

.s-testsurvey .s-rowpanel-header p + p {
  margin-top: 10px; }

.s-testsurvey .s-rowpanel-header .s-cols3 .s-button {
  width: 140px; }

#surveydesignerfooter .padding-large {
  padding: 0; }

#surveydesignerfooter .s-button-group .s-button + .s-button {
  margin-left: 5px; }

.no-selectfield {
  padding-right: 6px !important; }

.lefteditor img:after,
div[contenteditable="true"] img:after {
  content: " <<image>> "; }

/*Clone Survey*/
.s-form-clonesurvey + .clearfix .list,
.s-form-clonesurvey + .clearfix .list li {
  margin-bottom: 0; }

/*Shared List of Values*/
.s-sharedoptions-widget .s-form-vertical > .padding-small {
  overflow: auto;
  max-height: 120px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset; }

.s-sharedoptions-widget .s-form-vertical .control-group {
  margin-bottom: 0px; }

.s-sharedoptions-widget .s-form-vertical .control-group + .control-group {
  margin-top: 5px; }

/*Start: popupsurvey*/
.s-form-themecontrols input[type="text"] {
  margin-bottom: 0; }

.s-form-colorpicker .control-label {
  text-align: left;
  width: 150px; }

.s-form-colorpicker .control-label + .controls {
  margin-left: 160px; }

.s-modal-createpop-survey .s-modal-body {
  max-height: 500px;
  padding-bottom: 0px !important; }

.s-form-moreoptions input[type="text"] {
  width: 220px; }

.s-modal-createpop-survey .tab-content .s-form-horizontal .control-group + .control-group + .control-group {
  margin-bottom: 0px; }

.s-modal-createpop-survey .s-tab-pane .s-formswrap {
  margin-bottom: 0px; }

.s-modal-createpop-survey #tab2 .s-inputwidth-320 {
  margin-bottom: 10px; }

/*End: popupsurvey*/
/* Manage Translations */
.s-translation-tabs .s-tabbable .s-nav {
  background-color: #424142 !important; }

.s-overview-widget .control-label {
  color: #fff; }

.s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer:not(.active) {
  display: inline-block;
  position: relative;
  padding-right: 30px; }
  .s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer:not(.active) .edit-addon {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    padding-right: 5px; }
  .s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer:not(.active):hover {
    border: 1px solid rgba(82, 168, 236, 0.8);
    background-color: #fff;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
    .s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer:not(.active):hover .edit-addon {
      display: inherit; }
  .s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer:not(.active) div[contenteditable='true']:focus {
    border-width: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
.s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer.active {
  display: block; }
  .s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer.active .edit-addon {
    display: none; }
  .s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer.active:hover .edit-addon {
    display: none; }
  .s-surveyquestion-wrap .s-quessubrow .s-quessubrowform .questioncontainer.active div[contenteditable='true'] {
    display: block; }

#exportviewtab .tab-content > .tab-pane {
  display: block; }

/* Buttons */
.profile-buttons .btn {
  padding: 3px 12px; }
.profile-buttons .btn-default {
  color: #4f8eb8;
  background-color: transparent;
  box-shadow: none;
  border: 0; }
  .profile-buttons .btn-default:hover, .profile-buttons .btn-default:focus, .profile-buttons .btn-default.focus {
    color: #4f8eb8;
    background-color: transparent;
    text-decoration: underline; }

/*Pager Buttons - Admin/Export Panel*/
.pager {
  margin: 0px auto !important;
  width: 300px; }

.pager li > a,
.pager li > span {
  box-shadow: none;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  cursor: not-allowed; }

.pager {
  width: auto;
  display: inline-block; }

.pager li + li {
  margin-left: 10px; }

.pager li a {
  float: none !important; }

#translation-forms a {
  cursor: default;
  color: #77aaa0 !important; }

.smart-form .input-file {
  border-collapse: separate;
  display: table;
  position: relative;
  padding-right: 0px;
  width: 100%; }
  .smart-form .input-file .button {
    font-size: 13px;
    height: auto;
    line-height: 29px;
    margin: 0;
    padding: 3px 14px;
    position: relative;
    top: 0px;
    float: none;
    right: 0;
    opacity: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    display: inline-block; }
    .smart-form .input-file .button:hover {
      box-shadow: none; }
    .smart-form .input-file .button:active {
      left: auto;
      top: auto; }
    .smart-form .input-file .button input {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0;
      font-size: 30px;
      cursor: pointer;
      opacity: 0; }
    .smart-form .input-file .button + * {
      margin-right: 5px;
      overflow: hidden; }
  .smart-form .input-file input[type="text"] {
    height: 100% !important;
    padding: 8px 10px;
    display: table-cell;
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100% !important;
    z-index: 2; }
    .smart-form .input-file input[type="text"] + .button {
      display: table-cell;
      vertical-align: middle;
      white-space: nowrap;
      width: 1% !important;
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important; }
.import-options .smart-form .input-file .button {
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  border-radius: 2px !important;
  font-weight: normal;
  min-width: 48px;
  opacity: 1;
  padding: 3px 20px; }

.input-file.fixed-width {
  width: 409px; }
  .input-file.fixed-width > input[type=text] {
    width: 309px; }

/* ------- End */
input[type=number] {
  -moz-appearance: textfield; }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

div[contenteditable='true'].form-control {
  min-height: 50px; }

.npx .btn-grp-sty .btn-primary {
  background: #fff !important;
  color: #333333 !important; }
  .npx .btn-grp-sty .btn-primary:hover {
    background: #77aaa0 !important;
    color: #fff !important; }
  .npx .btn-grp-sty .btn-primary.active {
    background: #77aaa0 !important;
    color: #fff !important; }

/*Start: Text links*/
.s-nav-textlinks {
  margin-bottom: 0 !important;
  list-style: none;
  padding: 0; }
  .s-nav-textlinks li {
    border-left: 1px solid #6ca898;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    line-height: 16px;
    position: relative; }
    .s-nav-textlinks li:first-child {
      border-left: 0px solid #6ca898;
      padding-left: 0px; }
    .s-nav-textlinks li:last-child {
      padding-right: 0px; }
    .s-nav-textlinks li a {
      padding-left: 0;
      padding-right: 0;
      cursor: pointer; }
      .s-nav-textlinks li a:hover {
        text-decoration: underline; }
    .s-nav-textlinks li.ui-disabled a {
      cursor: default; }
      .s-nav-textlinks li.ui-disabled a:hover {
        text-decoration: none; }
  .s-nav-textlinks.text-center li {
    float: none;
    display: inline-block; }

/*End: Text links*/
/* Toggle */
.smart-form .toggle {
  margin-bottom: 4px;
  padding-right: 61px;
  font-size: 17px;
  line-height: 25px;
  cursor: pointer;
  height: 32px; }

.toggle-sty .toggle:last-child {
  margin-bottom: 0; }
.toggle-sty .toggle input {
  position: absolute;
  left: -9999px; }
.toggle-sty .toggle i {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  width: 49px;
  height: 17px;
  border-width: 1px;
  border-style: solid;
  border-radius: 12px;
  background: #fff; }
.toggle-sty .toggle.pull-left i {
  left: 0;
  right: auto; }
.toggle-sty .toggle.state-error input:checked + i {
  background: #ea6060; }
.toggle-sty .toggle.state-success input:checked + i {
  background: #aacc7a; }
.toggle-sty .toggle i:after {
  content: attr(data-swchoff-text);
  position: absolute;
  top: 2px;
  right: 8px;
  left: 8px;
  font-style: normal;
  font-size: 22px;
  line-height: 13px;
  font-weight: 700;
  text-align: left; }
.toggle-sty .toggle i:before {
  content: "";
  font-size: 17px;
  font-family: icomoon;
  line-height: 17px;
  text-indent: 4px;
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  opacity: 1;
  transition: right .2s;
  -o-transition: right .2s;
  -ms-transition: right .2s;
  -moz-transition: right .2s;
  -webkit-transition: right .2s; }
.toggle-sty .toggle input:checked + i:after {
  content: attr(data-swchon-text);
  text-align: right; }
.toggle-sty .toggle input:checked + i:before {
  right: 36px; }
.toggle-sty .toggle i:before {
  background: #fff;
  width: 20px;
  height: 20px; }
.toggle-sty .toggle i:after {
  color: #fff;
  font-size: 12px;
  top: 7px; }
.toggle-sty .toggle input + i {
  background: #999;
  border: none;
  padding: 5px; }
.toggle-sty .toggle input:disabled + i {
  background-color: #cccccc !important;
  cursor: not-allowed; }
.toggle-sty.text-center .toggle.pull-left {
  display: inline-block;
  float: none !important; }
.toggle-sty .toggle-status-desc {
  line-height: 14px;
  height: auto; }

.streamui-panel .smart-form .toggle i:before {
  content: "\e623"; }

.toggle-sty .toggle input:disabled + i:before {
  background-color: #efefef; }

/* ------- End */
/* Toast Messages */
#divSmallBoxes {
  position: fixed;
  right: 0;
  top: 40px;
  z-index: 9999; }
  #divSmallBoxes .messagebox-success .foto > i, #divSmallBoxes .messagebox-success .textoFoto > span {
    color: #aacc7a; }
  #divSmallBoxes .messagebox-warning .foto > i, #divSmallBoxes .messagebox-warning .textoFoto > span {
    color: #f7e07f; }
  #divSmallBoxes .messagebox-error .foto > i, #divSmallBoxes .messagebox-error .textoFoto > span {
    color: #ea6060; }
  #divSmallBoxes .botClose {
    position: absolute;
    right: 10px;
    height: 16px;
    width: 15px;
    cursor: pointer;
    font-size: 18px;
    opacity: .5;
    display: block;
    top: 15px; }
    #divSmallBoxes .botClose:hover {
      opacity: 1; }
  #divSmallBoxes .SmallBox {
    position: absolute;
    right: 5px;
    top: 40px;
    width: 420px;
    color: #fff;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid transparent; }
    #divSmallBoxes .SmallBox:hover {
      border: 1px solid black;
      cursor: default; }
    #divSmallBoxes .SmallBox .foto {
      font-size: 22px;
      position: absolute;
      left: 10px; }
    #divSmallBoxes .SmallBox .textoFull {
      width: 93%;
      float: left;
      padding-left: 20px; }
    #divSmallBoxes .SmallBox .botClose {
      background-color: transparent;
      border-radius: 0;
      height: auto;
      opacity: 1;
      padding: 4px 5px 0 0;
      right: 0;
      top: 0;
      width: auto;
      font-size: 13px;
      cursor: pointer;
      position: absolute; }
    #divSmallBoxes .SmallBox .textoFoto {
      margin: 0 0 0 41px;
      float: none;
      width: 84.5%; }
      #divSmallBoxes .SmallBox .textoFoto span {
        margin: 10px 0 7px 0;
        height: auto;
        line-height: 20px;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -1px;
        display: block; }
      #divSmallBoxes .SmallBox .textoFoto p {
        margin: 0px 0 10px 0;
        font-size: 13px;
        font-weight: 500; }
    #divSmallBoxes .SmallBox .miniIcono {
      height: 100%;
      font-size: 15px; }
      #divSmallBoxes .SmallBox .miniIcono .icon-times-alt {
        color: #4f8eb8; }
    @media (min-width: 0px) and (max-width: 360px) {
      #divSmallBoxes .SmallBox {
        width: 100%; } }
  @media screen and (max-width: 450px) and (max-width: 767px) {
    #divSmallBoxes {
      position: fixed;
      width: 90%;
      right: 0;
      top: 0; }
      #divSmallBoxes .SmallBox {
        width: 95%; }
      #divSmallBoxes .SmallBox:hover {
        box-shadow: 0 0 10px #888;
        cursor: default; }
      #divSmallBoxes .SmallBox span {
        font-size: 16px; }
      #divSmallBoxes .SmallBox p {
        font-size: 12px;
        margin-top: 2px; }
      #divSmallBoxes .SmallBox .textoFull {
        width: 93%;
        float: left;
        padding-left: 20px; }
      #divSmallBoxes .SmallBox .textoFoto {
        width: 55%;
        margin: 3px 20px 3px 80px;
        float: left; } }

/* ------- End */
.widget-toolbar > .smart-form .checkbox input + i {
  border-width: 1px;
  border-color: #C7C7C7 !important;
  margin-top: 1px;
  box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
  -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
  -moz-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; }

.widget-toolbar .smart-form label.checkbox {
  line-height: 29px; }

.smart-form .checkbox {
  position: relative;
  display: block;
  font-weight: 400;
  margin-bottom: 4px;
  padding-left: 25px;
  font-size: 15px;
  line-height: 25px;
  cursor: text;
  font-size: 13px; }
  .smart-form .checkbox + .checkbox {
    margin-top: 0; }
  .smart-form .checkbox:last-child {
    margin-bottom: 0; }
  .smart-form .checkbox input {
    position: absolute;
    left: -9999px; }
    .smart-form .checkbox input + i:after {
      position: absolute;
      opacity: 0;
      transition: opacity .1s;
      -o-transition: opacity .1s;
      -ms-transition: opacity .1s;
      -moz-transition: opacity .1s;
      -webkit-transition: opacity .1s;
      content: '\f00c';
      top: -1px;
      left: 1px;
      width: 15px;
      height: 15px;
      font: 400 16px/19px FontAwesome;
      text-align: center; }
    .smart-form .checkbox input:checked {
      /*@-moz-document url-prefix() {
          &:hover {
              +i:after {
                  content: '\f00d'
              }
          }
          &:disabled:hover{
              +i:after {
                  content: '\f00c'
              }
          }
      }
      @media screen and (-webkit-min-device-pixel-ratio:0) {
          &:hover {
              +i:after {
                  content: '\f00d'
              }
          }
          &:disabled:hover{
              +i:after {
                  content: '\f00c'
              }
          }
      }*/ }
      .smart-form .checkbox input:checked + i {
        border-color: #bdbdbd; }
        .smart-form .checkbox input:checked + i:after {
          opacity: 1; }
  .smart-form .checkbox i {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background: #FFF;
    border-color: #BDBDBD;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
    cursor: pointer; }
  .smart-form .checkbox:hover i {
    border-color: #bdbdbd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
  .smart-form .checkbox:active i {
    background: #F0F0F0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
  .smart-form .checkbox.state-error i {
    background: #fff0f0;
    border-color: #A90329; }
  .smart-form .checkbox.state-success i {
    background: #f0fff0;
    border-color: #7DC27D; }
  .smart-form .checkbox.state-disabled {
    cursor: default !important;
    opacity: 0.6 !important; }
    .smart-form .checkbox.state-disabled:hover i {
      border-color: #e5e5e5 !important; }
    .smart-form .checkbox.state-disabled input:checked + i,
    .smart-form .checkbox.state-disabled input + i:after {
      border-color: #e5e5e5 !important;
      color: #333 !important; }
  .smart-form .checkbox.checked i:hover:after {
    content: '\f00d'; }
  .smart-form .checkbox.checked.disabled i:hover:after {
    content: '\f00c'; }
  .smart-form .checkbox.focussed i, .smart-form .checkbox.focussed.checked i {
    border-color: #6ca898; }
  .smart-form .checkbox.inlin {
    display: inline-block; }
.smart-form .inline-group .checkbox {
  float: left;
  margin-right: 30px; }
  .smart-form .inline-group .checkbox:last-child {
    margin-bottom: 4px; }

.editable-checklist label {
  white-space: nowrap; }
  .editable-checklist label input[type=checkbox],
  .editable-checklist label span {
    vertical-align: middle;
    margin: 0; }

.textarea-controls .smart-form .checkbox {
  padding-left: 22px !important; }

.checkbox input[type=checkbox].checkbox + span, .checkbox-inline input[type=checkbox].checkbox + span {
  margin-left: -20px; }

.form-inline .checkbox {
  padding-left: 0; }
  .form-inline .checkbox input[type=checkbox].checkbox + span {
    margin-left: 0; }
.form-inline .smart-form .checkbox {
  padding-left: 25px; }

input[type=checkbox].checkbox + span {
  vertical-align: middle;
  line-height: 20px; }

input[type=checkbox].checkbox + span, input[type=checkbox].checkbox + span:after, input[type=checkbox].checkbox + span:before {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important; }

input[type=checkbox].checkbox {
  visibility: hidden;
  position: absolute;
  z-index: 20;
  width: 18px;
  height: 18px; }

label input[type=checkbox].checkbox + span {
  position: relative;
  z-index: 19;
  display: inline-block;
  margin: 0;
  line-height: 17px;
  min-height: 14px;
  min-width: 14px;
  margin-right: 5px; }

/*label input[type=checkbox].checkbox+span:hover{cursor: pointer}*/
label input[type=checkbox].checkbox + span:before {
  font-family: FontAwesome;
  font-size: 12px;
  border-radius: 0;
  content: "\a0";
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 1px;
  height: 12px;
  line-height: 12px;
  min-width: 12px;
  margin-right: 5px;
  border: 1px solid #bfbfbf;
  background-color: #f4f4f4;
  font-weight: 400;
  margin-top: -1px; }

label input[type=checkbox].checkbox + span:before {
  content: "\a0"; }

label input[type=checkbox].checkbox:checked + span:before {
  content: "\f00c"; }

label input[type=checkbox].checkbox:checked + span {
  font-weight: 700; }

label input[type=checkbox].checkbox:checked + span:before {
  color: #2E7BCC; }

label input[type=checkbox].checkbox.style-3:checked + span:before {
  color: #fff;
  border-color: #a90329;
  background: #a90329; }

label input[type=checkbox].checkbox.style-2 + span:before {
  background: 0 0;
  border-color: #c1c1c1;
  box-shadow: none; }

label input[type=checkbox].checkbox.style-2:checked + span:before {
  content: "\f00c";
  color: #66665e;
  border-color: #4d90fe;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff; }

label input[type=checkbox].checkbox.style-2:checked + span {
  font-weight: 400; }

label input[type=checkbox].checkbox.style-1 + span:before {
  color: #333;
  background: #fff;
  text-shadow: none;
  box-shadow: none !important;
  border-width: 1px;
  height: 12px;
  line-height: 13px;
  min-width: 12px; }

label input[type=checkbox].checkbox.style-1:checked + span:before {
  color: #333;
  border-color: #333; }

label input[type=checkbox].checkbox.style-1:checked + span {
  font-weight: 400; }

label:active input[type=checkbox].checkbox + span:before {
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); }

/*label:hover input[type=checkbox].checkbox+span:before{color: #2E7BCC; border-color: #2E7BCC}

label:hover input[type=checkbox].checkbox.style-3+span:before{color: #fff; border-color: #A90327}

label:hover input[type=checkbox].checkbox.style-2+span:before{box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.1), 0 1px 0 0 rgba(255,255,255,.2)}

label:hover input[type=checkbox].checkbox.style-2:checked+span:before{box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3), 0 1px 0 0 rgba(255,255,255,.4)}

label:hover input[type=checkbox].checkbox.style-1+span:before{border-color: #333}*/
label:active input[type=checkbox].checkbox:checked + span:before {
  color: #fff;
  background: #2E7BCC;
  border-color: #2E7BCC; }

label:active input[type=checkbox].checkbox.style-3:checked + span:before {
  color: #a90329;
  background: #fff;
  border-color: #a90329; }

label:active input[type=checkbox].checkbox.style-2:checked + span:before {
  color: #66665e;
  background: 0 0;
  border-color: #c1c1c1;
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); }

label:active input[type=checkbox].checkbox.style-2 + span:before {
  color: #66665e;
  background: 0 0;
  border-color: #c1c1c1;
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); }

label:active input[type=checkbox].checkbox.style-1:checked + span:before {
  color: #fff;
  background: #333;
  border-color: #333; }

label input[type=checkbox][disabled].checkbox + span, label input[type=checkbox][disabled].checkbox:checked + span {
  color: #A7A7A7;
  cursor: not-allowed; }

label input[type=checkbox][disabled].checkbox:checked + span:before {
  content: "\f00c";
  color: #A7A7A7; }

label input[type=checkbox][disabled].checkbox.style-2:checked + span:before {
  content: "\f00c"; }

label input[type=checkbox][disabled].checkbox:checked + span:before, label input[type=checkbox][disabled].checkbox + span:before, label:active input[type=checkbox][disabled].checkbox:checked + span:before {
  background: #eee !important;
  border-color: #CCC !important;
  box-shadow: none;
  color: #A7A7A7;
  box-shadow: none !important; }

#login #content .well label.checkbox {
  font-size: 12px; }

#login .checkbox.s-fieldfocus {
  display: block;
  outline: 1px dotted rgba(255, 255, 255, 0.5);
  overflow: hidden; }

#inbox-table .checkbox {
  margin-top: -1px;
  margin-bottom: 0; }

.inbox-checkbox-triggered {
  display: inline-block; }

.inbox-checkbox-triggered > .btn-group {
  margin-right: 10px; }

.inbox-checkbox-triggered > .btn-group .btn {
  padding-left: 14px;
  padding-right: 14px; }

.onoffswitch-container {
  margin-top: 4px;
  margin-left: 7px;
  display: inline-block; }

.onoffswitch {
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle; }

.onoffswitch-checkbox {
  display: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #626262;
  border-radius: 50px;
  border-color: #adadad #b3b3b3 #9e9e9e;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  display: block; }

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 15px;
  padding: 0;
  line-height: 15px;
  font-size: 10px;
  color: #fff;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: 700;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.onoffswitch-inner:before {
  content: attr(data-swchon-text);
  text-shadow: 0 -1px 0 #333;
  padding-left: 7px;
  background-color: #3276b1;
  color: #fff;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-align: left; }

.onoffswitch-inner:after {
  content: attr(data-swchoff-text);
  padding-right: 7px;
  text-shadow: 0 -1px 0 #fff;
  background-color: #fff;
  color: #555;
  text-align: right;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.onoffswitch-switch {
  width: 19px;
  height: 19px;
  margin: -2px;
  background: #fff;
  border: 1px solid #9a9a9a;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 32px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(to bottom, #fff, #eee);
  background-repeat: repeat-x;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); }

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  content: "\f00d";
  color: #a90329;
  display: block;
  text-align: center;
  line-height: 19px;
  font-size: 10px;
  text-shadow: 0 -1px 0 #fff;
  font-weight: 700;
  font-family: FontAwesome; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  content: "\f00c";
  color: #57889c; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
  display: block; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0; }

.onoffswitch-switch:hover {
  background-color: #eee; }

.onoffswitch-switch:active {
  background-color: #eee;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after, .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-inner:before {
  text-shadow: 0 1px 0 #fff;
  background: #bfbfbf;
  color: #333; }

.onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #bfbfbf, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
  background-image: -o-linear-gradient(top, #bfbfbf, #f4f4f4);
  background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4);
  box-shadow: none !important; }

.onoffswitch-checkbox:disabled + .onoffswitch-label, .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label {
  border-color: #ababab #999 #878787 !important; }

.onoffswitch-checkbox:checked + .onoffswitch-label {
  border-color: #3276b1 #2a6395 #255681; }

.onoffswitch + span, .onoffswitch-title {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px; }

.input-group-addon .checkbox {
  min-height: 0;
  margin-right: 0 !important;
  padding-top: 0; }

.input-group-addon label input[type=checkbox].checkbox + span, .input-group-addon label input[type=checkbox].checkbox + span:before {
  margin-right: 0; }

.table.has-tickbox.smart-form thead tr th:first-child .checkbox, .table.has-tickbox.smart-form tbody tr td:first-child .checkbox {
  padding: 0 !important; }

.smart-form.table td .checkbox i, .smart-form.table th .checkbox i {
  top: 0 !important; }

.multiselect-container > li > a > label.checkbox {
  margin: 0; }

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px; }

@media (max-width: 979px) {
  .inbox-checkbox-triggered > .btn-group .btn {
    padding-left: 10px;
    padding-right: 10px; } }
.checkbox.state-error i {
  background: none repeat scroll 0 0 #FFF0F0;
  border-color: #A90329 !important; }

.label > .checkbox, .link-sty-fav .checkbox {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px; }

.addedTagsList label.checkbox {
  display: inline-block;
  margin-bottom: 0; }

.message .comment-panel .titlepanel .checkbox {
  display: none;
  margin-top: -6px; }

.message:hover .comment-panel .titlepanel .checkbox,
.message.active .comment-panel .titlepanel .checkbox {
  display: inline-block; }

.s-custom-selectlist.multiple label[class="checkbox"] {
  padding-left: 6px !important;
  margin: 5px 0; }

.s-form-horizontal .controls .smart-form .checkbox {
  padding-left: 25px;
  padding-top: 0; }

.panel-heading .smart-form input[type="checkbox"] ~ span {
  position: relative;
  top: 3px; }

.smart-accordion-default .panel-heading .smart-form .checkbox {
  line-height: 24px;
  margin-top: 5px; }

.collectresponses-panel .panel-heading .smart-form .checkbox {
  margin-top: 0; }

.checkbox-style2 i {
  font-size: 50px !important; }
.checkbox-style2 .smart-form .toggle i {
  width: 60px !important;
  height: 28px !important;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #75A89D;
  border: 0 !important; }
  .checkbox-style2 .smart-form .toggle i:before {
    width: 20px !important;
    height: 20px !important;
    background: #fff !important; }
  .checkbox-style2 .smart-form .toggle i:after {
    font-size: 10px;
    margin-top: 6px;
    background: #75A89D;
    color: #fff; }

.table-style2 td .checkbox-style2 {
  float: left;
  margin-top: -10px; }

.table-style2 td .checkbox-style3 {
  float: left;
  margin-top: -4px; }

.table-style2 th .checkbox-style3 {
  float: left;
  margin-bottom: -3px !important; }

@media (min-width: 200px) and (max-width: 500px) {
  .form-horizontal.customfield-wrap .checkbox {
    padding-top: 2px; } }
.trans-lang .dropdown-menu .checkbox i {
  top: 9px; }

@media (min-width: 0px) and (max-width: 736px) {
  #login #content .well label.checkbox {
    color: #71b9a5;
    font-size: 12px; }

  #rememberMelabel.checkbox {
    color: #888 !important; }

  .smart-form .checkbox i {
    border-color: #e2e2e2; } }
.filtercontent .checkbox.control-label {
  height: 25px;
  line-height: 25px; }

.smart-form .radio {
  margin-bottom: 4px;
  padding-left: 25px;
  font-size: 15px;
  line-height: 25px;
  cursor: text;
  font-size: 13px; }
  .smart-form .radio input {
    position: absolute;
    left: -9999px; }
  .smart-form .radio i {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background: #FFF;
    border-radius: 50%;
    cursor: pointer; }
  .smart-form .radio.inlin {
    display: inline-block; }

.panel-heading .smart-form input[type="radio"] ~ span {
  position: relative;
  top: 3px; }

.smart-accordion-default .panel-heading .smart-form .radio {
  line-height: 24px;
  margin-top: 5px; }

.collectresponses-panel .panel-heading .smart-form .radio {
  margin-top: 0; }

@media (min-width: 200px) and (max-width: 500px) {
  .form-horizontal.customfield-wrap .radio {
    padding-top: 2px; } }
.smart-form .radio i {
  border-color: #e2e2e2; }

.filtercontent #unitsctr .dataviews {
  padding: 0; }
.filtercontent #unitsctr .control-label {
  height: 25px;
  line-height: 25px; }

#colorthrdctr {
  padding: 0; }
  #colorthrdctr .grid-list > .row > .col-xs-4 {
    padding-left: 5px; }

.smart-form .radio input:checked + i {
  border-color: #bdbdbd; }
.smart-form .radio:hover i {
  border-color: #bdbdbd; }
.smart-form .radio.focussed i, .smart-form .radio.focussed.checked i {
  border-color: #6ca898; }
.smart-form .radio.focussed input:checked + i {
  border-color: #6ca898; }

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.select2-container, .select2-drop, .select2-search, .select2-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.select2-container .select2-choice {
  display: block;
  height: 32px;
  padding: 0 0 0 11px;
  overflow: hidden;
  position: relative;
  border: 1px solid #cccccc;
  white-space: nowrap;
  line-height: 31px;
  color: #666;
  text-decoration: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff; }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #cccccc; }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 27px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  /*display: inline-block;prev*/
  display: none !important; }

.select2-container .select2-choice abbr:hover {
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  background: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  margin-top: -1px;
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #cccccc;
  border-top: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
  .nooverflow .select2-drop {
    position: fixed; }

.select2-drop-auto-width {
  border-top: 1px solid #cccccc;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

.select2-drop.select2-drop-above {
  margin-bottom: 0;
  border-top: 1px solid;
  border-top-width: 3px;
  border-bottom: 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border: 1px solid #cccccc;
  border-top: 0;
  border-bottom-width: 3px; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top-width: 1px;
  border-color: #cccccc !important; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 28px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #cccccc;
  background-clip: padding-box;
  background: #eee; }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 14px; }

.select2-container .select2-choice .select2-arrow b:before {
  content: "\f107";
  width: 100%;
  height: 100%;
  text-align: center;
  display: block; }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 29px;
  padding: 6px 20px 5px 10px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: linear-gradient(top, #fff 85%, #eee 99%); }

.select2-search:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\f002";
  top: 25%;
  right: 10px;
  color: #686868 !important; }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-with-searchbox .select2-results {
  margin: 0;
  padding: 0; }

.select2-with-searchbox .select2-results .select2-result-label {
  padding: 10px;
  border-top: 1px solid #EAEAEA; }

.select2-with-searchbox .select2-results li:first-child .select2-result-label {
  padding: 10px;
  border-top: 0; }

.select2-with-searchbox .select2-search input {
  margin-top: 0;
  background: none !important;
  border: 0 !important;
  text-indent: 20px;
  min-height: 38px; }

.select2-with-searchbox .select2-search {
  padding: 0;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA; }

.select2-with-searchbox .select2-search:before {
  right: 0;
  left: 10px;
  top: 13px; }

.select2-drop.select2-drop-above .select2-search:before {
  top: 34%; }

.select2-search input.select2-active {
  background: #fff url(../images/xpui/select2-spinner.gif) no-repeat 100%;
  background: url(../images/xpui/select2-spinner.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url(../images/xpui/select2-spinner.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url(../images/xpui/select2-spinner.gif) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url(../images/xpui/select2-spinner.gif) no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); }

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 1px solid #cccccc;
  outline: 0; }

#drilldownctr .select2-container-active .select2-choice, #drilldownctr .select2-container-active .select2-choices {
  border: 1px solid #cccccc !important;
  outline: 0; }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff; }

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid;
  border-top-color: transparent; }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: 0 0;
  border-left: 0;
  filter: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent; }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: 700; }

.select2-results .select2-result-label {
  padding: 7px 9px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-wrap: break-word; }

.select2-results .select2-highlighted {
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-more-result em {
  font-style: italic !important; }

.select2-results .select2-highlighted em {
  background: 0 0; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding: 3px 5px; }

.select2-no-results {
  padding-left: 20px; }

.select2-no-results:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a";
  margin-right: 5px; }

.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results li.select2-result-unselectable > .select2-result-label, .select2-results li.select2-disabled, .select2-results li.select2-disabled a {
  cursor: not-allowed; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url(../images/xpui/select2-spinner.gif) no-repeat 100%; }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #cccccc;
  cursor: text;
  overflow: hidden;
  background-color: #fff; }

.select2-locked {
  padding: 3px 5px !important; }

.select2-container-multi .select2-choices {
  min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid;
  outline: 0; }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: 100%; }

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px 8px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
  width: 100% !important; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url(../images/xpui/select2-spinner.gif) no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 1px 28px 1px 8px;
  margin: 4px 0 3px 5px;
  position: relative;
  line-height: 18px;
  color: #fff;
  cursor: default;
  border: 1px solid #2a6395;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #666; }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  opacity: 0.8; }

.select2-search-choice-close {
  display: block;
  min-width: 21px;
  min-height: 20px;
  position: absolute;
  right: 3px;
  top: 3px;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 12px;
  text-decoration: none !important;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.select2-search-choice-close:before {
  color: #fff;
  content: ""; }

.select2-search-choice-close.removepill:before {
  content: ''; }

#invitemore .select2-search-choice-close:before {
  color: #fff;
  content: "\f057"; }

.btn-groupbycontainer .select2-search-choice-close:before {
  color: #fff;
  content: ""; }

.btn-groupbycontainer .select2-search-choice-close i {
  display: none; }

.select2-container-multi .select2-search-choice-close {
  display: block;
  top: 0;
  right: 0;
  padding: 3px 4px 3px 6px; }

.filtercontent .select2-container-multi .select2-search-choice-close {
  display: block;
  top: 0;
  right: 0;
  padding: 0;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 20px; }

.select2-container-multi.btn-groupbycontainer .select2-search-choice-close {
  background-color: transparent; }

.btn-group > .btn.bt-select-question {
  border-radius: 0; }

/*.select2-container-multi .select2-search-choice-close:hover{background: rgba(0,0,0,.3)}*/
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px;
  border: 1px solid #4a90cc;
  background-image: none;
  background-color: #86b4dd;
  cursor: not-allowed; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: 0 0; }

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important;
  display: none; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

.header-searchwrap .select2-container .select2-choice {
  background-color: #efefef;
  height: 30px;
  border-width: 0px;
  box-shadow: none;
  border-radius: 3px 0 0 3px; }

.header-searchwrap .select2-container .select2-choice .select2-arrow {
  background-color: transparent;
  border-width: 0px; }

.search-box .select2-choice {
  /*border-top:none; */
  height: 30px; }

.search-box .select2-container-active:not(.select2-dropdown-open) .select2-choice {
  border-color: #cccccc; }

.warning .select2-container .select2-choice {
  background: #F9E8A0; }

.state-error.select2 .select2-choice {
  background: none repeat scroll 0 0 #fff0f0;
  border-color: #a90329; }

.inbox-info-bar .select2-container-multi .select2-choices {
  border-color: #fff !important; }

.inbox-info-bar .select2-choices > div {
  display: none; }

.state-error .select2-selection, .state-error .select2-choice, .state-error .select2-container-active .select2-choice {
  background: none repeat scroll 0 0 #FFF0F0;
  border-color: #A90329 !important; }

.select2-input-lg .select2-container .select2-choice {
  height: 38px; }

.select2-input-lg .select2-container .select2-choice .select2-arrow b {
  line-height: 3; }

.select2-input-lg section + section {
  margin: 10px 0px; }

.select2-input-lg .select2-container .select2-choice {
  font-size: 16px;
  line-height: 35px; }

.select2-input-lg section {
  margin-top: 10px; }

.section-groupby .select2-choices, .form-addtags .select2-choices {
  overflow: inherit; }

.section-groupby .select2-container-multi .select2-choices, .form-addtags .select2-container-multi .select2-choices {
  min-height: 32px;
  background: none;
  border-width: 0px;
  position: relative;
  top: 2px; }

.section-groupby .select2-container-multi .select2-choices .select2-search-choice, .form-addtags .select2-container-multi .select2-choices .select2-search-choice {
  border: none;
  background: none !important;
  margin: 3px 0 3px 0;
  padding: 1px 28px 1px 6px; }

.section-groupby .select2-container-multi.btn-groupbycontainer .select2-choices .select2-search-choice {
  background: none !important; }

.section-groupby .select2-container-multi .select2-choices .select2-search-choice.readonly {
  padding-right: 6px; }

.form-addtags .select2-container-multi .select2-choices .select2-search-choice {
  color: #3B9FF3; }

.section-groupby .select2-search-choice-close:before, .form-addtags .select2-search-choice-close:before {
  color: #999; }

.form-addtags .select2-search-choice-close:hover {
  background: none !important; }

.groupby_form .select2-container-multi > ol > li {
  margin-right: 5px !important; }

.groupby_form .select2-container-multi > ol > li + li {
  margin-left: 0px !important; }

.groupby_form .select2-container-multi .select2-choices .select2-control-field {
  -moz-user-select: none;
  background-clip: padding-box;
  cursor: default;
  line-height: 18px;
  margin: 3px 0 3px 0px;
  padding: 0px;
  position: relative; }

.select2-control-field .btn-link {
  padding: 0;
  right: 2px; }

.select2-control-field .btn-addgroupby .btn.btn-xs {
  border-radius: 4px !important;
  padding: 2px 6px 1px 5px;
  position: relative;
  top: -4px;
  background-color: transparent;
  border: none; }

.chartsettings-panel .groupby_form .select2-container-multi > ol > li > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  max-width: 120px;
  line-height: 18px;
  margin-top: -4px; }

.chartsettings-panel .select2-container-multi.btn-groupbycontainer .select2-choices > li a.select2-search-choice-close {
  margin-top: -2px; }

.select2-container-multi.btn-groupbycontainer li.select2-control-field-unselect-all {
  display: none;
  visibility: hidden; }

@media (min-width: 240px) and (max-width: 1279px) {
  .chartsettings-panel .groupby_form .select2-container-multi > ol > li > span {
    max-width: 70px; } }
.chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li {
  border-right: 1px solid #fff;
  margin-top: 8px;
  line-height: 13px;
  height: 13px; }

.chartsettings-panel .section-groupby .select2-container-multi .select2-choices .select2-search-choice {
  color: #fff; }

.chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child {
  border-left: 1px solid #fff; }

.chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li .select2-search-choice-close {
  top: -2px; }

.chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li.select2-control-field, .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child.select2-control-field {
  border-left: 0px solid #fff;
  border-right: 0px solid #fff; }

li.select2-control-field .dropdown-menu > section {
  padding: 4px 0; }

.chartsettings-panel .section-groupby .select2-container-multi .select2-control-field .btn.btn-xs > [class*="icon"] {
  font-size: 12px;
  vertical-align: initial; }

.chartsettings-panel .section-groupby .select2-control-field .dropdown-menu .select2-choices .select2-search-choice {
  color: #3b9ff3; }

.select2-control-field .dropdown-menu .select2-choices .select2-search-choice a.select2-search-choice-close {
  padding: 0;
  border: none; }

.switchview-box .select2-container .select2-choice, .switchview-box .select2-container .select2-choice .select2-arrow {
  border: none; }

.switchview-box .select2-container .select2-choice {
  background: transparent; }

.switchview-box .select2-container .select2-choice > .select2-chosen {
  margin-right: 37px; }

.switchview-box .select2-container .select2-choice .select2-arrow {
  border-radius: 5px;
  height: 90%;
  margin-top: 2%;
  width: 31px; }

.switchview-box .select2-container .select2-choice .select2-arrow b:before {
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: 7px; }

.switchview-box .select2-container {
  width: auto !important; }

.switchview-box .select2-dropdown-open .select2-choice {
  border: 1px solid; }

.switchview-box .select2-container .select2-choice:hover {
  color: #333; }

.chartsettings-panel > .select2-container-multi .select2-choices, .collapsedfilter > .select2-container-multi .select2-choices {
  background: transparent;
  border: none !important; }

@media (min-width: 1180px) and (max-width: 1440px) {
  .stream-enabled .chartsettings-panel .section-groupby .select2-control-field .dropdown-menu {
    right: auto;
    left: 0; }

  .stream-enabled .chartsettings-panel .section-groupby .select2-container-multi .select2-choices {
    padding: 0px 0; }

  .stream-enabled .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li.select2-search-choice {
    border-right-width: 1px;
    padding-left: 6px;
    margin-left: 0; }

  .stream-enabled .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child:not(.select2-control-field) {
    padding-left: 6px;
    border-left-width: 1px; }

  .stream-enabled .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li span {
    max-width: inherit; }

  body.stream-enabled:not(.minified):not(.maximise-chart) .chartsettings-panel .section-groupby .select2-search-choice {
    display: block;
    float: none;
    border-width: 0px; }

  body.stream-enabled:not(.minified):not(.maximise-chart) .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child {
    border-left-width: 0px; } }
@media (min-width: 1180px) and (max-width: 1649px) {
  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li.select2-search-choice {
    border-right-width: 1px;
    padding-left: 6px;
    margin-left: 0; }

  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child:not(.select2-control-field) {
    padding-left: 6px;
    border-left-width: 1px; } }
@media (min-width: 1200px) and (max-width: 1440px) {
  body.stream-enabled .select2-container.advdispalysetting {
    width: 100% !important; } }
@media (min-width: 991px) and (max-width: 1199px) {
  .select2-container.advdispalysetting {
    width: 100% !important; } }
@media (min-width: 768px) and (max-width: 979px) {
  .templateselection .chartsettings-panel .section-groupby .select2-search-choice {
    display: block;
    float: none;
    border-width: 0px; }

  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices {
    padding: 0px 0; }

  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li {
    border-right-width: 0;
    padding-left: 0;
    margin-left: 0; }

  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child {
    padding-left: 0;
    border-left-width: 0; }

  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li span {
    max-width: inherit; } }
@media (min-width: 200px) and (max-width: 767px) {
  .chartsettings-panel .section-groupby .select2-control-field .dropdown-menu {
    right: auto;
    left: 0px; }

  .chartsettings-panel .section-groupby .select2-container-multi .select2-choices {
    padding: 0px 0; }

  .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li {
    border-right-width: 0;
    padding-left: 0;
    margin-left: 0; }

  .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child {
    padding-left: 0;
    border-left-width: 0; }

  .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li span {
    max-width: inherit; } }
@media (min-width: 200px) and (max-width: 639px) {
  .chartsettings-panel .section-groupby .select2-control-field .dropdown-menu {
    right: auto;
    left: -60px; } }
.narrowby-panel .select2-wrap + .select2-wrap .select2-container {
  min-width: 220px; }

.chartsettings-panel .select2-container-multi ul.select2-choices li:nth-child(4), .chartsettings-panel .select2-container-multi ul.select2-choices li:nth-child(4) input, .select2-display-none ul.select2-results li.select2-no-results, select2-results {
  display: none !important; }

.chartsettings-panel .select2-container-multi ul.select2-choices li:nth-child(3) {
  margin-right: 5px; }

.select2-drop-active {
  border-width: 0 1px 1px;
  padding-right: 0px !important; }

.narrowby-panel .select2-wrap + .select2-wrap {
  margin-left: 0px; }

.input-addtag .select2-arrow {
  display: none !important; }

.input-addtag .select2-container-active .select2-choice, .input-addtag .select2-container-active .select2-choices, .input-addtag .select2-container .select2-choice {
  border: none; }

.select2-choices li.select2-search-field:nth-child(1) {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 0px solid #cccccc; }

.npscomments .section-groupby .select2-container-multi .select2-choices .select2-search-choice {
  color: #999; }

.publish-stream-widget > header .select2-container a, .publish-stream-widget > header .select2-container .select2-choice .select2-arrow {
  background-color: transparent;
  border-width: 0px;
  color: #fff; }

.publish-stream-widget > header .select2-dropdown-open .select2-choice {
  box-shadow: none; }

.publishsettings-panel .right-panel .select2-container {
  margin-top: 7px;
  margin-left: 7px; }

@media (min-width: 200px) and (max-width: 767px) {
  .chartsettings-panel .section-groupby .select2-search-choice {
    display: block;
    float: none;
    border-width: 0px; } }
.search-box .select2-container .select2-choice .select2-arrow b:before {
  content: "\e616";
  font-family: "icomoon"; }

.search-box .select2-container .select2-choice .select2-arrow {
  background: none;
  border: none; }

.search-box .select2-dropdown-open .select2-choice .select2-arrow b:before {
  content: "\e64f";
  font-family: "icomoon"; }

.searchnrole .select2-container .select2-choice {
  border: 1px solid transparent;
  background: transparent; }

.searchnrole .select2-dropdown-open .select2-choice {
  border: 1px solid; }

.searchnrole .select2-container .select2-choice .select2-arrow {
  border: none;
  background: transparent;
  display: none; }

.profile-details .select2-container.select2-container-disabled .select2-choice .select2-arrow, .profile-details .select2-container.select2-container-disabled .select2-choice {
  background-color: transparent;
  border: 1px solid transparent;
  opacity: 1 !important; }

.profile-details .select2-container.select2-container-disabled .select2-choice .select2-arrow {
  display: none; }

.multicolumn .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li {
  background: #e5e5e5 !important; }

.multicolumn .section-groupby .select2-search-choice-close:before, .form-addtags .select2-search-choice-close:before {
  background: #e5e5e5; }

.share-view-modal .manage-tab .select2-container .select2-choice, .manage-tab .select2-container .select2-choice .select2-arrow b, .manage-tab .select2-container .select2-choice .select2-arrow {
  background: none;
  border: none; }

.share-view-modal .manage-tab .select2-dropdown-open .select2-choice {
  border: 1px solid; }

.no-border-select .select2-drop-active {
  border: none;
  margin-top: -10px; }

.no-border-select .select2-dropdown-open .select2-container .select2-choice {
  border: 1px solid !important; }

.no-border-select .select2-container .select2-choice {
  border: none;
  background: none;
  padding: 0px;
  margin: 0px;
  line-height: 16px;
  height: auto; }

.no-border-select .select2-drop-active {
  border: none;
  margin-top: -10px; }

@media (max-width: 480px) {
  .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li span {
    max-width: 61px; } }
.globe .select2-choice .select2-arrow b:before {
  content: "\e686";
  font-family: 'icomoon';
  font-size: 15px;
  color: #999; }

.globe .select2-choice .select2-arrow {
  background: none; }

.surveycard .select2-container .select2-choice, .surveycard .select2-container .select2-arrow {
  color: #fff; }

.surveycard .select2-container .select2-choice {
  height: 28px;
  line-height: 28px; }

.surveycard .select2-container .select2-arrow {
  border-left-width: 0; }

.create-contactfield .select2-container-disabled {
  border: 1px solid #E4E2E2; }

.panel-heading-row-style2 .select2-container .select2-choice .select2-arrow, .row-style-4 .select2-container .select2-choice .select2-arrow, .select-option-gray .select2-container .select2-choice .select2-arrow {
  background: #EFF0F5;
  color: #000; }

.filtercontent .select2-container-multi.valueComponent .select2-search-choice-close {
  background-color: transparent; }

.box-style2-row [class*="col-"] .select2-container {
  margin-top: 0; }

/*Chrome fixes*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .select2-container .select2-choice {
    overflow: visible; } }
.publishsettings-panel .right-panel .select2-container {
  margin-left: 7px;
  margin-top: 7px; }

.selectfilter-component .select2-container {
  float: left; }

.selectfilter-component .select2-container ~ .select2-container {
  margin-left: -1px; }

.selectfilter-component .selecttype .select2-choice {
  background-color: #eee; }

.selectfilter-component .selecttype .select2-choice .select2-arrow {
  border-left-width: 0; }

.otherfrequency .select2-search-field {
  width: 100%; }

/*BG-5748*/
.ui-widget-content a.select2-choice {
  color: #424142; }

/*Social Media Widget */
[class^="select2-"] [class*="imgicon-"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"] {
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  position: relative;
  background: url("../images/xpui/sociamediaicons.png") no-repeat 0 0;
  line-height: 22px;
  width: 22px;
  height: 22px; }

[class^="select2-"] [class*="imgicon-"]:before, .s-mobilizepromoters .select2-chosen [class*="imgicon-"]:before {
  display: none; }

[class^="select2-"] [class*="imgicon-"][class*="twitter"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="twitter"] {
  background-position: 0px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="facebook"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="facebook"] {
  background-position: -57px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="linkedin"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="linkedin"] {
  background-position: -114px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="google"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="google"] {
  background-position: -171px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="yelp"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="yelp"] {
  background-position: -228px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="yoko"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="yoko"] {
  background-position: -285px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="wordpress"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="wordpress"] {
  background-position: -342px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="tripadvisor"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="tripadvisor"] {
  background-position: -399px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="amazon"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="amazon"] {
  background-position: -456px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="tumblr"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="tumblr"] {
  background-position: -513px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="arto"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="arto"] {
  background-position: -570px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="starpros"], .s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="starpros"] {
  background-position: -627px -57px; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset .select2-chosen [class*="imgicon-"] {
  top: -3px; }

.select-langdrop .select2-container .select2-choice .select2-arrow {
  background-color: transparent;
  border: 0; }

.select-langdrop .select2-results {
  margin: 0;
  padding: 0;
  border: 1px solid #e2e2e2; }

.select-langdrop .select2-results li {
  border-top: 1px solid #e2e2e2; }

.select-langdrop .select2-results li:first-child {
  border-top: 0; }

.select-lang .select2-container .select2-choice {
  line-height: normal;
  padding: 0;
  border: 0;
  box-shadow: none !important;
  background-color: transparent; }

.select-lang .select2-container .select2-choice > .select2-chosen {
  line-height: normal;
  margin-left: 33px;
  color: #71b9a5;
  font-weight: 400;
  font-size: 15px;
  margin-right: 28px; }

.select-lang a.select2-choice:after {
  border: 0; }

.select-lang .select2-container .select2-choice .select2-arrow b {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.select-lang .select2-container .select2-choice .select2-arrow b::before {
  content: "\e9ca";
  font-size: 18px;
  color: #71b9a5;
  line-height: 23px; }

.select-lang .select2-container .select2-choice .select2-arrow {
  border: 0;
  background-color: transparent;
  width: 33px;
  left: 0px; }

.select-lang a.select2-choice {
  max-height: 24px !important; }

.col-followup-panel .select2-container .select2-choice .select2-arrow {
  background: #fff; }

@media (min-width: 0px) and (max-width: 736px) {
  .btn-srch-mob .select2-container {
    width: 30% !important;
    float: left; }

  .mobile-view-activated #header .select2-container .select2-choice {
    border: 1px solid #e2e2e2;
    background-color: #e2e2e2;
    box-shadow: none; }

  .mobile-view-activated #header .select2-container .select2-choice .select2-arrow {
    border: 0;
    background-color: #e2e2e2; }

  .mobile-view-activated #header .select2-chosen i, .select2-results .select2-result-label i {
    display: none; }

  .mobile-view-activated #header .select2-container .select2-choice > .select2-chosen, .mobile-view-activated #header .select2-results .select2-result-label {
    font-size: 12px; }

  .mobile-view-activated #header .select2-drop-active {
    border: 1px solid #e2e2e2;
    border-top: 0; }

  .mobile-view-activated #header .select2-results {
    padding: 0;
    margin: 0; }

  .mobile-view-activated #header .select2-results .select2-result-label {
    padding: 0;
    background-color: #fff;
    color: #555;
    padding: 5px 8px;
    border-bottom: 1px solid #ccefe9; }

  .mobile-view-activated #header .select2-results .select2-result-label:hover {
    background-color: #ccefe9;
    color: #555; }

  .mobile-view-activated #header .select2-results .select2-result-label:last-child {
    border: 0; }

  .mobile-view-activated #header .select2-results li {
    border-top: 1px solid #ccefe9; }

  .mobile-view-activated #header .select2-results li:first-child {
    border-top: 0; }

  .select2-drop-active {
    border: 1px solid #f4f4f4;
    border-width: 0 1px 1px 1px; }

  .select2-search input {
    border: 1px solid #e2e2e2;
    margin: 10px 0 0 0; }

  .select2-search::before {
    top: 45%; }

  .switchview-box .select2-dropdown-open .select2-choice {
    border: 1px solid #f4f4f4;
    border-width: 1px 1px 0 1px; }

  .header-searchwrap .select2-container .select2-choice {
    border-radius: 0; }

  .header-searchwrap .select2-container .select2-choice {
    line-height: 28px; }

  .mobile-view-activated #header .select2-container .select2-choice > .select2-chosen {
    font-size: 13px; }

  .howtoexportoption .select2-container.select2-container-multi.mandatory {
    margin-top: 5px; }

  .followuprocess .select2-container {
    margin-top: 5px; }

  .profilefields fieldset .select2-choice {
    background-color: #f4f4f4 !important;
    border: 0;
    margin-top: 5px; }

  .cstmwrap-filter .section-groupby .select2-container-multi .select2-choices, .cstmwrap-filter .form-addtags .select2-container-multi .select2-choices {
    top: 0; }

  .input-addtag span.select2-chosen {
    margin-right: 10px !important; }

  .select-lang .select2-container .select2-choice > .select2-chosen {
    margin-right: 0; } }
.conditionconnectorsection .select2.conditionconnector {
  /*width:160px!important;*/ }

.manage-tab .media.collabarator .media-body .select2-dropdown-open .select2-chosen {
  padding-left: 4px;
  padding-top: 2px; }

/* BG-11278 */
.select2-container-active.followupStatus .select2-choice, .select2-container-active.followupStatus .select2-choices {
  border-top: 1px solid; }

.filtercontent .control-label {
  height: 32px;
  line-height: 32px;
  margin: 0;
  white-space: nowrap; }

.narrowby-panel label {
  margin-bottom: 10px !important;
  height: 32px;
  line-height: 32px; }

.narrowby-panel .row-daterange label.input {
  margin-bottom: 0 !important; }

.narrowby-panel #valueContainer .row-daterange label.input {
  margin: 0 !important;
  height: auto;
  line-height: normal; }

.narrowby-panel .conditionconnectorsection .select2-container {
  margin-top: -3px;
  margin-left: 7px; }

.section-groupby .dropdown-menu li {
  float: none !important; }

.form-inline.groupby_form .form-group + .form-group {
  margin-left: 0; }

#content .chartsettings-panel .section-groupby .dropdown-menu {
  width: 200px !important; }

#content .chartsettings-panel .section-groupby .dropdown-menu li a {
  font-size: 13px;
  height: auto !important;
  line-height: normal !important;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all; }

#content .chartsettings-panel .section-groupby .dropdown-menu li:first-child a {
  border-top: 0px solid #EAEAEA; }

.groupby_form .form-group:first-child .control-label {
  font-weight: normal;
  margin-right: 0; }

@media (min-width: 1180px) and (max-width: 1440px) {
  body.stream-enabled .chartsettings-panel .othersettings > .form-group {
    display: block;
    clear: both; }

  body.stream-enabled .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu {
    left: 0;
    right: auto; }

  body.stream-enabled .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:after {
    left: 5px;
    right: auto; }

  body.stream-enabled .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:before {
    left: 6px;
    right: auto; }

  .stream-enabled .chartsettings-panel .groupby_form > .form-group {
    display: inline-block;
    vertical-align: middle; }

  .stream-enabled .chartsettings-panel .groupby_form > .form-group:first-child {
    padding-left: 0;
    border-left-width: 0;
    padding-top: 0px; }

  .stream-enabled .chartsettings-panel .groupby_form > .form-group:first-child .control-label {
    margin-left: 0;
    padding-left: 0; }

  .stream-enabled .chartsettings-panel .groupby_form > .form-group + .form-group {
    margin-left: 10px !important; }

  body.stream-enabled:not(.minified):not(.maximise-chart) .chartsettings-panel .groupby_form > .form-group {
    display: inline-block;
    vertical-align: top; }

  body.stream-enabled:not(.minified):not(.maximise-chart) .chartsettings-panel .groupby_form > .form-group:first-child {
    padding-top: 10px; }

  /*BG-11777*/
  body.stream-enabled:not(.minified):not(.maximise-chart) .chartsettings-panel .groupby_form .form-group.selector-group {
    padding-top: 0px; }
  body.stream-enabled:not(.minified):not(.maximise-chart) .chartsettings-panel .groupby_form .form-group.chart-groupby .btn-groupbycontainer .select2-choices {
    margin-bottom: 10px !important; }
    body.stream-enabled:not(.minified):not(.maximise-chart) .chartsettings-panel .groupby_form .form-group.chart-groupby .btn-groupbycontainer .select2-choices .select2-search-choice {
      margin: 0; }
      body.stream-enabled:not(.minified):not(.maximise-chart) .chartsettings-panel .groupby_form .form-group.chart-groupby .btn-groupbycontainer .select2-choices .select2-search-choice + .select2-search-choice {
        margin-top: 10px; } }
@media (min-width: 1180px) and (max-width: 1649px) {
  body:not(.minified) .templateselection .chartsettings-panel .othersettings > .form-group {
    display: block;
    clear: both; }

  body:not(.minified) .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu {
    left: 0;
    right: auto; }

  body:not(.minified) .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:after {
    left: 5px;
    right: auto; }

  body:not(.minified) .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:before {
    left: 6px;
    right: auto; }

  body:not(.minified) .templateselection .chartsettings-panel .groupby_form > .form-group:first-child {
    padding-left: 0;
    border-left-width: 0;
    padding-top: 0px; } }
@media (min-width: 768px) and (max-width: 1179px) {
  body:not(.minified) .chartsettings-panel .othersettings > .form-group {
    display: block;
    clear: both; }

  .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu {
    left: 0;
    right: auto; }

  .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:after {
    left: 5px;
    right: auto; }

  .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:before {
    left: 6px;
    right: auto; }

  body:not(.minified) .chartsettings-panel .groupby_form > .form-group:first-child {
    padding-left: 0;
    border-left-width: 0; }

  .templateselection .chartsettings-panel .othersettings > .form-group {
    display: block;
    clear: both; }

  .templateselection .chartsettings-panel .groupby_form > .form-group {
    display: inline-block;
    vertical-align: top; }

  .templateselection .chartsettings-panel .groupby_form > .form-group:first-child {
    border-left-width: 0;
    padding-left: 0px;
    padding-top: 10px; }

  .templateselection .chartsettings-panel .groupby_form > .form-group:first-child .control-label {
    margin-left: 0;
    padding-left: 0; }

  .templateselection .chartsettings-panel .groupby_form > .form-group + .form-group {
    margin-left: 10px !important; } }
@media (min-width: 200px) and (max-width: 879px) {
  .chartsettings-panel .othersettings > .form-group {
    display: block;
    clear: both; }

  .chartsettings-panel .groupby_form > .form-group:first-child {
    padding-left: 0;
    border-left-width: 0; }

  .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu {
    left: 0;
    right: auto; }

  .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:after {
    left: 5px;
    right: auto; }

  .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:before {
    left: 6px;
    right: auto; } }
@media (min-width: 200px) and (max-width: 767px) {
  .chartsettings-panel .groupby_form > .form-group {
    display: inline-block;
    vertical-align: top; }

  .chartsettings-panel .groupby_form > .form-group:first-child {
    border-left-width: 0;
    padding-left: 0px;
    padding-top: 10px; }

  .chartsettings-panel .groupby_form > .form-group:first-child .control-label {
    margin-left: 0;
    padding-left: 0; }

  .chartsettings-panel .groupby_form > .form-group + .form-group {
    margin-left: 10px !important; } }
@media (min-width: 200px) and (max-width: 639px) {
  .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:after {
    left: 65px;
    right: auto; }

  .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:before {
    left: 66px;
    right: auto; } }
.chartsettings-panel .groupby_form {
  white-space: nowrap;
  position: relative;
  top: 1px; }

.chart-groupby .dropdown-menu fieldset + fieldset {
  border-top: 2px solid #6a6a6a; }

.chartsettings-panel .groupby ul.dropdown-menu li {
  padding: 0px 5px; }

.grid-groupby + .grid-body {
  border-top: 1px solid #cccccc;
  padding-top: 5px; }

.grid-groupby > .row > [class^="col-"]:first-child {
  color: #999; }

.grid-groupby-second > .row > [class^="col-"]:first-child, .grid-groupby-second ~ .grid-groupby-one > .row > [class^="col-"]:first-child, .grid-groupby-second ~ .grid-groupby-one + .grid-body > .row > [class^="col-"]:first-child {
  padding-left: 10px; }

.grid-groupby-one + .grid-body > .row > [class^="col-"]:first-child {
  padding-left: 15px; }

.grid-groupby-second > .row > [class^="col-"]:first-child {
  padding-left: 10px; }

.grid-groupby-second ~ .grid-groupby-one > .row > [class^="col-"]:first-child {
  padding-left: 20px; }

.grid-groupby-second ~ .grid-groupby-one + .grid-body > .row > [class^="col-"]:first-child {
  padding-left: 30px; }

.distribution .groupby-label {
  width: 100px; }

.distribution .groupby-label > label {
  transform: rotate(-90deg);
  width: 50px;
  height: 50px;
  text-align: right; }

.distribution .groupby-label + .group {
  margin-left: 100px; }

.row-groupby {
  position: relative;
  margin-bottom: 20px; }
  .row-groupby:before {
    position: absolute;
    left: 0;
    top: -10px;
    content: " ";
    width: 16.6667%;
    padding-left: 170px;
    height: 2px;
    box-sizing: content-box;
    background-color: #cccccc; }
    @media (max-width: 1199px) {
      .row-groupby:before {
        width: 25%; } }
  .row-groupby .show-grid {
    margin-bottom: 10px; }
    .row-groupby .show-grid:last-child {
      margin-bottom: 0; }
  .row-groupby:last-child {
    margin-bottom: 0px; }
  .row-groupby:first-child:before {
    content: none; }
  .row-groupby .row-groupby:before {
    height: 1px;
    padding-left: 85px;
    background-color: #cccccc; }
  .row-groupby .row-groupby:first-child:before {
    content: none; }

.npscomments .groupby {
  margin-bottom: 10px; }

.dropdown-menu .search {
  margin: 0 5px; }

.dropdown-menu .search input[type="text"] {
  width: 100%;
  border: 0; }

.dropdown-menu {
  border-radius: 0px; }

.dropdown-menu li:first-child a {
  border-top: 1px solid #EAEAEA; }

.btn-group.open .dropdown-menu li:first-child a {
  border-top: 0; }

/*.btn-group.open .dropdown-menu:before {
	right:5px!important;
}
.btn-group.open .dropdown-menu:after {
	right:6px!important;
}*/
#viewControls .btn-group.open .dropdown-menu:before {
  right: 5px !important; }
#viewControls .btn-group.open .dropdown-menu:after {
  right: 6px !important; }

#filterGroupby .dropdown-menu::before {
  right: 4px; }
#filterGroupby .dropdown-menu::after {
  right: 5px; }

#narrowby .dropdown-menu::before {
  left: 3px; }
#narrowby .dropdown-menu::after {
  left: 4px; }
#narrowby .bt-select-question + .dropdown-menu {
  border-radius: 0 4px 4px 4px;
  /*&::before,
  &::after{ left:116px;}*/ }

.btn-group.open .dropdown-menu .nav-list a:before {
  right: 5px !important; }

.btn-group.open .dropdown-menu .nav-list a:after {
  right: 5px !important; }

.dropdown-menu li a {
  padding: 10px 15px;
  border-bottom: 1px solid #EAEAEA;
  color: #555555; }

.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background-color: #eeeeee;
  color: #555555; }

.dropdown-menu > ul:first-child li:first-child a:hover:before {
  border-bottom: 6px solid #eeeeee;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  position: absolute;
  right: 10px;
  top: -6px;
  z-index: 2; }

.dropdown-menu li a [class*="icon-"] {
  margin-right: 10px;
  min-width: 13px;
  display: inline-block; }

.chartsettings-panel .dropdown-menu li [class*="icon"] {
  text-align: center;
  display: inline-block; }

.chartsettings-panel .icon-addon.search [class*="icon"], #searchctr [class*="icon"] {
  font-size: 13px;
  padding: 0;
  margin: 0;
  top: 8px;
  left: 7px; }

.icon-addon.addon-sm .form-control {
  text-indent: 5px; }

.bt-select-question + .dropdown-menu .custom-groupby {
  border-top: 1px solid #EAEAEA; }

@media (min-width: 0px) and (max-width: 736px) {
  .cstm-groupby {
    float: left; }

  .chartsettings-panel .cstmwrap-filter .groupby_form > .form-group:first-child {
    padding-top: 8px; } }
@media (min-width: 980px) and (max-width: 1051px) {
  body:not(.minified) .templateselection .chartsettings-panel .navbar-chartcontrols {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%; }

  body:not(.minified) .templateselection .chartsettings-panel .navbar-chartcontrols > .nav {
    float: right; }

  body:not(.minified) .templateselection .chartsettings-panel .navbar-chartcontrols li + li {
    border-top-width: 0; } }
@media (min-width: 768px) and (max-width: 979px) {
  .templateselection .chartsettings-panel .navbar-chartcontrols {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%; }

  .templateselection .chartsettings-panel .navbar-chartcontrols li + li {
    border-top-width: 0; } }
.navbar-chartcontrols {
  float: right; }

.navbar-chartcontrols {
  padding: 0; }

.jarviswidget .navbar {
  min-height: 45px; }

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
  padding: 10px 15px 10px 35px; }

.navbar-nav .open .dropdown-menu > li > a {
  padding-left: 15px;
  border-top: 1px solid #EAEAEA; }

.navbar-nav .open .dropdown-menu > li:first-child > a {
  border-top: 0; }

.navbar-nav .dropdown-menu.smart-form > li {
  padding-left: 30px !important; }

.navbar-chartcontrols .navbar-nav {
  width: auto;
  margin: 0; }

/*.navbar-chartcontrols .navbar-nav .open .dropdown-menu:before,
.navbar-chartcontrols .navbar-nav .open .dropdown-menu:after{display:none} */
.navbar-chartcontrols .navbar-nav > li [class*="icon-"] {
  display: inline-block;
  text-align: left; }

.navbar-chartcontrols .navbar-nav > li > * > [class*="icon-"], .navbar-chartcontrols .iconcombo-item > [class*="icon-"] {
  width: 25px;
  text-align: center !important; }

.navbar-chartcontrols .navbar-nav > li > a:focus, .navbar-chartcontrols .navbar-nav > li > a:hover {
  background-color: transparent; }

.navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li {
  padding: 0 !important;
  border-top: 1px solid #EAEAEA; }
  .navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li a {
    padding: 11px 13px 14px 13px;
    border: 0; }
    .navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li a i {
      color: #555;
      vertical-align: middle; }
  .navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li:hover a, .navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li.active a {
    background-color: #77aaa0; }
    .navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li:hover a i,
    .navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li:hover a label, .navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li.active a i,
    .navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li.active a label {
      color: #fff; }

.navbar-chartcontrols .navbar-nav li#chartType ul li {
  padding: 6px 7px 9px 7px !important; }

.navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li label.checkbox {
  padding: 0px 0 0px 30px;
  line-height: 28px; }

.navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li label.checkbox * {
  vertical-align: middle; }

.navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li:hover {
  background-color: #eeeeee; }

.navbar-chartcontrols .navbar-nav .dropdown-menu.smart-form > li:first-child {
  border-top: 0; }

.chartsettings-panel .navbar-nav > li > a {
  color: #fff; }

.chartsettings-panel .navbar-nav > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 0; }

.chartsettings-panel .navbar-chartcontrols .custom-combolist-wrap .dropdown-menu li + li {
  border-top-color: rgba(255, 255, 255, 0.1); }

.chartsettings-panel .navbar-chartcontrols .dropdown-menu li a {
  border-bottom-color: rgba(255, 255, 255, 0.1); }

.navbar-chartcontrols li .text {
  display: none; }

.navbar-chartcontrols .dropdown-menu {
  right: 0;
  left: auto; }

.navbar-chartcontrols .dropdown-menu > li > a, .navbar-chartcontrols .dropdown-menu > li > label {
  color: #666; }

.navbar-chartcontrols .icon-download {
  top: 4px; }

@media (min-width: 200px) and (max-width: 979px) {
  .navbar-chartcontrols .nav > li.pull-right .btn-publishstream {
    float: right !important; }

  .navbar-chartcontrols .nav > li#publishstream ~ li#export {
    float: right !important; } }
@media (min-width: 200px) and (max-width: 767px) {
  .navbar-chartcontrols li .text {
    display: inline-block;
    font-weight: normal;
    font-size: 14px; }

  .navbar-collapse.in {
    overflow-y: auto;
    display: block;
    float: none; }

  .navbar-header {
    display: block;
    float: none; }

  .navbar-chartcontrols {
    float: none; }

  .navbar-chartcontrols .dropdown-menu > li > a, .navbar-chartcontrols .dropdown-menu > li > label {
    color: #fff; } }
#content .table .show-grid .navbar-nav > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 25px;
  line-height: 20px; }

#widgets #viewControls .fa-gear.fa-lg {
  font-size: 1.3em;
  vertical-align: -3%; }

#viewControls button.btn-link {
  margin-left: 10px; }

#viewControls .btn-group.active .btn-link {
  color: #fff;
  border-radius: 3px; }

@media (min-width: 0px) and (max-width: 736px) {
  .chartsettings-panel .navbar-nav .open .dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 3px 3px;
    position: absolute; }

  .navbar-chartcontrols .nav > li#publishstream ~ li#export {
    float: none !important; }

  .chartsettings-panel .nav.navbar-nav li .cstmob {
    display: inline-block !important; }

  #viewControls .well-sm {
    padding: 0 4px 0 0; }

  .addchart #viewControls {
    margin-bottom: 10px; }

  #widgets #viewControls {
    padding-right: 13px; } }
@media (min-width: 0px) and (max-width: 736px) {
  #viewControls li#exportviewAsImg, #widgetControls li#download_images {
    display: none !important; } }
#viewControls button.btn-link {
  margin-left: 5px; }

#viewControls .btn-group.open .btn-link {
  color: #fff;
  border-radius: 3px 3px 0px 0px; }

#viewControls .dropdown-menu, .navbar-chartcontrols .dropdown-menu {
  min-width: 171px !important;
  border-radius: 4px 0 4px 4px; }

#viewControls .nav-stacked > li + li {
  margin-top: 0; }

#comparectr #ttestctr {
  margin: 0; }

.group-narrowby.filterconditions.filterset {
  margin-bottom: 5px; }

#comparatorCtr {
  padding-left: 0;
  margin-left: -3px; }

#widgetControls .pull-right .dropdown-menu::before {
  right: 12px; }

#widgetControls .pull-right .dropdown-menu::after {
  right: 13px; }

/* BG-11560 */
.select2-results {
  margin: 2px;
  padding: 0;
  overflow-y: auto;
  overflow-y: scroll\9; }

.dropdown-menu {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  margin: 0px 0 0;
  min-width: 160px;
  padding: 0;
  position: absolute;
  top: 100%;
  z-index: 1000; }

.cal-nav-btns {
  border-radius: 500px;
  padding: 0px;
  line-height: 20px;
  width: 20px;
  height: 20px; }

.cal-nav-btns .icon {
  top: 2px; }

.icon-arrow-left {
  background-position: -188px -414px;
  width: 10px;
  height: 10px; }

.icon-arrow-right {
  background-position: -216px -414px;
  width: 10px;
  height: 10px; }

/*custom scroll for select2*/
/*.select2-results::-webkit-scrollbar {
width: 8px;
height: 8px;
}


.select2-results::-webkit-scrollbar-track-piece  {
background-color: #e6e6e6;
}

.select2-results::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #666666;
border-radius:10px;
}*/
.monthselect {
  margin-right: -1px; }

.monthselect, .yearselect {
  border: 1px solid #bdbdbd;
  margin: 0 3px; }

#narrowby .select2-control-field {
  margin-top: 2px; }
  #narrowby .select2-control-field button i {
    font-size: 11px; }

.row-narrowby .s-addorremove-btns .btn-link {
  border: 1px solid; }

.filtercontent label.input .select2-container-multi .select2-search-choice-close {
  background-color: transparent !important;
  color: #fff; }

/*drop down with add new and search field*/
.search-box.addnew-field .select2-default, .search-box.addnew-field .select2-choice {
  width: auto !important;
  background: transparent;
  border: 0px;
  overflow: visible; }
.search-box.addnew-field .text-primary {
  position: relative;
  margin-left: 5px;
  top: 1px; }
.search-box.addnew-field .select2-container {
  width: 30px !important;
  padding: 0px;
  margin: 0px;
  background: #77aaa0; }
.search-box.addnew-field .select2-chosen {
  display: none; }
.search-box.addnew-field .select2-container .select2-choice .select2-arrow b:before,
.search-box.addnew-field .select2-dropdown-open .select2-choice .select2-arrow b:before {
  content: "\e647" !important;
  color: #fff; }
.search-box.addnew-field .select2-dropdown-open .select2-choice {
  box-shadow: none !important; }

.addnew-field-drop.select2-drop {
  width: 300px !important; }
.addnew-field-drop.select2-with-searchbox {
  width: 300px !important; }
  .addnew-field-drop.select2-with-searchbox.select2-drop-active {
    border: 1px solid #5c6468; }
.addnew-field-drop .select2-search {
  padding: 4px 0px !important; }

.trans-lang {
  margin-top: -21px; }
  .trans-lang .btn-trans {
    padding-top: 0px !important; }

.select-langdrop.select2-drop {
  margin-top: 0; }
.select-langdrop.select2-drop-active {
  border: 1px solid #77aaa0;
  border-top: 0; }
.select-langdrop .select2-results {
  border: 0;
  padding: 4px; }

.lang-list {
  margin-right: 2px; }
  .lang-list.select2-dropdown-open .select2-choice {
    background-color: #77aaa0;
    max-height: 26px !important; }
    .lang-list.select2-dropdown-open .select2-choice .select2-chosen {
      color: white !important;
      line-height: 25px; }
    .lang-list.select2-dropdown-open .select2-choice .select2-arrow {
      margin-top: 2px; }
      .lang-list.select2-dropdown-open .select2-choice .select2-arrow b:before {
        color: white; }

@media (min-width: 0px) and (max-width: 736px) {
  #mobileCtrChart .btn-link.mobileCtrBtn {
    padding: 5px 7px;
    margin: -2px 0 0 0;
    background-color: #fff;
    border-radius: 3px 3px 0px 0px;
    border: 0; }

  #dropP.mobileCtrBtn i.icon-mobile-options {
    color: #6a6a6a;
    font-size: 18px; }

  #mobileCtrChart.open #dropP.mobileCtrBtn.btn-link:hover i.icon-mobile-options, #mobileCtrChart.open #dropP.mobileCtrBtn.btn-link:focus i.icon-mobile-options {
    color: #fff; }

  .mobileCtrBtn + .dropdown-menu:before,
  #mobileCtrChart .dropdown-menu:before {
    border-bottom: 7px solid white;
    border-left: 7px solid rgba(255, 255, 255, 0);
    border-right: 7px solid rgba(255, 255, 255, 0); }

  #mobileCtrChart .dropdown-menu {
    border-radius: 3px 0px 3px 3px; }
    #mobileCtrChart .dropdown-menu li:first-child a {
      border-top: 0px; } }
.assign-privilege ul.multiselect-container {
  width: 350px; }
  .assign-privilege ul.multiselect-container li .checkbox {
    white-space: normal; }

.s-custom-combolist-wrap {
  position: relative;
  display: inline-block; }
  .s-custom-combolist-wrap .s-custom-selectlist {
    min-width: 100%; }
  .s-custom-combolist-wrap.open .s-custom-combolist {
    border: 1px solid #6ca898; }
    .s-custom-combolist-wrap.open .s-custom-combolist .s-button-link {
      background: none !important;
      border: none !important; }
  .s-custom-combolist-wrap.open .s-custom-selectlist {
    border: 1px solid #6ca898; }
    .s-custom-combolist-wrap.open .s-custom-selectlist.top {
      border-bottom-width: 0;
      margin-bottom: -1px;
      box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.2); }
    .s-custom-combolist-wrap.open .s-custom-selectlist.bottom {
      border-top-width: 0;
      margin-top: -1px; }

.s-custom-combolist {
  position: relative;
  margin-bottom: 0 !important;
  padding-right: 15px !important; }
  .s-custom-combolist input {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
    position: relative;
    text-indent: 0 !important;
    top: -4px;
    margin-bottom: 0 !important; }
  .s-custom-combolist .label {
    padding: 4px 0 !important;
    position: relative;
    top: -4px;
    margin: 0 !important;
    line-height: 22px !important;
    height: 32px !important; }
  .s-custom-combolist .s-button-link {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 28px;
    text-align: center;
    background-color: #efefef !important;
    border-left: 1px solid #ccc !important; }
    .s-custom-combolist .s-button-link > .icon-dropdown {
      background: none;
      color: #333;
      margin-top: 2px;
      margin-right: 0px !important; }
      .s-custom-combolist .s-button-link > .icon-dropdown:before {
        content: "\e64f";
        font-size: 64%; }

.s-custom-selectlist {
  position: absolute;
  left: auto;
  top: auto;
  z-index: 4465;
  min-width: 230px;
  right: 0;
  margin-top: 0;
  display: none;
  padding-top: 0px;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  border-radius: 0px;
  margin-bottom: 0px;
  margin: 0;
  padding: 0; }
  .s-custom-selectlist.multiple label[class="checkbox"] {
    padding-left: 6px !important;
    margin: 5px 0; }
  .s-custom-selectlist .icon-arrowtop {
    position: absolute;
    right: 5px;
    top: 0px;
    display: none; }
  .s-custom-selectlist.right .icon-arrowtop {
    position: absolute;
    right: 5px;
    top: 0px; }
  .s-custom-selectlist.left {
    left: 0;
    right: auto; }
    .s-custom-selectlist.left .icon-arrowtop {
      position: absolute;
      left: 5px;
      top: 0px; }
  .s-custom-selectlist.top {
    top: auto;
    bottom: 32px;
    padding-top: 0;
    padding-bottom: 0px; }
    .s-custom-selectlist.top .icon-arrowbottom {
      position: absolute;
      left: auto;
      right: 5px;
      top: auto;
      bottom: 0; }
    .s-custom-selectlist.top .icon-arrowtop {
      background-position: -255px -128px !important;
      width: 24px;
      height: 12px;
      left: auto;
      right: 5px;
      top: auto;
      bottom: 0; }
  .s-custom-selectlist.bottom .arrow {
    border-bottom-color: #f2ecd8;
    left: 20px; }
    .s-custom-selectlist.bottom .arrow:after {
      border-bottom-color: #f2ecd8;
      left: -11px; }
  .s-custom-selectlist .s-dropdown-content {
    padding: 0px;
    overflow: auto;
    max-height: 200px;
    /*background:rgba(127, 127, 127, 0.6);box-shadow:0 3px 7px rgba(0, 0, 0, 0.7);*/ }
  .s-custom-selectlist .s-dropdown-header {
    padding: 5px;
    margin-bottom: 0; }
    .s-custom-selectlist .s-dropdown-header input[type="text"] {
      width: 100% !important;
      margin-bottom: 0; }
  .s-custom-selectlist textarea {
    font-size: 11px; }
  .s-custom-selectlist input {
    font-size: 14px;
    font-weight: bold; }
    .s-custom-selectlist input.newtagentered {
      float: left; }
  .s-custom-selectlist .listitems li a {
    margin-right: -15px;
    margin-left: -15px;
    cursor: pointer;
    font-size: 12px;
    color: #6e6e6e;
    padding: 6px;
    box-shadow: none;
    word-wrap: break-word; }
    .s-custom-selectlist .listitems li a:hover {
      background-color: #6ca898;
      color: #fff; }
  .s-custom-selectlist .listitems li.optgroup-header h5 {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 12px;
    color: #6e6e6e;
    padding: 6px;
    box-shadow: none;
    word-wrap: break-word;
    font-weight: bold; }
  .s-custom-selectlist .listitems li.optgroup-header ~ li:not(.optgroup-header) a {
    padding-left: 18px; }
  .s-custom-selectlist .listitems li.not-found span {
    margin-right: -15px;
    margin-left: -15px;
    cursor: pointer;
    font-size: 13px;
    color: #6e6e6e;
    padding: 6px;
    box-shadow: none;
    word-wrap: break-word;
    display: block; }
    .s-custom-selectlist .listitems li.not-found span .btn-primary {
      padding: 2px 5px;
      margin-left: 5px; }
  .s-custom-selectlist .listitems li.not-found em {
    font-style: normal; }
  .s-custom-selectlist .listitems ul.nav-list {
    padding-left: 15px;
    margin: 0px;
    padding-right: 15px;
    background-color: #fff;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #eeeeee; }
    .s-custom-selectlist .listitems ul.nav-list .nav-header {
      text-transform: capitalize;
      font-size: 12px;
      color: #626364;
      text-shadow: none;
      padding: 0px 8px 5px 8px;
      background-color: #d5d5d5; }

.s-button-hasdropdown .s-custom-selectlist {
  min-width: 150px; }
  .s-button-hasdropdown .s-custom-selectlist.bottom {
    top: 30px;
    bottom: auto; }

#srvywidgetactionsbar .s-custom-selectlist .listitems li {
  margin: 0;
  padding: 0; }
  #srvywidgetactionsbar .s-custom-selectlist .listitems li a {
    text-align: left; }

.dl-horizontal-addon {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  position: relative;
  display: table;
  table-layout: auto;
  border-collapse: separate;
  margin: 0; }
  .dl-horizontal-addon > * {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 100%; }
  .dl-horizontal-addon .dl-addon {
    width: 1%;
    white-space: nowrap;
    float: none; }
  .dl-horizontal-addon .dd {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0; }
  .dl-horizontal-addon.valign-top > * {
    vertical-align: top; }
  .dl-horizontal-addon.valign-bottom > * {
    vertical-align: bottom; }
    .dl-horizontal-addon.valign-bottom > *.state-error em.invalid {
      position: absolute;
      left: 13px;
      bottom: -13px; }

.alert {
  border-radius: 0;
  border-width: 0 0 0 0px;
  color: #555;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 10px 0px; }
  .alert .close {
    color: #000000;
    float: right !important;
    line-height: 20px;
    opacity: 0.4;
    position: relative;
    right: 0;
    top: -4px; }
  .alert ul {
    padding: 0 7px 0 20px;
    margin-bottom: 0; }
    .alert ul li {
      list-style-type: none;
      margin-bottom: 10px; }
      .alert ul li + li {
        margin-bottom: 0; }
    .alert ul a {
      text-decoration: none;
      font-weight: normal; }
  .alert .row-grid [class^="col-"]:first-child {
    padding-left: 7px; }
  .alert .row-grid [class^="col-"]:last-child {
    padding-right: 10px; }
  .alert .row-grid [class^="col-"].text-right .btn-link {
    margin-left: 10px; }
  .alert .message-box {
    text-align: left; }
  .alert label {
    margin-bottom: 0; }
  .alert a {
    font-size: 13px;
    text-decoration: underline;
    font-weight: normal; }
    .alert a:hover {
      text-decoration: none; }
    .alert a.btn-link {
      font-size: 13px;
      padding-right: 0; }

.alert-success {
  background: #c8e2de;
  border-color: #c8e2de;
  color: #222222; }
  .alert-success .fa,
  .alert-success [class*="icon-"] {
    color: #77aaa0; }
  .alert-success a {
    color: #77aaa0; }

.alert-warning {
  background: #fdeecf;
  border-color: #fdeecf;
  color: #222222; }
  .alert-warning .fa,
  .alert-warning [class*="icon-"] {
    color: #f4a435; }
  .alert-warning a {
    color: #f4a435 !important; }

.alert-info {
  background: #e4f4f1;
  border-color: #77aaa0;
  color: #222222; }

.alert-npx {
  border: none;
  border-radius: 5px;
  color: #424142;
  margin-bottom: 0px;
  padding: 0px 13px; }
  .alert-npx > .dl-horizontal {
    display: table;
    table-layout: fixed;
    height: 100%;
    margin-bottom: 0; }
    .alert-npx > .dl-horizontal > * {
      float: none;
      display: table-cell;
      vertical-align: middle;
      height: 100%; }
    .alert-npx > .dl-horizontal dt.text {
      text-align: left;
      width: 210px;
      float: none !important; }
      .alert-npx > .dl-horizontal dt.text ul.pull-left {
        margin-right: 0px;
        padding: 13px 7px 12px 20px; }
        .alert-npx > .dl-horizontal dt.text ul.pull-left li {
          margin-bottom: 0;
          float: left;
          margin-right: 15px; }
        .alert-npx > .dl-horizontal dt.text ul.pull-left a {
          text-decoration: underline;
          font-weight: normal; }
  .alert-npx .row-grid {
    padding: 0px; }
    .alert-npx .row-grid [class*="col-"]:last-child ul {
      margin: 0; }
    .alert-npx .row-grid [class*="col-"] + [class*="col-"] {
      border-left: 1px solid #77aaa0; }
    .alert-npx .row-grid [class*="col-"] h2 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
      font-weight: normal; }
    .alert-npx .row-grid [class*="col-"] p {
      margin: 0; }
  .alert-npx h2 {
    font-size: 24px;
    margin: 0px;
    color: #424142;
    font-size: 16px;
    font-weight: 500; }
    .alert-npx h2 span {
      color: #77aaa0;
      font-size: 33px;
      vertical-align: middle;
      margin-right: 10px;
      display: none; }
  .alert-npx .close {
    font-size: 22px;
    color: #77aaa0;
    opacity: 1; }
  .alert-npx .btn.publishsurvey {
    margin: 0px 0px 0 0;
    text-decoration: none; }
  .alert-npx .btn + .btn {
    margin-left: 5px; }
  .alert-npx .btn-link {
    text-decoration: underline; }
  .alert-npx#alert-collect h2 {
    color: #77aaa0; }
  .alert-npx#alert-collect .col-xs-3.hide + .col-xs-9 {
    border-left: 0;
    padding-left: 7px;
    padding-right: 18px; }
    .alert-npx#alert-collect .col-xs-3.hide + .col-xs-9 p.ribbonmsg {
      font-weight: 500;
      font-size: 16px; }
  .alert-npx .btn-link.deletesurvey, .alert-npx .btn-link.publishsurvey {
    margin-left: 5px;
    padding: 6px 12px;
    padding-right: 0;
    line-height: 1.42857;
    vertical-align: middle;
    display: inline-block; }
  .alert-npx .btn-link.publishsurvey {
    background-color: #77aaa0;
    border-radius: 2px;
    color: #fff;
    text-decoration: none;
    padding: 7px 12px; }
    .alert-npx .btn-link.publishsurvey:hover, .alert-npx .btn-link.publishsurvey:focus, .alert-npx .btn-link.publishsurvey.focus {
      color: #fff;
      background-color: #799191; }

/* Notification Widget/ Full screen modal */
body.nooverflow {
  height: 100%;
  min-height: inherit !important;
  overflow: hidden;
  position: fixed;
  width: 100%; }

.ajax-dropdown {
  display: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  -moz-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  position: absolute;
  z-index: 1003;
  top: 48px;
  width: 344px;
  padding: 0px;
  background: #fff;
  border: 1px solid #fff;
  left: -300px; }
  @media (min-width: 0px) and (max-width: 736px) {
    .ajax-dropdown {
      width: auto;
      /*height: 320px;BG-10648*/
      left: 10px;
      right: 10px;
      top: 49px;
      position: fixed; }
      .ajax-dropdown:before, .ajax-dropdown:after {
        content: inherit !important;
        border: 0 !important; } }
  .ajax-dropdown:after, .ajax-dropdown:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    right: 53px;
    margin-left: auto; }
  .ajax-dropdown:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #C9E2DE;
    border-width: 7px;
    left: 50%;
    margin-left: -7px; }
  .ajax-dropdown:before {
    border-color: rgba(131, 131, 131, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    left: 50%;
    margin-left: -8px; }
  .ajax-dropdown .btn-group .btn {
    font-weight: 700;
    text-transform: capitalize; }
    .ajax-dropdown .btn-group .btn:active {
      top: 0;
      left: 0; }
  .ajax-dropdown .btn-group > :nth-child(2) {
    border-right-width: 0;
    border-left-width: 0; }
  .ajax-dropdown > :last-child {
    font-size: 13px;
    display: block;
    line-height: 22px;
    font-weight: 400; }
  .ajax-dropdown .fa-4x.fa-border {
    border-width: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: 46px;
    text-align: center;
    color: #D1D1D1;
    border-color: #D1D1D1; }
  .active + .ajax-dropdown {
    -webkit-animation-name: flipInY;
    -moz-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -o-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; }
  .fixed-header #header .ajax-dropdown {
    z-index: 1004; }

.ajax-dropdown.ajax-dropdown-extended .enscrollwrapper {
  /*overflow-x: hidden!important;
  overflow-y: auto!important;*/ }

.ajax-notifications {
  height: 365px;
  display: block;
  overflow: auto;
  margin-right: -10px;
  margin-left: -10px;
  border-bottom: 1px solid #CECECE;
  border-top: 1px solid #CECECE;
  background: #E9E9E9;
  height: 250px; }
  .ajax-notifications > .alert.alert-transparent {
    background-color: transparent;
    border-color: transparent;
    color: #757575;
    margin: 13px 10px; }
  .ajax-notifications > .alert > :first-child {
    margin-bottom: 10px;
    font-weight: 400; }

/*notification*/
.notificationwidget .stream-scroll > header.titlepanel {
  margin-bottom: 0px;
  background: #c9e2de;
  height: 34px; }
  .notificationwidget .stream-scroll > header.titlepanel h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    padding-right: 0; }
    .notificationwidget .stream-scroll > header.titlepanel h3 span.count {
      position: relative;
      right: 0; }
.notificationwidget .stream-scroll .titlepanel {
  height: auto;
  width: 100%;
  display: table;
  table-layout: fixed;
  height: 100%;
  table-layout: auto; }
  .notificationwidget .stream-scroll .titlepanel > * {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 100%; }
  .notificationwidget .stream-scroll .titlepanel .header-icon {
    background: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: inherit; }
    .notificationwidget .stream-scroll .titlepanel .header-icon + .text {
      margin-left: 0px; }
    .notificationwidget .stream-scroll .titlepanel .header-icon [class*="icon-"] {
      margin-top: 0; }
    .notificationwidget .stream-scroll .titlepanel .header-icon:empty {
      width: 10px !important; }
  .notificationwidget .stream-scroll .titlepanel > .header-icon {
    height: 100% !important;
    float: none !important;
    width: 64px !important;
    vertical-align: top; }
  .notificationwidget .stream-scroll .titlepanel h3 {
    font-size: 14px;
    color: #333;
    line-height: 18px; }
  .notificationwidget .stream-scroll .titlepanel .more-btn {
    width: 420px !important;
    float: none !important;
    vertical-align: middle; }
    .notificationwidget .stream-scroll .titlepanel .more-btn .close-comments {
      right: 10px;
      top: 0;
      position: absolute; }
    .notificationwidget .stream-scroll .titlepanel .more-btn a:not(.btn) {
      font-size: 14px;
      color: #333;
      line-height: 34px; }
    .notificationwidget .stream-scroll .titlepanel .more-btn .btn {
      height: auto;
      margin-right: 10px;
      float: right; }
    .notificationwidget .stream-scroll .titlepanel .more-btn .more-notifications {
      margin-right: 5px;
      float: right; }
  .notificationwidget .stream-scroll .titlepanel + p {
    margin-top: 3px; }
  .notificationwidget .stream-scroll .titlepanel .text {
    width: 100% !important;
    float: left;
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
    .notificationwidget .stream-scroll .titlepanel .text h1 {
      margin-bottom: 5px !important; }
    .notificationwidget .stream-scroll .titlepanel .text p {
      line-height: 14px;
      font-size: 13px !important;
      margin-bottom: 0; }
.notificationwidget .stream-scroll .chat-body {
  width: 100% !important; }
.notificationwidget .comment-panel .titlepanel {
  display: inherit;
  height: auto;
  margin-bottom: 0;
  width: auto; }
  .notificationwidget .comment-panel .titlepanel h5 {
    color: #6CA898;
    font-weight: 600; }
.notificationwidget .comment-panel h6 {
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  font-weight: 600; }
.notificationwidget .comment-panel p {
  margin-bottom: 5px; }
.notificationwidget .comment-panel .totalcontacts-holder-sm i {
  color: #fff;
  font-size: 15px;
  line-height: 35px; }
.notificationwidget p,
.notificationwidget li,
.notificationwidget h6,
.notificationwidget h5 {
  font-size: 12px !important; }
.notificationwidget .chat-body li.message > div > .img {
  margin-top: 5px; }
.notificationwidget .chat-body .dataTables_wrapper tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px; }
  .notificationwidget .chat-body .dataTables_wrapper tbody tr td .toggle-sty {
    margin-top: 8px !important; }
    .notificationwidget .chat-body .dataTables_wrapper tbody tr td .toggle-sty.smart-form .toggle {
      height: 28px; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .notificationwidget .chat-body .dataTables_wrapper .dataTables_scrollBody table {
    margin: 0; } }
.notificationwidget .chat-body .widget-grid .chartsettings-panel {
  background-color: #fff; }
  .notificationwidget .chat-body .widget-grid .chartsettings-panel .gridsearch {
    margin: 0;
    padding: 0 5px; }
    .notificationwidget .chat-body .widget-grid .chartsettings-panel .gridsearch .input-group {
      padding: 0 !important; }
.notificationwidget .chat-body .widget-grid .widget-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .notificationwidget .chat-body .widget-grid .widget-content .table thead tr {
    background-image: none; }
.notificationwidget .chat-body .s-nav-textlinks li:first-child {
  margin-top: 0; }
.notificationwidget .chat-body .linkdiv {
  background-color: #fff; }
  .notificationwidget .chat-body .linkdiv .s-nav-textlinks {
    float: right; }
.notificationwidget .chat-body .grid-manageuserreview .dataTables_filter {
  display: block;
  position: absolute;
  left: 0;
  right: auto;
  top: -50px;
  width: 33.33%;
  min-width: 385px; }
  .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label {
    padding-left: 40px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid transparent;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label input[type='search'] {
      margin: 0;
      border-width: 0px;
      border-left: 1px solid transparent;
      width: 100%; }
      .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label input[type='search']::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #77aaa0; }
      .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label input[type='search']::-moz-placeholder {
        /* Firefox 19+ */
        color: #77aaa0; }
      .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label input[type='search']:-ms-input-placeholder {
        /* IE 10+ */
        color: #77aaa0; }
      .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label input[type='search']:-moz-placeholder {
        /* Firefox 18- */
        color: #77aaa0; }
      .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label input[type='search']:focus {
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
    .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label:before {
      content: "\e616";
      position: absolute;
      left: 15px;
      top: 11px;
      color: #77aaa0; }
    .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label:hover {
      background-color: #eee;
      border: 1px solid #ccc; }
      .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label:hover input[type='search'] {
        border-left: 1px solid #ccc; }
        .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label:hover input[type='search']::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #c8e2de; }
        .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label:hover input[type='search']::-moz-placeholder {
          /* Firefox 19+ */
          color: #c8e2de; }
        .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label:hover input[type='search']:-ms-input-placeholder {
          /* IE 10+ */
          color: #c8e2de; }
        .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label:hover input[type='search']:-moz-placeholder {
          /* Firefox 18- */
          color: #c8e2de; }
      .notificationwidget .chat-body .grid-manageuserreview .dataTables_filter label:hover:before {
        color: #555; }
.notificationwidget .close-comments {
  color: #333;
  display: none; }
  .notificationwidget .close-comments:hover {
    text-decoration: none;
    opacity: 0.5; }

/*notification dropdown */
@media (min-width: 480px) {
  .ajax-dropdown:after {
    margin-left: 143px; }
  .ajax-dropdown:before {
    margin-left: 142px; } }
.ajax-dropdown-extended {
  bottom: 0;
  top: 44px;
  left: 0 !important;
  margin-left: 0;
  position: fixed;
  right: 0;
  width: auto; }
  .ajax-dropdown-extended:before, .ajax-dropdown-extended:after {
    border: none !important; }
  .ajax-dropdown-extended .enscrollwrapper {
    overflow: auto !important; }
  .ajax-dropdown-extended .enscroll-track {
    display: none; }
  .ajax-dropdown-extended .notificationwidget .close-comments {
    display: block; }
    .ajax-dropdown-extended .notificationwidget .close-comments i {
      color: #333; }
  .ajax-dropdown-extended .notificationwidget .more-notifications {
    display: none; }
  .ajax-dropdown-extended .notificationwidget .stream-scroll .titlepanel .more-btn {
    margin-right: 40px; }
  .ajax-dropdown-extended .notificationwidget .header-icon {
    height: 34px;
    line-height: 34px; }
    .ajax-dropdown-extended .notificationwidget .header-icon i {
      font-size: 22px;
      line-height: 32px; }
  .ajax-dropdown-extended .stream-scroll .message {
    padding-left: 40px;
    padding-right: 40px; }
  .ajax-dropdown-extended .stream-scroll .titlepanel .header-icon {
    text-align: center;
    width: auto; }

@media (min-width: 0px) and (max-width: 736px) {
  /*notifn drop*/
  /*.active + .ajax-dropdown{ animation-name:none;}*/
  .active + .ajax-dropdown {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none; }

  .notificationwidget .stream-scroll > header.titlepanel {
    padding: 0 10px;
    background-color: #ccefe9;
    height: 38px;
    line-height: 38px; }
  .notificationwidget .stream-scroll .titlepanel .header-icon {
    height: 38px;
    line-height: 38px; }
    .notificationwidget .stream-scroll .titlepanel .header-icon i {
      height: 38px;
      line-height: 38px; }
  .notificationwidget .stream-scroll .titlepanel h3 {
    height: 38px;
    line-height: 38px;
    margin: 0 !important; }
  .notificationwidget .stream-scroll .titlepanel .more-btn {
    margin: 0; }
    .notificationwidget .stream-scroll .titlepanel .more-btn a {
      color: #71b9a5;
      font-size: 13px;
      height: 38px;
      line-height: 38px; }
  .notificationwidget .comment-panel .titlepanel {
    height: auto;
    margin-bottom: 5px; }
    .notificationwidget .comment-panel .titlepanel h5 {
      font-weight: 500;
      font-size: 14px !important;
      color: #71b9a5; }
  .notificationwidget .comment-panel h6 {
    font-weight: lighter;
    font-size: 13px !important;
    color: #000;
    margin: 3px 0;
    font-weight: 400; }
  .notificationwidget .comment-panel p {
    font-weight: lighter;
    font-size: 13px !important;
    color: #555; }
  .notificationwidget .chat-body li.message > div > .img {
    margin: 0;
    width: 30px;
    height: 30px; }
    .notificationwidget .chat-body li.message > div > .img i {
      line-height: 30px;
      vertical-align: middle; }
  .notificationwidget .header-icon {
    display: none; }

  .chat-body li.message > div > .img {
    width: 30px; }

  .ajax-dropdown-extended .notificationwidget .stream-scroll .titlepanel .more-btn {
    margin: 0; }
  .ajax-dropdown-extended .stream-scroll .message {
    padding: 15px; } }
.wizard-style2 .form-actions {
  border: 0 !important;
  background: #F0F1F6 !important;
  padding: 13px 0 !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  overflow: hidden !important; }
  .wizard-style2 .form-actions a {
    border: 0 !important;
    background: #F0F1F6 !important;
    box-shadow: none !important;
    background: #7DB1A7 !important;
    color: #fff !important; }
  .wizard-style2 .form-actions .pager .prevbutton,
  .wizard-style2 .form-actions .pager .previous,
  .wizard-style2 .form-actions .pager .wprevious {
    background-color: transparent !important;
    color: #77aaa0 !important;
    text-decoration: underline; }
.wizard-style2 .tab-pane {
  padding: 0; }
.wizard-style2 .smart-form [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important; }

.drawer-btn-panel .btn {
  margin-left: 13px; }

.enable-invitation,
.enable-primary-comment {
  margin: 13px 0; }
  .enable-invitation .checkbox,
  .enable-primary-comment .checkbox {
    margin: 0; }
  .enable-invitation .icon-help,
  .enable-primary-comment .icon-help {
    margin-left: 7px; }

.form-actions .btn[style*="display"][style*="inline"] {
  display: inline-block !important; }

.body-chrome .notificationwidget .titlepanel .header-icon {
  padding-left: 15px;
  padding-right: 15px; }
.body-chrome .notificationwidget .titlepanel .text {
  float: none !important; }

.theme-landmark .ajax-dropdown .notificationwidget header.titlepanel {
  background-color: #c8e2de; }

.theme-sky .ajax-dropdown .notificationwidget header.titlepanel {
  background-color: #e8f0ff; }

.theme-city .ajax-dropdown .notificationwidget header.titlepanel {
  background-color: #d3e8f7; }

/* Add Items Input Element */
.input-additems {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #e7e7e8; }
  .input-additems .label {
    padding: 0; }
  .input-additems header {
    background-color: #f7f7f7; }
    .input-additems header input[type="text"] {
      border-width: 0px; }
    .input-additems header + .listitems .padding-10 {
      padding-top: 0; }
  .input-additems .listitems .form-group {
    margin-bottom: 0; }
    .input-additems .listitems .form-group .form-control {
      border-width: 0px;
      padding-left: 0;
      padding-right: 0; }
      .input-additems .listitems .form-group .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #999; }
      .input-additems .listitems .form-group .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #999; }
      .input-additems .listitems .form-group .form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: #999; }
      .input-additems .listitems .form-group .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #999; }
  .input-additems .listholder li {
    color: #6a6a6a;
    padding: 5px 0px; }

/* ------- End */
.bootstrapWizard {
  display: block;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed;
  height: 100%;
  /* BG-10970, BG-11245*/ }
  .bootstrapWizard > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    height: 100%; }
  .bootstrapWizard a:hover,
  .bootstrapWizard a:active,
  .bootstrapWizard a:focus {
    text-decoration: none; }
  .bootstrapWizard.single-step li:before {
    display: none; }
  .bootstrapWizard.step-2 li, .bootstrapWizard.two-step li {
    width: 50%; }
  .bootstrapWizard.three-step > li {
    width: 33.33%; }
  .bootstrapWizard li {
    /*display: block;
    float: left;*/
    width: 25%;
    text-align: center;
    padding-left: 0; }
    .bootstrapWizard li:before {
      /*border-top: 3px solid #6ca898;*/
      content: "";
      display: block;
      font-size: 0;
      overflow: hidden;
      position: relative;
      top: 11px;
      right: 1px;
      width: 100%;
      z-index: 1;
      border: 2px solid #6ca898; }
    .bootstrapWizard li:first-child:before {
      left: 50%;
      max-width: 50%; }
    .bootstrapWizard li:last-child:before {
      max-width: 50%;
      width: 50%; }
    .bootstrapWizard li .step {
      background: none repeat scroll 0 0 #fff;
      border: 3px solid #6ca898;
      border-radius: 50%;
      color: #424142;
      display: inline;
      font-size: 15px;
      font-weight: normal;
      line-height: normal;
      padding: 5px 12px;
      position: relative;
      text-align: center;
      transition: all 0.1s linear 0s;
      z-index: 2; }
      .bootstrapWizard li .step i {
        font-size: 14px;
        font-weight: bold;
        position: relative;
        top: 0px;
        visibility: visible !important;
        color: #6ca898; }
    .bootstrapWizard li .title {
      color: #999;
      display: block;
      font-size: 13px;
      line-height: 15px;
      max-width: 100%;
      position: relative;
      table-layout: fixed;
      text-align: center;
      top: 20px;
      word-wrap: break-word;
      z-index: 1; }
    .bootstrapWizard li.complete .title {
      color: #2B3D53; }
    .bootstrapWizard li.complete .fa-check {
      visibility: visible !important; }
    .bootstrapWizard li.complete .step {
      background: #6CA898;
      border: 3px solid #55606E;
      border: 3px solid transparent;
      color: #fff; }
      .bootstrapWizard li.complete .step i {
        color: #fff;
        visibility: visible !important; }
    .bootstrapWizard li.active .title {
      color: #2B3D53; }
    .bootstrapWizard li.active .step {
      color: #fff;
      font-weight: normal;
      font-size: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      background: #6CA898;
      visibility: visible !important; }
      .bootstrapWizard li.active .step i {
        color: #fff;
        visibility: visible !important; }
    .bootstrapWizard li.active.complete .step {
      color: #fff;
      font-weight: normal;
      font-size: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      background: #6CA898 i;
        background-color: #fff; }
    .bootstrapWizard li.disabled,
    .bootstrapWizard li.disabled * {
      cursor: not-allowed; }
    .bootstrapWizard li.disabled .step {
      border: 3px solid rgba(119, 170, 160, 0.5);
      color: rgba(66, 65, 66, 0.5); }
  .bootstrapWizard.form-wizard.followupstatus {
    margin-bottom: 0; }
    .bootstrapWizard.form-wizard.followupstatus li {
      text-align: left; }
      .bootstrapWizard.form-wizard.followupstatus li a {
        margin-left: 0 !important;
        cursor: default; }
      .bootstrapWizard.form-wizard.followupstatus li .title {
        margin-left: 0;
        text-align: left; }
      .bootstrapWizard.form-wizard.followupstatus li + li {
        text-align: center; }
        .bootstrapWizard.form-wizard.followupstatus li + li .title {
          text-align: center; }
        .bootstrapWizard.form-wizard.followupstatus li + li + li {
          text-align: right; }
          .bootstrapWizard.form-wizard.followupstatus li + li + li a {
            margin-right: 0 !important; }
      .bootstrapWizard.form-wizard.followupstatus li:first-child:before {
        max-width: 100%;
        width: 100%;
        left: 0; }
      .bootstrapWizard.form-wizard.followupstatus li:last-child:before {
        max-width: 100%;
        width: 100%; }
    .bootstrapWizard.form-wizard.followupstatus .laststep .title {
      margin-right: 0;
      text-align: right; }

.form-bootstrapWizard {
  min-height: 70px;
  height: 60px;
  margin-top: 2px !important;
  /*&.clearfix {
      margin-top: 20px
  }*/ }
  .form-bootstrapWizard.clearfix {
    margin: 0; }
  .form-bootstrapWizard .grey-panel {
    padding-top: 20px;
    padding-bottom: 30px; }
  @media (min-width: 737px) and (max-width: 1024px) {
    .form-bootstrapWizard {
      /* portrait & landscape - ipad */
      /* BG-10970 */ }
      .form-bootstrapWizard .form-bootstrapWizard {
        height: 60px;
        margin: 2px 0 0 0 !important; } }

.invitesetup-accordian .bootstrapWizard li {
  width: 33.33%; }
.invitesetup-accordian .form-bootstrapWizard + .tab-content {
  margin-top: 80px; }

/*.col-followup-panel .bootstrapWizard > li.laststep .fa{color:#B2B5B9}
.col-followup-panel .bootstrapWizard > li.laststep.active .fa{color:#0091D9}*/
.col-followup-panel .bootstrapWizard {
  margin-left: -15%;
  margin-right: -15%;
  width: auto; }
  .col-followup-panel .bootstrapWizard > li {
    width: 33%; }
  .col-followup-panel .bootstrapWizard li .step {
    padding-left: 9px;
    padding-right: 9px;
    padding: 2px 9px;
    cursor: pointer; }
    .col-followup-panel .bootstrapWizard li .step.no-cursor {
      cursor: auto; }
  .col-followup-panel .bootstrapWizard li.complete .title, .col-followup-panel .bootstrapWizard li.active .title {
    color: #424142; }
.col-followup-panel .form-bootstrapWizard {
  margin-bottom: 50px; }

.bootstrapWizard-threetab {
  width: 33% !important; }

.byod .bootstrapWizard-threetab li {
  width: 25% !important; }
.byod .bootstrapWizard li {
  width: 50%; }

.editinvite .tab-content,
.editinvite .bootstrapWizard {
  margin-top: 30px; }
  .editinvite .tab-content li,
  .editinvite .bootstrapWizard li {
    width: 33%; }

.contactfieldheaderpanel .form-bootstrapWizard {
  height: auto; }

/*Device Specific Styles*/
@media (min-width: 0px) and (max-width: 736px) {
  /*process circles*/
  .bootstrapWizard li:before {
    border-width: 1px;
    top: 12px; }
  .bootstrapWizard li .title {
    font-size: 12px; }
  .bootstrapWizard li .step i {
    font-size: 10px; }

  .col-followup-panel .form-bootstrapWizard {
    margin: 25px 0 !important; }
    .col-followup-panel .form-bootstrapWizard ul.bootstrapWizard li .step {
      padding: 0px 6px;
      border-width: 1px; } }
    @media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 0) {
      .col-followup-panel .form-bootstrapWizard ul.bootstrapWizard li .step {
        padding: 0px 5px;
        /*css hack for both chrome and safari*/ } }

@media (min-width: 0px) and (max-width: 736px) {
  .followuprocess .form-bootstrapWizard {
    margin: 0 0 7px 0 !important; } }
/* BG-11107 */
#exportPanel .form-bootstrapWizard {
  height: auto;
  margin: 0 !important; }
  #exportPanel .form-bootstrapWizard .form-actions {
    margin-top: 0;
    margin-bottom: 0; }

/* BG-10970 */
.followupstatus-wizard ul.bootstrapWizard {
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0; }

.pager li.previous .btn {
  background-color: transparent !important;
  border-color: transparent !important;
  text-decoration: underline; }
  .pager li.previous .btn:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    text-decoration: none; }

.theme-landmark .bootstrapWizard li:before {
  border: 2px solid #77aaa0; }
.theme-landmark .bootstrapWizard li .step {
  background: none repeat scroll 0 0 #fff;
  border: 3px solid #77aaa0;
  color: #424142; }
  .theme-landmark .bootstrapWizard li .step i {
    color: #77aaa0; }
.theme-landmark .bootstrapWizard li .title {
  color: #999; }
.theme-landmark .bootstrapWizard li.complete .title {
  color: #424142; }
.theme-landmark .bootstrapWizard li.complete .step {
  background: #77aaa0;
  border: 3px solid rgba(119, 170, 160, 0);
  color: #fff; }
  .theme-landmark .bootstrapWizard li.complete .step i {
    color: #fff; }
.theme-landmark .bootstrapWizard li.active .title {
  color: #424142; }
.theme-landmark .bootstrapWizard li.active .step {
  color: #fff;
  border: 3px solid rgba(119, 170, 160, 0);
  background: #77aaa0; }
  .theme-landmark .bootstrapWizard li.active .step i {
    color: #fff; }
.theme-landmark .bootstrapWizard li.active.complete .step {
  color: #fff;
  border: 3px solid rgba(119, 170, 160, 0);
  background: #77aaa0; }
  .theme-landmark .bootstrapWizard li.active.complete .step i {
    color: #fff; }
.theme-landmark .bootstrapWizard li.disabled .step {
  border: 3px solid rgba(119, 170, 160, 0.5);
  color: rgba(66, 65, 66, 0.5); }

.theme-sky .bootstrapWizard li:before {
  border: 2px solid #5e96ff; }
.theme-sky .bootstrapWizard li .step {
  background: none repeat scroll 0 0 #fff;
  border: 3px solid #5e96ff;
  color: #7a8996; }
  .theme-sky .bootstrapWizard li .step i {
    color: #5e96ff; }
.theme-sky .bootstrapWizard li .title {
  color: #999; }
.theme-sky .bootstrapWizard li.complete .title {
  color: #7a8996; }
.theme-sky .bootstrapWizard li.complete .step {
  background: #5e96ff;
  border: 3px solid rgba(94, 150, 255, 0);
  color: #fff; }
  .theme-sky .bootstrapWizard li.complete .step i {
    color: #fff; }
.theme-sky .bootstrapWizard li.active .title {
  color: #7a8996; }
.theme-sky .bootstrapWizard li.active .step {
  color: #fff;
  border: 3px solid rgba(94, 150, 255, 0);
  background: #5e96ff; }
  .theme-sky .bootstrapWizard li.active .step i {
    color: #fff; }
.theme-sky .bootstrapWizard li.active.complete .step {
  color: #fff;
  border: 3px solid rgba(94, 150, 255, 0);
  background: #5e96ff; }
  .theme-sky .bootstrapWizard li.active.complete .step i {
    color: #fff; }
.theme-sky .bootstrapWizard li.disabled .step {
  border: 3px solid rgba(94, 150, 255, 0.5);
  color: rgba(66, 65, 66, 0.5); }

.theme-city .bootstrapWizard li:before {
  border: 2px solid #4f8eb8; }
.theme-city .bootstrapWizard li .step {
  background: none repeat scroll 0 0 #fff;
  border: 3px solid #4f8eb8;
  color: #4f8eb8; }
  .theme-city .bootstrapWizard li .step i {
    color: #4f8eb8; }
.theme-city .bootstrapWizard li .title {
  color: #999; }
.theme-city .bootstrapWizard li.complete .title {
  color: #4f8eb8; }
.theme-city .bootstrapWizard li.complete .step {
  background: #4f8eb8;
  border: 3px solid rgba(79, 142, 184, 0);
  color: #fff; }
  .theme-city .bootstrapWizard li.complete .step i {
    color: #fff; }
.theme-city .bootstrapWizard li.active .title {
  color: #4f8eb8; }
.theme-city .bootstrapWizard li.active .step {
  color: #fff;
  border: 3px solid rgba(79, 142, 184, 0);
  background: #4f8eb8; }
  .theme-city .bootstrapWizard li.active .step i {
    color: #fff; }
.theme-city .bootstrapWizard li.active.complete .step {
  color: #fff;
  border: 3px solid rgba(79, 142, 184, 0);
  background: #4f8eb8; }
  .theme-city .bootstrapWizard li.active.complete .step i {
    color: #fff; }
.theme-city .bootstrapWizard li.disabled .step {
  border: 3px solid rgba(79, 142, 184, 0.5);
  color: rgba(66, 65, 66, 0.5); }

/* Or Wizard */
.or-wizard {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  margin: 0; }
  .or-wizard > * {
    float: none;
    display: table-cell;
    vertical-align: bottom;
    height: 100%; }
  .or-wizard [class*="col-"]:first-child:before {
    content: "";
    height: 24px;
    right: 0px;
    position: absolute;
    top: 0;
    width: 1px;
    background-color: #fff; }
  .or-wizard [class*="col-"]:first-child.hide:before {
    display: none; }
  .or-wizard [class*="col-"] + [class*="col-"] {
    padding-left: 5%; }
    .or-wizard [class*="col-"] + [class*="col-"]:before {
      content: "";
      height: 24px;
      left: 0px;
      position: absolute;
      bottom: 0;
      width: 1px;
      background-color: #fff; }
    .or-wizard [class*="col-"] + [class*="col-"]:after {
      content: "or";
      font-size: 24px;
      line-height: 24px;
      left: -14px;
      padding: 5px;
      position: absolute;
      top: 50%;
      margin-top: -18px;
      z-index: 2; }
  .or-wizard [class*="col-"].hide + [class*="col-"]:before, .or-wizard [class*="col-"].hide + [class*="col-"]:after {
    display: none; }
  .or-wizard > .well-sm {
    display: table;
    width: 100%; }

.equal-seperators + * {
  position: relative; }
  .equal-seperators + *:before {
    content: "=";
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: -4px;
    bottom: autopx;
    right: autopx;
    top: 43px; }

/* ------- End */
#chat_ended_session_div, #chat_end_session_div {
  margin-right: 20px;
  margin-top: 10px; }

a.chat-link {
  border: none;
  color: #fff !important;
  text-shadow: none !important;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  padding: 0 20px 0 0px;
  text-align: center;
  width: auto;
  height: 40px;
  line-height: 40px; }

a.chat-link:focus, a.chat-link:hover {
  text-decoration: none; }

.chat-link > span.icon-default_user {
  float: left;
  font-size: 28px;
  padding: 5px 5px 0px 10px; }

.icon-default_user .path1::before {
  color: #fff; }

/*Preloaders*/
.icon-preloader {
  background: url("../images/xpui/pre-loader.gif") no-repeat scroll 0 0 transparent !important;
  height: 48px;
  padding: 0;
  width: 48px; }
  #srvywidgetactionsbar .icon-preloader {
    background-image: url(../images/bggrey-loader.gif) !important;
    background-position: center center !important; }

.icon-preloader-sm {
  background: url("../images/xpui/pre-loader-sm.gif") no-repeat scroll 0 0 transparent !important;
  height: 24px;
  padding: 0;
  width: 24px; }

.icon-chartpreloader {
  background: url("../images/xpui/chart-preloader.gif") no-repeat scroll 0 0 transparent !important;
  height: 112px;
  padding: 0;
  width: 235px; }

.s-preloader {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 4462;
  width: 200px;
  padding: 20px;
  margin: -50px 0 0 -110px;
  background-color: #fefefe;
  border: 1px solid rgba(241, 241, 241, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  .s-preloader .alert {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #77aaa0 !important;
    text-shadow: none;
    background: none;
    border: none; }
  .s-srvysummary-wrap .s-rowpanel-header .s-col-srvystatus .s-preloader {
    min-height: 55px;
    position: relative;
    left: 0;
    margin: 0;
    top: 0;
    background-color: transparent;
    box-shadow: none;
    border-width: 0px; }
    .s-srvysummary-wrap .s-rowpanel-header .s-col-srvystatus .s-preloader .icon-preloader {
      background-image: url(../images/bggrey-loader.gif) !important; }

.chart-preloader {
  display: table;
  table-layout: fixed;
  height: 100%;
  height: 200px;
  text-align: center;
  width: 100%;
  background-color: transparent; }
  .chart-preloader > * {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 100%; }
  .chart-preloader .icon-chartpreloader {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .chart-preloader.scorecard {
    height: 110px; }
    .chart-preloader.scorecard .icon-chartpreloader {
      background: url("../images/xpui/scorecard-preloader.gif") no-repeat scroll 0 0 transparent !important;
      width: 84px;
      height: 40px; }

#progressDiv.s-modal-backdrop {
  z-index: 99980 !important; }

.ui-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none; }
  .ui-disabled a {
    cursor: default;
    pointer-events: none; }
  .ui-disabled[rel="tooltip"], .ui-disabled[title] {
    pointer-events: inherit; }
  .ui-disabled .s-custom-combolist .s-button-link {
    cursor: default !important; }

button.ui-disabled,
a.ui-disabled {
  cursor: not-allowed !important;
  pointer-events: none;
  background-image: none !important;
  filter: alpha(opacity=50); }
  button.ui-disabled *,
  a.ui-disabled * {
    cursor: not-allowed !important; }

/* Tooltip */
.charttooltip {
  max-width: 400px; }

.highcharts-tooltip {
  opacity: 1 !important; }
  .highcharts-tooltip h5 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0; }
  .highcharts-tooltip p {
    margin-bottom: 0;
    font-size: 11px; }
  .highcharts-tooltip strong {
    font-weight: normal; }
  .highcharts-tooltip .tooltip-inner {
    background-color: #fff;
    color: #424142;
    border: 2px solid #999;
    font-weight: normal;
    width: auto;
    max-width: 400px;
    border-radius: 2px;
    padding: 10px; }
  .highcharts-tooltip > span:before, .highcharts-tooltip > span:after {
    content: "";
    position: absolute;
    background-color: white; }
  .highcharts-tooltip > span:before {
    height: 9px;
    top: -7px;
    left: 0;
    right: 0; }
  .highcharts-tooltip > span:after {
    width: 9px;
    bottom: -7px;
    left: -7px;
    top: 0; }
  .highcharts-tooltip span {
    z-index: 9999 !important; }
    .highcharts-tooltip span .tooltip-body {
      padding: 3px;
      z-index: 9999 !important;
      background-color: white; }
      .highcharts-tooltip span .tooltip-body:before, .highcharts-tooltip span .tooltip-body:after {
        content: "";
        position: absolute;
        background-color: white; }
      .highcharts-tooltip span .tooltip-body:before {
        height: 9px;
        bottom: -7px;
        left: 0;
        right: 0; }
      .highcharts-tooltip span .tooltip-body:after {
        width: 9px;
        bottom: -7px;
        right: -7px;
        top: 0; }
  .highcharts-tooltip .tooltip-arrow {
    border-top-color: transparent !important; }
    .highcharts-tooltip .tooltip-arrow:before {
      content: "";
      position: absolute;
      left: -8px;
      bottom: -5px; }
    .highcharts-tooltip .tooltip-arrow:after {
      content: "";
      position: absolute;
      left: -8px;
      bottom: -2px; }
  .highcharts-tooltip.top {
    padding-bottom: 4px; }
    .highcharts-tooltip.top .tooltip-arrow:before {
      border-top: 9px solid #999;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom-width: 0; }
    .highcharts-tooltip.top .tooltip-arrow:after {
      border-top: 9px solid #fff;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom-width: 0; }
  .highcharts-tooltip.tooltip-mousemove.top {
    padding-bottom: 4px; }
  .highcharts-tooltip[class*="bar-"] {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
  .highcharts-tooltip.detractor .tooltip-inner, .highcharts-tooltip.bar-detractor .tooltip-inner {
    border-color: #ea6060; }
  .highcharts-tooltip.detractor.top .tooltip-arrow:before, .highcharts-tooltip.bar-detractor.top .tooltip-arrow:before {
    border-top-color: #ea6060; }
  .highcharts-tooltip.passive .tooltip-inner, .highcharts-tooltip.bar-passive .tooltip-inner {
    border-color: #f7e07f; }
  .highcharts-tooltip.passive.top .tooltip-arrow:before, .highcharts-tooltip.bar-passive.top .tooltip-arrow:before {
    border-top-color: #f7e07f; }
  .highcharts-tooltip.promoter .tooltip-inner, .highcharts-tooltip.bar-promoter .tooltip-inner {
    border-color: #aacc7a; }
  .highcharts-tooltip.promoter.top .tooltip-arrow:before, .highcharts-tooltip.bar-promoter.top .tooltip-arrow:before {
    border-top-color: #aacc7a; }
  .highcharts-tooltip.bar-transparent {
    border-width: 0px !important; }

.highcharts-tooltip.nps .tooltip-inner {
  border-color: #7fa8e2; }

.highcharts-tooltip.nps.top .tooltip-arrow:before {
  border-top-color: #7fa8e2; }

div.heatmap .highcharts-tooltip > span {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid silver;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #888;
  padding: 8px;
  z-index: 2; }

.tooltip-inner .legend {
  width: 12px;
  height: 10px;
  background-color: rgba(44, 128, 164, 0.7);
  margin-right: 5px;
  display: inline-block; }
  .tooltip-inner .legend.low-performer {
    background: #c9eef4; }
  .tooltip-inner .legend.developing {
    background: #3eb7ca; }
  .tooltip-inner .legend.operational {
    background: #2c80a4; }
  .tooltip-inner .legend.top-performer {
    background: #3c4973; }

/*Custom*/
#comments-tray-line-chart .highcharts-tooltip .tooltip-body {
  background-color: transparent !important; }
  #comments-tray-line-chart .highcharts-tooltip .tooltip-body li {
    margin-left: 15px; }
    #comments-tray-line-chart .highcharts-tooltip .tooltip-body li span {
      left: auto !important;
      margin-left: 0px !important; }

/*.followup-aging{
    .highcharts-tooltip {
        span{
            .tooltip-body{
                &:before {                
                    height: 13px;
                    bottom: -13px;
                    left: 0;
                    right: 0;
                }
                &:after {
                    width: 13px;
                    bottom: -13px;
                    right: -13px;
                    top: 0;                
                }
            } 
        }
    }
}*/
#steam-graph-chart-container .highcharts-tooltip.tooltip.right .tooltip-arrow {
  border-width: 5px 5px 5px 0; }
  #steam-graph-chart-container .highcharts-tooltip.tooltip.right .tooltip-arrow:before {
    border-left: 4px solid transparent;
    border-right: 4px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content: "";
    position: absolute;
    top: -4px;
    left: -1px;
    width: 0;
    height: 0; }

.grid-item.col-lg-8 .highcharts-tooltip span .tooltip-body, .grid-item.col-lg-6 .highcharts-tooltip span .tooltip-body, .grid-item.col-lg-4 .highcharts-tooltip span .tooltip-body {
  padding: 3px; }

.nowrap-tooltip .tooltip-inner {
  white-space: nowrap;
  max-width: none; }

.marketingdata div {
  background: #eae9da;
  color: #404041;
  border: 3px solid #2DAF4A;
  border-left: 0px;
  border-right: 0px; }
  .marketingdata div.date {
    position: absolute;
    left: 0px;
    right: 533px;
    width: auto;
    z-index: 5; }
  .marketingdata div:last-child {
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    transform: skew(40deg);
    border: 3px solid #2DAF4A;
    border-width: 3px 0px;
    position: relative;
    right: 0px;
    width: 540px;
    height: 88px; }
    .marketingdata div:last-child p {
      -webkit-transform: skew(-40deg, 0deg);
      -moz-transform: skew(-40deg, 0deg);
      transform: skew(-40deg, 0deg);
      margin-bottom: 0px;
      padding: 10px 10px 10px 0px; }
    .marketingdata div:last-child:before {
      content: "";
      position: absolute;
      width: 210px;
      height: 80px;
      background: #eae9da;
      right: -50px;
      top: -3px;
      border-top: 3px solid #2DAF4A; }
    .marketingdata div:last-child:after {
      content: "";
      position: absolute;
      width: 4px;
      height: 38px;
      background: #2DAF4A;
      left: 0px;
      top: 45px; }
.marketingdata .btn-primary {
  background-color: #f58720;
  border: none;
  text-transform: uppercase;
  margin: 14px 0px 0px 0px;
  cursor: pointer; }
  .marketingdata .btn-primary:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #e17006; }
.marketingdata button.img-circle {
  background: none;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  height: 18px;
  line-height: 11px;
  padding: 0;
  width: 18px;
  margin-right: 2px; }
.marketingdata .icon-conference-graphic {
  font-size: 53px; }
.marketingdata .date-mobile {
  display: none; }

@media (min-width: 0px) and (max-width: 800px) {
  .marketingdata div.date {
    right: 543px; }
  .marketingdata div:last-child {
    width: 550px;
    height: 88px; }
  .marketingdata .icon-conference-graphic {
    font-size: 53px; } }
@media (min-width: 0px) and (max-width: 728px) {
  .marketingdata div:last-child {
    width: 417px;
    height: 69px; }
    .marketingdata div:last-child:after {
      height: 63px;
      top: 0px; }
    .marketingdata div:last-child:before {
      height: 45px; }
    .marketingdata div:last-child p {
      height: auto; }
      .marketingdata div:last-child p.logo-mobile {
        width: 190px;
        padding: 10px 3px; }
  .marketingdata div.date {
    right: 402px; }
  .marketingdata .icon-conference-graphic {
    display: none; }
  .marketingdata .logo-mobile img {
    display: block !important;
    max-width: 100%; }
  .marketingdata .btn-primary {
    margin-top: 8px; } }
@media (min-width: 0px) and (max-width: 588px) {
  .marketingdata div:last-child p {
    width: 137px;
    padding: 10px 0px; }
    .marketingdata div:last-child p.logo-mobile {
      width: 125px;
      padding: 10px 0px; }
    .marketingdata div:last-child p a {
      font-size: 9px;
      padding: 5px; }
  .marketingdata div.date {
    right: 274px; }
    .marketingdata div.date p {
      padding: 10px 0;
      font-size: 9px; }
  .marketingdata div:last-child {
    width: 286px;
    height: 53px; }
    .marketingdata div:last-child:before {
      height: 47px; }
    .marketingdata div:last-child:after {
      height: 47px;
      top: 0px; }
  .marketingdata .btn-primary {
    margin-top: 1px; }
  .marketingdata .icon-conference-graphic {
    display: none;
    display: none; } }
@media (min-width: 0px) and (max-width: 480px) {
  .marketingdata div.date {
    display: none;
    right: 210px; }
    .marketingdata div.date p {
      font-size: 8px; }
  .marketingdata div:last-child {
    width: 100%;
    height: 84px;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    transform: skew(0deg); }
    .marketingdata div:last-child:before {
      height: 43px;
      display: none; }
    .marketingdata div:last-child:after {
      height: 43px;
      display: none; }
    .marketingdata div:last-child p {
      width: 96px;
      -webkit-transform: skew(0deg);
      -moz-transform: skew(0deg);
      transform: skew(0deg);
      padding-top: 6px; }
      .marketingdata div:last-child p.logo-mobile {
        width: 150px; }
      .marketingdata div:last-child p a {
        font-size: 11px;
        letter-spacing: 1px;
        padding: 5px 10px; }
  .marketingdata .btn-primary {
    margin-top: 4px; }
  .marketingdata .icon-conference-graphic {
    display: none; }
  .marketingdata .date-mobile {
    display: block;
    font-size: 11px;
    width: 100px;
    text-align: left !important;
    margin-right: 23px !important; }
  .marketingdata .btn-mobile {
    width: auto !important;
    position: absolute;
    bottom: -4px;
    left: 25%; }
  .marketingdata .logo-mobile {
    float: left !important;
    margin-left: 10px;
    width: 150px; } }
.error_msg {
  max-width: 560px;
  width: 70%;
  margin: 0 auto;
  text-align: left; }

.message-box {
  text-align: center; }
  .message-box i[class^="icon-"] {
    font-size: 50px;
    line-height: 80px;
    display: inline-block; }
  .message-box .error_msg {
    margin: 0 auto;
    max-width: 560px;
    text-align: left;
    width: 70%; }
    .message-box .error_msg i[class^="icon-"] {
      font-size: 14px;
      line-height: 19px;
      margin-left: -25px;
      position: absolute; }
  .message-box.reset-chart > div {
    display: inline-block; }
  .message-box.reset-chart .error_msg {
    width: auto;
    max-width: none; }
    .message-box.reset-chart .error_msg dl dt {
      width: 30px;
      text-align: center; }
      .message-box.reset-chart .error_msg dl dt i[class^="icon-"] {
        margin: 0;
        position: relative;
        top: 0; }
      .message-box.reset-chart .error_msg dl dt + dd {
        margin-left: 30px; }
    .message-box.reset-chart .error_msg dl + dl {
      margin-top: 20px; }

.home-chart h2 {
  color: #000;
  display: inline-block;
  width: 100%; }

.btn-sorting .dropdown-menu {
  min-width: 210px !important;
  margin-top: 5px;
  left: -9px; }
  .btn-sorting .dropdown-menu li.dropdown-header {
    font-size: 12px;
    font-weight: bold;
    color: rgba(153, 153, 153, 0.6);
    padding: 10px 15px 0px 15px !important;
    border-bottom-width: 0px !important; }
    .btn-sorting .dropdown-menu li.dropdown-header ~ .dropdown-header {
      border-top: 1px solid #eaeaea !important; }
  .btn-sorting .dropdown-menu li a {
    padding: 5px 15px 10px 15px !important;
    border-top: 0px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    color: #888;
    font-size: 13px !important; }
    .btn-sorting .dropdown-menu li a [class*="icon-"] {
      margin-right: 5px;
      font-size: 13px !important; }
  .btn-sorting .dropdown-menu.center {
    left: -95px; }
    .btn-sorting .dropdown-menu.center:before, .btn-sorting .dropdown-menu.center:after {
      left: 50%;
      margin-left: -5px; }
    .btn-sorting .dropdown-menu.center:before {
      margin-left: -6px; }
  .btn-sorting .dropdown-menu.right {
    left: auto;
    right: -9px; }
    .btn-sorting .dropdown-menu.right:before, .btn-sorting .dropdown-menu.right:after {
      left: auto;
      right: 10px; }
    .btn-sorting .dropdown-menu.right:before {
      left: auto;
      right: 9px; }

.navbar-chartcontrols .btn-sorting .dropdown-menu {
  right: 0; }
  .navbar-chartcontrols .btn-sorting .dropdown-menu:before, .navbar-chartcontrols .btn-sorting .dropdown-menu:after {
    display: none; }

.notes {
  position: relative;
  background: #fff;
  overflow: hidden;
  border: 1px solid #d8d8d8;
  border-radius: 0px 0px 10px 0px;
  width: 50px;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  color: #6ca898;
  height: 50px;
  text-transform: uppercase;
  padding: 7px 5px; }
  .notes strong {
    font-size: 24px;
    display: block; }
  .notes.disabled {
    opacity: .5; }

.pie-chart svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: #eaeaea;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px; }
.pie-chart text {
  alignment-baseline: middle;
  text-anchor: middle;
  dominant-baseline: middle; }
  .pie-chart text.score {
    fill: #666;
    font-weight: 500; }
  .pie-chart text.chart-label {
    fill: #afafaf;
    font-weight: normal; }
.pie-chart circle {
  /*stroke-dasharray: 180 378;  2π × r = 378 */
  -webkit-transition: all ease-in-out 0.8s;
  -moz-transition: all ease-in-out 0.8s;
  -o-transition: all ease-in-out 0.8s;
  transition: all ease-in-out 0.8s; }
  .pie-chart circle.pie-background {
    fill: white;
    stroke: #eaeaea;
    stroke-width: 0; }
  .pie-chart circle.pie-slice {
    fill: transparent;
    stroke: rgba(44, 128, 164, 0.7); }
    .pie-chart circle.pie-slice:hover {
      stroke: #2c80a4;
      cursor: pointer; }
    .pie-chart circle.pie-slice.low-performer {
      stroke: #c9eef4; }
      .pie-chart circle.pie-slice.low-performer:hover {
        stroke: #c9eef4; }
    .pie-chart circle.pie-slice.developing {
      stroke: #3eb7ca; }
      .pie-chart circle.pie-slice.developing:hover {
        stroke: #3eb7ca; }
    .pie-chart circle.pie-slice.operational {
      stroke: #2c80a4; }
      .pie-chart circle.pie-slice.operational:hover {
        stroke: #2c80a4; }
    .pie-chart circle.pie-slice.top-performer {
      stroke: #3c4973; }
      .pie-chart circle.pie-slice.top-performer:hover {
        stroke: #3c4973; }

.scroll-body {
  position: relative; }

.row-grid {
  table-layout: fixed;
  display: table;
  width: 100%;
  margin-bottom: 10px; }
  .row-grid:last-child {
    margin-bottom: 0px; }
  .row-grid[style*="block"] {
    display: table !important; }
  .row-grid > [class*="col-"] {
    display: table-cell;
    vertical-align: top;
    float: none;
    padding-left: 13px;
    padding-right: 13px; }
    .row-grid > [class*="col-"]:first-child {
      padding-left: 0px; }
    .row-grid > [class*="col-"]:last-child {
      padding-right: 0px; }
    @media (max-width: 767px) {
      .row-grid > [class*="col-"][class*="col-"][class*="-12"] {
        display: block;
        vertical-align: top;
        float: left;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px; }
        .row-grid > [class*="col-"][class*="col-"][class*="-12"]:last-child {
          margin-bottom: 0px; } }
  .row-grid.valign-middle > [class*="col-"] {
    vertical-align: middle; }
  .row-grid.valign-bottom > [class*="col-"] {
    vertical-align: bottom; }
    .row-grid.valign-bottom > [class*="col-"].state-error em.invalid {
      position: absolute;
      left: 13px;
      bottom: -22px; }
  .row-grid.padding-5 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .row-grid.bordered {
    border-width: 0px; }
    .row-grid.bordered > [class*="col-"] {
      border-left: 1px solid #eee; }
      .row-grid.bordered > [class*="col-"]:first-child {
        border-left: 0px solid #eee; }
  .row-grid.auto {
    table-layout: auto; }
    .row-grid.auto > .col-addon {
      white-space: nowrap;
      width: 1%; }

.grid .row {
  margin-left: -5px;
  margin-right: -5px; }
  .grid .row [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px; }
    .grid .row [class*="col-"]:first-child {
      padding-left: 10px; }
    .grid .row [class*="col-"]:last-child {
      padding-right: 10px; }
.grid [class*="col-"] label {
  word-wrap: break-word;
  word-break: break-all; }
.grid .nodata .text-danger {
  margin: 40px 0 60px 0; }
  .grid .nodata .text-danger small {
    font-size: 75%; }
.grid .grid-row {
  margin-top: 0px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px; }
  .grid .grid-row:first-child {
    margin-top: 10px; }
.grid.fixed-head .grid-head {
  padding-right: 17px; }
.grid.fixed-head .scroll-body {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden; }

.grid-bordered .row-grid {
  border-bottom: 1px solid #ddd; }
  .grid-bordered .row-grid > [class^="col-"]:first-child {
    padding-left: 13px; }
  .grid-bordered .row-grid > [class^="col-"]:last-child {
    padding-right: 13px; }
  .grid-bordered .row-grid:last-child {
    border-bottom-width: 0px; }
.grid-bordered .grid-row {
  border-bottom: 1px solid #ddd; }
  .grid-bordered .grid-row:last-child {
    border-bottom-width: 0px; }
.grid-bordered .grid-body .row-grid:last-child {
  border-bottom-width: 1px; }
.grid-bordered.bordered-verticals .grid-head {
  border-bottom-width: 0px; }
.grid-bordered.bordered-verticals .row-grid {
  border-bottom-width: 0px;
  padding: 0;
  margin-bottom: 0; }
  .grid-bordered.bordered-verticals .row-grid:first-child {
    padding-top: 0; }
  .grid-bordered.bordered-verticals .row-grid > [class^="col-"] {
    border-right: 1px solid #ddd; }
.grid-bordered.hasscroll-h {
  border-bottom: 1px solid #ddd; }
  .grid-bordered.hasscroll-h .grid-body .row-grid {
    border-bottom-width: 0px; }
  .grid-bordered.hasscroll-h .scroll-body {
    margin-bottom: 10px; }

.grid-head {
  border-bottom: 1px solid #dddddd;
  background-color: #eeeeee; }
  .grid-head > .row-grid > [class*="col-"] {
    padding-top: 5px;
    padding-bottom: 5px; }
  .grid-head > .row > [class^="col-"] {
    padding-top: 5px;
    padding-bottom: 5px; }
  .grid-head .row [class^="col-"] label {
    margin: 0;
    word-break: break-all;
    word-wrap: break-word; }

.grid-body > .row-grid {
  padding-bottom: 5px; }
  .grid-body > .row-grid:first-child {
    padding-top: 5px; }
  .grid-body > .row-grid > [class*="col-"] {
    padding-top: 5px;
    padding-bottom: 5px; }

/*
.grid-caption [class^="col-"]:first-child{padding-left:13px}
.grid-caption + .grid-body > .row > [class^="col-"]:first-child{padding-left:26px}
.grid-caption + .grid-caption [class^="col-"]:first-child{padding-left:26px}
.grid-caption + .grid-caption + .grid-body > .row > [class^="col-"]:first-child{padding-left:39px}
.grid-caption + .grid-caption + .grid-caption [class^="col-"]:first-child{padding-left:39px}
.grid-caption + .grid-caption + .grid-caption + .grid-body > .row > [class^="col-"]:first-child{padding-left:52px}
.grid-caption + .grid-caption + .grid-caption + .grid-caption [class^="col-"]:first-child{padding-left:52px}
.grid-caption + .grid-caption + .grid-caption + .grid-caption + .grid-body > .row > [class^="col-"]:first-child{padding-left:65px}
.grid-caption + .grid-caption + .grid-caption + .grid-caption + .grid-caption [class^="col-"]:first-child{padding-left:65px}
.grid-caption + .grid-caption + .grid-caption + .grid-caption + .grid-caption + .grid-body > .row > [class^="col-"]:first-child{padding-left:78px}

.grid-groupby + .grid-body{border-top:1px solid #ccc; padding-top:5px}
.grid-groupby > .row > [class^="col-"]:first-child{ color:$grey-light;}

.grid-groupby-second > .row > [class^="col-"]:first-child,
.grid-groupby-second ~ .grid-groupby-one > .row > [class^="col-"]:first-child,
.grid-groupby-second ~ .grid-groupby-one + .grid-body > .row > [class^="col-"]:first-child{padding-left:10px}
.grid-groupby-one + .grid-body > .row > [class^="col-"]:first-child{padding-left:15px}
.grid-groupby-second > .row > [class^="col-"]:first-child{padding-left:10px}
.grid-groupby-second ~ .grid-groupby-one > .row > [class^="col-"]:first-child{padding-left:20px}
.grid-groupby-second ~ .grid-groupby-one + .grid-body > .row > [class^="col-"]:first-child{padding-left:30px}

*/
.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.block {
  display: block; }

.table.no-hover tbody tr:hover, .table.no-hover tbody tr:active, .table.no-hover tbody tr:focus, .table.no-hover thead tr:hover, .table.no-hover thead tr:active, .table.no-hover thead tr:focus {
  background-color: unset !important;
  cursor: default; }
.table.no-hover tbody tr > th:hover, .table.no-hover thead tr > th:hover {
  background-color: unset !important; }

.form-multicolumn ul.media-list li {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px;
  margin: 5px 0 !important; }
  .form-multicolumn ul.media-list li dt,
  .form-multicolumn ul.media-list li dd {
    margin: 0 5px;
    padding: 10px 0 5px 0; }
  .form-multicolumn ul.media-list li dt {
    border-top: 1px solid #dedede;
    font-weight: normal;
    font-size: 13px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .form-multicolumn ul.media-list li dd {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.form-multicolumn.two-col ul.media-list li {
  width: 50% !important; }
  .form-multicolumn.two-col ul.media-list li:nth-child(1), .form-multicolumn.two-col ul.media-list li:nth-child(2) {
    margin-top: 0 !important; }
    .form-multicolumn.two-col ul.media-list li:nth-child(1) dt, .form-multicolumn.two-col ul.media-list li:nth-child(2) dt {
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }
.form-multicolumn.three-col ul.media-list li {
  width: 33.33% !important; }
  .form-multicolumn.three-col ul.media-list li:nth-child(1), .form-multicolumn.three-col ul.media-list li:nth-child(2), .form-multicolumn.three-col ul.media-list li:nth-child(3) {
    margin-top: 0 !important; }
    .form-multicolumn.three-col ul.media-list li:nth-child(1) dt, .form-multicolumn.three-col ul.media-list li:nth-child(2) dt, .form-multicolumn.three-col ul.media-list li:nth-child(3) dt {
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }
  .form-multicolumn.three-col ul.media-list li + li.hide + li {
    width: 66.66%; }
.form-multicolumn.four-col ul.media-list li {
  width: 25% !important; }
  .form-multicolumn.four-col ul.media-list li:nth-child(1), .form-multicolumn.four-col ul.media-list li:nth-child(2), .form-multicolumn.four-col ul.media-list li:nth-child(3), .form-multicolumn.four-col ul.media-list li:nth-child(4) {
    margin-top: 0 !important; }
    .form-multicolumn.four-col ul.media-list li:nth-child(1) dt, .form-multicolumn.four-col ul.media-list li:nth-child(2) dt, .form-multicolumn.four-col ul.media-list li:nth-child(3) dt, .form-multicolumn.four-col ul.media-list li:nth-child(4) dt {
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }
.form-multicolumn.five-col ul.media-list li {
  width: 20% !important; }
  .form-multicolumn.five-col ul.media-list li:nth-child(1), .form-multicolumn.five-col ul.media-list li:nth-child(2), .form-multicolumn.five-col ul.media-list li:nth-child(3), .form-multicolumn.five-col ul.media-list li:nth-child(4), .form-multicolumn.five-col ul.media-list li:nth-child(5) {
    margin-top: 0 !important; }
    .form-multicolumn.five-col ul.media-list li:nth-child(1) dt, .form-multicolumn.five-col ul.media-list li:nth-child(2) dt, .form-multicolumn.five-col ul.media-list li:nth-child(3) dt, .form-multicolumn.five-col ul.media-list li:nth-child(4) dt, .form-multicolumn.five-col ul.media-list li:nth-child(5) dt {
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }

/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */
.cal-nav-btns {
  border-radius: 500px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  padding: 0px; }
  .cal-nav-btns .icon {
    top: 2px; }

.daterangepicker {
  background: #fff;
  margin-left: 0px;
  top: 100px;
  left: 20px;
  padding: 0px;
  margin-top: 1px;
  border-radius: 0 0 4px 4px; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 4500; }
  .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px; }
  .daterangepicker .ranges {
    text-align: left;
    margin: 0;
    position: relative;
    z-index: 100; }
    .daterangepicker .ranges .s-formswrap {
      margin-bottom: 0; }
    .daterangepicker .ranges label {
      display: inline-block;
      height: 20px;
      line-height: 20px;
      margin-bottom: 2px;
      text-shadow: #fff 1px 1px 0px; }
    .daterangepicker .ranges input {
      font-size: 11px; }
    .daterangepicker .ranges ul {
      list-style: none;
      margin: 0;
      padding: 0;
      max-height: 200px;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
    .daterangepicker .ranges li {
      background: none repeat scroll 0 0 #fff;
      color: #666666;
      cursor: pointer;
      padding: 7px 10px 7px 12px; }
      .daterangepicker .ranges li + li {
        border-top: 1px solid #efefef; }
      .daterangepicker .ranges li.active {
        color: #fff; }
      .daterangepicker .ranges li:hover {
        background: rgba(0, 0, 0, 0.1);
        color: #666666; }
      .daterangepicker .ranges li.active:hover {
        color: #fff; }
    .daterangepicker .ranges .input-mini {
      background-color: #fff;
      border: 0px solid #999;
      color: #222222;
      display: inline-block;
      font-size: 12px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      margin: 0;
      padding: 0 6px;
      width: 82px; }
      .daterangepicker .ranges .input-mini[disabled="disabled"] {
        background-color: transparent;
        border: 0px solid #999;
        opacity: .6;
        padding: 0; }
    .daterangepicker .ranges .range_inputs > div {
      float: left;
      background-color: #fff; }
    .daterangepicker .ranges .range_inputs .padding-small {
      padding: 5px 0; }
    .daterangepicker .ranges .range_inputs > div:nth-child(2) {
      padding-left: 11px; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    border: none; }
    .daterangepicker .calendar.left {
      margin-right: 5px; }
    .daterangepicker .calendar table {
      width: 100%;
      margin: 0; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      text-decoration: none;
      min-width: 25px;
      text-align: center;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 12px; }
    .daterangepicker .calendar th {
      font-weight: bold; }
    .daterangepicker .calendar tr:last-child th {
      background-color: #d5d5d5;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
    .daterangepicker .calendar td.available:hover, .daterangepicker .calendar th.available:hover {
      background-color: #e2e2e2; }
    .daterangepicker .calendar td.off {
      color: #a2a2a2; }
    .daterangepicker .calendar td.disabled {
      color: #a2a2a2; }
    .daterangepicker .calendar td.in-range {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
    .daterangepicker .calendar td.active, .daterangepicker .calendar td.active:hover {
      color: #fff; }
    .daterangepicker .calendar td.week, .daterangepicker .calendar th.week {
      font-size: 12px;
      color: #a2a2a2; }
  .daterangepicker .custom-range .button-panel {
    display: none;
    padding: 2px 0 5px 0;
    background-color: #eeeeee; }
  .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px; }
  .daterangepicker.opensleft:before {
    right: 9px;
    display: block;
    position: absolute;
    content: '';
    border: 7px solid transparent;
    top: -7px;
    bottom: auto;
    border-bottom: 7px solid #999;
    border-top-width: 0px; }
  .daterangepicker.opensleft:after {
    right: 10px;
    display: block;
    position: absolute;
    content: '';
    border: 6px solid transparent;
    top: -6px;
    bottom: auto;
    border-bottom: 6px solid #fff;
    border-top-width: 0px; }
  .daterangepicker.opensright .calendar {
    float: left;
    margin: 4px; }
  .daterangepicker.opensright:before {
    left: 170px;
    display: block;
    position: absolute;
    content: '';
    border: 7px solid transparent;
    top: -7px;
    bottom: auto;
    border-bottom: 7px solid #999;
    border-top-width: 0px; }
  .daterangepicker.opensright:after {
    left: 170px; }
  .daterangepicker.monthselect, .daterangepicker.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
    border: 0px solid #999; }
  .daterangepicker.monthselect {
    margin-right: 2%;
    width: 50%; }
  .daterangepicker.yearselect {
    width: 50%; }
  .daterangepicker.hourselect, .daterangepicker.minuteselect, .daterangepicker.ampmselect {
    width: 50px;
    margin-bottom: 0; }

.calendar-date {
  border: 1px solid #eeeeee;
  padding: 0 4px 4px 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff; }

.calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px; }

.daterangepicker_end_input.enabled .input-mini[disabled="disabled"] {
  color: #a2a2a2; }

.daterangepicker .calendar tr:last-child th {
  background-color: #e0e0e0;
  border-bottom: 4px solid #fff; }

.daterangepicker .calendar th {
  font-weight: 500; }

.daterangepicker .calendar th, .daterangepicker .calendar td {
  border-radius: 0; }

.daterangepicker .calendar td.off {
  color: #bdbdbd; }

.daterangepicker .button-panel {
  padding: 2px 0; }
  .daterangepicker .button-panel span {
    display: inline-block; }
    .daterangepicker .button-panel span.button-paneleft {
      text-align: right; }
    .daterangepicker .button-panel span.button-panelrite {
      text-align: left; }
      .daterangepicker .button-panel span.button-panelrite button {
        margin-left: 8px; }

/*Scrollbar for div in Android */
.daterangepicker .ranges ul::-webkit-scrollbar {
  width: 8px; }

.daterangepicker .ranges ul::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1); }

.daterangepicker .ranges ul::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 16px; }

.daterangepicker .ranges .titlepanel {
  color: #999;
  font-size: 13px;
  padding: 7px 10px 7px 12px;
  background-color: #fff; }
  .daterangepicker .ranges .titlepanel:before, .daterangepicker .ranges .titlepanel:after {
    display: block;
    position: absolute;
    content: '';
    border: 6px solid transparent;
    top: -6px;
    bottom: auto;
    border-bottom: 6px solid #fff;
    border-top-width: 0px;
    right: 19px; }

.daterangepicker .ranges .titlepanel + ul {
  max-height: 170px; }

@media (min-width: 0px) and (max-width: 736px) {
  .daterangepicker .button-panel span.button-paneleft {
    text-align: right;
    width: auto; }
  .daterangepicker .button-panel span.button-panelrite {
    text-align: left;
    width: auto; }
    .daterangepicker .button-panel span.button-panelrite button {
      margin-left: 8px; }

  .fixed-header .daterangepicker.dropdown-menu {
    max-width: 240px; }

  .daterangepicker .ranges {
    width: 237px; }

  .daterangepicker.opensright .calendar.left {
    margin-bottom: 0; } }
.daterangepicker_end_input label {
  text-transform: capitalize; }

.daterangepicker .selectcustomrange,
.daterangepicker .monthwrap,
.daterangepicker .halfyearwrap,
.daterangepicker .weekwrap,
.daterangepicker .quarterwrap {
  display: none; }

@media (min-width: 737px) and (max-width: 768px) {
  /*ipad/ portrait/ minified*/
  .minified .daterangepicker.dropdown-menu {
    min-width: 164px !important; }
  .minified .daterangepicker .ranges {
    width: 162px; }
    .minified .daterangepicker .ranges label {
      font-size: 12px; }
    .minified .daterangepicker .ranges .input-mini {
      font-size: 11px; }
  .minified .daterangepicker .daterangepicker_start_input,
  .minified .daterangepicker .daterangepicker_end_input {
    padding: 0 !important;
    width: 65px; } }
.ui-datepicker {
  width: 17em;
  padding: 4px 5px;
  display: none;
  border-radius: 0;
  border: 1px solid #cccccc; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0;
  border: 0;
  font-weight: 700;
  width: 100%;
  background-color: white;
  color: gray; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 1px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ui-datepicker .ui-datepicker-prev:before {
  content: "\e651";
  position: relative;
  top: 4px; }

.ui-datepicker .ui-datepicker-next:before {
  content: "\e650";
  position: relative;
  top: 4px; }

.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
  opacity: 0; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: -3px 2.3em 3px 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 12px;
  margin: 0;
  border-radius: 0px;
  font-weight: 500; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
  border: 1px solid #bdbdbd; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0; }

.ui-datepicker th {
  padding: 5px .3em;
  text-align: center;
  font-weight: 500;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px; }

.ui-datepicker th {
  font-weight: 700;
  color: gray; }

.ui-datepicker-today a:hover {
  background-color: gray;
  color: #fff; }

.ui-datepicker-today a {
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom: 0; }

.ui-datepicker td a {
  margin-bottom: 0;
  border: 0; }

.ui-datepicker td:hover {
  color: #fff; }

.ui-datepicker td .ui-state-default {
  border: 0;
  background: 0 0;
  margin-bottom: 0;
  padding: 5px;
  text-align: center;
  filter: none;
  font-size: 12px; }

.ui-datepicker td .ui-state-default, .ui-datepicker-calendar thead th span, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  color: #424142; }

.ui-datepicker td .ui-state-highlight {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.ui-datepicker td .ui-state-active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
  margin-bottom: 0;
  font-size: normal;
  text-shadow: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.ui-datepicker td .ui-state-hover {
  color: #fff;
  background: #428bca;
  background-color: #428bca;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #357ebd;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  text-align: center;
  margin-top: 0;
  font-size: 12px; }

.ui-datepicker-next > :first-child, .ui-datepicker-prev > :first-child {
  text-indent: 0 !important; }

.ui-datepicker-calendar thead {
  background-color: #e0e0e0; }

.ui-datepicker-calendar thead th {
  padding: 0;
  border-bottom: 4px solid #fff; }

.ui-datepicker-calendar thead th span {
  font-size: 12px;
  font-weight: 500;
  padding: 5px;
  display: block; }

.ui-datepicker-month {
  margin-right: -1px !important; }

#ui-datepicker-div.ui-widget-content a:not(.btn) {
  color: #424142; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: none;
  border: 0; }

.input-datepicker input.datepicker + img {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px; }

#ui-datepicker-div {
  z-index: 999999 !important; }

.full-image .input-datepicker img {
  width: auto; }

.smart-form .input input:focus,
.smart-form .input input:hover,
.smart-form .textarea textarea:hover,
.smart-form .textarea textarea:focus {
  border-color: #cccccc; }

/* BG-10299 */
.ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-state-default:hover {
  color: #fff !important; }

/* Tooltipster */
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

.tooltipster-default {
  border: 1px solid #77aaa0;
  background-color: #fff;
  width: 60% !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#333333)";
  /*IE 8*/
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  /*FF 3.5+*/
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#333333);
  /*IE 5.5-7*/ }
  .tooltipster-default .s-addqn-form-horizontal .controls {
    margin-left: 0; }
  .tooltipster-default .s-srvy-ques-row {
    border: 0; }
  .tooltipster-default .s-quesrowpad {
    padding: 0; }

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  left: -8px;
  border-color: #77aaa0; }

.s-modaladdques .s-srvy-quescontainer .icon-link {
  bottom: 10px;
  left: 10px;
  position: absolute; }
.s-modaladdques .s-surveyquestion-panel .s-quessubrow .label-readonly.question-text {
  font-weight: 500 !important;
  font-size: 12px; }
.s-modaladdques .s-surveyquestion-panel .s-quessubrow .label-readonly.report-lbl {
  font-weight: lighter !important; }

/* ------- End */
/*Cropit plugin */
.cropit-image-preview-container {
  display: inline-block; }

.image-controlpanel {
  background-color: #ddd; }

.image-controlpanel .row-grid > [class*="col-"] {
  height: 45px; }

.image-editor {
  position: relative;
  border: 1px dotted #ccc;
  background-color: #fff; }

.image-editor .browseimage-controls {
  position: absolute;
  top: 50%;
  z-index: 5;
  margin-top: -10px;
  width: 150px;
  left: 50%;
  margin-left: -75px;
  display: inline-block;
  text-align: center; }

/*.image-editor{
    .nav-afteruploadlinks{display: none!important;}
    &:hover{
        .nav-afteruploadlinks{display: inherit!important;}
    }
    
}*/
.cropit-image-container.active .nav-afteruploadlinks {
  display: none !important; }
.cropit-image-container.active:hover .nav-afteruploadlinks {
  display: inline-block !important; }

.browseimage-controls .button-uploadimage {
  color: #bebebe;
  position: relative;
  padding: 0; }

.image-editor.imageloaded .browseimage-controls {
  display: none; }

.image-editor.imageloaded:hover .browseimage-controls {
  display: inline-block; }

.browseimage-controls .s-nav-textlinks a {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4px 10px; }

.browseimage-controls .s-nav-textlinks a:hover {
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration: none; }

.browseimage-controls .s-nav-textlinks li {
  border-left-width: 0px;
  padding: 0; }

.browseimage-controls .s-nav-textlinks li + li a {
  border-left: 1px solid rgba(255, 255, 255, 0.5); }

.browseimage-controls .s-nav-textlinks li:first-child a {
  border-radius: 3px 0 0 3px; }

.browseimage-controls .s-nav-textlinks li:last-child a {
  border-radius: 0 3px 3px 0; }

/*Start: Enscroll */
.vertical-track {
  width: 9px;
  background-color: transparent;
  border-radius: 4px;
  right: 0px; }

.horizontal-track {
  width: 100%;
  height: 8px;
  background-color: transparent;
  border-radius: 4px; }

.vertical-handle {
  width: 8px !important;
  padding: 0 !important;
  background-color: #666 !important;
  border-radius: 4px;
  margin-left: 0px; }
  .vertical-handle .top {
    display: none; }
  .vertical-handle .bottom {
    display: none; }

.horizontal-handle {
  height: 8px;
  background-color: #666;
  border-radius: 4px;
  margin-top: -1px; }
  .horizontal-handle .left {
    display: none; }
  .horizontal-handle .right {
    display: none; }

.enscrollwrapper {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  position: relative; }
  .enscrollwrapper.hasscroll-h {
    height: 100% !important; }
  .enscrollwrapper.hasscroll-hv {
    height: 100% !important;
    width: 100% !important; }

.modal-body.no-padding > .hasscroll + div {
  left: auto !important;
  right: 0 !important; }

/*End: Enscroll */
/* Spinner */
.spinner input {
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  padding: 2px; }

.spinner .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .spinner .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
    background: #3a3a3c;
    box-shadow: none;
    border: 0px;
    margin-right: 0px; }
  .spinner .input-group-btn-vertical > .btn:first-child {
    border-top-right-radius: 0px; }
  .spinner .input-group-btn-vertical .btn:last-child {
    border-bottom-right-radius: 0px; }
  .spinner .input-group-btn-vertical i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 10px;
    margin-left: -5px;
    margin-top: -6px;
    color: #fff; }

.npx-ckeditor-imgmodal .cke_dialog_image_url .cke_dialog_ui_hbox_first {
  width: 100% !important; }
.npx-ckeditor-imgmodal a.cke_dialog_ui_button span {
  color: #fff; }
.npx-ckeditor-imgmodal .cke_ltr .cke_dialog_close_button {
  right: 15px !important; }
.npx-ckeditor-imgmodal .cke_dialog .ImagePreviewBox {
  height: 293px; }
.npx-ckeditor-imgmodal .cke_dialog_image_ratiolock {
  margin-top: 74px !important; }
.npx-ckeditor-imgmodal .cke_btn_over.cke_btn_locked:hover, .npx-ckeditor-imgmodal .cke_btn_unlocked:hover, .npx-ckeditor-imgmodal .cke_btn_over.cke_btn_reset:hover, .npx-ckeditor-imgmodal .cke_btn_unlocked:focus, .npx-ckeditor-imgmodal .cke_btn_over.cke_btn_reset:focus,
.npx-ckeditor-imgmodal .cke_dialog .cke_btn_reset:focus, .npx-ckeditor-imgmodal .cke_dialog a.cke_btn_locked:focus {
  border: 1px solid #77aaa0 !important;
  padding: 8px; }
.npx-ckeditor-imgmodal .cke_dialog a.cke_btn_locked, .npx-ckeditor-imgmodal .cke_dialog a.cke_btn_unlocked, .npx-ckeditor-imgmodal .cke_dialog a.cke_btn_reset {
  margin: 0px;
  padding: 8px;
  border: 1px solid #fff !important; }

a.cke_dialog_ui_button {
  background-color: #77aaa0 !important;
  border-color: #77aaa0 !important;
  box-shadow: none !important; }

.cke_dialog_close_button {
  right: 12px !important; }

.cke_dialog_footer_buttons a.cke_dialog_ui_button span {
  font-weight: normal !important; }

.createtokenContainer {
  height: 170px !important;
  width: 500px !important;
  margin-top: -1px !important; }

.createtokenContainer div {
  border: 1px solid #e1dfda !important;
  border-top: none !important;
  padding: 6px 10px; }

.createtokenContainer a {
  position: absolute !important;
  right: 2px;
  top: 3px;
  padding: 2px 0 !important; }

.createtokenContainer a span {
  color: #fff; }

.cke_dialog_body div[name='tab1'] .cke_dialog_ui_vbox_child {
  padding: 0 !important; }

.tokenListcontainer {
  height: 150px !important;
  overflow: auto;
  width: 502px !important;
  margin-bottom: 30px !important;
  border: 1px solid #e1dfda !important;
  margin-top: -1.2px !important;
  border-top: none;
  position: relative !important; }

.tokenListcontainer div {
  border-bottom: 1px solid #e1dfda;
  padding: 6px 10px; }

.tokenListcontainer .highlightToken {
  background: #f5f4f3; }

.tokenListcontainer .selectedtoken {
  background-color: #77aaa0;
  color: #ffffff; }

.cke_dialog_body div[name='tab1'] .tokenTypeList {
  border: 1px solid #e1dfda !important;
  padding: 4px 5px;
  padding-top: 5px;
  line-height: 20px;
  width: 90%;
  border-bottom: none;
  background: #f5f4f3;
  text-indent: 5px; }

.cke_dialog_body div[name='tab1'] .tokendropdown {
  margin-left: -18px;
  font-size: 10px !important;
  color: #bcbcbc;
  font-family: 'icomoon' !important; }

.cke_dialog_body div[name='tab1'] .cke_dialog_ui_hbox_first {
  padding: 0;
  vertical-align: bottom; }

.cke_dialog_body div[name='tab1'] .cke_dialog_ui_input_text {
  width: 101.9%;
  margin-left: -7px;
  position: relative;
  margin-top: 1px; }

.cke_dialog_body div[name='tab1'] .cke_dialog_ui_input_text:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  right: 7px;
  top: 8px;
  position: absolute;
  content: "\f002";
  top: 29%;
  right: 7px;
  color: #bcbcbc !important; }

.cke_dialog_body div[name='tab1'] #subtitle {
  font-size: 11px !important;
  position: absolute;
  left: 33%;
  top: 60px; }

.cke_dialog_contents_body.tokenbody {
  padding: 20px 40px !important;
  padding-top: 40px !important; }

#totenTitle {
  padding: 30px !important; }

.tokenHelpIcon {
  right: 39px;
  top: 12px;
  cursor: pointer !important;
  position: absolute !important; }

.tokenHelpIcon .icon-question {
  font-style: normal;
  font-family: 'icomoon' !important;
  color: #77aaa0;
  font-size: 20px !important;
  cursor: pointer !important; }

.tokenbody .vertical-handle {
  margin-left: -7px !important; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 25px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative;
      display: none; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--multiple .select2-container .select2-search--inline {
      float: left; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      display: none; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 25px; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #77aaa0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 32px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 25px;
  border-left: 1px solid #ccc;
  background-color: #eee; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  background-color: transparent;
  border-left-width: 0px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default.select2-container--open .select2-selection--single {
  border: 1px solid #77aaa0;
  border-bottom-width: 0px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #999;
  border: 1px solid #999;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: 0.8; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #77aaa0 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  min-height: 21px; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #77aaa0;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 32px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 25px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2-container .iconalign, .select2-results .iconalign {
  font-size: 20px;
  position: relative;
  top: 3px;
  margin-right: 5px; }

.select2-container .iconalign .select2-choice {
  padding-left: 5px; }

.maincontrol-panel {
  background-color: #c9e2de; }
  .maincontrol-panel h2 {
    margin-bottom: 0; }

#ribbon [class*="col-"] > .well-sm {
  clear: both;
  padding: 11px 0; }
  #ribbon [class*="col-"] > .well-sm:before, #ribbon [class*="col-"] > .well-sm:after {
    display: block;
    content: "";
    line-height: 0;
    visibility: hidden;
    height: 0; }
  #ribbon [class*="col-"] > .well-sm:after {
    clear: both; }
#ribbon .maincontrol-panel {
  margin-left: -22px;
  margin-right: -13px; }
  #ribbon .maincontrol-panel .row-grid [class*="col-"] {
    height: 44px; }

#pre-ribbon {
  background: none repeat scroll 0 0 #a3cfe8;
  color: #376380;
  padding: 10px;
  min-height: 40px;
  z-index: 100 !important; }
  #pre-ribbon a {
    color: #376380; }
  #pre-ribbon span {
    color: #333; }
  #pre-ribbon h3 {
    font-weight: bold;
    margin-bottom: 0; }
  #pre-ribbon .rounded-button {
    background: none repeat scroll 0 0 #77aec9;
    margin-right: 10px;
    margin-top: -4px;
    padding-left: 6px;
    padding-right: 6px;
    width: auto; }

#ribbon-sys-msg {
  background-color: #ffdfca;
  color: #000;
  padding: 7px 10px;
  margin: 0 20px 0;
  border-top: 10px solid #fff;
  height: 62px;
  z-index: 999; }
  #ribbon-sys-msg:after {
    content: "";
    background-color: #fff;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px; }
  #ribbon-sys-msg:before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: auto;
    right: -20px;
    bottom: -10px;
    width: 20px;
    top: -10px; }
  #ribbon-sys-msg h3 {
    margin: 0;
    color: #ff793b;
    margin-bottom: 1px; }
  #ribbon-sys-msg a {
    color: #000;
    margin-left: 22px;
    text-decoration: none; }
    #ribbon-sys-msg a i {
      font-size: 12px; }
  #ribbon-sys-msg p {
    margin: 0;
    line-height: 20px; }
    #ribbon-sys-msg p a {
      margin-left: 0;
      text-decoration: underline; }
    #ribbon-sys-msg p:hover {
      text-decoration: none; }

/* Comment - Customer Graph Links */
.comments-panel button {
  box-shadow: none !important;
  padding: 5px 10px !important; }
  .comments-panel button i, .comments-panel button span {
    height: 21px;
    line-height: 21px;
    font-size: 13px !important; }
.comments-panel .pull-left button.btn {
  margin-left: 10px !important;
  margin-bottom: 5px; }
.comments-panel .pull-left i {
  float: left; }
.comments-panel .pull-left span {
  margin-left: 5px; }
.comments-panel .pull-right button.btn {
  margin-right: 10px !important;
  margin-bottom: 5px; }
.comments-panel .pull-right i {
  float: right; }
.comments-panel .pull-right span {
  margin-right: 5px; }

/* ------- End */
/* Chartable Panel Header */
.chartsettings-panel .mini-tabs [class*="icon-"] {
  position: relative;
  top: 5px; }

.chartsettings-panel + .widget-body {
  padding-top: 0;
  padding-bottom: 0; }

.chartsettings-panel h3.page-title small {
  font-size: inherit; }

.col-followup-panel .chartsettings-panel {
  background: white; }

.col-followup-panel .chartsettings-panel h2 {
  color: #414141; }

.chartsettings-panel {
  display: table;
  width: 100%; }

.chartsettings-panel .navbar {
  margin-bottom: 0;
  border-width: 0px; }

.chartsettings-panel .btn-link:hover {
  text-decoration: none; }

.chartsettings-panel, .nav-tabs {
  height: 45px !important;
  border-radius: 2px; }

.profiletab .nav-tabs {
  height: 39px !important; }

.chartsettings-panel {
  height: auto !important; }
  .chartsettings-panel [class*="icon"] {
    font-size: 18px; }
  .chartsettings-panel .icon-display-setting {
    font-size: 24px;
    font-weight: 600;
    margin-top: -2px; }

.chartsettings-panel.green {
  background: none repeat scroll 0 0 #c9e2de; }

.chartsettings-panel .nav-tabs {
  border-radius: 0; }

.chartsettings-panel-green, .chartsettings-panel-green .nav-tabs {
  background: #c8e1dc;
  border-radius: 3px; }

.jarviswidget header .chartsettings-panel-green .nav-tabs > li.active > a, .jarviswidget header .chartsettings-panel-green .nav-tabs > li.active > a:hover, .jarviswidget header .chartsettings-panel-green .nav-tabs > li.active > a:focus {
  background: #76aa9e; }

.chartsettings-panel .btn > [class*="icon-"] {
  font-size: inherit; }

.chartsettings-panel .padding-10 {
  padding: 5px !important; }

.chartsettings-panel .controls.padding-10 {
  padding: 0px 0 !important; }

.chartsettings-panel .filter-btn {
  width: 45px;
  min-height: 45px;
  text-align: center;
  padding: 5px 0 !important;
  border-radius: 2px 0 0 0;
  display: table-cell;
  float: none !important;
  vertical-align: middle; }

.chartsettings-panel .filter-btn [class*="icon"] {
  line-height: 35px; }

.chartsettings-panel .filter-btn .button-filter {
  padding: 0;
  border: none; }

.chartsettings-panel .filter-btn + .controls {
  margin-left: 0; }

.chartsettings-panel .filter-btn + .controls [class*="col-"] {
  padding: 0px 0; }

.chartsettings-panel .filter-btn + .controls .othersettings {
  padding: 5px 0; }

.chartsettings-panel .controls {
  display: table-cell; }

.chartsettings-panel .controls .navbar-toggle {
  margin: 5px; }

.chartsettings-panel .controls .navbar-toggle .icon-bar {
  background-color: white; }

.chartsettings-panel .othersettings .control-label {
  font-weight: normal !important; }

.chartsettings-panel .form-group {
  margin: 0px; }

.chartsettings-panel .fa-caret-down {
  color: white; }

.chartsettings-panel .reportsty {
  background: transparent !important;
  border: none !important;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.chartsettings-panel .reportsty .icon-calendar {
  top: 2px;
  margin-right: 5px;
  position: relative; }

.chartsettings-panel .controls .navbar-header {
  white-space: nowrap; }

.gridsearch .input-group {
  margin-top: 2px;
  margin-left: -6px;
  width: 100%; }

.gridsearch .input-group-addon {
  border-radius: 2px 0 0 2px; }

.gridsearch .input-group-addon [class*="icon-"] {
  font-size: 14px; }

.gridsearch .input-group-addon button {
  padding: 0;
  margin: 0; }

.gridsearch .input-group .form-control + .input-group-addon {
  border-radius: 0 2px 2px 0; }

.gridsearch .form-control {
  border-radius: 0 2px 2px 0px;
  padding-left: 8px;
  padding-right: 8px; }

.gridsearch:not(:hover) input,
.gridsearch:not(:hover) .input-group-addon {
  background: none repeat scroll 0 0 transparent;
  border-color: transparent; }

.gridsearch .btn-remove {
  background: none repeat scroll 0 0 transparent;
  border-color: transparent;
  position: absolute;
  z-index: 3;
  right: 15px;
  top: 50%;
  margin-top: -9px;
  font-size: 13px;
  text-decoration: none;
  display: none; }

.gridsearch .btn-remove i {
  font-size: 13px; }

.gridsearch:hover .btn-remove {
  display: inherit; }

.chartsettings-panel .controls .smart-form.padding-7 {
  padding: 10px 7px !important; }

@media (min-width: 1023px) and (max-width: 3000px) {
  .chartsettings-panel .controls .navbar-header {
    width: auto; } }
.analytics .chartsettings-panel {
  border-radius: 2px 2px 0 0; }

.chartsettings-panel .displaychange-btns + .othersettings {
  margin-right: 60px;
  width: inherit;
  padding: 0;
  overflow: hidden;
  float: none; }

.chartsettings-panel .displaychange-btns .custom-combolist-wrap {
  min-width: inherit; }

.chartsettings-panel .displaychange-btns .custom-combolist-wrap .form-control {
  background: none;
  border: none;
  min-width: 35px;
  height: 44px;
  padding: 10px 5px; }

.chartsettings-panel .dropdown-menu li span.icon, .chartsettings-panel .dropdown-menu li span.fa {
  width: 25px;
  text-align: center; }

.chartsettings-panel .displaychange-btns .custom-combolist-wrap .form-control .iconcombo-item .icon {
  margin-right: 0; }

.chartsettings-panel .displaychange-btns .btn-group .s-button-link.active {
  border-bottom: 3px solid #4C9BD7;
  color: #6A6A6A !important; }

.chartsettings-panel .displaychange-btns .btn-group .s-button-link {
  display: inline-block;
  margin-right: 5px;
  padding-bottom: 3px; }

.chartsettings-panel .displaychange-btns s-button-link {
  background: transparent;
  padding: 0px;
  border: none;
  box-shadow: none;
  margin-left: 5px; }

.chartsettings-panel .smart-form .label {
  display: inline; }

.chartsettings-panel .nav-tabs > li.active > a, .chartsettings-panel .nav-tabs > li.active > a:hover, .chartsettings-panel .nav-tabs > li.active > a:focus {
  color: white !important;
  font-weight: bold; }

.chartsettings-panel .jarviswidget-ctrls .btn-primary {
  padding-top: 6px;
  padding-bottom: 6px; }

.chartsettings-panel .controls > div:nth-child(1) {
  border-right: 0px dotted #506e68; }

.chartsettings-panel .smart-form fieldset {
  padding: 0px;
  margin: 0px;
  background: transparent; }

.chartsettings-panel .sort-sec ul li {
  padding: 0px 5px; }

.chartsettings-panel .controls > div .dropdown-toggle {
  background: transparent;
  padding: 5px;
  border: none;
  color: white;
  box-shadow: none; }

.chartsettings-panel .controls > div .iconcombo-item * {
  color: white; }

.addchart .chartsettings-panel .left-panel {
  margin-left: 0px; }

.npscomments .chartsettings-panel .padding-10 {
  padding-bottom: 0px !important; }

.chartsettings-panel .btn-publishstream, .publishsettings-panel .btn-publishdone {
  height: 44px;
  border-radius: 0 0 0 0;
  height: 45px;
  margin-right: -1px;
  margin-top: 0px; }

.publishstream-enabled .chartsettings-panel {
  display: none; }

@media (min-width: 200px) and (max-width: 767px) {
  .chartsettings-panel, .nav-tabs {
    height: auto !important; } }
.profile-buttons, .chartsettings-panel .gridsearch + .col-md-4 > .jarviswidget-ctrls > div + div, .sel-customerjourney > div {
  margin-top: 1px; }

.profile-buttons .lockfollowupsystem .icon-lock {
  color: #fff; }

.chartsettings-panel .addchart .graphic-addchart span {
  font-style: normal;
  color: #333; }

.multicolumn .chartsettings-panel {
  background: transparent;
  box-shadow: none;
  opacity: 0;
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: linear;
  -webkit-transition-delay: .3s;
  /* Standard syntax */
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: linear;
  transition-delay: .3s; }

.multicolumn > .padding-10:hover > header > .chartsettings-panel {
  opacity: 1; }

@media (max-width: 480px) {
  .chartsettings-panel .reportsty {
    width: 173px; } }
.chartsettings-panel .btn-publishstream, .publishsettings-panel .btn-preview, .publishsettings-panel .btn-designwidget, .publishsettings-panel .btn-publishdone {
  border-radius: 2px;
  margin-right: 6px;
  margin-top: 6px;
  height: auto; }

.chartsettings-panel .toggle-sty {
  display: inline-block; }

.publicwidget .nav-tabs, .publicwidget .chartsettings-panel {
  background-color: #373f44;
  border-radius: 3px; }

.publicwidget .chartsettings-panel .nav-tabs > li > a, .publicwidget .chartsettings-panel .nav-tabs > li.active > a, .publicwidget .chartsettings-panel .nav-tabs > li.active > a:focus {
  font-weight: normal;
  color: #dfe7ea;
  background: transparent !important;
  padding: 12px;
  line-height: 20px;
  font-size: 13px; }

.profiletab.padding-bottom-0 + .followupdetails .col-followup-panel .chartsettings-panel, .profiletab.padding-bottom-0 + .followupdetails .col-followup-panel .jarviswidget div {
  background: #f8f8f8;
  box-shadow: none;
  border: none; }

.followupdetails .row-profiledetails .col-followup-panel .chartsettings-panel, .followupdetails .row-profiledetails .col-followup-panel .jarviswidget div {
  background: white; }

#followupPanel.col-followup-panel .jarviswidget .widget-body, .col-followup-panel .jarviswidget .widget-body .well, #followupPanel.col-followup-panel .chartsettings-panel, #followupPanel.col-followup-panel .jarviswidget div {
  background-color: white !important; }

@media (min-width: 0px) and (max-width: 736px) {
  .topnavbtns .btn-group.open a.dropdown-toggle:after, .activity-dropdown.active:after, .chartsettings-panel .navbar-toggle:after, .viewcontrolzdropbtn .btn:after, .chartsettings-panel .btn-group.mini-tabs.open .dropdown-toggle:after, .btncstmsrch.actv:after {
    clear: both;
    display: block;
    position: relative;
    top: -8px;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
    padding: 0;
    margin: -8px;
    border: 8px solid transparent;
    border-bottom-color: white;
    border-top-color: transparent; }

  .chartsettings-panel h2 {
    margin: 0; }

  .chartsettings-panel .cstmwrap-filter .othersettings > .form-group {
    clear: none; }

  .chartsettings-panel {
    border-radius: 0; }

  .chartsettings-panel .btn-group.mini-tabs {
    padding: 0 !important; }

  .chartsettings-panel .btn-group.mini-tabs .dropdown-toggle {
    padding: 11px 15px !important;
    display: block;
    text-align: center; }

  .chartsettings-panel .btn-group.mini-tabs .dropdown-toggle .icon-bar {
    display: block;
    width: 3px;
    height: 3px;
    background-color: white;
    top: 0;
    margin: 0 auto;
    margin-bottom: 4px; }

  .chartsettings-panel .btn-group.mini-tabs .dropdown-menu {
    border-radius: 0; }

  .chartsettings-panel .btn-group.mini-tabs.open {
    background-color: #71b9a5; }

  .chartsettings-panel .btn-group.mini-tabs.open .dropdown-toggle:after {
    top: 3px; }

  .chartsettings-panel .gridsearch .input-group-addon {
    border: 0;
    background-color: transparent;
    color: white;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 13px;
    z-index: 99;
    padding: 0;
    float: left; }

  .chartsettings-panel.tabpanel-actions .input-group-addon {
    left: 0; }

  .chartsettings-panel .gridsearch .form-control {
    border: 0;
    background-color: transparent; }

  .chartsettings-panel .gridsearch .input-group-addon:hover i {
    color: #71b9a5 !important; }

  .chartsettings-panel .gridsearch {
    float: left !important;
    width: 83%; }

  .chartsettings-panel.tabpanel-actions .gridsearch .form-control {
    text-indent: 10px;
    color: #999; }

  .chartsettings-panel .gridsearch .form-control {
    text-indent: 20px;
    color: #999; }

  .chartsettings-panel .reportsty {
    width: 100%; }

  .profiletab .nav-tabs > li.active > a, .profiletab .nav-tabs > li.active > a:hover, .profiletab .nav-tabs > li.active > a:focus, .chartsettings-panel, .nav-tabs {
    border-radius: 0; }

  .mobileCtrBtn {
    padding: 0 7px;
    min-height: 45px;
    margin-right: 0; }

  #mobileCtrActions .dropdown-menu::before {
    opacity: 1; }

  #mobileCtrActions .dropdown-menu {
    right: -2px; } }
@media (min-width: 0px) and (max-width: 360px) {
  .templateselection.addchart .btn-fullscreen, .templateselection.addchart .drilldownmessage, .templateselection.addchart .right-panel .drag-controls, .chartsettings-panel .filter-btn {
    margin-top: 0 !important;
    /*display:none;*/ } }
@media (min-width: 768px) and (max-width: 3000px) {
  .accordion-mob .chartsettings-panel .panel-title > a::before, .accordion-mob .chartsettings-panel .panel-title > a::before {
    display: none; } }
/* BG-10037 */
.chartsettings-panel.page-header-bar .jarviswidget-ctrls .padding-5 {
  padding: 6px 6px 0 0 !important; }

.jarviswidget .nav-tabs > li > a {
  line-height: 28px; }

.jarviswidget .nav-tabs.distributesubview > li > a {
  line-height: 18px; }

/* BG-11279 */
.chartsettings-panel #reportrange {
  padding: 12px 10px 11px 10px !important; }

.daterangepicker {
  margin-left: 0; }

.chartsettings-panel .filter-btn + .controls .othersettings {
  padding: 0; }

/* BG-11328 */
.chartsettings-panel .controls .gridsearch {
  margin-left: 7px; }

#filterGroupby .btn-addgroupby .btn-primary {
  box-shadow: none !important; }

.chartsettings-panel .groupby_form .form-group:first-child {
  border-left: 1px solid;
  padding-left: 8px;
  line-height: 13px; }

.navbar-chartcontrols .button-icon, .navbar-chartcontrols .btn-link, .navbar-chartcontrols .iconcombo-item {
  cursor: pointer; }

.navbar-chartcontrols .open .button-icon, .navbar-chartcontrols .open .btn-link {
  color: white;
  /*theme specific*/ }

.navbar-chartcontrols .button-icon, .navbar-chartcontrols a.button-icon {
  height: 45px;
  padding: 10px 5px !important; }

.navbar-chartcontrols .custombuttonset {
  padding: 6px 6px 7px 7px !important; }
  .navbar-chartcontrols .custombuttonset .ui-buttonset {
    margin-right: 0;
    margin-left: 3px; }

#wgttitlectr h1 {
  margin-bottom: 10px !important; }

/* drill down message style*/
.drilldownmessage .rounded-button {
  margin-top: 4px; }

.drilldownmessage label {
  display: inherit;
  margin-left: 33px;
  margin-top: 7px; }

.drilldownmessage .ui-buttonset {
  margin: 0 0 0 10px; }

.chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child {
  border-left: 1px solid; }

.chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li {
  border-right: 1px solid; }

@media (min-width: 0px) and (max-width: 736px) {
  .drilldownmessage .rounded-button {
    padding: 0;
    text-align: center; } }
/* Profile Tab */
.profiletab .nav-tabs .col-xs-9 + .col-xs-3 {
  padding-right: 0; }

/* Contact Tab */
.filter-btn + .controls .jarviswidget-ctrls .padding-5 {
  padding: 6px !important; }

/* ------- End */
.navbar-chartcontrols .btn-sorting {
  padding-right: 15px; }
  .navbar-chartcontrols .btn-sorting > a {
    color: #fff; }
    .navbar-chartcontrols .btn-sorting > a:hover {
      color: #fff; }
    .navbar-chartcontrols .btn-sorting > a:focus {
      color: #fff; }
  .navbar-chartcontrols .btn-sorting li.active a .icon-datereceived-newest {
    color: #fff; }
  .navbar-chartcontrols .btn-sorting a:focus {
    text-decoration: none; }

nav .btn-sorting.open > a, .nav .btn-sorting.open > a:hover, .nav .btn-sorting.open > a:focus {
  background: transparent; }

/* IE Perf Start */
/* Left Rail Nav */
/*production*/
aside:not(#left-panel) {
  display: block;
  overflow: hidden;
  background: #3a3633;
  background: -moz-linear-gradient(left, #3a3633 93%, #2a2725 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(93%, #3a3633), color-stop(100%, #2a2725));
  background: -webkit-linear-gradient(left, #3a3633 93%, #2a2725 100%);
  background: -o-linear-gradient(left, #3a3633 93%, #2a2725 100%);
  background: -ms-linear-gradient(left, #3a3633 93%, #2a2725 100%);
  background: linear-gradient(to right, #3a3633 93%, #2a2725 100%);
  min-height: 100%; }

#left-panel {
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 1000; }

.fixed-navigation #left-panel {
  position: fixed;
  bottom: 0;
  -webkit-backface-visibility: hidden; }

@media (min-width: 737px) {
  .minified #left-panel {
    width: 45px; }
    .minified #left-panel .alertMessage {
      display: block; }
    .minified #left-panel .message a.contactSales {
      display: block;
      font-size: 12px !important;
      color: #77aaa0 !important;
      margin: 3px 0 0 0;
      padding: 0 !important; }
    .minified #left-panel .message a {
      text-decoration: underline !important; }
      .minified #left-panel .message a:hover {
        text-decoration: none !important; }

  .minified #left-panel nav:not(.navbar) ul ul li li a {
    padding-left: 0; }

  .minified #left-panel nav:not(.navbar) ul ul li a i {
    margin-left: -5px; }

  .minified #left-panel {
    padding: 0 !important; }

  /*.minified #left-panel .enscrollwrapper {width:400px !important}*/
  .minified #left-panel nav {
    width: 45px; }

  .minified #left-panel .footer.rights .icon-logodark,
  .minified #left-panel .footer.rights .icon-nice-satmetrix {
    display: none; }

  /*BG-12196*/
  .minified #left-panel ul li[viewtype="FAVOURITE"] {
    height: auto !important; }

  .minified nav:not(.navbar) ul > li > ul.submenu-scroll > li {
    width: 177px !important; } }
#left-panel, #content {
  -moz-transition: left .1s ease-out;
  -ms-transition: left .1s ease-out;
  -o-transition: left .1s ease-out;
  -webkit-transition: left .1s ease-out;
  transition: left .1s ease-out; }

.hidden-menu #left-panel {
  left: -210px;
  z-index: 1002; }

.hidden-menu #left-panel:hover {
  left: 0; }

@media (min-width: 768px) and (max-width: 979px) {
  #left-panel {
    left: -220px; }

  .minified #left-panel {
    left: 0; }

  .hidden-menu #left-panel {
    left: 0; } }
@media (min-width: 768px) and (max-width: 880px) {
  #left-panel {
    left: -220px; }

  .minified #left-panel {
    left: 0; }

  .hidden-menu #left-panel {
    left: 0; } }
@media (max-width: 767px) {
  #left-panel {
    left: -220px; }

  .minified #left-panel {
    left: 0; }

  .hidden-menu #left-panel {
    left: 0; } }
@media only screen and (min-width: 0) and (max-width: 679px) {
  #left-panel {
    left: -220px; }

  .minified #left-panel {
    left: 0; }

  .hidden-menu #left-panel {
    left: 0; } }
@media only screen and (min-width: 0px) and (max-width: 479px) {
  #left-panel {
    left: -220px; }

  .minified #left-panel {
    left: 0; }

  .hidden-menu #left-panel {
    left: 0; } }
/*smxstyle*/
/* dark elegance theme styles*/
.smart-style-1 #left-panel {
  box-shadow: none; }

.smart-style-1 #left-panel nav ul li#analytics ul li ul li a {
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0; }
  .smart-style-1 #left-panel nav ul li#analytics ul li ul li a .newtag {
    margin: 1px 0 0 8px;
    font-size: 11px !important; }
.smart-style-1 #left-panel nav ul li#analytics ul li ul li:hover a .newtag {
  color: #fff; }

.minified.smart-style-1 #left-panel nav ul li#analytics ul li ul li a {
  width: 100%; }

.smart-style-1 #left-panel .bg-color-red {
  background: none repeat scroll 0 0 #ff8247 !important; }

.smart-style-1 #commentsListUl .badge {
  color: #424142 !important; }

.smart-style-1 #commentsListUl li.message:hover .badge {
  color: #424142 !important; }

.smart-style-1 #left-panel nav > ul > li:first-child:after {
  background: none repeat scroll 0 0 transparent !important; }

.smart-style-1 .activity-dropdown .badge {
  color: #fff !important; }

/* light theme styles*/
.smart-style-2 .menu-item-parent img[src*="logo-white.png"] {
  background-image: url("../images/xpui/logo-dark.png");
  /* lets say 20x20 */
  width: 80px;
  display: inline-block;
  padding: 8px 0 0 0;
  height: 0px !important;
  /* for IE 5.5's bad box model */
  height: 8px; }

#left-panel div.footer {
  bottom: 0;
  color: #aaaaaa;
  height: auto;
  padding: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  text-decoration: none;
  z-index: 1000;
  background-color: #3f4349; }

#left-panel div.footer a {
  text-decoration: none; }

i.icon-logo-nps {
  font-size: 21px;
  margin-left: -8px;
  padding-right: 5px;
  text-decoration: none; }

#left-panel div.footer i.icon-logo-nps {
  color: white; }

.minified i.icon-logo-nps {
  margin-left: -83px; }

#left-panel div.footer.rights a {
  display: inline-block; }

#left-panel div.footer.rights a i {
  vertical-align: middle;
  font-size: 18px; }

#left-panel div.footer.rights p {
  font-style: italic;
  margin: 0;
  text-align: center;
  color: #747679;
  font-size: 11px;
  margin-top: 5px; }

.preview-wrap .footer a:hover, .preview-wrap .footer a:focus {
  text-decoration: none !important; }

#left-panel div.footer img {
  margin-top: -9px;
  display: inline-block; }

.minified #left-panel div.footer img {
  display: none !important; }

body.mobile-detected.minified.mobile-view-activated #left-panel #analytics .btn-deletechart {
  display: none; }

.minified #left-panel nav {
  width: 45px; }

#left-panel nav ul b {
  margin-top: 5px; }

nav > ul > li > a b {
  position: absolute !important;
  right: 16px;
  top: 10px; }

nav > ul > li.open > a b {
  right: 18px; }

#left-panel .icon-customerjourney {
  font-size: 14px !important; }

#left-panel li {
  position: relative; }

#left-panel nav > ul > li:after {
  background: none repeat scroll 0 0 #D6D6D6;
  top: 0;
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  right: 0px; }

#left-panel nav > ul > li.open:after {
  display: none; }

#left-panel ul ul li, .minified #left-panel ul li {
  border: none; }

#left-panel nav ul li.active > a:before {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 0;
  content: "";
  border-right: 7px solid #e8ecf2;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  z-index: 8; }

#left-panel nav ul li.active > a:after {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 0px;
  content: "";
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  z-index: 8; }

#left-panel nav > ul > li.open.active > a:before, #left-panel nav > ul > li.open.active > a:after {
  border: none !important; }

nav ul ul ul ul li a {
  padding-left: 55px; }

nav > ul ul li a i {
  margin-top: 2px; }

.minified #left-panel nav ul ul li.active > a:before,
.minified #left-panel nav ul ul li.active > a:after {
  content: none; }

.minified #left-panel nav ul li.more strong {
  display: block;
  /*padding-left:35px;*/ }

#left-panel li a {
  position: static; }

#left-panel li .btn-deletechart {
  position: absolute;
  right: 4px;
  top: 7px;
  display: none;
  /*opacity:0; transition:opacity 0.2s ease-in-out 0.2s;*/ }

#left-panel .open li:hover > .btn-deletechart {
  /*opacity:1;*/
  display: inline-block; }

#left-panel li .icon-linechart {
  height: 20px;
  font-size: 17px !important;
  width: 34px; }

#left-panel li.visible-minified {
  display: none;
  background: transparent !important; }

#left-panel nav ul li.open a {
  font-weight: normal;
  padding-top: 16px;
  padding-bottom: 16px; }

#left-panel nav ul li a.btn-addview {
  color: #8a8a8a !important;
  padding: 1px 3px !important;
  margin-left: -5px; }

#left-panel nav ul li a.btn-addview i {
  margin-right: 0px;
  margin-left: 0;
  float: none; }

.minified nav ul li a.btn-addview {
  text-align: left;
  width: 100%;
  margin-left: 0 !important;
  border-radius: 0; }

#left-panel nav ul li a.btn-addview.visible-md,
#left-panel nav ul li a.btn-addview.visible-lg {
  display: inline-block !important;
  margin-left: 30px; }

#left-panel .bg-color-red {
  margin-left: 5px; }

#left-panel nav ul li a.align-inline .badge {
  margin-left: 45px; }

.minified #left-panel nav ul li a.align-inline .badge {
  margin-left: 45px;
  display: none; }

#left-panel nav ul li a.btn-addview > .fa-plus {
  margin-right: 0; }

.minified #left-panel li .visible-minified {
  display: inherit;
  text-align: right;
  position: absolute;
  top: -30px;
  right: 5px;
  border-top: 0 !important; }

.minified #left-panel li .visible-minified a {
  display: inline-block;
  margin-right: 11px;
  width: auto; }

.hidden-menu #hide-menu > *:first-child > a {
  width: 32px !important;
  background: none; }

#left-panel nav ul li a.btn-addview {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none; }

#left-panel nav ul li.open a.btn-addview {
  font-weight: normal !important; }

#left-panel nav ul li a {
  font-size: 13px !important;
  padding-right: 12px; }

#left-panel nav > ul > li > a {
  padding-top: 16px;
  padding-bottom: 16px; }

#left-panel nav > ul > li > a.btn-link {
  display: inline-table !important; }

#left-panel nav ul li.open > a,
#left-panel nav ul li.open > a b,
#left-panel nav ul .active > a {
  font-weight: bold !important; }

.smart-style-1 #left-panel nav ul li.active ul li a:hover {
  color: #fff !important; }

#left-panel nav ul li.open > a.btn-addview,
#left-panel nav ul li.open > a.btn-addview b,
#left-panel nav ul .active > a.btn-addview {
  font-weight: normal !important; }

#left-panel {
  padding: 0;
  box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.3) inset; }

#left-panel > nav > ul > li {
  border-bottom: 0px solid #E6E6E6;
  border-top: 0px solid #FFFFFF; }

.fuelux .wizard ul li {
  cursor: pointer; }

.dashedborder {
  border: 1px dashed; }

.fixedleftpanels .left-panel {
  width: 200px;
  float: left; }

.fixedleftpanels .left-panel + .right-panel {
  margin-left: 210px;
  min-height: 550px; }

/*ieperfcyril*/
.fixedrightpanels .right-panel {
  width: 200px;
  float: right; }

.fixedrightpanels .left-panel {
  margin-right: 210px; }

#left-panel .search-filter > * {
  margin: 0 7px; }

#left-panel .search-filter .search-input label {
  left: 15px; }

#left-panel .search-filter .search-input .form-control {
  padding-left: 45px;
  border-width: 0 0 1px 0;
  background: transparent; }

#left-panel .search-filter .search-input .form-control {
  color: #eaeaea; }

.minified #left-panel .search-filter .search-input .form-control {
  color: #424142; }

#actions .open-action-item-count.sub-actions:before {
  content: "("; }

#actions .open-action-item-count.sub-actions:after {
  content: ")"; }

#left-panel nav ul li.open li a:hover i, #left-panel nav ul li.open li a:hover b {
  color: #fff !important; }

.minified #left-panel nav ul li li {
  border-bottom: 0px solid #ddd; }

.minified #left-panel nav ul li li a {
  padding-top: 7px;
  padding-bottom: 7px; }

/*#left-panel .enscrollwrapper{overflow:inherit !important}*/
#left-panel .jScrollbar-wrap {
  margin-right: -24px; }

#left-panel .jScrollbar {
  width: 100%;
  height: 550px;
  overflow: visible; }

#left-panel .jScrollbar .jScrollbar_mask {
  width: 100%;
  padding-right: 0; }

#left-panel .jScrollbar_draggable {
  position: absolute;
  right: 2px;
  height: 550px; }

.maximise-chart #left-panel {
  left: -220px; }

.minified.maximise-chart #left-panel {
  left: 0px; }

@media screen and (max-width: 680px) {
  /* mobile screen purely */
  #left-panel li#analytics .btn-deletechart, .topnavbtns .dropdown-menu li#wizardflow-header {
    display: none; } }
/*beta*/
/*Chrome fixes*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #left-panel nav > ul[style*="overflow"] {
    overflow: visible !important; } }
@media (min-width: 200px) and (max-width: 770px) {
  .minified #left-panel li#analytics ul li.visible-minified {
    display: none !important; } }
/*TK-2649-left rail mgmt*/
nav > ul > li > ul > li > a b {
  position: absolute !important;
  right: 15px; }

.folder.active.open > a:after, .folder.active.open > a:before, .folder.active > a:after, .folder.active > a:before {
  border: none !important; }

.newtag {
  border-radius: 1px;
  font-size: 10px !important;
  font-style: normal;
  margin-top: 2px;
  width: 26px !important; }

#left-panel .folder .btn-addview {
  position: absolute !important;
  right: 25px;
  top: 5px; }

/*.dragover {box-shadow: 0 0 3px #7c7c7a;border: 1px solid #7c7c7a;}
.dragout {box-shadow:none;}*/
#left-panel .selected {
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  margin: 0; }

#left-panel .selected::after {
  border-left: 0 solid #6c6c6c;
  border-top: 0 solid #6c6c6c; }

#left-panel .selected::before {
  top: 12px;
  content: none !important; }

#left-panel .open li .icon-drag {
  /*opacity:0; transition:opacity 0.2s ease-in-out 0.2s;*/
  display: none;
  color: #616161 !important; }

#left-panel .open li a:hover {
  background-color: #77aaa0 !important; }

#left-panel .open li a:hover > .icon-drag {
  /*opacity:1*/
  display: inline-block; }

#left-panel .open li a.nocollapse:hover {
  background: transparent !important; }

#left-panel .ui-sortable-placeholder {
  border: 1px dotted red;
  width: 100%;
  margin: 0; }

aside#left-panel .btn-link.btn-deletechart {
  margin-top: 4px; }

.minified aside#left-panel .btn-link.btn-deletechart {
  margin-top: 0px; }

.smart-style-1 #left-panel nav ul li a.btn-addview:hover i {
  color: #fff  !important; }

#left-panel .open li:hover .btn-addview .icon-add {
  color: #fff !important; }

.noreport em {
  color: #bad1ca; }

/*BG-11231*/
.minified #left-panel .btn-addview {
  width: auto !important; }

.minified #left-panel .btn-addview i {
  margin-left: 0px !important; }

/* mobile */
@media (min-width: 0px) and (max-width: 736px) {
  .minified nav:not(.navbar) ul > li > ul > li > ul {
    width: 100%; }

  #left-panel li a#addBtn {
    display: none !important; }

  .minified #left-panel nav ul li.more strong {
    display: block;
    padding-left: 5px; }

  .minified #left-panel nav ul li#analytics ul li ul li a {
    padding-left: 34px; }

  /*left nav footer*/
  #left-panel div.footer {
    /*position:relative;*/ }

  #left-panel .enscrollwrapper.hasscroll {
    overflow: auto !important;
    /*max-height:inherit!important;*/ }

  .minified i.icon-logo-nps {
    margin-left: 0; }

  #about.modal h1 {
    text-align: left !important;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px; }

  .smart-style-1 #left-panel .bg-color-red {
    background-color: #ff8247 !important;
    margin: 0 5px; }

  .badge {
    padding: 5px;
    font-weight: 500;
    font-size: 11px; }

  .smart-style-1 .badge {
    color: #555 !important; }

  .smart-style-1 #left-panel .badge {
    color: #fff !important; }

  .minified #left-panel li .visible-minified {
    right: 30px;
    display: none; }

  .smart-style-1 #left-panel .enscrollwrapper nav ul ul li a {
    color: #eaeaea !important; }

  .minified #left-panel .search-filter .search-input .form-control {
    color: #ccc; }

  #left-panel nav > ul > li > a > i {
    margin-right: 0; }

  /*offcanvas menu*/
  .minified #left-panel, .minified #left-panel nav {
    width: 100%; }

  .smart-style-1 #left-panel nav > ul > li::after {
    background-color: #444549 !important; }

  .minified nav > ul > li > a > i {
    font-size: 14px !important; }

  /*-------event change to click*/
  .minified #left-panel {
    left: 0; }

  #left-panel nav > ul > li > a + ul {
    top: auto !important; }

  /*ieperfconfirm*/
  #left-panel nav > ul > li > a.btn-link {
    display: block !important; }

  .minified nav > ul > li > a > i {
    margin-top: 2px; }

  .minified #left-panel nav ul li a.align-inline .badge {
    float: right;
    margin: -1px 25px 0 0;
    display: inline; }

  #left-panel nav ul li a {
    padding-left: 45px; } }
.smart-style-1 #left-panel .badge {
  color: #fff !important; }

@media (min-width: 737px) and (max-width: 1980px) {
  /*viewports larger than 640*/
  .desktop-detected #left-panel nav ul li a, .TabletEnabled #left-panel nav ul li a {
    padding-left: 45px; }

  .desktop-detected #left-panel nav ul.ui-sortable li a, .TabletEnabled #left-panel nav ul.ui-sortable li a {
    padding-left: 39px; }

  .desktop-detected.minified #left-panel nav ul li a, .TabletEnabled.minified #left-panel nav ul li a {
    padding-left: 11px; } }
@media (min-width: 736px) and (max-width: 1024px) {
  /*only for ipad*/
  .minified #left-panel li#analytics ul li.visible-minified {
    display: none !important; } }
@media (min-width: 0px) and (max-width: 736px) {
  #left-panel #promoters {
    display: none; } }
@media (min-width: 0px) and (max-width: 1024px) {
  /* portrait & landscape - iphone to ipad */
  /* BG-10129 */
  #left-panel li#program,
  #left-panel li#admin {
    display: none !important; } }
#left-panel .footer.rights a .icon-nice-satmetrix-logo,
#left-panel .footer.rights a .icon-nice-satmetrix {
  font-size: 30px !important;
  color: #fff; }
#left-panel .footer.rights a i.icon-logo-nps {
  font-size: 18px !important; }
#left-panel .footer.rights a i.icon-logodark {
  font-size: 14px !important;
  margin-left: 4px; }

#left-panel div.footer.rights a i
#left-panel .search-filter .search-input .form-control {
  padding-left: 40px; }

/* BG-2929 */
.TabletEnabled #left-panel nav ul li#analytics a.btn-link.align-inline {
  display: inline-block !important;
  width: 54%; }

.TabletEnabled #left-panel nav ul li#analytics a.btn-addview.visible-lg {
  margin: -4px 0 0 0 !important;
  display: inline-block !important;
  width: 25%; }

.TabletEnabled.minified #left-panel nav ul li#analytics a.btn-addview.visible-lg {
  display: inline-block !important;
  margin-top: 9px !important; }

.AppleEnabled.IpadEnabled #left-panel nav ul li#analytics a.btn-link.align-inline {
  display: inline-table !important;
  width: auto; }

.AppleEnabled.IpadEnabled #left-panel nav ul li#analytics a.btn-addview.visible-lg {
  margin: 9px 0 0 30px !important;
  width: auto; }

.AppleEnabled.IpadEnabled.minified #left-panel nav ul li#analytics a.btn-addview.visible-lg {
  display: inline-block !important;
  margin-top: 9px !important; }

/*ul#analyticsUl li:first-child{ display:none!important;}*/
.minified nav:not(.navbar) ul > li > ul > li > ul {
  position: relative;
  left: 13px;
  border: 0;
  width: auto;
  margin-left: -13px;
  width: 198px; }

@media (min-width: 0px) and (max-width: 736px) {
  .minified nav:not(.navbar) ul > li > ul > li > ul {
    width: 100%; } }
#left-panel nav ul li a.btn-addview {
  margin-top: 6px;
  background-color: transparent !important; }

/*ul#favouritesUL{ min-height:inherit!important;}*/
.surveyusage-link {
  display: none; }
  .surveyusage-link li a sup {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #ff8347; }
  .surveyusage-link .entitlement-excla-icon {
    display: none; }

.surveyusage-status label {
  margin-bottom: 0;
  line-height: normal; }
  .surveyusage-status label small {
    font-size: 85%;
    color: rgba(255, 255, 255, 0.8); }
.surveyusage-status .progress {
  margin-bottom: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: rgba(66, 65, 66, 0.2);
  border-width: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .surveyusage-status .progress .progress-bar {
    background-color: rgba(66, 65, 66, 0.6);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
  .surveyusage-status .progress.progress-danger {
    background-color: rgba(255, 131, 71, 0.6); }
    .surveyusage-status .progress.progress-danger .progress-bar {
      background-color: #ff8347; }
.surveyusage-status .alert {
  background-color: transparent;
  padding: 0;
  border-width: 0px;
  margin-top: 50px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: normal; }
  .surveyusage-status .alert .input-group-addon {
    padding-left: 0;
    background-color: transparent;
    border-width: 0px;
    vertical-align: top;
    display: none; }
    .surveyusage-status .alert .input-group-addon [class*="icon-"] {
      color: #ff8347;
      background-color: #fff;
      border-radius: 50%;
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#333333)";
      -moz-box-shadow: 3px 3px 3px #333333;
      -webkit-box-shadow: 3px 3px 3px #333333;
      box-shadow: 3px 3px 3px #333333;
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#333333); }
    .surveyusage-status .alert .input-group-addon .style-icon-info {
      background-color: #ff8347;
      padding: 0px 7px;
      border-radius: 50%;
      font-size: 12px;
      font-weight: 600;
      margin-top: -2px;
      display: block; }
.surveyusage-status .alertMessage {
  display: block; }
.surveyusage-status .message a.contactSales {
  display: block;
  font-size: 12px;
  margin-top: 3px; }

#left-panel h4 {
  color: rgba(255, 255, 255, 0.5); }
#left-panel .surveyusage-status label {
  color: #fff; }
  #left-panel .surveyusage-status label small {
    color: rgba(255, 255, 255, 0.8); }
#left-panel .surveyusage-status .progress {
  background-color: rgba(255, 255, 255, 0.2); }
  #left-panel .surveyusage-status .progress .progress-bar {
    background-color: rgba(255, 255, 255, 0.6); }
  #left-panel .surveyusage-status .progress.progress-danger {
    background-color: rgba(255, 131, 71, 0.6); }
    #left-panel .surveyusage-status .progress.progress-danger .progress-bar {
      background-color: #ff8347; }
#left-panel .surveyusage-status .alert {
  color: #fff;
  margin-top: 10px; }
  #left-panel .surveyusage-status .alert .input-group-addon .style-icon-info {
    color: #fff; }
.minified #left-panel .surveyusage-status {
  display: none; }
#left-panel .surveyusage-status .alertMessage {
  display: block; }
#left-panel .surveyusage-status .message a.contactSales {
  display: block;
  font-size: 12px;
  margin-top: 3px; }
.minified #left-panel .surveyusage-link {
  display: inherit; }
  .minified #left-panel .surveyusage-link:hover > ul > li > a:before {
    display: block;
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #3f4349;
    border-left-width: 0px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    right: -10px; }
  .minified #left-panel .surveyusage-link:hover .surveyusage-status {
    position: absolute;
    background-color: #3f4349;
    left: 55px;
    top: -80px;
    width: 300px;
    display: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

.badge {
  padding: 3px 6px; }

.minified.smart-style-1 #left-panel nav ul li#analytics ul #favouritesUL li a i {
  display: inline; }
  .minified.smart-style-1 #left-panel nav ul li#analytics ul #favouritesUL li a i.newtag {
    line-height: 18px;
    margin: 0; }
.minified.smart-style-1 #left-panel nav ul li#analytics ul #favouritesUL li a:hover .newtag {
  color: #fff !important; }

@media (min-width: 0px) and (max-width: 736px) {
  .minified #left-panel .surveyusage-link {
    display: none; }
  .minified #left-panel .surveyusage-status {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    border-top: 1px solid #4e535e; }
    .minified #left-panel .surveyusage-status .contactSales {
      font-size: 12px !important;
      color: #77aaa0 !important;
      margin-top: 3px;
      text-decoration: underline !important;
      padding: 0 !important; }
      .minified #left-panel .surveyusage-status .contactSales:hover {
        text-decoration: none !important; }

  #share-view .modal-dialog {
    width: 80% !important;
    left: 0 !important;
    margin: 10% 10% 0 10% !important; } }
/* Analytics - Folder Management */
nav > ul > li > a > i {
  margin-left: -38px; }

.npx #left-panel .analytics_ul {
  background-color: #3f4349; }
.npx #left-panel .enscrollwrapper + div {
  z-index: 9 !important; }
  .npx #left-panel .enscrollwrapper + div .enscroll-track {
    top: 50px !important; }
    .npx #left-panel .enscrollwrapper + div .enscroll-track .vertical-handle {
      border-radius: 0; }
  .npx #left-panel .enscrollwrapper + div + div:not(.footer) {
    display: none !important; }
.npx #left-panel nav ul li.open li a {
  color: #eeeeee !important; }
.npx #left-panel nav ul.manage-folder {
  background-color: #525358 !important;
  display: block !important; }
  .npx #left-panel nav ul.manage-folder li {
    padding: 11px 13px 11px 13px; }
  .npx #left-panel nav ul.manage-folder .folder-col {
    width: 33%;
    float: left;
    margin-top: 2px !important; }
    .npx #left-panel nav ul.manage-folder .folder-col .btn {
      background: none;
      border: 0;
      padding: 0;
      box-shadow: none; }
      .npx #left-panel nav ul.manage-folder .folder-col .btn i {
        color: #eeeeee;
        font-size: 14px;
        vertical-align: top; }
    .npx #left-panel nav ul.manage-folder .folder-col .input-group {
      border-bottom: 1px solid #77aaa0; }
      .npx #left-panel nav ul.manage-folder .folder-col .input-group .input-group-addon {
        cursor: pointer;
        border: 0;
        background: none; }
        .npx #left-panel nav ul.manage-folder .folder-col .input-group .input-group-addon.srch, .npx #left-panel nav ul.manage-folder .folder-col .input-group .input-group-addon.fldr {
          padding-left: 0; }
        .npx #left-panel nav ul.manage-folder .folder-col .input-group .input-group-addon.rmve {
          padding-right: 0; }
        .npx #left-panel nav ul.manage-folder .folder-col .input-group .input-group-addon i {
          color: #77aaa0; }
      .npx #left-panel nav ul.manage-folder .folder-col .input-group .form-control {
        border: 0;
        background: none;
        color: #eeeeee;
        padding-left: 0;
        padding-right: 0; }
        .npx #left-panel nav ul.manage-folder .folder-col .input-group .form-control::-ms-clear {
          display: none; }
        body.minified .npx #left-panel nav ul.manage-folder .folder-col .input-group .form-control {
          color: #999 !important; }
    .npx #left-panel nav ul.manage-folder .folder-col.search-analytics {
      text-align: left; }
    .npx #left-panel nav ul.manage-folder .folder-col.add-folder {
      margin: 0 0.5%;
      text-align: center; }
    .npx #left-panel nav ul.manage-folder .folder-col.add-reports {
      text-align: right; }
    .npx #left-panel nav ul.manage-folder .folder-col .wide {
      width: 100%; }
  .npx #left-panel nav ul.manage-folder.show-bx-search .search-analytics {
    width: 100%; }
    .npx #left-panel nav ul.manage-folder.show-bx-search .search-analytics .btn-search {
      display: none !important; }
    .npx #left-panel nav ul.manage-folder.show-bx-search .search-analytics .input-group {
      display: table !important; }
  .npx #left-panel nav ul.manage-folder.show-bx-search .add-folder,
  .npx #left-panel nav ul.manage-folder.show-bx-search .add-reports {
    display: none !important; }
  .npx #left-panel nav ul.manage-folder.show-bx-search .add-folder {
    width: 100%; }
    .npx #left-panel nav ul.manage-folder.show-bx-search .add-folder .btn-folder {
      display: none !important; }
    .npx #left-panel nav ul.manage-folder.show-bx-search .add-folder .input-group {
      display: table !important; }
  .npx #left-panel nav ul.manage-folder.show-bx-search li {
    padding: 2px 13px 5px 13px; }
  .npx #left-panel nav ul.manage-folder.show-bx-folder .add-folder {
    width: 100%; }
    .npx #left-panel nav ul.manage-folder.show-bx-folder .add-folder .btn-folder {
      display: none !important; }
    .npx #left-panel nav ul.manage-folder.show-bx-folder .add-folder .input-group {
      display: table !important; }
      .npx #left-panel nav ul.manage-folder.show-bx-folder .add-folder .input-group .fldr i {
        font-size: 18px; }
  .npx #left-panel nav ul.manage-folder.show-bx-folder .search-analytics,
  .npx #left-panel nav ul.manage-folder.show-bx-folder .add-reports {
    display: none !important; }
  .npx #left-panel nav ul.manage-folder.show-bx-folder .add-folder {
    width: 100%; }
    .npx #left-panel nav ul.manage-folder.show-bx-folder .add-folder .btn-folder {
      display: none !important; }
    .npx #left-panel nav ul.manage-folder.show-bx-folder .add-folder .input-group {
      display: table !important; }
  .npx #left-panel nav ul.manage-folder.show-bx-folder li {
    padding: 2px 13px 5px 13px; }
.npx #left-panel nav ul li .align-inline i,
.npx #left-panel nav ul li .align-inline span,
.npx #left-panel nav ul li .align-inline .collapse-sign em {
  color: #eee; }
.npx #left-panel nav ul li:hover .align-inline i,
.npx #left-panel nav ul li:hover .align-inline span,
.npx #left-panel nav ul li:hover .align-inline .collapse-sign em {
  color: #77aaa0; }
.npx #left-panel nav ul li.open.active .align-inline i,
.npx #left-panel nav ul li.open.active .align-inline span,
.npx #left-panel nav ul li.open.active .align-inline .collapse-sign em {
  color: #fff; }
.npx #left-panel nav ul li.open.active .align-inline:hover i,
.npx #left-panel nav ul li.open.active .align-inline:hover span,
.npx #left-panel nav ul li.open.active .align-inline:hover .collapse-sign em {
  color: #fff; }
.npx #left-panel nav ul li .selected {
  border: 0 !important;
  background-color: transparent; }
  .npx #left-panel nav ul li .selected label {
    font-weight: 600; }
  .npx #left-panel nav ul li .selected .btn-deletechart {
    /*opacity: 1;*/ }
  .npx #left-panel nav ul li .selected.dragholder {
    background-color: transparent !important;
    padding: 0;
    min-height: 50px !important; }
.npx #left-panel nav ul li#analytics li.folder-list-item ul li a {
  margin: 0;
  width: 100%;
  padding-left: 13px; }
.npx #left-panel nav ul li#analytics li.folder-manage-item-list {
  border-top: 1px solid #4e535e; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder:hover .icon-folder-new,
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder:hover .folderNameLabel,
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder:hover .itemCount,
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder:hover .btn-deletechart i,
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder:hover .btn-addview .collapse-sign em {
    color: #77aaa0; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder.selectedFolder:hover .icon-folder-new,
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder.selectedFolder:hover .folderNameLabel,
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder.selectedFolder:hover .itemCount,
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder.selectedFolder:hover .btn-deletechart i,
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.folder.selectedFolder:hover .btn-addview .collapse-sign em {
    color: #fff; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.favouriteFolder {
    box-shadow: none; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item {
    display: block;
    padding: 9px 13px 9px 11px;
    min-height: auto;
    /*removed perf1*/ }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item .form-control {
      border: 1px solid transparent;
      background-color: transparent;
      color: #eeeeee !important;
      padding: 3px !important;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item .form-control::-ms-clear {
        display: none; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item.inline-edit .form-control {
      border: 1px solid #d8d8d8;
      background-color: #d8d8d8;
      color: #555 !important;
      padding: 3px !important;
      margin-left: 7px;
      width: 139px !important; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item.inline-edit .itemCount {
      display: none; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item.inline-edit + .btn-deletechart {
      /*ieperfdev*/
      display: none; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item i {
      font-size: 18px;
      color: #eeeeee;
      display: inline-block;
      width: 25px;
      text-align: left;
      vertical-align: middle; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item .form-control {
      width: 54% !important;
      display: inline-block;
      margin: 0;
      font-size: 13px;
      color: #eeeeee;
      padding: 7px 0 !important;
      vertical-align: middle;
      margin-left: 6px; }
      .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item .form-control.inline-edit {
        background-color: #eeeeee;
        padding: 7px !important;
        color: #424142; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item label {
      height: 32px;
      line-height: 32px;
      margin: 0;
      display: inline-block;
      font-size: 13px;
      color: #eeeeee;
      margin-left: 4px;
      vertical-align: middle;
      width: 54%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item .itemCount {
      color: #fff;
      position: absolute;
      right: 55px;
      margin-top: 14px;
      font-size: 11px; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list span.folder-manage-item .collapse-sign {
      margin: 3px 0 0 0; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list .btn-deletechart {
    margin: 13px 0 0 0 !important;
    right: 32px;
    padding: 0;
    border: 0; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list .btn-addview {
    margin: 9px 0 0 0 !important;
    right: 17px;
    padding: 0;
    border: 0; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list .btn {
    background-color: transparent !important; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list .btn .collapse-sign {
      right: 0;
      margin-top: 0 !important;
      color: #eeeeee !important; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list li.views .icon-share {
    height: auto;
    margin: 2px 0 0 8px; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list li.views .btn-deletechart {
    right: 14px;
    top: 19px;
    margin-top: 0 !important; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.drop-select .folder-manage-item {
    border: 2px dashed #77aaa0 !important; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.drop-noselect .folder-manage-item {
    border: 2px dashed #77aaa0 !important; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list.open ul li.views {
    border-top: 1px solid #222; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list.open ul li.views a {
      background-color: #000; }
    .npx #left-panel nav ul li#analytics li.folder-manage-item-list.open ul li.views:hover a {
      background-color: #000 !important;
      color: #77aaa0 !important; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list .selected.dragholder {
    background-color: #000 !important;
    border: 2px dashed #77aaa0 !important;
    padding: 0;
    min-height: 50px !important; }
  .npx #left-panel nav ul li#analytics li.folder-manage-item-list .favouritesul .selected.dragholder {
    background-color: #000 !important;
    border: 2px dashed #77aaa0 !important;
    padding: 0;
    min-height: 50px !important; }
.npx #left-panel nav ul li#analytics ul.sortable-list li.views a span {
  margin-left: 42px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 145px; }
.npx #left-panel nav ul li#analytics ul.sortable-list li.views.hilite {
  padding: 0;
  background-color: #77aaa0 !important;
  border: 0 !important; }
  .npx #left-panel nav ul li#analytics ul.sortable-list li.views.hilite.ui-sortable-helper {
    height: auto !important;
    width: 184px !important;
    background-color: transparent !important;
    padding: 0; }
    .npx #left-panel nav ul li#analytics ul.sortable-list li.views.hilite.ui-sortable-helper a {
      padding: 7px 0;
      background-color: #000 !important;
      border: 2px solid #77aaa0; }
      .npx #left-panel nav ul li#analytics ul.sortable-list li.views.hilite.ui-sortable-helper a span {
        color: #77aaa0 !important;
        margin: 0 13px; }
    .npx #left-panel nav ul li#analytics ul.sortable-list li.views.hilite.ui-sortable-helper .btn-deletechart {
      display: none; }
.npx #left-panel nav ul li#analytics ul.sortable-list li.more {
  border-top: 1px solid #222; }
  .npx #left-panel nav ul li#analytics ul.sortable-list li.more a {
    background-color: #000; }
    .npx #left-panel nav ul li#analytics ul.sortable-list li.more a strong {
      margin-left: 42px; }
    .npx #left-panel nav ul li#analytics ul.sortable-list li.more a:hover {
      background-color: #000 !important;
      color: #77aaa0 !important; }
.npx #left-panel nav ul li#analytics ul.sortable-list li.search-filter .search-input {
  margin: 0 15px; }
  .npx #left-panel nav ul li#analytics ul.sortable-list li.search-filter .search-input label {
    left: 0; }
  .npx #left-panel nav ul li#analytics ul.sortable-list li.search-filter .search-input .form-control {
    padding-left: 30px; }
.npx #left-panel nav ul li#analytics.open a.btn-link.align-inline {
  position: fixed;
  top: 44px;
  width: 220px;
  z-index: 98;
  background-color: #3f4349 !important;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #4e535e; }
.npx #left-panel nav ul li#analytics.open ul.manage-folder {
  position: fixed;
  top: 94px;
  width: 220px;
  z-index: 9; }
.npx #left-panel nav ul li#analytics.open ul .favouriteFolder {
  margin-top: 89px; }
.npx #left-panel nav ul li#analytics.open ul#analyticsUl {
  margin-top: 49px; }
.npx #left-panel nav ul li.noSearchFound, .npx #left-panel nav ul li.noreport {
  background-color: #000; }
  .npx #left-panel nav ul li.noSearchFound div, .npx #left-panel nav ul li.noreport div {
    padding: 22px 0; }
    .npx #left-panel nav ul li.noSearchFound div em, .npx #left-panel nav ul li.noreport div em {
      margin-left: 39px;
      color: #bad1ca; }
.npx #left-panel nav ul li.noreport {
  border-top: 1px solid #4e535e; }
.npx.smart-style-1 #left-panel nav ul li a:not(.btn) > i {
  font-size: 14px !important;
  margin-top: 2px; }
.npx.smart-style-1 #left-panel nav ul li.active {
  background-color: #3f4349; }
.npx.smart-style-1 #left-panel nav ul li a.align-inline:hover .badge {
  color: #fff !important; }
.npx.smart-style-1 #left-panel nav ul li#analytics.open .views:hover a span,
.npx.smart-style-1 #left-panel nav ul li#analytics.open .views:hover .btn-deletechart i,
.npx.smart-style-1 #left-panel nav ul li#analytics.open .views:hover .icon-share {
  color: #77aaa0 !important; }
.npx.smart-style-1 #left-panel nav ul li#analytics.open .views.active {
  /*removed perf2*/ }
  .npx.smart-style-1 #left-panel nav ul li#analytics.open .views.active a span,
  .npx.smart-style-1 #left-panel nav ul li#analytics.open .views.active .btn-deletechart i {
    font-weight: 500 !important; }
  .npx.smart-style-1 #left-panel nav ul li#analytics.open .views.active:hover a span,
  .npx.smart-style-1 #left-panel nav ul li#analytics.open .views.active:hover .btn-deletechart i,
  .npx.smart-style-1 #left-panel nav ul li#analytics.open .views.active:hover .icon-share {
    color: #fff !important; }
.npx.smart-style-1 #left-panel nav ul li.open {
  background-color: #3f4349;
  border-top: 1px solid #4e535e; }
  .npx.smart-style-1 #left-panel nav ul li.open#analytics li.folder-manage-item-list.selectedFolder .folder-manage-item.selected {
    background-color: transparent !important; }
    .npx.smart-style-1 #left-panel nav ul li.open#analytics li.folder-manage-item-list.selectedFolder .folder-manage-item.selected .icon-folder-new,
    .npx.smart-style-1 #left-panel nav ul li.open#analytics li.folder-manage-item-list.selectedFolder .folder-manage-item.selected label,
    .npx.smart-style-1 #left-panel nav ul li.open#analytics li.folder-manage-item-list.selectedFolder .folder-manage-item.selected .itemCount {
      color: #fff !important; }
    .npx.smart-style-1 #left-panel nav ul li.open#analytics li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit {
      background-color: #77aaa0 !important; }
      .npx.smart-style-1 #left-panel nav ul li.open#analytics li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit .form-control {
        background-color: #fff;
        border-color: #fff; }
  .npx.smart-style-1 #left-panel nav ul li.open#analytics li a {
    /*removed perf3*/ }
    .npx.smart-style-1 #left-panel nav ul li.open#analytics li a.btn-addview:hover {
      background-color: transparent !important; }
  .npx.smart-style-1 #left-panel nav ul li.open#analytics li.views {
    border-top: 1px solid #222; }
    .npx.smart-style-1 #left-panel nav ul li.open#analytics li.views a {
      background-color: #000 !important; }
    .npx.smart-style-1 #left-panel nav ul li.open#analytics li.views.active a {
      background-color: #77aaa0 !important;
      color: #fff !important; }
      .npx.smart-style-1 #left-panel nav ul li.open#analytics li.views.active a:hover {
        background-color: #77aaa0 !important;
        color: #fff !important; }
  .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics) li {
    border-top: 1px solid #444; }
    .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics) li:first-child {
      border-top: 0; }
    .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics) li a:hover {
      background-color: #2d2e33 !important;
      color: #77aaa0 !important; }
    .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics) li.active a {
      background-color: #77aaa0 !important;
      color: #fff !important;
      font-weight: 500 !important; }
  .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics) a.btn-link.align-inline span,
  .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics) a.btn-link.align-inline i,
  .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics) a.btn-link.align-inline em {
    color: #fff !important;
    /*tata*/ }
  .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics).active a.btn-link.align-inline span,
  .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics).active a.btn-link.align-inline i,
  .npx.smart-style-1 #left-panel nav ul li.open:not(#analytics).active a.btn-link.align-inline em {
    color: #fff !important;
    /*tata*/ }
.npx.smart-style-1 #left-panel nav ul li#analytics a.align-inline i, .npx.smart-style-1 #left-panel nav ul li#program a.align-inline i {
  margin-left: -37px; }

body.npx.smart-style-1.minified #left-panel .enscrollwrapper + div {
  z-index: 1 !important;
  left: -10px !important; }
  body.npx.smart-style-1.minified #left-panel .enscrollwrapper + div + div:not(.footer) {
    display: none !important; }
body.npx.smart-style-1.minified #left-panel nav ul li.open li a {
  color: #999 !important; }
body.npx.smart-style-1.minified #left-panel nav ul li.open li.active > a {
  color: #999 !important; }
body.npx.smart-style-1.minified #left-panel nav ul.manage-folder {
  background-color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul.manage-folder .folder-col .btn i {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul.manage-folder .folder-col .input-group {
    border-bottom-color: #eee; }
    body.npx.smart-style-1.minified #left-panel nav ul.manage-folder .folder-col .input-group .input-group-addon i {
      color: #999; }
    body.npx.smart-style-1.minified #left-panel nav ul.manage-folder .folder-col .input-group .form-control {
      color: #999; }
body.npx.smart-style-1.minified #left-panel nav ul .favouriteFolder {
  margin-top: 0 !important; }
body.npx.smart-style-1.minified #left-panel nav ul li.open#analytics li.views {
  border-top: 1px solid #eee; }
  body.npx.smart-style-1.minified #left-panel nav ul li.open#analytics li.views:first-child {
    border-top: 0; }
  body.npx.smart-style-1.minified #left-panel nav ul li.open#analytics li.views a {
    background-color: #fff !important;
    /*removed perf4*/ }
  body.npx.smart-style-1.minified #left-panel nav ul li.open#analytics li.views:hover a {
    background-color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li.open#analytics li.views .icon-share {
    margin-left: 8px !important; }
body.npx.smart-style-1.minified #left-panel nav ul li#analytics {
  /*test*/ }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list {
    border-top: 1px solid #eee; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.views a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.views .btn-deletechart i {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.views a .newtag {
    color: #999 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.views:hover a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.views:hover .btn-deletechart i {
    color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.views:hover a .newtag {
    color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.favouriteFolder {
    border-top: 0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item .form-control {
    color: #999 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item.inline-edit .form-control {
    color: #555 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item:hover {
    background-color: transparent; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list li.views {
    background-color: #fff; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list li.views a span,
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list li.views .btn-deletechart i {
      color: #999; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list li.views:hover {
      background-color: #77aaa0; }
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list li.views:hover a span,
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list li.views:hover .btn-deletechart i {
        color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item label {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover .folder-manage-item label {
    color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover .folder-manage-item .form-control {
    color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover .folder-manage-item.inline-edit .form-control {
    color: #555 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover.open .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover.open .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover.open .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover.open .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover.open .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover.open .folder-manage-item label {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list:hover.open .folder-manage-item .form-control {
    color: #999 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open .folder-manage-item label {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder:hover .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder:hover .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder:hover .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder:hover .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder:hover .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder:hover .folder-manage-item label {
    color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder:hover a {
    background-color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder .views a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder .views .btn-deletechart i {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder .views:hover a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder .views:hover .btn-deletechart i {
    color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open.folder.selectedFolder:hover .addView {
    background-color: transparent !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.open ul li.views {
    border-top: 1px solid #eee; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list ul.favouritesul li.views {
    /*removed perf5*/ }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list ul.favouritesul li.viewsfirst-child {
      border-top: 0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.active, body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.open {
    background-color: #fff; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.active .views.active a span, body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.open .views.active a span {
      color: #999 !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.active .views.active btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.open .views.active btn-deletechart i {
      color: #999 !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.active .views.active:hover a span, body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.open .views.active:hover a span {
      color: #77aaa0 !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.active .views.active:hover btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.open .views.active:hover btn-deletechart i {
      color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .btn-link.btn-deletechart i {
    color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .btn-addview .collapse-sign em {
    color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected .icon-folder-new,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected label,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected .itemCount {
    color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit {
    background-color: #77aaa0 !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit .icon-folder-new {
      color: #fff !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit .form-control {
      background-color: #fff;
      border-color: #fff;
      color: #555 !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit + .btn-link.btn-deletechart {
      /*ieperfdev*/ }
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit + .btn-link.btn-deletechart + .btn-addview .collapse-sign em {
        color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li .search-filter .search-input .form-control {
    border-bottom-color: #eee; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.more {
    border-top: 1px solid #eee; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.more a:hover {
      background-color: #fff !important;
      color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li .noreport {
    background-color: #fff;
    border-top-color: #eee; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li .noreport em {
      color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.open a, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.open a {
    padding-top: 16px;
    padding-bottom: 16px; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list {
    height: auto !important;
    width: 100% !important;
    border-top: 1px solid #eee; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.views .btn-deletechart, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.views .btn-deletechart {
    right: 15px;
    top: 9px; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.views a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.views .btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.views a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.views .btn-deletechart i {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.views a, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.views a {
    padding-top: 16px;
    padding-bottom: 16px; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.views a .newtag, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.views a .newtag {
    color: #fff !important;
    background-color: #77aaa0 !important;
    margin: 1px 0 0 8px !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.views a span, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.views a span {
    margin-left: 40px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 125px; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.views:hover a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.views:hover .btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.views:hover a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.views:hover .btn-deletechart i {
    color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.favouriteFolder, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.favouriteFolder {
    border-top: 0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .folder-manage-item .form-control, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .folder-manage-item .form-control {
    width: 46% !important;
    color: #999 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .folder-manage-item.inline-edit .form-control, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .folder-manage-item.inline-edit .form-control {
    color: #555 !important;
    width: 100px !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .folder-manage-item label, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .folder-manage-item label {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 60px; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .folder-manage-item:hover, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .folder-manage-item:hover {
    background-color: transparent; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list li.views, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list li.views {
    background-color: #fff; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list li.views a span,
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list li.views .btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list li.views a span,
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list li.views .btn-deletechart i {
      color: #999; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list li.views:hover, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list li.views:hover {
      background-color: #77aaa0; }
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list li.views:hover a span,
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list li.views:hover .btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list li.views:hover a span,
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list li.views:hover .btn-deletechart i {
        color: #77aaa0; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list li.views .btn-deletechart, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list li.views .btn-deletechart {
      right: 19px;
      top: 19px;
      margin-top: 0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list .folder-manage-item label, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list .folder-manage-item label {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .folder-manage-item label, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .folder-manage-item label {
    color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .btn-deletechart, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .btn-deletechart {
    /*opacity: 1;*/ }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .folder-manage-item .form-control, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .folder-manage-item .form-control {
    color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover .folder-manage-item.inline-edit .form-control, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover .folder-manage-item.inline-edit .form-control {
    color: #555 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover.open .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover.open .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover.open .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover.open .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover.open .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover.open .folder-manage-item label, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover.open .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover.open .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover.open .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover.open .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover.open .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover.open .folder-manage-item label {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover.open .btn-deletechart, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover.open .btn-deletechart {
    /*opacity: 1;*/ }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list:hover.open .folder-manage-item .form-control, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list:hover.open .folder-manage-item .form-control {
    color: #999 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open .folder-manage-item label, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open .folder-manage-item label {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder:hover .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder:hover .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder:hover .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder:hover .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder:hover .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder:hover .folder-manage-item label, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder:hover .btn-deletechart i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder:hover .collapse-sign em,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder:hover .itemCount,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder:hover .folder-manage-item i,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder:hover .folder-manage-item .form-control,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder:hover .folder-manage-item label {
    color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder:hover a, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder:hover a {
    background-color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder .views a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder .views .btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder .views a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder .views .btn-deletechart i {
    color: #999; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder .views:hover a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder .views:hover .btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder .views:hover a span,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder .views:hover .btn-deletechart i {
    color: #77aaa0; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open.folder.selectedFolder:hover .addView, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open.folder.selectedFolder:hover .addView {
    background-color: transparent !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.open ul li.views, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.open ul li.views {
    border-top: 1px solid #eee; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list ul.favouritesul li.views, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list ul.favouritesul li.views {
    /*removed perf5*/ }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list ul.favouritesul li.viewsfirst-child, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list ul.favouritesul li.viewsfirst-child {
      border-top: 0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder {
    /*removed perf6*/ }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder li.views, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder li.views {
      /*removed perf7*/ }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.active, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.open, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.active, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.open {
      background-color: #fff; }
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.active .views.active a span, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.open .views.active a span, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.active .views.active a span, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.open .views.active a span {
        color: #999 !important;
        font-weight: 600 !important; }
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.active .views.active btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.open .views.active btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.active .views.active btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.open .views.active btn-deletechart i {
        color: #999 !important; }
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.active .views.active:hover a span,
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.active .views.active:hover .icon-share, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.open .views.active:hover a span,
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.open .views.active:hover .icon-share, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.active .views.active:hover a span,
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.active .views.active:hover .icon-share, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.open .views.active:hover a span,
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.open .views.active:hover .icon-share {
        color: #77aaa0 !important; }
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.active .views.active:hover btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.folder.open .views.active:hover btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.active .views.active:hover btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.folder.open .views.active:hover btn-deletechart i {
        color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .btn-link.btn-deletechart i, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .btn-link.btn-deletechart i {
    color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .btn-addview .collapse-sign em, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .btn-addview .collapse-sign em {
    color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected .icon-folder-new,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected label,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected .itemCount, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected .icon-folder-new,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected label,
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected .itemCount {
    color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit {
    background-color: #77aaa0 !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit .icon-folder-new, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit .icon-folder-new {
      color: #fff !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit .form-control, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit .form-control {
      background-color: #fff;
      border-color: #fff;
      color: #555 !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit + .btn-link.btn-deletechart, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit + .btn-link.btn-deletechart {
      /*ieperfdev*/ }
      body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit + .btn-link.btn-deletechart + .btn-addview, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit + .btn-link.btn-deletechart + .btn-addview {
        display: inline-block !important;
        margin-top: 7px !important; }
        body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit + .btn-link.btn-deletechart + .btn-addview .collapse-sign em, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.folder-manage-item-list.selectedFolder .folder-manage-item.selected.inline-edit + .btn-link.btn-deletechart + .btn-addview .collapse-sign em {
          color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li .search-filter .search-input .form-control, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li .search-filter .search-input .form-control {
    border-bottom-color: #eee; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.more, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.more {
    border-top: 1px solid #eee; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.more a strong, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.more a strong {
      margin-left: 40px; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li.more a:hover, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li.more a:hover {
      background-color: #fff !important;
      color: #77aaa0 !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li .noreport, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li .noreport {
    background-color: #fff;
    border-top-color: #eee; }
    body.npx.smart-style-1.minified #left-panel nav ul li#analytics.open ul li .noreport em, body.npx.smart-style-1.minified #left-panel nav ul li#analytics.active ul li .noreport em {
      color: #999; }
body.npx.smart-style-1.minified #left-panel nav ul li#analytics a.align-inline i, body.npx.smart-style-1.minified #left-panel nav ul li#program a.align-inline i {
  margin-left: 0; }
body.npx.smart-style-1.minified #left-panel nav ul li.active.open#analytics .align-inline span {
  color: #77aaa0 !important; }
body.npx.smart-style-1.minified #left-panel nav ul li.active.open:not(#analytics) .align-inline span {
  color: #77aaa0 !important; }
body.npx.smart-style-1.minified #left-panel nav ul li.active a:before, body.npx.smart-style-1.minified #left-panel nav ul li.active a:after {
  z-index: 1; }
body.npx.smart-style-1.minified #left-panel nav ul li.open.active a {
  color: #999 !important; }
body.npx.smart-style-1.minified #left-panel nav ul li.open:not(#analytics) a.btn-link.align-inline span {
  color: #77aaa0 !important; }
body.npx.smart-style-1.minified #left-panel nav ul li.open:not(#analytics) li {
  border-top: 1px solid #eee; }
  body.npx.smart-style-1.minified #left-panel nav ul li.open:not(#analytics) li a {
    padding-top: 10px;
    padding-bottom: 10px; }
    body.npx.smart-style-1.minified #left-panel nav ul li.open:not(#analytics) li a:hover {
      background-color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li.open:not(#analytics) li.active a:hover {
    background-color: #77aaa0 !important; }
body.npx.smart-style-1.minified #left-panel nav ul li a:not(.btn) > i {
  margin-left: -3px !important; }
body.npx.smart-style-1.minified #left-panel nav ul li:not(#analytics) {
  /*removed perf8*/ }
  body.npx.smart-style-1.minified #left-panel nav ul li:not(#analytics) ul {
    min-height: auto; }
  body.npx.smart-style-1.minified #left-panel nav ul li:not(#analytics) li {
    width: 100% !important;
    border-top: 1px solid #eee; }
    body.npx.smart-style-1.minified #left-panel nav ul li:not(#analytics) li a {
      padding-top: 10px;
      padding-bottom: 10px;
      color: #999; }
      body.npx.smart-style-1.minified #left-panel nav ul li:not(#analytics) li a:hover {
        color: #77aaa0 !important; }
    body.npx.smart-style-1.minified #left-panel nav ul li:not(#analytics) li.active a {
      color: #fff !important;
      background-color: #77aaa0 !important; }
      body.npx.smart-style-1.minified #left-panel nav ul li:not(#analytics) li.active a:hover {
        color: #fff !important;
        background-color: #77aaa0 !important; }
body.npxnow #left-panel nav ul li#analytics.open ul .favouriteFolder {
  margin-top: 48px; }

body.npx.smart-style-1.TabletEnabled.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline, body.npx.smart-style-1.TabletEnabled.minified #left-panel nav ul li#analytics.active a.btn-link.align-inline, body.npx.smart-style-1.IpadEnabled.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline, body.npx.smart-style-1.IpadEnabled.minified #left-panel nav ul li#analytics.active a.btn-link.align-inline, body.npx.smart-style-1.desktop-detected.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline, body.npx.smart-style-1.desktop-detected.minified #left-panel nav ul li#analytics.active a.btn-link.align-inline {
  width: auto;
  width: 45px;
  position: relative;
  top: 1px;
  background-color: transparent;
  padding-right: 9px; }
  body.npx.smart-style-1.TabletEnabled.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline .menu-item-parent, body.npx.smart-style-1.TabletEnabled.minified #left-panel nav ul li#analytics.active a.btn-link.align-inline .menu-item-parent, body.npx.smart-style-1.IpadEnabled.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline .menu-item-parent, body.npx.smart-style-1.IpadEnabled.minified #left-panel nav ul li#analytics.active a.btn-link.align-inline .menu-item-parent, body.npx.smart-style-1.desktop-detected.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline .menu-item-parent, body.npx.smart-style-1.desktop-detected.minified #left-panel nav ul li#analytics.active a.btn-link.align-inline .menu-item-parent {
    color: #77aaa0 !important;
    top: 44px !important; }
body.npx.smart-style-1.TabletEnabled.minified #left-panel nav ul li#analytics.open ul.manage-folder, body.npx.smart-style-1.TabletEnabled.minified #left-panel nav ul li#analytics.active ul.manage-folder, body.npx.smart-style-1.IpadEnabled.minified #left-panel nav ul li#analytics.open ul.manage-folder, body.npx.smart-style-1.IpadEnabled.minified #left-panel nav ul li#analytics.active ul.manage-folder, body.npx.smart-style-1.desktop-detected.minified #left-panel nav ul li#analytics.open ul.manage-folder, body.npx.smart-style-1.desktop-detected.minified #left-panel nav ul li#analytics.active ul.manage-folder {
  position: fixed;
  top: 87px;
  width: 198px;
  z-index: 9999 !important; }
body.npx.smart-style-1.TabletEnabled.minified #left-panel nav ul li#analytics.open ul#analyticsUl, body.npx.smart-style-1.TabletEnabled.minified #left-panel nav ul li#analytics.active ul#analyticsUl, body.npx.smart-style-1.IpadEnabled.minified #left-panel nav ul li#analytics.open ul#analyticsUl, body.npx.smart-style-1.IpadEnabled.minified #left-panel nav ul li#analytics.active ul#analyticsUl, body.npx.smart-style-1.desktop-detected.minified #left-panel nav ul li#analytics.open ul#analyticsUl, body.npx.smart-style-1.desktop-detected.minified #left-panel nav ul li#analytics.active ul#analyticsUl {
  margin-top: 0;
  top: 86px !important;
  padding-top: 49px; }

body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline {
  width: auto;
  width: 45px;
  position: relative;
  top: 1px;
  background-color: transparent;
  padding-right: 9px; }
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline .menu-item-parent {
    color: #77aaa0 !important; }
body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open ul.manage-folder {
  top: 87px;
  width: 198px;
  z-index: 9999 !important; }
body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open ul#analyticsUl {
  margin-top: 0;
  top: 86px !important;
  padding-top: 49px; }
body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.views .icon-share {
  margin-left: -25px !important; }

@media (min-width: 0px) and (max-width: 736px) {
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics ul li.views a span {
    margin-left: 6px; }
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics ul li.views a .newtag {
    margin: 0;
    font-size: 11px !important;
    color: #fff !important; }
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open {
    min-height: 139px; }
    body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open a.btn-link.align-inline {
      width: 100%;
      background-color: #34373d;
      position: fixed;
      left: 0;
      right: 0;
      top: 44px; }
    body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open ul.manage-folder {
      width: 100%;
      background-color: #525358 !important;
      top: 94px; }
      body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open ul.manage-folder .folder-col .input-group {
        border-bottom-color: #77aaa0; }
        body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open ul.manage-folder .folder-col .input-group .form-control {
          color: #eee; }
    body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open ul#analyticsUl {
      top: 0 !important;
      padding-top: 89px; }
    body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list {
      border-top: 0;
      border-bottom: 1px solid #4e535e; }
      body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list .folder-manage-item label {
        width: 77%; }
      body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list li.noreport {
        border-top: 1px solid #444; }
      body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list.open ul li.views {
        border-top: 1px solid #222; }
        body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list.open ul li.views a span {
          color: #eee; }
        body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list.open ul li.views.active a {
          background-color: #77aaa0 !important; }
          body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list.open ul li.views.active a span {
            color: #fff !important; }
      body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list.folder.open {
        background-color: #2d2e33; }
        body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list.folder.open:hover a {
          background-color: #000 !important; }
        body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li#analytics.open li.folder-manage-item-list.folder.open .noreport {
          background-color: #000; }
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li a.align-inline {
    padding-left: 12px; }
    body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li a.align-inline span {
      margin-left: 9px; }
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li.open li.noSearchFound {
    border-top: 0 !important; }
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li.open:not(#analytics) a.btn-link.align-inline span {
    color: #fff !important; }
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li.open:not(#analytics) li {
    border-top: 1px solid #444; }
    body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li.open:not(#analytics) li a {
      padding-top: 16px;
      padding-bottom: 16px; }
  body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li.active > a:before, body.npx.smart-style-1.MobileEnabled.minified #left-panel nav ul li.active > a:after {
    display: none; } }
@media (min-width: 737px) and (max-width: 1024px) {
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul.favouritesul li.views.active a {
    background-color: #fff !important; }
  body.npx.smart-style-1.minified #left-panel nav ul li.active a.align-inline:before, body.npx.smart-style-1.minified #left-panel nav ul li.active a.align-inline:after {
    z-index: 1;
    display: none; } }
body.npx.smart-style-1.PortraitEnabled #buycontainer {
  margin-left: 13px; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li.active a.align-inline .menu-item-parent, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li.active a.align-inline .menu-item-parent {
  color: #77aaa0 !important; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item.inline-edit .form-control, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item.inline-edit .form-control {
  width: 63% !important; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item .itemCount, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item .itemCount {
  right: 43px; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li#analytics ul li.folder-manage-item-list .btn-deletechart, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li#analytics ul li.folder-manage-item-list .btn-deletechart {
  display: none; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.open .views.active a, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li#analytics ul li.folder-manage-item-list.folder.open .views.active a {
  background-color: #fff !important; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li#analytics ul li.views.active a, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li#analytics ul li.views.active a {
  background-color: #77aaa0 !important; }
  body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li#analytics ul li.views.active a span, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li#analytics ul li.views.active a span {
    color: #fff; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li#analytics ul li.more a, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li#analytics ul li.more a {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #fff;
  color: #999 !important; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li#analytics.open #analyticsUl, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li#analytics.open #analyticsUl {
  padding-top: 39px; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li:not(#analytics) a, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li:not(#analytics) a {
  color: #999 !important; }
body.npx.smart-style-1.minified.TabletEnabled #left-panel nav ul li:not(#analytics) ul, body.npx.smart-style-1.minified.IpadEnabled #left-panel nav ul li:not(#analytics) ul {
  margin-top: -4px; }

body.npx.smart-style-1.minified.MobileEnabled #left-panel nav ul li.open li a {
  padding-top: 16px;
  padding-bottom: 16px; }
body.npx.smart-style-1.minified.MobileEnabled #left-panel nav ul li.open#analytics li.views {
  border-top: 1px solid #222; }
  body.npx.smart-style-1.minified.MobileEnabled #left-panel nav ul li.open#analytics li.views a {
    background-color: #000 !important; }
body.npx.smart-style-1.minified.MobileEnabled #left-panel nav ul li.open#analytics li.folder-manage-item-list .folder-manage-item.inline-edit .form-control {
  width: 83% !important; }
body.npx.smart-style-1.minified.MobileEnabled #left-panel nav ul li.open#analytics li.folder-manage-item-list.folder:hover {
  background-color: #2d2e33 !important; }
body.npx.smart-style-1.minified.MobileEnabled #left-panel nav ul li.open#analytics li.more {
  border-top: 1px solid #222; }
  body.npx.smart-style-1.minified.MobileEnabled #left-panel nav ul li.open#analytics li.more a {
    background-color: #000 !important; }
    body.npx.smart-style-1.minified.MobileEnabled #left-panel nav ul li.open#analytics li.more a strong {
      margin-left: 0; }

@media (min-width: 0px) and (max-width: 1024px) {
  body.npx.smart-style-1.minified #left-panel nav ul.manage-folder .add-folder,
  body.npx.smart-style-1.minified #left-panel nav ul.manage-folder .add-reports {
    display: none; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .folder-manage-item .itemCount {
    right: 43px; }
  body.npx.smart-style-1.minified #left-panel nav ul li#analytics ul li.folder-manage-item-list .btn-deletechart {
    display: none; } }
/* IE Perf End */
/* Header */
@media only screen and (min-width: 0) and (max-width: 679px) {
  #login #header {
    padding: 0 5px !important; } }
#logo {
  display: inline-block;
  margin-left: 20px; }
  #logo i[class*="icon"] {
    color: #fff;
    position: relative;
    top: 12px;
    width: 25px;
    float: left;
    font-size: 22px;
    margin-right: 8px; }
    #logo i[class*="icon"].icon-npxnow {
      font-size: 14px;
      position: relative;
      margin-left: 10px;
      padding-left: 10px; }
      #logo i[class*="icon"].icon-npxnow:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 18px;
        background-color: #fff;
        left: 0;
        top: 50%;
        margin-top: -8px; }
  #logo img {
    max-width: 140px;
    height: auto;
    padding-left: 0px;
    position: relative;
    top: 12px; }
  #logo-group > #logo {
    position: relative;
    top: -3px;
    padding-left: 1px; }
    #logo-group > #logo:hover {
      cursor: pointer; }
  #login #logo {
    margin-left: 10px; }
    #login #logo i[class*="icon"] {
      width: auto;
      margin-left: 0;
      padding: 0; }
    #login #logo img {
      top: 14px; }
  #logo .iconow {
    height: 44px;
    line-height: 44px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px; }
  #logo .icon-ar-logo {
    font-size: 25px !important;
    margin-left: 2px !important; }

#buycontainer {
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0; }
  #buycontainer .btn {
    padding: 2px 10px;
    margin: -3px 0 0 12px;
    font-size: 11px;
    border-radius: 1px;
    text-transform: uppercase; }

#logo-group *,
.minified .menu-item-parent {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box; }

.login-info {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 7px !important;
  height: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box; }
  .login-info * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box; }
  .login-info .dropdown-menu {
    min-width: 190px !important; }
  .login-info span {
    border: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 5px 10px 7px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  .login-info img {
    width: 35px; }
  .login-info a span {
    padding: 0;
    font-size: 16px !important;
    max-width: 105px; }
  .login-info > a {
    font-size: 13px !important;
    color: #33455A;
    margin-top: 2px; }
    .login-info > a > img {
      width: 20px;
      height: 20px;
      border: none; }
    .login-info > a .icon-angledown {
      font-size: 8px !important;
      margin-left: 3px; }

.btn-help > a {
  font-size: 15px !important; }
  .btn-help > a small {
    position: relative;
    top: -3px;
    font-weight: bold;
    margin-left: 5px; }
  .btn-help > a .icon-help {
    position: relative; }
    .btn-help > a .icon-help:after {
      border-radius: 500px;
      line-height: 16px;
      width: 16px;
      height: 16px;
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1; }
    .btn-help > a .icon-help:before {
      z-index: 2;
      position: relative; }
  .btn-help > a:hover {
    text-decoration: none; }

.minified #logo {
  margin-left: 11px; }

@media (max-width: 767px) {
  #logo {
    margin-left: 4px; }

  #logo {
    margin-top: 10px; } }
@media only screen and (min-width: 0) and (max-width: 679px) {
  #logo {
    margin-left: 4px; }

  #logo {
    margin-top: 10px; } }
@media only screen and (min-width: 0px) and (max-width: 479px) {
  #logo {
    margin-left: 4px; } }
/* light theme styles*/
.smart-style-2 .menu-item-parent img[src*="logo-white.png"] {
  background-image: url("../images/xpui/logo-dark.png");
  /* lets say 20x20 */
  width: 80px;
  display: inline-block;
  padding: 8px 0 0 0;
  height: 0px !important;
  /* for IE 5.5's bad box model */
  height: 8px; }

#logo .img i[class*="icon"] {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px; }

#logo > i[class*="icon"] {
  top: 13px; }

@media (min-width: 200px) and (max-width: 767px) {
  #logo {
    margin-top: 0; } }
@media (min-width: 0px) and (max-width: 736px) {
  #login #logo-group,
  #login .smart-form .s-slctinptfld-container,
  #login .smart-form .chkbox_container,
  #login .smart-form .security_answer,
  #login #content .footer {
    /*display:none;*/
    /*to hide it temporarily*/ }

  .minified i.icon-logo-nps {
    margin-left: 0; }

  #logo-group > #logo {
    top: 0; }

  /*login page*/
  #login #logo-group > #logo {
    display: block; }

  #login #logo-group > #logo img {
    top: 0; }

  #login #logo-group > #logo i[class*="icon"] {
    margin-right: 10px; }

  #logo i[class*="icon"] {
    top: 11px; }

  /*logo*/
  #logo i[class*="icon"] {
    font-size: 18px;
    margin: 0;
    width: auto;
    top: 0;
    height: 44px;
    line-height: 44px; }

  #logo {
    margin: 0 10px;
    padding: 0 !important;
    height: 44px;
    line-height: 44px; }

  #logo .icon-logodark {
    font-size: 14px !important; } }
/*logo*/
#logo {
  margin: 0 10px 0 13px;
  padding: 0 !important;
  height: 44px;
  line-height: 44px; }
  #logo i[class*="icon"] {
    font-size: 21px;
    margin: 0;
    width: auto;
    top: 0;
    height: 44px;
    line-height: 44px; }
  #logo .icon-logodark {
    font-size: 14px !important; }
  #logo .img i[class*="icon"] {
    line-height: 44px;
    margin-left: 14px; }
  #logo-group > #logo {
    top: 0; }
  #login #logo-group > #logo i[class*="icon"] {
    margin-right: 10px; }

#buycontainer {
  padding-left: 1px; }

#logo-group #hide-menu {
  margin-right: -1px; }

.topnavbtns .btn-group > a {
  box-shadow: none !important; }
.topnavbtns .dropdown-menu li:first-child a {
  border-radius: 4px 4px 0px 0px; }

.pull-right .dropdown-menu:before {
  right: 5px;
  left: auto; }
.pull-right .dropdown-menu:after {
  right: 5px;
  left: auto; }

.header-search #search-fld::-ms-clear {
  display: none; }

.icon-nice-satmetrix-logo {
  color: #777; }
  .icon-nice-satmetrix-logo span:before {
    color: inherit !important; }
  .icon-nice-satmetrix-logo span.path1:before, .icon-nice-satmetrix-logo span.path2:before, .icon-nice-satmetrix-logo span.path3:before {
    color: #069dd9 !important; }

.icon-nice-satmetrix {
  color: #777; }

#header .icon-nice-satmetrix-logo,
#header .icon-nice-satmetrix {
  font-size: 30px !important;
  display: inline-block;
  margin-top: 9px;
  margin-left: 0;
  color: #fff; }

.pg-embed .icon-nice-satmetrix-logo,
.pg-embed .icon-nice-satmetrix {
  font-size: 30px !important; }

.narrowby-panel {
  position: relative;
  z-index: 2;
  background: #e2e2e2; }
  .narrowby-panel .select2-wrap + .select2-wrap {
    margin-left: 0px; }
    .narrowby-panel .select2-wrap + .select2-wrap .select2-container {
      min-width: 220px; }
  .narrowby-panel + footer {
    margin-top: -5px;
    position: relative;
    z-index: 3; }
    .narrowby-panel + footer .btn {
      margin-right: 0; }
  .narrowby-panel label {
    margin-left: 0px;
    vertical-align: central;
    margin-bottom: 5px !important; }
  .narrowby-panel fieldset {
    padding: 0px !important;
    background: transparent; }
  .group-narrowby .narrowby-panel + footer {
    opacity: 0;
    height: 0;
    transition: opacity 0.2s ease-in-out 0.2s; }
  .narrowby-panel > .btn-close {
    right: 10px;
    top: 10px;
    padding: 0px;
    position: absolute;
    z-index: 1000;
    line-height: 14px;
    opacity: 0; }
  .narrowby-panel:hover .btn-close {
    opacity: 1; }
  .profile-details .narrowby-panel input[readonly] {
    background-color: #eee;
    border: 1px solid #ccc; }
  .narrowby-panel .dl-horizontal-addon.valign-bottom dt .s-addorremove-btns {
    margin-bottom: 5px; }

.group-narrowby:hover footer.text-center {
  opacity: 1; }

.row-narrowby + .row-narrowby {
  margin-top: 10px; }
.row-narrowby .s-addorremove-btns {
  margin-left: 5px; }
  .row-narrowby .s-addorremove-btns + .controls {
    overflow: hidden; }
  .row-narrowby .s-addorremove-btns .btn-link {
    border: 1px solid #6ca898;
    border-radius: 500px;
    font-size: 13px;
    height: 20px;
    line-height: 18px;
    padding: 0;
    text-align: center;
    width: 20px; }
    .row-narrowby .s-addorremove-btns .btn-link i {
      position: relative; }
.row-narrowby .button-removefilter .icon-remove {
  font-weight: bold;
  top: -1px; }
.row-narrowby dl.dl-horizontal-addon .dd .row {
  margin-left: 0px;
  margin-right: 0px; }
  .row-narrowby dl.dl-horizontal-addon .dd .row > :first-child {
    padding-left: 0px; }
  .row-narrowby dl.dl-horizontal-addon .dd .row > :last-child {
    padding-right: 0px; }
.row-narrowby dl.dl-horizontal-addon.has-errors .dl-addon {
  vertical-align: top;
  padding-top: 44px; }

.fieldset-filtercontrol .btn-close {
  border: 1px solid #6ca898;
  border-radius: 500px;
  font-size: 13px;
  height: 20px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  width: 20px; }
  .fieldset-filtercontrol .btn-close i {
    position: relative; }

.chartsettings-panel .groupby_form {
  white-space: nowrap;
  position: relative;
  top: 1px; }

.chart-groupby .dropdown-menu fieldset + fieldset {
  border-top: 2px solid #6a6a6a; }

.joincondition label {
  margin-bottom: 0; }

.supercontactfieldcontainer .contactfield .narrowby-panel {
  background-color: #fff;
  padding: 0 !important; }
  .supercontactfieldcontainer .contactfield .narrowby-panel .headerrow {
    background-color: #f7f7f7;
    border: 1px solid #E4E2E2;
    border-bottom: 0; }
    .supercontactfieldcontainer .contactfield .narrowby-panel .headerrow [class^="col-"]:first-child {
      padding-left: 13px; }
  .supercontactfieldcontainer .contactfield .narrowby-panel .listoflov .lovrow {
    border: 1px solid #E4E2E2;
    border-top: 0;
    padding: 10px 0; }
    .supercontactfieldcontainer .contactfield .narrowby-panel .listoflov .lovrow:last-child {
      margin-bottom: 10px; }
    .supercontactfieldcontainer .contactfield .narrowby-panel .listoflov .lovrow [class^="col-"]:first-child {
      padding-left: 13px;
      padding-right: 5px; }
    .supercontactfieldcontainer .contactfield .narrowby-panel .listoflov .lovrow [class^="col-"]:last-child {
      padding-right: 17px; }
      .supercontactfieldcontainer .contactfield .narrowby-panel .listoflov .lovrow [class^="col-"]:last-child .dl-horizontal dd {
        width: 95%; }
      .supercontactfieldcontainer .contactfield .narrowby-panel .listoflov .lovrow [class^="col-"]:last-child .dl-horizontal dt {
        width: 5%;
        padding: 0; }
        .supercontactfieldcontainer .contactfield .narrowby-panel .listoflov .lovrow [class^="col-"]:last-child .dl-horizontal dt .btn-delete {
          margin-right: 0 !important;
          margin-left: 6px;
          display: block; }
    .supercontactfieldcontainer .contactfield .narrowby-panel .listoflov .lovrow + .lovrow {
      margin-top: 0; }
  .supercontactfieldcontainer .contactfield .narrowby-panel .lovdropdowndiv {
    border: 1px solid #E4E2E2;
    padding: 10px 0;
    margin-top: 0;
    margin-bottom: 10px; }
    .supercontactfieldcontainer .contactfield .narrowby-panel .lovdropdowndiv [class^="col-"]:first-child {
      padding-left: 13px;
      padding-right: 5px; }
  .supercontactfieldcontainer .contactfield .narrowby-panel .addnewlov {
    padding: 0;
    margin-top: -3px; }
    .supercontactfieldcontainer .contactfield .narrowby-panel .addnewlov .addlov {
      margin-left: 0px;
      padding: 0;
      text-decoration: underline; }
      .supercontactfieldcontainer .contactfield .narrowby-panel .addnewlov .addlov .btn {
        display: none; }

.globalfilter .titlepanel .padding-10 {
  padding-bottom: 0; }

.filterFields.analytics {
  background-color: transparent; }

/* Survey Left Panel */
.left-panel-survey {
  background-color: #fff;
  padding: 0;
  font-size: 16px;
  margin-top: 0; }
  .left-panel-survey .enscroll-track {
    right: -16px !important; }
    .left-panel-survey .enscroll-track.vertical-track {
      border-radius: 0px; }
    .left-panel-survey .enscroll-track .vertical-handle {
      width: 9px;
      opacity: 1;
      background-color: #d3d3d3;
      border-radius: 0px; }
  .left-panel-survey h1 {
    margin: 0px 0px 13px;
    font-weight: 600;
    font-size: 14px; }
    .left-panel-survey h1.section-head small {
      display: block;
      font-size: 12px;
      color: #999999;
      margin-top: 5px; }
    .left-panel-survey h1 + .enscrollwrapper + div {
      left: 232px !important; }
  .left-panel-survey .btn-style-n-pview {
    text-align: left;
    background: none;
    border: 0;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600; }
    .left-panel-survey .btn-style-n-pview small {
      display: block;
      font-size: 12px;
      color: #999999;
      margin-top: 3px;
      font-weight: lighter; }
    .left-panel-survey .btn-style-n-pview i {
      float: right;
      margin-top: 13px; }
    .left-panel-survey .btn-style-n-pview + .btn-style-n-pview {
      border-top: 1px solid #dddddd; }

.wide {
  width: 100%; }

.popover {
  max-width: 800px; }
  .popover .popover-content {
    padding: 10px; }
    .popover .popover-content h6 {
      margin-top: 0px; }
    .popover .popover-content img {
      max-width: 100%; }

/* Fixed left panel on scroll */
#surveydesignerbuildercontainer {
  border-left: 1px solid #dddddd; }

#surveydesignerquestionlistpanel {
  width: 237px;
  float: left;
  padding: 0;
  margin-left: 23px; }

#surveydesignerbuildercontainer {
  margin-left: 276px;
  width: auto;
  float: none;
  overflow: hidden;
  padding-left: 20px; }

.surveydesignerheader-fixed .surveyfixedwrap {
  position: relative; }
  .surveydesignerheader-fixed .surveyfixedwrap .fixedsurveyhead {
    position: fixed;
    top: 88px;
    z-index: 11;
    display: block;
    left: 242px;
    right: 22px; }
  .surveydesignerheader-fixed .surveyfixedwrap #surveydesignerquestionlistpanel {
    position: fixed;
    top: 146px;
    left: 230px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 23px; }
    .surveydesignerheader-fixed .surveyfixedwrap #surveydesignerquestionlistpanel .left-panel-survey h1 {
      margin-top: 0; }

#ribbon-sys-msg + #pre-ribbon + #ribbon + #content .surveydesignerheader-fixed .surveyfixedwrap .fixedsurveyhead {
  top: 116px; }
#ribbon-sys-msg + #pre-ribbon + #ribbon + #content .surveydesignerheader-fixed .surveyfixedwrap #surveydesignerquestionlistpanel {
  top: 174px; }
#ribbon-sys-msg + #pre-ribbon + #ribbon + #content .surveydesignerheader-fixed .surveyfixedwrap #surveydesignerbuildercontainer {
  margin-top: 28px; }

#ribbon-sys-msg.hide + #pre-ribbon + #ribbon + #content .surveydesignerheader-fixed .surveyfixedwrap .fixedsurveyhead {
  top: 88px; }
#ribbon-sys-msg.hide + #pre-ribbon + #ribbon + #content .surveydesignerheader-fixed .surveyfixedwrap #surveydesignerquestionlistpanel {
  top: 146px; }
#ribbon-sys-msg.hide + #pre-ribbon + #ribbon + #content .surveydesignerheader-fixed .surveyfixedwrap #surveydesignerbuildercontainer {
  margin-top: 0; }

.minified .surveydesignerheader-fixed .surveyfixedwrap .fixedsurveyhead {
  left: 67px; }
.minified .surveydesignerheader-fixed .surveyfixedwrap #surveydesignerquestionlistpanel {
  left: 55px; }

.jarviswidget .surveyfixedwrap .widget-body {
  padding-top: 0; }

.widget-body #surveydesigner .subsettings-panel {
  margin: 0; }

/*Drag & Drop*/
h6 * {
  margin: 0;
  padding: 0;
  list-style: none; }
h6.dragging-question {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin: 0;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  width: 237px !important;
  background-color: #77aaa0;
  height: auto !important; }
  h6.dragging-question a, h6.dragging-question br {
    display: none; }

.dragging-holder {
  border: 1px dashed;
  padding: 5px;
  background-color: #fff; }
  .dragging-holder p {
    margin: 0;
    padding: 50px 0; }

.popover-fixed {
  position: fixed; }

/* ------- End */
/*byod (import) page */
.byod {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DBDCDD; }
  .byod .tab-pane {
    margin-top: 28px; }
    .byod .tab-pane h2 {
      font-size: 14px; }
    .byod .tab-pane h1 {
      font-size: 15px;
      padding-top: 7px; }
    .byod .tab-pane .hasscroll {
      width: 100% !important;
      padding-right: 15px; }
    .byod .tab-pane .well-sm > h3 {
      color: #6CA898;
      font-size: 15px;
      margin-bottom: 0px; }
  .byod .dwnloadsec p {
    display: inline;
    color: #aaa; }
  .byod .dwnloadsec h3 {
    display: inline;
    color: #aaa;
    float: right; }
    .byod .dwnloadsec h3 a {
      font-size: 12px;
      text-decoration: underline; }
  .byod .dwnloadsec + .btn-primary {
    margin-top: 15px; }
  .byod .import-options .download-temp {
    display: inline; }
  .byod .import-options label {
    margin-right: 10px; }
  .byod .import-options .well-sm {
    background: #f0f1f6; }
    .byod .import-options .well-sm h4 {
      font-weight: bold;
      color: #6CA898; }
    .byod .import-options .well-sm ul {
      padding-left: 0px; }
      .byod .import-options .well-sm ul li {
        list-style-type: none;
        line-height: 24px; }
    .byod .import-options .well-sm > .col-sm-6 + .col-sm-6:after {
      background: none repeat scroll 0 0 #FFFFFF;
      border: 1px solid #999;
      border-radius: 50% 50% 50% 50%;
      content: "OR";
      font-weight: bold;
      left: -15px;
      padding: 5px;
      position: absolute;
      top: 49%;
      z-index: 2; }
    .byod .import-options .well-sm > .col-sm-6 + .col-sm-6 {
      padding-left: 5%; }
    .byod .import-options .well-sm > .col-sm-6 {
      padding-right: 5%; }
  .byod .import-options .col-sm-6 + .col-sm-6:before {
    border-left: 1px solid #999;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute; }
  .byod .import-options .input {
    margin: 5px 0; }
  .byod .import-options .search-box {
    margin: 5px 0; }
    .byod .import-options .search-box .form-control {
      width: 373px; }

.byodmap .show-grid {
  border-right: 1px solid #DDDDDD;
  margin: 0; }
  .byodmap .show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-bottom: 0px;
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .byodmap .show-grid .col-xs-1 {
    padding-left: 0px;
    padding-right: 0px; }
  .byodmap .show-grid .col-md-5 + .col-md-1 {
    background: none;
    border: none; }
  .byodmap .show-grid .col-md-5 label {
    color: #555;
    font-size: 14px;
    display: block;
    margin: 0px;
    line-height: 12px; }
  .byodmap .show-grid .col-md-5 span {
    color: #b4b4b4;
    font-size: 13px;
    font-style: italic; }
  .byodmap .show-grid:last-child [class^="col-"] {
    border-bottom: medium none;
    border-right: 0 none; }
  .byodmap .show-grid:last-child .col-md-1 {
    border: none; }
  .byodmap .show-grid .col-md-6 {
    background: #fff; }
    .byodmap .show-grid .col-md-6 .form-group {
      line-height: 25px; }
  .byodmap .show-grid .col-xs-2 {
    border-left-width: 0px; }
.byodmap .col-md-5.mapped + .col-md-1:before {
  background-color: #7DB2A8;
  content: "";
  height: 8px;
  left: 0;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 100%; }
.byodmap .col-md-6 {
  background: #fff; }
  .byodmap .col-md-6.mapped:before {
    background-color: #7DB2A8;
    content: "";
    height: 8px;
    margin-top: -3px;
    position: absolute;
    right: -48px;
    top: 50%;
    width: 27%; }
.byodmap .mappingrow:last-child .show-grid [class^="col-"] {
  border-bottom: 1px solid #DDDDDD; }
.byodmap > .enscrollwrapper > .row:last-child .show-grid {
  border-bottom: 1px solid #ddd; }

.byodheader .show-grid [class^="col-"] {
  background: none;
  border: none;
  padding: 0px;
  margin: 5px 0px;
  height: auto; }
.byodheader .show-grid:last-child [class^="col-"] {
  border-bottom: none !important;
  background: none;
  border: none;
  padding: 0px;
  margin: 5px 0px;
  height: auto; }

.byodupload {
  margin-top: 10px; }

/*Start: NPS Distribution Chart*/
.grid .question {
  padding: 5px 0; }
  .grid .question label {
    font-weight: bold;
    font-size: 12px; }
.grid .col-legend {
  width: 30px; }
.grid > fieldset {
  border-bottom: 2px solid #999;
  padding-bottom: 10px; }
.grid fieldset > legend {
  font-size: 12px;
  color: #999;
  margin: 0 0 10px 0;
  padding: 0;
  border-bottom: 0px solid #fff; }

.grid-head ~ .scroll-body fieldset > legend {
  margin-left: 0px; }
.grid-head ~ .scroll-body fieldset > fieldset > legend {
  margin-left: 13px; }
  .grid-head ~ .scroll-body fieldset > fieldset > legend + .grid-body > .row > [class^="col-"]:first-child {
    padding-left: 26px; }
.grid-head .row .col-product label {
  word-break: normal;
  word-wrap: normal; }

.nps-distributionwidget.well-lg {
  padding: 0 13px 13px 13px; }

.jarviswidget .nps-distributionwidget.well-lg {
  padding: 0px; }
  .jarviswidget .nps-distributionwidget.well-lg > .titlepanel {
    margin: 0; }

.col-legend [class*="icon-"] {
  font-size: 26px;
  color: #b2c4ce; }
.col-legend.pull-left ~ .row {
  margin-left: 30px; }
.col-legend.pull-right ~ .row {
  margin-right: 30px; }

#followupPanel .well {
  padding: 19px; }

.col-count label {
  width: 50%;
  text-align: right; }

.stackedchart,
.barchart {
  border-radius: 2px; }

.vertical-barchart [class*="bar-"] {
  border-radius: 2px;
  min-height: 20px;
  line-height: 20px;
  position: absolute;
  left: 5px;
  bottom: 0;
  right: 5px; }

.table .show-grid {
  border-bottom: 1px solid rgba(61, 106, 124, 0.2); }
  .table .show-grid > [class*="col-"] {
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px; }

.tab-content div.table {
  margin-bottom: 0; }

.show-grid .dl-horizontal {
  margin-bottom: 0; }

#content .table .show-grid .navbar-nav > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 25px;
  line-height: 20px; }

.stackedchart [class^="col-"] {
  padding-left: 5px !important;
  padding-right: 5px !important; }
.stackedchart [class*="bar-"] {
  min-height: 20px;
  line-height: 20px; }
  .stackedchart [class*="bar-"]:hover {
    opacity: 0.9; }

body .stackedchart [class^="col-"].pad0must {
  padding: 0 !important; }

.chartarea > .well-row > .titlepanel + .grid {
  padding-right: 30px !important; }
.chartarea h4 small {
  font-size: 12px; }

.barchart .ncount.pull-right {
  width: 50px;
  margin-right: -55px;
  text-align: left;
  margin-left: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  margin-bottom: 0; }
  .barchart .ncount.pull-right + .bar-count {
    min-width: 0; }

[class*="bar-"] {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.bar-detractor {
  background: #ea6060;
  color: #f8e1e1; }

.bar-passive {
  background: #f7e07f; }

.bar-promoter {
  background: #aacc7a; }

.bar-transparent {
  background: transparent;
  border: 1px solid #ddd !important; }

.bar-nps {
  background: #7FA8E2;
  min-height: 20px;
  line-height: 20px; }

.bar-count {
  min-height: 20px;
  line-height: 20px;
  border-radius: 3px; }

.bar-wordcount {
  background: #79bfe0;
  min-height: 30px;
  line-height: 30px; }

.txt-detractor {
  color: #EB5E57; }

.txt-promoter {
  color: #ABC97F; }

.barchart {
  min-width: 30px;
  width: 0%;
  transition: all 2s ease-in-out;
  position: relative;
  z-index: 2; }
  .barchart .ncount + div {
    overflow: hidden; }

#widgets #viewControls .fa-gear.fa-lg {
  font-size: 1.3em;
  vertical-align: -3%; }

#viewControls button.btn-link {
  margin-left: 10px; }
#viewControls .btn-group .btn-link {
  padding: 0 5px; }
#viewControls .btn-group.active .btn-link {
  background-color: #6ca898;
  color: #fff;
  border-radius: 3px; }

.color-threshold .row {
  border: none;
  padding: 0;
  padding-top: 5px; }
  .color-threshold .row + .row {
    border: none; }
.color-threshold .grid [class*="col-"] label {
  word-break: normal;
  word-wrap: normal; }
.color-threshold .grid .row [class*="col-"] {
  line-height: 32px;
  opacity: 1; }
@media (min-width: 480px) {
  .color-threshold .grid .row [class*="col-"]:first-child {
    width: 100px; }
  .color-threshold .grid .row .col-xs-2 {
    width: 60px; }
  .color-threshold .grid .row .col-xs-3 {
    width: 80px; } }
.color-threshold .form-control[disabled],
.color-threshold .form-control[readonly] {
  background-color: transparent;
  border: none;
  color: inherit; }

.form-addtags .input-group-addon .btn-xs {
  line-height: 0;
  padding: 0; }

.col-nps .barchart {
  width: auto; }

/*End: NPS Distribution Chart*/
.stacked-bar-graph {
  width: 100%;
  height: 60px;
  color: #414042;
  line-height: 50px;
  position: relative; }
  .stacked-bar-graph .you {
    position: absolute;
    border: 2px solid;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #fff;
    box-shadow: 0px 0px 1px #dddddd;
    margin-left: -9px;
    margin-top: -9px;
    top: 50%; }
  .stacked-bar-graph span {
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    float: left;
    font-weight: bold;
    font-family: arial, sans-serif;
    padding: 0px; }

.stacked-bar-label {
  vertical-align: middle;
  text-align: right;
  padding: 20px 0px; }

.chart-section > .row {
  margin: 20px 0; }
.chart-section .low-performer {
  background: #c9eef4; }
.chart-section .developing {
  background: #3eb7ca; }
.chart-section .operational {
  background: #2c80a4; }
.chart-section .top-performer {
  background: #3c4973; }

.stackedbar-axis-labels span {
  float: left;
  height: 30px;
  display: block;
  border: 1px solid #dddddd;
  border-bottom: 0px;
  border-right: 0px;
  position: relative;
  width: 20%; }
  .stackedbar-axis-labels span:last-child {
    border-right: 1px solid #dddddd; }
  .stackedbar-axis-labels span:last-child i + i {
    right: -10px;
    left: auto; }
  .stackedbar-axis-labels span i {
    position: absolute;
    left: -10px;
    top: 30px;
    font-style: normal; }
  @media (min-width: 480px) {
    .stackedbar-axis-labels span br {
      display: none; } }
.stackedbar-axis-labels.exceed-limit span {
  width: 16.66% !important; }
.stackedbar-axis-labels span i {
  font-size: 11px; }

.stackedbar-legend-items {
  border: 1px solid #dddddd;
  margin: 25px auto;
  width: 98%; }
  .stackedbar-legend-items span {
    width: 20%;
    display: inline-block;
    float: left; }
    .stackedbar-legend-items span label {
      font-size: 12px; }
      .stackedbar-legend-items span label i {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: 4px; }
        .stackedbar-legend-items span label i.you {
          border: 2px solid;
          border-radius: 100%; }

@media (min-width: 0px) and (max-width: 500px) {
  .stackedbar-legend-items span {
    width: 100%;
    text-align: left; }

  .chart-section [class*="col-"] {
    padding: 0px; } }
/* Survey Accordion */
.survey-accordion {
    /*.custom{
		.panel-title > a{
			color:$color;
			&:after{
				border-left:7px solid transparent;
				border-right:7px solid transparent;
				border-top:7px solid $color;
			}
			&.collapsed:after{
				border-left:7px solid $color;
				border-bottom:7px solid transparent;
				border-top:7px solid transparent;
			}
		}
	}*/ }
  .survey-accordion .panel-title > a {
    display: block;
    position: relative;
    color: #424142;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    vertical-align: top; }
    .survey-accordion .panel-title > a:after {
      content: "";
      width: 0px;
      height: 0px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #fff;
      position: absolute;
      bottom: 6px;
      left: 100%;
      margin-left: -14px; }
    .survey-accordion .panel-title > a:before {
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #424142;
      bottom: 4px;
      content: "";
      height: 0;
      left: 100%;
      margin-left: -14px;
      position: absolute;
      width: 0; }
    .survey-accordion .panel-title > a.collapsed:after {
      border-left: 7px solid #fff;
      border-bottom: 7px solid transparent;
      border-top: 7px solid transparent;
      bottom: 3px;
      margin-left: -9px; }
    .survey-accordion .panel-title > a.collapsed:before {
      border-bottom: 7px solid transparent;
      border-left: 7px solid #424142;
      border-top: 7px solid transparent;
      bottom: 3px;
      margin-left: -7px; }
    .survey-accordion .panel-title > a i {
      margin-right: 7px;
      font-size: 16px;
      vertical-align: middle; }
  .survey-accordion .panel {
    background-color: #fff;
    margin: 0;
    padding: 0;
    box-shadow: 0 1px 1px transparent;
    border: 0;
        /*&.custom{
			background-color:$grey5;
		}*/
        /*&.style-n-pview{
			.panel-title{
				a{
					color:$accent-land;
				}
			}
		}*/ }
    .survey-accordion .panel.opn {
      border: 0; }
      .survey-accordion .panel.opn .panel-body {
        border: 0; }
    .survey-accordion .panel.differ {
      border: 1px solid #666666;
      border-width: 1px 0; }
      .survey-accordion .panel.differ .panel-heading {
        padding: 20px 0; }
      .survey-accordion .panel.differ .panel-title a {
        color: #424142;
        font-size: 18px; }
      .survey-accordion .panel.differ .panel-title small {
        font-size: 14px;
        color: #999999; }
      .survey-accordion .panel.differ.soc {
        /*border-top: 0;*/ }
        .survey-accordion .panel.differ.soc .panel-title a {
          width: auto;
          line-height: 20px;
          font-weight: 600;
          font-size: 14px; }
        .survey-accordion .panel.differ.soc .panel-title small {
          width: 180px;
          display: block;
          line-height: 16px;
          font-size: 12px;
          margin-top: 5px; }
        .survey-accordion .panel.differ.soc .panel-title .toggle-sty {
          margin-top: 13px; }
        .survey-accordion .panel.differ.soc + .soc {
          margin-top: 0;
          border-top: 0; }
          .survey-accordion .panel.differ.soc + .soc .panel-title a {
            width: 180px; }
            .survey-accordion .panel.differ.soc + .soc .panel-title a:before, .survey-accordion .panel.differ.soc + .soc .panel-title a:after {
              display: none; }
  .survey-accordion .panel-heading {
    background-color: transparent !important;
    border: 0;
    color: #77aaa0;
    min-height: inherit;
    padding: 10px 0; }
  .survey-accordion .panel-body {
    border-top: 0 !important;
    padding: 0; }
    .survey-accordion .panel-body .btn-add-new {
      margin-bottom: 10px; }
  .survey-accordion h6.survey-quest {
    margin: 0 0 10px 0;
    padding: 20px 35px 20px 10px;
    background-color: #e4f4f1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    position: relative; }
    .survey-accordion h6.survey-quest .srvy-quest-pview-icon {
      float: right;
      opacity: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: absolute;
      right: 0;
      top: 0;
      color: #fff;
      padding: 2px 7px;
      font-size: 16px;
      font-weight: 600; }
    .survey-accordion h6.survey-quest .srvy-quest-pview {
      float: right;
      opacity: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: absolute;
      right: 0;
      bottom: 0;
      color: #fff;
      background-color: #777777;
      padding: 3px 7px;
      font-size: 10px; }
    .survey-accordion h6.survey-quest .sublevel {
      float: right;
      position: absolute;
      right: 0;
      top: 0;
      color: #424142;
      padding: 0;
      font-size: 12px;
      font-weight: 600;
      width: 30px;
      height: 100%;
      background-color: #ddd;
      border-radius: 0 6px 6px 0;
      text-decoration: none;
      line-height: 60px;
      text-align: center; }
    .survey-accordion h6.survey-quest.sublevelitem.sub-level-open {
      background-color: #999 !important;
      color: #fff !important; }
    .survey-accordion h6.survey-quest.sublevelitem .srvy-quest-pview-icon,
    .survey-accordion h6.survey-quest.sublevelitem .srvy-quest-pview {
      right: 30px; }
    .survey-accordion h6.survey-quest.sublevelitem + .panel-collapse .survey-quest {
      margin-left: 24px; }
    .survey-accordion h6.survey-quest:hover {
      cursor: move;
      background-color: #999999 !important;
      color: #fff !important; }
      .survey-accordion h6.survey-quest:hover .srvy-quest-pview-icon,
      .survey-accordion h6.survey-quest:hover .srvy-quest-pview {
        opacity: 1; }
    .survey-accordion h6.survey-quest span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
    .survey-accordion h6.survey-quest.disabled:hover {
      cursor: not-allowed !important; }
  .survey-accordion .custom .srvy-quest-pview {
    /*top:26%!important;*/ }
  .survey-accordion.panel-group {
    margin-bottom: 0; }
  .survey-accordion .form-group {
    margin-bottom: 10px; }
  .survey-accordion .certify h6.survey-quest .srvy-quest-pview {
    background-color: #1e1e1e; }
  .survey-accordion .certify h6.survey-quest:hover {
    background-color: #77aaa0 !important;
    color: #fff !important; }

#scrollMoreChartWidget .srvy-quest-pview {
  font-size: 12px;
  font-weight: 600;
  padding: 3px 9px 2px 9px;
  text-decoration: none !important; }

.newlibquestion img {
  width: auto !important;
  max-height: 25px !important;
  max-width: 80px !important; }

.tooltipster-base img {
  width: auto;
  height: auto;
  max-width: 150px; }

/* ------- End */
/* Survey Invite Accordion */
.smart-accordion-default .panel-heading {
  min-height: inherit;
  padding: 0; }
  .smart-accordion-default .panel-heading h4 .panel-title {
    margin-top: 6px; }
  .smart-accordion-default .panel-heading .smart-form .radio,
  .smart-accordion-default .panel-heading .smart-form .checkbox {
    line-height: 24px;
    margin-top: 0px; }
  .smart-accordion-default .panel-heading a[data-toggle="collapse"], .smart-accordion-default .panel-heading a.collapse-btn {
    padding: 20px 15px 23px 15px;
    margin: 0px;
    position: absolute;
    right: 0;
    top: -10px;
    bottom: -10px;
    min-height: 65px; }
    .smart-accordion-default .panel-heading a[data-toggle="collapse"] i, .smart-accordion-default .panel-heading a.collapse-btn i {
      margin-left: 0;
      margin-top: 4px; }
  .smart-accordion-default .panel-heading .button-panel > .padding-5 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .smart-accordion-default .panel-heading [class*="col-"].pull-right a.collapse-btn {
    padding: 23px 15px !important; }
  .smart-accordion-default .panel-heading .row a[data-toggle="collapse"],
  .smart-accordion-default .panel-heading .row a .collapse-btn {
    margin: 0px; }
    .smart-accordion-default .panel-heading .row a[data-toggle="collapse"] + .settings.btn-group,
    .smart-accordion-default .panel-heading .row a .collapse-btn + .settings.btn-group {
      margin-right: 40px; }
  .smart-accordion-default .panel-heading .settings.btn-group {
    margin-top: 0px;
    margin-right: 20px; }
.smart-accordion-default .panel-collapse {
  background-color: #fff;
  border: 13px solid #eeeeee;
  border-top: 0;
  padding: 13px 0px;
  border-radius: 0 0 4px 4px; }
  .smart-accordion-default .panel-collapse #top-button-container {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 13px;
    margin-bottom: 13px; }
.smart-accordion-default#popup-survey-list .widget-content {
  box-shadow: none; }
  .smart-accordion-default#popup-survey-list .widget-content .widget-body {
    min-height: inherit;
    padding: 0; }
    .smart-accordion-default#popup-survey-list .widget-content .widget-body #gridPanel {
      border: 1px solid #ddd;
      border-width: 0; }
      .smart-accordion-default#popup-survey-list .widget-content .widget-body #gridPanel .dataTable {
        border: 1px solid #ddd !important;
        border-width: 1px 0 !important; }
        .smart-accordion-default#popup-survey-list .widget-content .widget-body #gridPanel .dataTable td {
          vertical-align: middle;
          padding: 13px; }
.smart-accordion-default .collectresponses-panel.parent-panel .panel-collapse {
  padding: 13px 50px; }

.alert span i + label {
  margin-left: 5px; }

/* ------- End */
/* Survey Select Template */
.survey-list-items {
  padding: 0; }
  .survey-list-items ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .survey-list-items ul li {
      margin: 0 0 13px 0;
      padding: 0; }
      .survey-list-items ul li:last-child {
        margin: 0; }
      .survey-list-items ul li .pad {
        position: relative; }
      .survey-list-items ul li .srvy-temp-check {
        float: right;
        margin: 0;
        position: absolute;
        top: 16px;
        right: 10px;
        text-decoration: none !important; }
        .survey-list-items ul li .srvy-temp-check i {
          font-size: 26px; }
      .survey-list-items ul li h5 {
        font-size: 13px;
        color: #424142;
        font-weight: 600;
        margin: 0;
        line-height: normal;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        padding: 20px 13px;
        cursor: pointer; }

.tmplPreview {
  padding-left: 9px; }
  .tmplPreview .message-box {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 10px 50px; }
    .tmplPreview .message-box i[class^="icon-"] {
      font-size: 36px;
      color: #ccc; }
    .tmplPreview .message-box p {
      color: #aaa;
      font-weight: bold; }
  body.npx .tmplPreview .message-box {
    padding: 50px 50px; }

.srvytmplhead .btn {
  margin-left: 10px; }
  .srvytmplhead .btn.ui-disabled {
    background-color: #bbb !important;
    border-color: #bbb !important; }

/* ------- End */
.chartWrapper .webkit-iframescroll {
  height: 100%; }

@media only screen and (max-device-width: 1024px) {
  .webkit-iframescroll {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: scroll; }
    .webkit-iframescroll iframe {
      overflow: hidden;
      width: 100%; } }
@media only screen and (max-device-width: 639px) {
  .webkit-iframescroll {
    height: 300px !important; }
    .webkit-iframescroll iframe {
      height: 300px !important; } }
.maincontrol-panel {
  background-color: #c9e2de; }
  .maincontrol-panel h2 {
    margin-bottom: 0; }
  #ribbon .maincontrol-panel {
    margin-left: -22px;
    margin-right: -13px; }
    #ribbon .maincontrol-panel .row-grid [class*="col-"] {
      height: 44px; }
      #ribbon .maincontrol-panel .row-grid [class*="col-"]:first-child {
        padding-left: 13px; }
      #ribbon .maincontrol-panel .row-grid [class*="col-"]:last-child {
        padding-right: 13px; }

.templateselection {
  margin: 0px -22px; }
  .fixed-ribbon #content .templateselection {
    margin-top: 0px; }
  .templateselection > .left-panel {
    width: 243px;
    float: left;
    border-right: none;
    z-index: 4;
    margin-left: 0px;
    margin-top: 0px;
    position: fixed;
    top: 44px; }
  .templateselection > .right-panel {
    margin-left: 243px;
    overflow: hidden;
    min-height: 700px;
    z-index: 4;
    margin-top: -44px; }
    .templateselection > .right-panel > .well-sm {
      padding: 14px; }
    .templateselection > .right-panel .control-panel .well-sm {
      padding: 9px 13px 9px 13px; }
  .templateselection .left-panel .titlepanel + .icon-addon + .chartlist {
    padding-top: 0; }
  .templateselection .left-panel .titlepanel + .icon-addon .form-control {
    border-width: 0px; }
    .templateselection .left-panel .titlepanel + .icon-addon .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #424142; }
    .templateselection .left-panel .titlepanel + .icon-addon .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: #424142; }
    .templateselection .left-panel .titlepanel + .icon-addon .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: #424142; }
    .templateselection .left-panel .titlepanel + .icon-addon .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: #424142; }
  .templateselection .left-panel .chartlist .dd-list .dd-item.ui-disabled,
  .templateselection .left-panel .viewlist .dd-list .dd-item.ui-disabled {
    pointer-events: inherit; }
    .templateselection .left-panel .chartlist .dd-list .dd-item.ui-disabled h6 .btn-link,
    .templateselection .left-panel .chartlist .dd-list .dd-item.ui-disabled h6 .srvy-quest-pview,
    .templateselection .left-panel .viewlist .dd-list .dd-item.ui-disabled h6 .btn-link,
    .templateselection .left-panel .viewlist .dd-list .dd-item.ui-disabled h6 .srvy-quest-pview {
      display: none; }
    .templateselection .left-panel .chartlist .dd-list .dd-item.ui-disabled h6:hover,
    .templateselection .left-panel .viewlist .dd-list .dd-item.ui-disabled h6:hover {
      background-color: #eeeeee !important;
      color: #555555 !important; }
  .templateselection .left-panel .search-bar-3 .icon-addon .form-control {
    border-left-width: 0px;
    border-right-width: 0px; }
  .templateselection .left-panel .titlepanel + .icon-addon .glyphicon,
  .templateselection .left-panel .search-bar-3 .icon-addon .glyphicon {
    padding: 16px 0; }
  .templateselection .left-panel > .well-lg {
    background-color: #efefef;
    border-radius: 0;
    padding: 14px 24px; }
  .templateselection .left-panel .nav-tabs li {
    cursor: pointer; }
    .templateselection .left-panel .nav-tabs li .media-heading {
      color: #fff; }
  .templateselection .left-panel li > .well {
    transition: box-shadow 0.2s ease-in-out 0.2s; }
  .templateselection .left-panel li:hover .well {
    border: none;
    position: relative;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); }
  .templateselection .left-panel li.active .well, .templateselection .left-panel li.active:hover .well {
    border: none;
    position: relative;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); }
  .templateselection .left-panel li.active:after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    height: 20px;
    margin-top: -10px;
    position: absolute;
    right: -26px;
    top: 50%;
    width: 20px; }
  .templateselection .left-panel .jScrollbar-wrap {
    margin-right: -24px; }
  .templateselection .left-panel .jScrollbar {
    width: 100%; }
  .templateselection .left-panel .jScrollbar .jScrollbar_mask {
    width: 100%;
    overflow: hidden;
    padding-right: 24px; }
  .templateselection .left-panel .jScrollbar_draggable {
    position: absolute;
    right: 10px; }
  .templateselection .left-panel#wizard_left_container + .right-panel {
    overflow: visible !important;
    min-height: inherit; }
  .templateselection .left-panel > .stream-scroll header.titlepanel {
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0; }
  .templateselection .left-panel .survey-accordion .panel-heading {
    padding: 10px 13px; }
  .templateselection .left-panel .survey-accordion .panel-body {
    padding: 0 13px 13px 13px; }
  .templateselection .right-panel {
    position: relative;
    z-index: 1; }
    .templateselection .right-panel .control-panel {
      margin-top: 0; }
      .templateselection .right-panel .control-panel + .view-body {
        margin-top: 32px; }
  .templateselection .smart-accordion-default.panel-group .panel + .panel {
    margin-top: -2px; }
  .templateselection .panel-heading .ui-icon {
    display: none; }
  .templateselection .chartlist .dd-list .dd-item h6.survey-quest .srvy-quest-pview:hover {
    text-decoration: none; }
  .templateselection .chartlist .panel-body .ui-icon {
    /*right:10px; text-align:right; */
    font-size: 13px !important;
    /* line-height:18px; left:auto !important*/ }
  .templateselection .chartlist .panel-group + .panel-group {
    border-top: 1px solid #dddddd; }
  .templateselection .chartlist figure .item {
    height: auto; }
  .templateselection .chartlist figure img {
    max-width: 180px;
    display: inline-block; }
  .templateselection .chartlist figure.well {
    background-color: #fff;
    margin-bottom: 0;
    padding: 5px; }
    .templateselection .chartlist figure.well + p {
      margin-top: 5px; }
  .templateselection .ui-accordion .ui-accordion-header {
    font-size: 13px; }
    .templateselection .ui-accordion .ui-accordion-header .btn-remove [class*="icon-"] {
      color: #aaa;
      font-size: 16px; }
    .templateselection .ui-accordion .ui-accordion-header .btn-add [class*="icon-"] {
      color: #424142;
      font-size: 12px; }
  .templateselection .ui-accordion .panel-body {
    background: #fff; }
  .templateselection .ui-accordion .panel-heading {
    min-height: inherit;
    padding: 0;
    border-radius: 0; }
  .templateselection .ui-accordion .panel-title {
    background: transparent;
    border: none; }
    .templateselection .ui-accordion .panel-title a[data-toggle="collapse"] {
      position: static;
      min-height: inherit;
      background-color: transparent;
      top: 0; }
  .templateselection .smart-accordion-default.panel-group .panel-title a {
    padding: 6px 15px; }
  .templateselection .viewpanel-accordian + .viewpanel-accordian {
    margin-top: 10px; }
  .templateselection.addchart .ui-accordion .ui-accordion-header {
    padding: 20px 35px 20px 10px !important;
    word-break: break-word;
    border: 0; }

.fixed-ribbon #content .createcustomreport.templateselection > .left-panel .stream-scroll {
  background-color: #fff; }

@media (min-width: 200px) and (max-width: 1400px) {
  body:not(minified) .templateselection > .left-panel + .right-panel .s-mobilizepromoters .survey-qn-panel .head-layout-container > .s-cols8 {
    width: 100%; }
  body:not(minified) .templateselection > .left-panel + .right-panel .s-mobilizepromoters .s-socialmediatext-panel .s-cols3:first-child {
    width: 100%;
    float: none;
    margin-bottom: 10px; }
    body:not(minified) .templateselection > .left-panel + .right-panel .s-mobilizepromoters .s-socialmediatext-panel .s-cols3:first-child > div {
      margin-left: 0;
      margin-right: 0; }
    body:not(minified) .templateselection > .left-panel + .right-panel .s-mobilizepromoters .s-socialmediatext-panel .s-cols3:first-child + .s-cols3 > div {
      margin-left: 0; }
    body:not(minified) .templateselection > .left-panel + .right-panel .s-mobilizepromoters .s-socialmediatext-panel .s-cols3:first-child ~ .s-cols3 {
      width: 33.33%; } }
@media (min-width: 200px) and (max-width: 1279px) {
  .templateselection > .left-panel + .right-panel .s-mobilizepromoters .survey-qn-panel .head-layout-container > .s-cols8 {
    width: 100%; }
  .templateselection > .left-panel + .right-panel .s-mobilizepromoters .s-socialmediatext-panel .s-cols3:first-child {
    width: 100%;
    float: none;
    margin-bottom: 10px; }
    .templateselection > .left-panel + .right-panel .s-mobilizepromoters .s-socialmediatext-panel .s-cols3:first-child > div {
      margin-left: 0;
      margin-right: 0; }
    .templateselection > .left-panel + .right-panel .s-mobilizepromoters .s-socialmediatext-panel .s-cols3:first-child + .s-cols3 > div {
      margin-left: 0; }
    .templateselection > .left-panel + .right-panel .s-mobilizepromoters .s-socialmediatext-panel .s-cols3:first-child ~ .s-cols3 {
      width: 33.33%; } }
@media (min-width: 1180px) and (max-width: 1649px) {
  body:not(.minified) .templateselection .chartsettings-panel .othersettings > .form-group {
    display: block;
    clear: both; }
  body:not(.minified) .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu {
    left: 0;
    right: auto; }
    body:not(.minified) .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:after {
      left: 5px;
      right: auto; }
    body:not(.minified) .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:before {
      left: 6px;
      right: auto; }
  body:not(.minified) .templateselection .chartsettings-panel .groupby_form > .form-group:first-child {
    padding-left: 0;
    border-left-width: 0;
    padding-top: 0px; }

  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li.select2-search-choice {
    border-right-width: 1px;
    padding-left: 6px;
    margin-left: 0; }
  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child:not(.select2-control-field) {
    padding-left: 6px;
    border-left-width: 1px; } }
@media (min-width: 768px) and (max-width: 1179px) {
  .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu {
    left: 0;
    right: auto; }
    .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:after {
      left: 5px;
      right: auto; }
    .templateselection .chartsettings-panel .btn-addgroupby.pull-right .dropdown-menu:before {
      left: 6px;
      right: auto; }
  .templateselection .chartsettings-panel .othersettings > .form-group {
    display: block;
    clear: both; }
  .templateselection .chartsettings-panel .groupby_form > .form-group {
    display: inline-block;
    vertical-align: top; }
    .templateselection .chartsettings-panel .groupby_form > .form-group:first-child {
      border-left-width: 0;
      padding-left: 0px;
      padding-top: 10px; }
      .templateselection .chartsettings-panel .groupby_form > .form-group:first-child .control-label {
        margin-left: 0;
        padding-left: 0; }
    .templateselection .chartsettings-panel .groupby_form > .form-group + .form-group {
      margin-left: 10px !important; } }
@media (min-width: 980px) and (max-width: 1051px) {
  body:not(.minified) .templateselection .chartsettings-panel .navbar-chartcontrols {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%; }
    body:not(.minified) .templateselection .chartsettings-panel .navbar-chartcontrols > .nav {
      float: right; }
    body:not(.minified) .templateselection .chartsettings-panel .navbar-chartcontrols li + li {
      border-top-width: 0; } }
@media (min-width: 768px) and (max-width: 979px) {
  .templateselection .chartsettings-panel .navbar-chartcontrols {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%; }
  .templateselection .chartsettings-panel .navbar-chartcontrols li + li {
    border-top-width: 0; }
  .templateselection .chartsettings-panel .section-groupby .select2-search-choice {
    display: block;
    float: none;
    border-width: 0px; }
  .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices {
    padding: 0px 0; }
    .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li {
      border-right-width: 0;
      padding-left: 0;
      margin-left: 0; }
      .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li:first-child {
        padding-left: 0;
        border-left-width: 0; }
      .templateselection .chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li span {
        max-width: inherit; } }
.fixed-ribbon .templateselection .right-panel .control-panel {
  position: fixed;
  right: 0;
  left: 463px;
  top: 88px;
  margin-top: 0;
  z-index: 5; }

.fixed-ribbon.minified .templateselection .right-panel .control-panel {
  left: 288px; }

.fixed-ribbon.mobile-view-activated .templateselection .right-panel .control-panel {
  left: 243px; }

.fixed-ribbon.mobile-view-activated.minified .templateselection .right-panel .control-panel {
  left: 288px; }

.addchart {
  margin-left: -22px;
  margin-right: -22px;
  /*Add Chart Panel*/ }
  .addchart .right-panel .control-panel {
    margin-top: 0px; }
    .addchart .right-panel .control-panel .well {
      background-color: #c9e2de !important;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px; }
      .addchart .right-panel .control-panel .well .btn {
        color: #424142; }
    .addchart .right-panel .control-panel .alert-info {
      background-color: transparent;
      border: none;
      margin-bottom: 0;
      padding: 0; }
  .addchart .right-panel .view-body > .well-lg {
    padding: 0 26px 26px 26px; }
  .addchart .media-heading .fa {
    font-size: 20px;
    margin-top: 5px; }
  .addchart .media-heading a .fa {
    color: #666; }
    .addchart .media-heading a .fa:hover {
      color: #333; }
  .addchart .graphic-addchart {
    background-color: #fff;
    border: 1px dotted #aaa;
    color: #999;
    padding: 100px 0;
    font-size: 240%;
    font-weight: normal; }
    .addchart .graphic-addchart.multicolumn {
      padding: 0px;
      height: auto; }
    .addchart .graphic-addchart span {
      font-style: italic;
      color: #bebebe; }
  .addchart .control-label .fa {
    font-size: 50px;
    margin-top: 20px; }
  .addchart .chartsettings-panel .left-panel {
    margin-left: 0px; }
  .addchart .chart-wrap {
    width: 100%; }
    .addchart .chart-wrap + .chart-wrap {
      margin-top: 20px; }
  .addchart .stream-scroll .titlepanel .text {
    padding: 6px 10px 5px 10px; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .addchart .stream-scroll .titlepanel .text {
      padding: 6px 10px 6px 10px; } }
  .addchart.templateselection .view-body > .well-lg {
    padding-top: 26px; }

.maximise-chart .templateselection .left-panel:empty + .right-panel {
  padding-top: 0; }

@media (min-width: 1180px) and (max-width: 1919px) {
  .stream-enabled #main > #content .templateselection {
    margin-right: -400px; } }
#comments-tray-panel .streamwidget .streamwidget-slides .templateselection .right-panel > .hasscroll > .well-sm.clearfix {
  padding: 5px; }

.add-chart-arrow {
  position: absolute;
  right: 10px;
  top: 12px;
  display: block;
  z-index: 1000;
  cursor: pointer; }
  .add-chart-arrow i {
    font-size: 14px;
    color: #555555;
    cursor: pointer; }
  .ui-state-active .add-chart-arrow {
    position: absolute;
    top: 11px; }
    .ui-state-active .add-chart-arrow i {
      color: #ffffff; }

.chart-templatecard .control-label .glyphicon {
  font-size: 50px;
  margin-top: 20px; }

.createview .left-panel > .stream-scroll {
  background-color: #fff; }
  .createview .left-panel > .stream-scroll > .titlepanel, .createview .left-panel > .stream-scroll > .titlepanel h3 {
    color: #424142; }
.createview .right-panel > .control-panel > .well {
  background-color: #c9e2de !important;
  color: #424142; }
  .createview .right-panel > .control-panel > .well .btn {
    color: #424142; }

.viewpanel-accordion + .viewpanel-accordion {
  margin-top: 20px; }
.viewpanel-accordion .graphic-addpanel {
  background-color: #fff;
  border: 1px dotted #aaa;
  color: #999;
  padding: 100px 0;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 0;
  border-width: 0 span;
    border-width-font-style: italic;
    border-width-color: #bebebe; }
  .viewpanel-accordion .graphic-addpanel .btn-add {
    border-radius: 500px;
    width: 22px;
    height: 22px;
    line-height: 21px;
    font-size: 11px;
    text-align: center;
    padding: 0;
    background-color: #fbfbfb;
    color: #999; }

.chart-item h4.ui-accordion-header.ui-accordion-header-active {
  background-color: #77aaa0;
  color: #fff; }
  .chart-item h4.ui-accordion-header.ui-accordion-header-active * {
    color: #fff; }
.chart-item + .dd-item {
  margin-top: 10px; }
.chart-item figure .carousel .item {
  height: 70px;
  text-align: center; }
  .chart-item figure .carousel .item img {
    max-height: 100%; }
.chart-item .carousel-indicators {
  bottom: 2px; }

.single-column .addchart .chart-wrap {
  width: 100%; }
  .single-column .addchart .chart-wrap + .chart-wrap {
    margin-top: 20px; }
.single-column .ctrl-changelayout > .btn-link:nth-child(1) {
  color: #196e57; }

.double-column .addchart .chart-wrap {
  width: 50%;
  float: left;
  margin-bottom: 10px;
  padding-right: 5px; }
  .double-column .addchart .chart-wrap:nth-child(2n) {
    padding-left: 5px;
    padding-right: 0px; }
  .double-column .addchart .chart-wrap + .chart-wrap {
    margin-top: 0px; }
.double-column .ctrl-changelayout > .btn-link:nth-child(2) {
  color: #196e57; }

.triple-column .addchart .chart-wrap {
  width: 33.33%;
  float: left;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px; }
  .triple-column .addchart .chart-wrap:nth-child(1n) {
    padding-right: 5px; }
  .triple-column .addchart .chart-wrap:nth-child(3n) {
    padding-left: 5px; }
  .triple-column .addchart .chart-wrap + .chart-wrap {
    margin-top: 0px; }
.triple-column .ctrl-changelayout > .btn-link:nth-child(3) {
  color: #196e57; }

.chartsettings-panel .addchart .graphic-addchart span {
  font-style: normal;
  color: #333; }

/* work around fix for charts and text tab*/
.createreport-chartsel .search-views .form-control {
  border-color: #fff; }
.createreport-chartsel .ui-accordion .panel-body {
  padding: 10px 2px !important; }
.createreport-chartsel .panel-collapse {
  border: medium none;
  padding: 0px; }
.createreport-chartsel h6.survey-quest {
  background-color: #eeeeee;
  border-radius: 6px;
  box-shadow: 0px 0px 3px #999999;
  font-size: 13px;
  font-weight: 500;
  margin: 0px 0px 10px;
  padding: 10px 30px 10px 10px !important;
  position: relative; }
  .createreport-chartsel h6.survey-quest:hover .srvy-quest-pview {
    opacity: 1; }
  .createreport-chartsel h6.survey-quest:hover .srvy-quest-pview i {
    color: #fff; }
.createreport-chartsel .srvy-quest-pview {
  position: relative;
  background-color: #777777;
  bottom: 0px;
  color: #fff;
  float: right;
  font-size: 10px;
  opacity: 0;
  padding: 3px 7px;
  right: 0px;
  transition: all 0.5s ease 0s; }

.control-panel .btn.cancelcreate {
  padding: 3px 12px 3px 12px;
  color: #fff !important;
  background-color: #77aaa0;
  border-color: #77aaa0; }
  .control-panel .btn.cancelcreate:hover, .control-panel .btn.cancelcreate:focus, .control-panel .btn.cancelcreate.focus {
    color: #fff;
    background-color: #799191;
    border-color: #799191; }

/* accordian with submenu view page*/
.survey-accordion .subviewheader .srvy-quest-pview {
  background-color: #777777;
  bottom: 0px;
  color: #fff;
  float: right;
  font-size: 10px;
  opacity: 0;
  padding: 3px 7px !important;
  position: absolute !important;
  right: 0px !important;
  top: auto !important;
  transition: all 0.5s ease 0s; }
.survey-accordion .subviewheader:hover .srvy-quest-pview {
  opacity: 1; }
.survey-accordion .subviewheader.dd-handle:hover {
  color: #333333 !important; }
.survey-accordion .subviewheader.dd-handle {
  background: #eeeeee none repeat scroll 0px 0px !important;
  border: medium none; }
.survey-accordion .subviewheader.dd-handle:hover {
  background: #999999 none repeat scroll 0px 0px; }

.survey-accordion .viewpanel-accordian .dd-list.dd-list {
  padding-left: 10px; }

.survey-accordion h6.survey-quest .fa {
  font-size: 19px;
  position: absolute;
  right: 10px; }

.survey-accordion .dd-handle.subviewheader {
  padding: 15px 30px 15px 8px !important; }

.survey-accordion .subviewheader.dd-handle:hover a {
  color: #fff;
  text-decoration: none; }

h6.ui-accordion-header-active .fa-angle-right:before {
  content: "" !important; }

/* Shuttle */
/*Shuttle Component*/
.s-btncolumn {
  width: 51px !important;
  position: absolute;
  left: 50%;
  margin-left: -26px !important;
  top: 50%;
  margin-top: -28px;
  z-index: 9999; }

.s-shuttle-wrap {
  position: relative;
  z-index: 1; }
  .s-shuttle-wrap .s-leftcolumn {
    padding-right: 20px; }
  .s-shuttle-wrap .s-rightcolumn {
    padding-left: 20px; }

.s-shuttle-button-group {
  width: 25px;
  margin: 0 auto; }
  .s-shuttle-button-group .btn {
    float: none;
    clear: both;
    text-align: center;
    width: 25px !important;
    height: 25px !important;
    color: #fff;
    border-radius: 500px;
    padding: 0;
    font-size: 10px; }
    .s-shuttle-button-group .btn + .btn {
      margin-left: 0; }

.s-shuttle-list .padding-bg {
  padding: 0px;
  overflow: auto;
  height: 188px;
  margin-bottom: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset; }
.s-shuttle-list .nav-list {
  margin-bottom: 0; }
  .s-shuttle-list .nav-list > li {
    position: relative; }
    .s-shuttle-list .nav-list > li > a {
      background-color: #fff;
      border-bottom: 1px solid rgba(56, 56, 56, 0.2);
      padding: 5px 10px !important;
      color: #6a6a6a;
      height: auto !important;
      line-height: normal !important; }
    .s-shuttle-list .nav-list > li.active a, .s-shuttle-list .nav-list > li.active a:hover, .s-shuttle-list .nav-list > li > a:hover {
      color: #fff; }
    .s-shuttle-list .nav-list > li > .btn-link {
      font-size: 12px;
      margin-top: -11px;
      position: absolute;
      right: 0;
      top: 50%; }
    .s-shuttle-list .nav-list > li > a.go-to-field {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 100;
      background-color: transparent !important;
      border-color: transparent !important; }
      .s-shuttle-list .nav-list > li > a.go-to-field:hover {
        text-decoration: underline; }
    .s-shuttle-list .nav-list > li:hover > a.go-to-field {
      color: #fff !important; }
    .s-shuttle-list .nav-list > li > .action-field {
      position: absolute;
      right: 0;
      top: 5px;
      z-index: 100; }
      .s-shuttle-list .nav-list > li > .action-field a {
        background-color: transparent !important;
        border-color: transparent !important;
        margin: 0 7px; }
  .s-shuttle-list .nav-list .selected {
    border-width: 0px !important; }
    .s-shuttle-list .nav-list .selected:after {
      border: none;
      width: 20px;
      height: 20px;
      content: "";
      right: 5px;
      top: 50%;
      margin-top: -10px;
      border-radius: 500px; }
    .s-shuttle-list .nav-list .selected:before {
      color: #fff;
      right: 8px;
      top: 50%;
      margin-top: -9px; }
  .s-shuttle-list .nav-list .ui-sortable li {
    cursor: move; }

.gridcheckbox-smallwidth {
  width: 26px !important; }

.gridcheckbox-smallwidth .s-checkboxwrap {
  top: -3px !important; }

/* manage contact field UI */
.modal-content .tab-shuttle.nav-tabs {
  border: 0; }

.modal-content .tab-shuttle.nav-tabs > li > a {
  padding: 13px 13px 12px;
  font-size: 14px;
  font-weight: 500; }

.modal-content .tab-shuttle.nav-tabs > li.active > a {
  color: #fff;
  font-weight: 500; }

.modal-content .tab-shuttle.nav-tabs > li.active > a::before,
.modal-content .tab-shuttle.nav-tabs > li.active > a::after {
  border: 0; }

.tab-shuttle .search-box {
  margin: 6px 13px 0 0; }

/* BG-11067 & BG-11196 */
.tab-shuttle .search-box, .head-profiledetails li .searchBox {
  position: relative; }

.tab-shuttle .search-box #searchShuttleViewParent + .clear-searchfld,
.head-profiledetails li .searchBox .srch-response-inpt + .clear-searchfld {
  border: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  text-decoration: none !important;
  z-index: 79;
  display: block;
  cursor: pointer; }

.tab-shuttle .search-box #searchShuttleViewParent + .clear-searchfld i,
.head-profiledetails li .searchBox .srch-response-inpt + .clear-searchfld i {
  font-size: 14px;
  font-weight: lighter;
  color: #888;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  height: 28px;
  line-height: 28px;
  background-color: #fff; }

.tab-shuttle .search-box #searchShuttleViewParent + .clear-searchfld {
  right: 8px; }

/* BG-11070 */
.s-shuttle-list .nav-list .selected a {
  color: #fff; }

.s-shuttle-list .nav-list .selected:after {
  display: none; }

.s-shuttle-list .nav-list .selected .goToField {
  color: #fff; }

/*BG-11362 */
.s-shuttle-list .nav-list > li:hover > .btn-link.goToField,
.s-shuttle-list .nav-list > li.selected > .btn-link.goToField,
.s-shuttle-list .nav-list > li.selected:hover > .btn-link.goToField:hover {
  color: #fff; }

.s-shuttle-list .nav-list > li > .btn-link.goToField {
  margin-top: -13px; }

.s-shuttle-list .nav-list > li.selected > .btn-link.goToField {
  margin-top: -13px;
  right: 21px; }

/* BG-11426 */
.s-shuttle-list .nav-list > li > a span {
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

/* ------- End */
.state-error .s-shuttle-wrap,
.state-error .select2-container {
  border: 1px solid #ea6060; }
.state-error .shuttlecomponent .inp-srch {
  background-color: #fff;
  border: 1px solid #ccc !important; }
.state-error .error_row {
  margin-top: 5px;
  display: block; }

/* Modal */
.modal .nav-tabs {
  border: 0; }
  .modal .nav-tabs li a {
    padding: 13px 13px 12px;
    font-size: 14px;
    font-weight: 500 !important; }
  .modal .nav-tabs li.active a:before, .modal .nav-tabs li.active a:after {
    display: none; }
.modal.fixed {
  overflow-y: hidden; }
  .modal.fixed .modal-dialog {
    margin: 0;
    height: 100%;
    width: 100%; }
  .modal.fixed .modal-content {
    height: 100%; }
  .modal.fixed .modal-body {
    position: absolute;
    bottom: 0;
    top: auto;
    overflow: auto; }
.modal .modal-body .jumbotron {
  font-size: 24px;
  background-color: transparent;
  padding: 0; }
  .modal .modal-body .jumbotron p {
    font-size: 13px; }
.modal .modal-body.more-pads {
  padding-left: 80px;
  padding-right: 80px; }
.modal.approachlimit-modal span[class*="text-"].text-danger {
  color: #ff8347; }
.modal.approachlimit-modal span[class*="text-"].text-info {
  color: rgba(63, 67, 73, 0.6); }
.modal .logicblock .setlangrule {
  background-color: transparent; }
.modal .logicblock .s-addremovebtns .s-button {
  border-radius: 50%;
  padding: 0;
  margin: 0 0 0 10px;
  line-height: 5px; }
.modal .logicblock .s-custom-combolistinline-wrap.form-inline {
  margin-bottom: 13px; }
  .modal .logicblock .s-custom-combolistinline-wrap.form-inline .checkbox label {
    margin-right: 10px; }
.modal .logicblock .s-custom-combolistinline-wrap + #conditionBlockCtr {
  padding: 13px; }
.modal .logicblock .errormsg.alert {
  margin: 0;
  padding: 0;
  display: block; }
.modal .logicblock .lang-rule-row {
  padding: 13px;
  background-color: #eaeaea; }
  .modal .logicblock .lang-rule-row + .lang-rule-row {
    padding-top: 0; }
  .modal .logicblock .lang-rule-row.form-inline [class*="col-"] {
    padding-right: 0; }
    .modal .logicblock .lang-rule-row.form-inline [class*="col-"]:last-child {
      padding-right: 13px; }
  .modal .logicblock .lang-rule-row.form-inline .form-group {
    display: block; }
    .modal .logicblock .lang-rule-row.form-inline .form-group #conditionContainer .select2-container {
      width: 100% !important; }
    .modal .logicblock .lang-rule-row.form-inline .form-group .smart-form .checkbox {
      margin: 0 !important;
      display: inline-block;
      line-height: 32px; }
      .modal .logicblock .lang-rule-row.form-inline .form-group .smart-form .checkbox i {
        top: 7px; }
      .modal .logicblock .lang-rule-row.form-inline .form-group .smart-form .checkbox p {
        padding-left: 20px;
        font-size: 11px; }
    .modal .logicblock .lang-rule-row.form-inline .form-group .smart-form .s-addorremove-btns {
      margin-top: 5px; }
      .modal .logicblock .lang-rule-row.form-inline .form-group .smart-form .s-addorremove-btns .btn-link {
        border: 1px solid #6ca898;
        border-radius: 500px;
        font-size: 13px;
        height: 20px;
        line-height: 18px;
        padding: 0;
        text-align: center;
        width: 20px; }
    .modal .logicblock .lang-rule-row.form-inline .form-group .errormsg {
      color: #b94a48;
      margin-top: 3px;
      display: block;
      font-size: 12px; }
      .modal .logicblock .lang-rule-row.form-inline .form-group .errormsg i {
        display: none; }
  .modal .logicblock .lang-rule-row.form-inline .form-control {
    width: 100%; }
.modal .logicblock .langConditionBlock + .langConditionBlock .lang-rule-row {
  padding-top: 0; }
.modal .logicblock .s-alertmessage-wrap.errorheader {
  margin: 0; }
  .modal .logicblock .s-alertmessage-wrap.errorheader .alert {
    margin: 0 0 13px 0;
    color: #fff; }
    .modal .logicblock .s-alertmessage-wrap.errorheader .alert i {
      margin: 0 7px; }
.modal .alert-validationgrid {
  text-align: left; }
.modal .s-uploadcnct-table {
  text-align: left; }
.modal.landingpopup .close {
  font-size: 28px;
  color: #77aaa0;
  font-weight: 500;
  margin: 1px 8px 0 0; }
.modal.landingpopup .modal-body {
  padding-top: 0 !important; }
  .modal.landingpopup .modal-body.ar-LandingPage {
    padding: 13px 13px 30px 13px; }
    .modal.landingpopup .modal-body.ar-LandingPage h1 {
      text-align: center;
      color: #77aaa0;
      font-size: 28px;
      font-weight: 500;
      margin: 0 0 0px 0; }
    .modal.landingpopup .modal-body.ar-LandingPage .info {
      margin-left: 23px; }
    .modal.landingpopup .modal-body.ar-LandingPage ul {
      margin-top: 13px;
      margin-bottom: 39px; }
      .modal.landingpopup .modal-body.ar-LandingPage ul li {
        margin-bottom: 5px;
        list-style-type: disc;
        font-size: 12px; }
        .modal.landingpopup .modal-body.ar-LandingPage ul li span {
          font-size: 13px; }
        .modal.landingpopup .modal-body.ar-LandingPage ul li a {
          font-weight: 500; }
    .modal.landingpopup .modal-body.ar-LandingPage .btn-panel {
      text-align: center; }
      .modal.landingpopup .modal-body.ar-LandingPage .btn-panel .btn {
        padding: 13px 26px;
        font-size: 14px; }
.modal.trialexpiry .modal-footer .icon-nice-satmetrix-logo,
.modal.trialexpiry .modal-footer .icon-nice-satmetrix {
  font-size: 30px; }
.modal .modal-content.manage-filter-fields .modal-header .s-datawrapper p {
  margin: 0; }
.modal .modal-content.manage-filter-fields .modal-body .s-gridlayout {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  .modal .modal-content.manage-filter-fields .modal-body .s-gridlayout .s-grid-row-head {
    padding: 5px 7px; }
    .modal .modal-content.manage-filter-fields .modal-body .s-gridlayout .s-grid-row-head h4 {
      margin: 0; }
  .modal .modal-content.manage-filter-fields .modal-body .s-gridlayout .s-grid-row-body .s-layout-fluid .row {
    padding-top: 2px;
    padding-bottom: 5px; }
  .modal .modal-content.manage-filter-fields .modal-body .s-gridlayout .s-grid-row-body .attrname label {
    display: block;
    margin: 4px 0 0 7px; }
  .modal .modal-content.manage-filter-fields .modal-body .s-gridlayout .smxtoggle .toggle-sty {
    margin-left: -13px; }
.modal.popup-best-practices .modal-title {
  margin-top: 13px; }
.modal.popup-best-practices .close .icon-remove {
  font-size: 18px; }
.modal.popup-best-practices .badge-best-practices img {
  max-width: 100%; }

.modal-open-fixed {
  overflow: hidden !important; }

.inline-modal {
  position: relative; }
  .inline-modal .modal-backdrop {
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .inline-modal .modal {
    position: absolute;
    overflow-y: hidden; }
    .inline-modal .modal .modal-dialog {
      position: relative !important;
      left: auto !important;
      top: auto !important;
      margin: 30px auto !important; }

body.modal-inline {
  position: relative !important;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto; }
  body.modal-inline #header {
    z-index: 10030; }
  body.modal-inline #left-panel {
    z-index: 10000; }

/* ------- End */
/* Stream Widget */
.streamwidget {
  position: fixed;
  top: 44px;
  right: -400px;
  bottom: 0;
  z-index: 1220;
  background-color: #fff;
  width: auto;
  transition: all 0.4s ease-in-out;
  border-left: 0px solid #ddd; }
  .streamwidget header.titlepanel {
    background: #f1f1f1;
    margin-bottom: 0;
    height: auto; }
    .streamwidget header.titlepanel h3 {
      font-size: 15px;
      line-height: 24px; }
      .streamwidget header.titlepanel h3 [class*="icon-"] {
        margin-right: 4px; }
    .streamwidget header.titlepanel .row-grid {
      margin-bottom: 0; }
      .streamwidget header.titlepanel .row-grid .col-xs-12 {
        padding-right: 0;
        display: table-cell;
        float: none; }
    .streamwidget header.titlepanel .nav-tabs {
      background-color: transparent; }
      .streamwidget header.titlepanel .nav-tabs a {
        color: #77aaa0;
        font-weight: bold; }
        .streamwidget header.titlepanel .nav-tabs a:hover {
          color: #77aaa0;
          text-decoration: underline; }
      .streamwidget header.titlepanel .nav-tabs .active a {
        color: #77aaa0;
        cursor: pointer; }
        .streamwidget header.titlepanel .nav-tabs .active a:hover {
          color: #77aaa0; }
        .streamwidget header.titlepanel .nav-tabs .active a:before, .streamwidget header.titlepanel .nav-tabs .active a:after {
          display: none; }
      .streamwidget header.titlepanel .nav-tabs li:first-child {
        padding: 11px 0px 10px 10px;
        color: #999; }
      .streamwidget header.titlepanel .nav-tabs li + li a {
        padding-left: 10px;
        padding-right: 0px; }
    .streamwidget header.titlepanel .row-grid + .row-grid {
      margin-top: 0; }
    .streamwidget header.titlepanel .show-bx-search .col-xs-4 {
      display: none; }
      .streamwidget header.titlepanel .show-bx-search .col-xs-4:first-child {
        width: 100%;
        display: table-cell; }
  .streamwidget .manage-folder {
    display: block !important;
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 400px;
    border-right: 0px solid #dddddd; }
    .streamwidget .manage-folder > li {
      padding: 6px 12px;
      display: table;
      width: 100%; }
    .streamwidget .manage-folder .dropdown-toggle {
      color: #999999; }
      .streamwidget .manage-folder .dropdown-toggle:hover, .streamwidget .manage-folder .dropdown-toggle:focus, .streamwidget .manage-folder .dropdown-toggle:active {
        text-decoration: none; }
    .streamwidget .manage-folder .folder-col {
      width: 33%;
      display: table-cell;
      float: none;
      vertical-align: middle; }
      .streamwidget .manage-folder .folder-col .btn {
        background: none;
        border: 0;
        padding: 0;
        box-shadow: none;
        color: #999999; }
        .streamwidget .manage-folder .folder-col .btn i {
          vertical-align: middle; }
      .streamwidget .manage-folder .folder-col .input-group {
        border-bottom: 1px solid #999999; }
        .streamwidget .manage-folder .folder-col .input-group .input-group-addon {
          cursor: pointer;
          border: 0;
          background: none; }
          .streamwidget .manage-folder .folder-col .input-group .input-group-addon.srch, .streamwidget .manage-folder .folder-col .input-group .input-group-addon.fldr {
            padding-left: 0; }
          .streamwidget .manage-folder .folder-col .input-group .input-group-addon.rmve {
            padding-right: 0; }
          .streamwidget .manage-folder .folder-col .input-group .input-group-addon i {
            color: #999999; }
        .streamwidget .manage-folder .folder-col .input-group .form-control {
          border: 0;
          background: none;
          padding: 0;
          padding-right: 0; }
          body.minified .streamwidget .manage-folder .folder-col .input-group .form-control {
            color: #999 !important; }
          .streamwidget .manage-folder .folder-col .input-group .form-control::-moz-placeholder {
            color: #a9a9a9; }
      .streamwidget .manage-folder .folder-col.wide {
        width: 100%;
        padding-right: 10px; }
        .streamwidget .manage-folder .folder-col.wide ~ .sortdropdownListIcon {
          width: 15% !important;
          text-align: right; }
          .streamwidget .manage-folder .folder-col.wide ~ .sortdropdownListIcon .dropdown-menu.center {
            left: auto !important;
            right: -9px !important; }
            .streamwidget .manage-folder .folder-col.wide ~ .sortdropdownListIcon .dropdown-menu.center:before, .streamwidget .manage-folder .folder-col.wide ~ .sortdropdownListIcon .dropdown-menu.center:after {
              left: auto !important;
              right: 10px !important; }
            .streamwidget .manage-folder .folder-col.wide ~ .sortdropdownListIcon .dropdown-menu.center:before {
              left: auto !important;
              right: 9px !important; }
        .streamwidget .manage-folder .folder-col.wide ~ .folder-col {
          display: none; }
      .streamwidget .manage-folder .folder-col.search .search-form {
        display: none; }
        .streamwidget .manage-folder .folder-col.search .search-form .input-group-addon {
          padding-left: 0;
          cursor: default; }
        .streamwidget .manage-folder .folder-col.search .search-form .btn-remove {
          padding-right: 0;
          cursor: pointer; }
      .streamwidget .manage-folder .folder-col.search.wide .search-form {
        display: table; }
      .streamwidget .manage-folder .folder-col.search.wide .btn-search {
        display: none; }
    .streamwidget .manage-folder .sortdropdownListIcon {
      width: 33%;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      .streamwidget .manage-folder .sortdropdownListIcon .btn-sorting {
        padding: 7px 0; }
    .streamwidget .manage-folder.show-bx-search .search-analytics {
      width: 100%; }
      .streamwidget .manage-folder.show-bx-search .search-analytics .btn-search {
        display: none !important; }
      .streamwidget .manage-folder.show-bx-search .search-analytics .input-group {
        display: table !important; }
  .streamwidget .streamui-panel {
    z-index: 1030;
    transition: left 0.2s linear 0.2s;
    height: 100%; }
    .streamwidget .streamui-panel .stream-scroll {
      position: relative;
      z-index: 5; }
  .streamwidget .stream-scroll {
    background: #f1f1f1;
    height: 100%; }
    .streamwidget .stream-scroll.pull-right {
      width: 400px;
      bottom: 0;
      transition: right 0.2s linear 0.2s; }
      .streamwidget .stream-scroll.pull-right + .streamanalytics-panel {
        margin-right: 400px;
        overflow: hidden; }
      .streamwidget .stream-scroll.pull-right + .scroller {
        margin-right: 0;
        transition: margin-right 0.2s linear 0.2s; }
    .streamwidget .stream-scroll.pull-left + .streamanalytics-panel {
      margin-left: 400px;
      overflow: hidden; }
  .streamwidget .widget-grid.active .jarviswidget {
    border: 2px solid #7ba39b;
    box-shadow: none; }
    .streamwidget .widget-grid.active .jarviswidget > div {
      border-width: 0; }
  .streamwidget .comment-panel .message-text .titlepanel [class^="col-"] {
    padding-left: 13px !important;
    padding-right: 13px !important; }
  .streamwidget .stream-scroll {
    border-right: 0px solid #dddddd; }
  .streamwidget .switchview-box {
    border-bottom-width: 0px; }

.comment-panel .titlepanel {
  margin-bottom: 15px;
  color: #999; }
  .comment-panel .titlepanel h5 {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 14px;
    word-wrap: break-word; }
    .comment-panel .titlepanel h5.company {
      font-size: 13px;
      font-weight: normal;
      margin: 0 !important; }
    .comment-panel .titlepanel h5.username + .company {
      margin-top: 5px; }
  .comment-panel .titlepanel .col-xs-4.smart-form {
    white-space: nowrap; }
    .comment-panel .titlepanel .col-xs-4.smart-form .text-muted {
      font-size: 11px; }
.comment-panel .img {
  width: 22px !important; }
.comment-panel p {
  color: #999;
  margin-bottom: 0; }
.comment-panel .sharepanel {
  margin-top: 10px; }
.comment-panel .list-inline li {
  padding-left: 0;
  margin-top: 0; }
.comment-panel + * {
  margin-top: 10px !important; }

.streamui-panel .titlepanel .btn-primary {
  height: 44px;
  margin-right: 0px;
  border-radius: 0; }
.streamui-panel .titlepanel .btn-closestream {
  color: #999;
  height: 44px; }
.streamui-panel .titlepanel [class*="col-"] + [class*="col-"] .btn {
  padding-left: 8px;
  padding-right: 8px; }
.streamui-panel .titlepanel h3 {
  height: 40px;
  padding: 10px 10px;
  white-space: nowrap;
  display: inherit; }

:root .streamui-panel .titlepanel .row > [class*="col-"]:first-child {
  text-overflow: ellipsis\0/IE9;
  white-space: nowrap\0/IE9;
  overflow: hidden\0/IE9;
  display: block\0/IE9; }

*::-ms-backdrop, .streamui-panel .titlepanel h3 {
  height: 40px; }

/* IE11 */
.stream-scroll .titlepanel h3 {
  color: #fff;
  font-size: 16px;
  line-height: 36px;
  margin-left: 13px;
  line-height: 16px;
  margin-left: 0; }
  .stream-scroll .titlepanel h3 small {
    color: inherit; }
.stream-scroll .titlepanel .header-icon {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #232323; }
  .stream-scroll .titlepanel .header-icon [class*="icon-"] {
    margin-top: 13px; }
  .stream-scroll .titlepanel .header-icon + h3 {
    line-height: 40px; }
  .stream-scroll .titlepanel .header-icon + .text {
    margin-left: 29px;
    padding: 0; }
  .stream-scroll .titlepanel .header-icon .text {
    padding: 10px; }
  .stream-scroll .titlepanel .header-icon.pull-right + .text {
    margin-left: 0;
    margin-right: 29px; }
.stream-scroll .chat-body {
  width: 400px !important;
  padding-right: 0 !important;
  border-left: 0px solid #D6D6D6;
  border-right: 0px solid #D6D6D6;
  position: relative;
  height: 100% !important; }
  .stream-scroll .chat-body:before {
    content: "";
    background-color: #D6D6D6;
    position: absolute;
    height: 1px;
    top: 0;
    left: 10px;
    right: 10px; }
.stream-scroll .img {
  border-left-width: 0px !important; }
  .stream-scroll .img img {
    margin-bottom: 5px; }
  .stream-scroll .img .col-score {
    padding: 0;
    margin-top: 0px; }
    .stream-scroll .img .col-score .score {
      top: 5px; }
    .stream-scroll .img .col-score [class*="icon-"] {
      font-size: 20px !important; }
  .stream-scroll .img + .message-text {
    margin-left: 32px !important; }
.stream-scroll .message {
  border-top: 0px solid #D6D6D6;
  transition: all 0.5s ease-in-out 0.5s;
  max-height: inherit;
  margin: 0 !important;
  padding: 25px 15px 10px 15px;
  min-height: 50px;
  position: relative; }
  .stream-scroll .message:before {
    content: "";
    background-color: #D6D6D6;
    position: absolute;
    height: 1px;
    top: 0;
    left: 10px;
    right: 10px; }
  .stream-scroll .message .source-panel {
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0.2s;
    opacity: 0; }
  .stream-scroll .message.title {
    min-height: inherit;
    padding: 7px 17px 7px 10px; }
    .stream-scroll .message.title h4 {
      margin: 0; }
    .stream-scroll .message.title .note {
      font-size: 100%;
      margin: 0; }

.chartWrapper .streamwidget .stream-scroll .comment-panel .message-text .row .socialpanel {
  width: 45%;
  float: left; }

.chartWrapper .streamwidget .stream-scroll .comment-panel .message-text .row .comment-audit-checkbox-div {
  width: 55%;
  float: right; }
  .chartWrapper .streamwidget .stream-scroll .comment-panel .message-text .row .comment-audit-checkbox-div .toggle-sty {
    padding-right: 0; }
    .chartWrapper .streamwidget .stream-scroll .comment-panel .message-text .row .comment-audit-checkbox-div .toggle-sty label.toggle {
      margin-top: 2px; }

.chartWrapper .streamwidget .stream-scroll .message .comment-panel span.audit_title {
  float: none;
  line-height: normal;
  display: block;
  text-align: right;
  margin-right: 0;
  padding-top: 6px;
  font-size: 13px; }

.comment-audit-checkbox-div .auditToggle {
  float: right; }

.chat-body li.message .message-text .comment-report-label {
  font-size: 12px;
  color: #222; }

.stream-enabled .stream-scroll.pull-right {
  right: 0; }
.stream-enabled #main,
.stream-enabled #ribbon {
  margin-right: 0;
  transition: margin-right 0.2s linear 0.2s; }
.stream-enabled #main > #content {
  margin-right: 400px; }
.stream-enabled.mobile-view-activated #main > #ribbon,
.stream-enabled.mobile-view-activated #main > #content {
  margin-right: 0px; }
.stream-enabled.mobile-view-activated #ribbon-sys-msg {
  right: 0px; }
@media (max-width: 1400px) {
  .stream-enabled #content .dboard .chart-drag-header .titlepanel {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    table-layout: auto; }
    .stream-enabled #content .dboard .chart-drag-header .titlepanel > * {
      float: none;
      display: table-cell;
      vertical-align: top;
      height: 100%; }
    .stream-enabled #content .dboard .chart-drag-header .titlepanel [class*="col-"].col-xs-3 .pull-right {
      padding-right: 0px !important; } }

.mobile-view-activated #ribbon-sys-msg {
  left: 0px; }

.mobile-detected .streamwidget .stream-scroll .chat-body,
.mobile-view-activated .streamwidget .stream-scroll .chat-body {
  width: 100% !important; }

.chartarea .streamwidget .stream-scroll .folder-col.search {
  width: 100%; }
.chartarea .streamwidget .stream-scroll .sortdropdownListIcon {
  width: 15%;
  text-align: right; }

.streamanalytics-panel .analytics {
  background-color: #fff; }

@media only screen and (min-width: 767px) and (max-width: 969px) {
  body.TabletEnabled.AppleEnabled.IpadEnabled.PortraitEnabled.stream-enabled .stream-scroll {
    margin-left: 0 !important; }
  body.TabletEnabled.AppleEnabled.IpadEnabled.PortraitEnabled.stream-enabled.streamanalytics-enabled .stream-scroll {
    margin-left: -768px !important; } }
.popupcontent .streamwidget {
  z-index: 999 !important; }

.chat-body.hasscroll {
  width: 100% !important; }

.streamanalytics-panel .templateselection > .right-panel {
  margin-left: 0;
  margin-top: 0; }

/* ------- End */
.innertab-grey .instruct-box {
  margin-top: 6px; }
.innertab-grey .nav-tabs {
  margin-left: 1px; }
  .innertab-grey .nav-tabs > li {
    z-index: 1;
    margin-bottom: -2px;
    margin-left: -1px; }
    .innertab-grey .nav-tabs > li a {
      border: 1px solid #e0e0e0;
      border-bottom: 0px;
      font-weight: bold;
      height: auto;
      padding: 5px 40px;
      margin-right: 0px; }
    .innertab-grey .nav-tabs > li.active, .innertab-grey .nav-tabs > li.active a {
      border-bottom: 1px solid #fff !important; }
    .innertab-grey .nav-tabs > li.active > a:after, .innertab-grey .nav-tabs > li.active > a:before {
      content: none; }
.innertab-grey .input-file {
  margin-bottom: 30px; }

.tabs-style2 {
  width: 100%;
  background: #F0F1F6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px; }
  .tabs-style2 .nav {
    background: #F0F1F6; }
    .tabs-style2 .nav > li > a {
      display: block;
      padding: 13px;
      text-align: center;
      text-decoration: none;
      color: #424142; }
      .tabs-style2 .nav > li > a:hover {
        background: #dedede;
        color: #424142; }
    .tabs-style2 .nav > li.active > a {
      background: #dedede;
      color: #424142;
      font-weight: normal; }
  .tabs-style2 a i {
    font-size: 25px;
    text-align: center;
    width: 100%;
    display: block;
    height: 23px;
    margin-bottom: 5px;
    margin-top: 0px;
    color: inherit; }
  .tabs-style2 [class*="col-"] {
    margin: 0;
    padding: 0; }

/*toggle tabs*/
.toggle-tabs {
  background-color: transparent; }
  .toggle-tabs[style*="display"][style*="block"] {
    display: table !important; }
  .toggle-tabs > .btn {
    width: 50%;
    vertical-align: middle;
    padding: 11px 10px 10px 10px;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #6ca898;
    color: #6ca898;
    box-shadow: none;
    text-align: center;
    font-weight: normal;
    margin: 0; }
    .toggle-tabs > .btn.active {
      background-color: #6ca898;
      color: #fff; }
    .toggle-tabs > .btn:hover, .toggle-tabs > .btn:focus {
      border-color: #6ca898;
      background-color: #6ca898;
      color: #fff;
      box-shadow: none; }
  .toggle-tabs li {
    width: 50%; }
    .toggle-tabs li a {
      background-color: #fff;
      border: 1px solid #77aaa0;
      color: #77aaa0;
      box-shadow: none;
      text-align: center;
      font-weight: normal;
      margin: 0; }
    .toggle-tabs li.active a {
      font-weight: normal;
      background-color: #77aaa0;
      color: #fff; }
      .toggle-tabs li.active a:before, .toggle-tabs li.active a:after {
        content: none; }
    .toggle-tabs li:first-child a {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .toggle-tabs li:last-child a {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
  .toggle-tabs > li > a:hover, .toggle-tabs > li > a:focus {
    border-color: #77aaa0;
    background-color: #77aaa0;
    color: #fff;
    box-shadow: none; }

/* Secondary tabs*/
.tabs-secondary {
  background-color: #fff;
  margin: 0px; }
  .tabs-secondary > .nav-tabs {
    background-color: #dcdcdc; }
    .tabs-secondary > .nav-tabs > li.active > a:before {
      border-bottom-color: #dcdcdc; }
    .tabs-secondary > .nav-tabs > li.active > a:after {
      border-bottom-color: #efefef; }
  .tabs-secondary .nav-tabs > li > a, .tabs-secondary .nav-tabs > li > a:hover, .tabs-secondary .nav-tabs > li > a:focus {
    color: #333;
    box-shadow: none !important; }
  .tabs-secondary .nav-tabs > li.active > a, .tabs-secondary .nav-tabs > li.active > a:hover, .tabs-secondary .nav-tabs > li.active > a:focus {
    color: #fff !important;
    background-color: #6CA898 !important;
    font-weight: bold; }

/*nav pills*/
.nav-pills > li {
  margin-left: 0px !important; }
  .nav-pills > li > a {
    border-radius: 5px 0px 0px 5px !important;
    border: 1px solid #77aaa0;
    font-size: 16px;
    padding: 10px 10%;
    min-width: 300px;
    color: #666666; }
  .nav-pills > li.active > a {
    background-color: #77aaa0; }
    .nav-pills > li.active > a:hover {
      background-color: #77aaa0; }
    .nav-pills > li.active > a:focus {
      background-color: #77aaa0; }
  .nav-pills > li:nth-child(2) {
    margin: 0px !important; }
    .nav-pills > li:nth-child(2) a {
      border-radius: 0px 5px 5px 0px !important; }

@media (min-width: 0px) and (max-width: 660px) {
  .nav-pills > li > a {
    width: auto;
    min-width: 100px; } }
.header-tabs {
  border-bottom: 1px solid #efefef;
  padding: 10px 0;
  margin-bottom: 10px; }
  .header-tabs .s-nav-textlinks li {
    border-left-color: #ddd; }
    .header-tabs .s-nav-textlinks li a {
      color: #424142; }
    .header-tabs .s-nav-textlinks li.active a {
      font-weight: bold;
      color: #6ca898; }

/* App Messages */
@media (min-width: 0px) and (max-width: 736px) {
  .MessageBoxButtonSection button {
    float: left;
    margin-right: 5px;
    padding: 4px 8px;
    font-size: 13px; } }
/* Analytics Folder Messages */
.analytics-message {
  text-align: center; }
  .analytics-message p {
    margin: 0 0 26px 0;
    font-size: 13px; }
    .analytics-message p.icn {
      font-size: 18px;
      font-weight: 500; }
      .analytics-message p.icn i {
        font-size: 64px;
        color: #fff;
        margin-bottom: 10px; }
    .analytics-message p.btn {
      margin-bottom: 0; }
      .analytics-message p.btn .btn {
        margin: 0 7px;
        border-radius: 0;
        font-size: 13px; }
  .analytics-message ul {
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 580px; }
    .analytics-message ul li {
      display: block;
      list-style: none;
      text-align: left;
      margin-bottom: 10px; }
      .analytics-message ul li .checkbox {
        margin: 0;
        padding: 0; }
        .analytics-message ul li .checkbox input {
          width: auto; }
        .analytics-message ul li .checkbox span {
          color: #77aaa0; }
  .analytics-message .MessageBoxButtonSection.folderManagementDeleteFlow {
    text-align: center;
    padding: 0;
    margin: 26px auto;
    width: 155px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    .analytics-message .MessageBoxButtonSection.folderManagementDeleteFlow .btn {
      box-shadow: none;
      background-color: #77aaa0;
      color: #fff;
      border: 0;
      float: none;
      margin: 0 7px;
      font-weight: 500; }
      .analytics-message .MessageBoxButtonSection.folderManagementDeleteFlow .btn:hover {
        background-color: #799191; }
      .analytics-message .MessageBoxButtonSection.folderManagementDeleteFlow .btn.botTempo {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2; }
        .analytics-message .MessageBoxButtonSection.folderManagementDeleteFlow .btn.botTempo + .botTempo {
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -ms-flex-order: 1;
          -webkit-order: 1;
          order: 1; }

/* Data Table */
div.dt-top-row {
  height: 0;
  line-height: 0;
  position: relative; }

div.dt-bottom-row {
  background: #ffffff;
  font-size: 11px;
  overflow: hidden;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px #fff;
  -moz-box-shadow: inset 0 1px #fff;
  -ms-box-shadow: inset 0 1px #fff;
  box-shadow: inset 0 1px #fff; }

div.dataTables_length {
  position: absolute;
  right: 13px;
  top: -38px; }
  div.dataTables_length select {
    width: 60px;
    padding: 3px;
    border: 0;
    font-size: 13px;
    border: 1px solid #bbb; }

div.dataTables_filter {
  position: absolute;
  left: 10px;
  top: -38px; }
  div.dataTables_filter input {
    padding: 2px 8px;
    height: 32px;
    font-size: 13px;
    border: 0;
    border: 1px solid #bbb; }

.dataTables_filter .input-group {
  width: 180px !important; }

div.dataTables_paginate {
  margin: 4px 0 0; }
  div.dataTables_paginate .pagination {
    margin: 0; }

.dt-wrapper {
  overflow: hidden; }

.dataTables_wrapper {
  position: relative; }
  .dataTables_wrapper table.table {
    clear: both;
    max-width: inherit;
    margin-bottom: 0; }
    .dataTables_wrapper table.table thead th {
      white-space: nowrap;
      text-overflow: ellipsis;
      -ms-text-overflow: ellipsis; }
    .dataTables_wrapper table.table thead .sorting,
    .dataTables_wrapper table.table thead .sorting_asc,
    .dataTables_wrapper table.table thead .sorting_desc,
    .dataTables_wrapper table.table thead .sorting_asc_disabled,
    .dataTables_wrapper table.table thead .sorting_desc_disabled {
      cursor: hand;
      cursor: pointer;
      padding-right: 20px; }
    .dataTables_wrapper table.table thead .sorting {
      background: url(../images/xpui/sort_both.png) no-repeat center right; }
    .dataTables_wrapper table.table thead .sorting_asc {
      background: url(../images/xpui/sort_asc.png) no-repeat center right rgba(0, 0, 0, 0.1); }
    .dataTables_wrapper table.table thead .sorting_desc {
      background: url(../images/xpui/sort_desc.png) no-repeat center right; }
    .dataTables_wrapper table.table thead .sorting_asc_disabled {
      background: url(../images/xpui/sort_asc_disabled.png) no-repeat center right; }
    .dataTables_wrapper table.table thead .sorting_desc_disabled {
      background: url(../images/xpui/sort_desc_disabled.png) no-repeat center right; }
    .dataTables_wrapper table.table tbody tr.active td,
    .dataTables_wrapper table.table tbody tr.active th {
      background-color: #08C;
      color: #fff; }
    .dataTables_wrapper table.table tbody tr.active:hover td,
    .dataTables_wrapper table.table tbody tr.active:hover th {
      background-color: #0075b0 !important; }
  .dataTables_wrapper table.dataTable th:active {
    outline: 0; }
  .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) td,
  .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc; }
  .dataTables_wrapper select {
    min-height: inherit; }
  .dataTables_wrapper table + .row {
    margin-bottom: 0;
    margin-top: 10px; }
  .dataTables_wrapper .top,
  .dataTables_wrapper .bottom {
    background-color: #f5f5f5;
    border: 1px solid #CCC;
    padding: 15px; }

.dataTables_scrollBody {
  -webkit-overflow-scrolling: touch; }

.top .dataTables_info {
  float: none; }

div.dt-bottom-row .dataTables_info {
  float: left;
  line-height: 32px;
  font-size: 12px; }

.dataTables_empty {
  text-align: center !important;
  font-size: 15px;
  background: #fff !important;
  padding: 20px 0 !important; }

.dataTables_scroll {
  clear: both; }

.dataTables_scrollHeadInner table.table-bordered {
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-bottom: 0; }

.dataTables_scrollHeadInner table.table-bordered,
.dataTables_scrollHeadInner table.table-bordered thead {
  border-bottom: 0; }

.dataTables_scrollBody table {
  border-top: 0; }

.dataTables_processing {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 100;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
  background: #fff;
  font-size: 15px !important;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 10px 0; }

.dataTables_wrapper .center {
  text-align: center; }
.dataTables_wrapper .details, .dataTables_wrapper .details:hover {
  background: #ddd !important; }
.dataTables_wrapper .details table td {
  background: #fff !important; }
.dataTables_wrapper .details table.table {
  margin: 0 !important; }
.dataTables_wrapper .dt_actions {
  float: left;
  margin-right: 20px; }

.dataTables_scrollHeadInner table.table {
  margin: 0 !important; }

.dataTables_empty {
  cursor: default; }

.dataTables_full {
  width: 100% !important; }

.dataTables_wrapper div.DTTT .btn:hover {
  text-decoration: none !important; }
.dataTables_wrapper ul.DTTT_dropdown.dropdown-menu a {
  color: #333 !important; }
.dataTables_wrapper ul.DTTT_dropdown.dropdown-menu li:hover a {
  background-color: #08c;
  color: #fff !important; }
.dataTables_wrapper div.DTTT_print_info.modal {
  height: 150px;
  margin-top: -75px;
  text-align: center; }
.dataTables_wrapper div.DTTT_print_info h6 {
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  margin: 1em; }
.dataTables_wrapper div.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px; }
.dataTables_wrapper div.DTFC_LeftHeadWrapper table,
.dataTables_wrapper div.DTFC_LeftFootWrapper table,
.dataTables_wrapper table.DTFC_Cloned tr.even {
  background-color: #fff; }
.dataTables_wrapper div.DTFC_LeftHeadWrapper table {
  margin-bottom: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

div.dataTables_scrollBody table,
div.DTFC_LeftBodyWrapper table {
  border-top: 0;
  margin-bottom: 0 !important; }

.DTFC_ScrollWrapper .dataTables_scroll {
  border-bottom: 1px solid #111 !important; }
.DTFC_ScrollWrapper .dataTables_scrollBody {
  border-bottom: 0px solid #111111; }
  .dataTables_wrapper.no-footer .DTFC_ScrollWrapper .dataTables_scrollBody {
    border-bottom: 0px solid #111111; }

/*div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollFoot table, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td, div.DTFC_LeftFootWrapper table{border-top: 0}*/
.dt-row {
  padding: 4px 10px; }

.ColVis {
  position: absolute;
  right: 83px;
  top: -38px; }

.ColVis_collection .ColVis_Button {
  position: relative;
  margin-right: 3px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  cursor: hand;
  padding: 3px 5px; }

button.ColVis_Button::-moz-focus-inner {
  border: 0 !important;
  padding: 0; }

div.ColVis_collectionBackground {
  background-color: #000;
  z-index: 1100; }

div.ColVis_collection {
  position: relative;
  width: 180px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 1102; }
  div.ColVis_collection button.ColVis_Button {
    padding: 4px 12px;
    height: 26px;
    background-color: #fff;
    border: 0;
    width: 100%;
    float: none;
    font-size: 12px; }
    div.ColVis_collection button.ColVis_Button + button.ColVis_Button {
      border-top: 1px solid #e1e1e1; }
    div.ColVis_collection button.ColVis_Button input {
      margin: 0; }

div.ColVis_catcher {
  position: absolute;
  z-index: 1101; }

.disabled {
  color: #999; }

button.ColVis_Button {
  text-align: left; }

span.ColVis_radio {
  display: inline-block;
  width: 20px;
  vertical-align: -2px; }

.ColVis_text_hover,
div.ColVis_collection button.ColVis_Button:hover {
  background: #F2F2F2;
  color: #222; }

table.DTCR_clonedTable {
  background-color: #fff;
  z-index: 202; }

div.DTCR_pointer {
  width: 1px;
  background-color: #0259C4;
  z-index: 201; }

ul.DTTT_dropdown.dropdown-menu li {
  position: relative; }
  ul.DTTT_dropdown.dropdown-menu li:hover a {
    background-color: #f2f2f2;
    color: #333 !important; }

.table_tools_group {
  position: absolute;
  right: 83px;
  top: -37px; }

.DTTT.btn-group {
  position: absolute;
  top: -38px;
  right: 83px; }

.DTTT_dropdown {
  z-index: 2002; }

/*.DTFC_LeftHeadWrapper{border-bottom: 1px solid #ddd}*/
div.DTTT_container {
  position: relative;
  float: right;
  margin-bottom: 1em; }

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
  position: relative;
  float: left;
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #999;
  cursor: pointer;
  *cursor: hand;
  font-size: .88em;
  color: #000 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  -moz-box-shadow: 1px 1px 3px #ccc;
  -ms-box-shadow: 1px 1px 3px #ccc;
  -o-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  background: -moz-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); }
  button.DTTT_button:hover,
  div.DTTT_button:hover,
  a.DTTT_button:hover {
    border: 1px solid #666;
    text-decoration: none !important;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    background: #f3f3f3;
    background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
    background: linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0); }

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
  background: -moz-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
  background: -ms-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
  background: -o-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
  background: linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); }

button.DTTT_button {
  height: 30px;
  padding: 3px 8px; }

.DTTT_button embed {
  outline: 0; }

table.DTTT_selectable tbody tr {
  cursor: pointer;
  *cursor: hand; }

table.dataTable tr.DTTT_selected.odd {
  background-color: #9FAFD1; }
  table.dataTable tr.DTTT_selected.odd td.sorting_1 {
    background-color: #9FAFD1; }
  table.dataTable tr.DTTT_selected.odd td.sorting_2 {
    background-color: #9FAFD1; }
  table.dataTable tr.DTTT_selected.odd td.sorting_3 {
    background-color: #9FAFD1; }
table.dataTable tr.DTTT_selected.even {
  background-color: #B0BED9; }
  table.dataTable tr.DTTT_selected.even td.sorting_1 {
    background-color: #B0BED9; }
  table.dataTable tr.DTTT_selected.even td.sorting_2 {
    background-color: #B0BED9; }
  table.dataTable tr.DTTT_selected.even td.sorting_3 {
    background-color: #B0BED9; }

div.DTTT_collection {
  width: 150px;
  padding: 8px 8px 4px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 2002;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); }

div.DTTT_collection_background {
  z-index: 2001; }

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999; }

.DTTT_print_info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  color: #333;
  padding: 10px 30px;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  background: -moz-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
  opacity: .95;
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); }
  .DTTT_print_info h6 {
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    margin: 1em; }
  .DTTT_print_info p {
    font-size: 14px;
    line-height: 20px; }

table.dataTable.dataTableBorder {
  width: 90%;
  border: 1px solid #ddd; }
table.dataTable tbody tr th,
table.dataTable tbody tr td {
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 4px; }
  div#managecontactfields table.dataTable tbody tr th .toggle-sty, div#managecontactfields
  table.dataTable tbody tr td .toggle-sty {
    margin-top: 12px; }
  table.dataTable tbody tr th .smart-form .checkbox,
  table.dataTable tbody tr td .smart-form .checkbox {
    min-height: 24px; }
  table.dataTable tbody tr th .person-idfier-disable,
  table.dataTable tbody tr td .person-idfier-disable {
    cursor: not-allowed !important; }
    table.dataTable tbody tr th .person-idfier-disable .toggle,
    table.dataTable tbody tr td .person-idfier-disable .toggle {
      opacity: 0.5;
      pointer-events: none; }
table.dataTable tbody tr.restrict {
  cursor: not-allowed !important; }
  table.dataTable tbody tr.restrict td {
    cursor: not-allowed !important; }

.role-prioritize table.dataTable tbody tr th:hover,
.role-prioritize table.dataTable tbody tr td:hover {
  background-color: #77aaa0;
  color: #fff; }
.role-prioritize table.dataTable tbody tr.ui-sortable-helper {
  background-color: #77aaa0;
  color: #fff; }
  .role-prioritize table.dataTable tbody tr.ui-sortable-helper th,
  .role-prioritize table.dataTable tbody tr.ui-sortable-helper td {
    background-color: #77aaa0;
    color: #fff;
    display: block; }
    .role-prioritize table.dataTable tbody tr.ui-sortable-helper th:hover,
    .role-prioritize table.dataTable tbody tr.ui-sortable-helper td:hover {
      background-color: #77aaa0;
      color: #fff; }

.tabcontent-calendaryears .widget-grid .chartsettings-panel {
  background-color: transparent !important; }
  .tabcontent-calendaryears .widget-grid .chartsettings-panel .gridsearch {
    margin: 4px 0 0 10px;
    padding: 0 5px; }
    .tabcontent-calendaryears .widget-grid .chartsettings-panel .gridsearch .input-group {
      padding: 0 !important; }
    .tabcontent-calendaryears .widget-grid .chartsettings-panel .gridsearch:not(:hover) input,
    .tabcontent-calendaryears .widget-grid .chartsettings-panel .gridsearch:not(:hover) .input-group-addon {
      background: none repeat scroll 0 0 transparent;
      border-color: transparent; }
    .tabcontent-calendaryears .widget-grid .chartsettings-panel .gridsearch:not(:hover) [class*="icon-"],
    .tabcontent-calendaryears .widget-grid .chartsettings-panel .gridsearch:not(:hover) input {
      color: #aaa !important; }

/* ------- End */
.breakword {
  word-wrap: break-word;
  word-break: break-all; }

.wordwrap {
  word-wrap: break-word; }

.nps-distributionwidget .table-responsive {
  position: relative; }
.nps-distributionwidget .table {
  table-layout: fixed;
  margin-bottom: 0px; }
  .nps-distributionwidget .table td {
    padding: 5px 10px;
    font-size: 13px;
    background-color: #fff !important; }
    .nps-distributionwidget .table td.midalign {
      vertical-align: middle; }
      .nps-distributionwidget .table td.midalign div {
        text-align: center; }
  .nps-distributionwidget .table thead {
    border-bottom: 1px solid #dddddd !important; }
    .nps-distributionwidget .table thead td {
      border: 1px solid #dddddd !important;
      text-transform: capitalize;
      vertical-align: top;
      color: #424142;
      padding: 5px 10px;
      border-bottom: 0 !important;
      font-weight: 500;
      background-color: #eeeeee !important; }
      .nps-distributionwidget .table thead td label {
        font-weight: 500;
        margin-right: 10px;
        margin-top: 0; }
      .nps-distributionwidget .table thead td div label {
        font-weight: lighter; }
      .nps-distributionwidget .table thead td.midalign {
        vertical-align: top; }
        .nps-distributionwidget .table thead td.midalign div {
          text-align: center; }
      .nps-distributionwidget .table thead td.ttl-npscol .ttl-nps {
        text-align: right;
        width: 33.3%;
        padding-right: 5px !important; }
  .nps-distributionwidget .table tbody td {
    border: 1px solid #dddddd !important; }
  .nps-distributionwidget .table tbody tr:last-child td {
    border-bottom: 0 !important; }
  .nps-distributionwidget .table .barchart.show-grid {
    border-bottom: 0;
    z-index: 1; }
  .nps-distributionwidget .table .show-grid > [class*="col-"] {
    padding-top: 0px;
    padding-bottom: 0px; }
  .nps-distributionwidget .table .nobrd {
    border: 0 !important; }
  .nps-distributionwidget .table .nobrdtop {
    border-top: 0 !important; }
  .nps-distributionwidget .table .brdrite {
    border-right: 1px solid #dddddd !important; }
  .nps-distributionwidget .table .brdbot {
    border-bottom: 1px solid #dddddd !important; }
  .nps-distributionwidget .table .col-nps label {
    margin-bottom: 0; }
  .nps-distributionwidget .table .col-nps .nps-cnt {
    padding: 0; }
  .nps-distributionwidget .table .col-legends .well-sm {
    padding-right: 0;
    padding-left: 0;
    padding: 0px 0 5px 0;
    text-align: left !important;
    padding-left: 0; }
  .nps-distributionwidget .table .col-legends .label {
    margin-right: 10px; }
    .nps-distributionwidget .table .col-legends .label:last-child {
      margin-right: 0px;
      margin-bottom: 0; }
    .nps-distributionwidget .table .col-legends .label i {
      margin-right: 5px; }
    .nps-distributionwidget .table .col-legends .label div {
      text-align: left;
      font-size: 13px; }
  .nps-distributionwidget .table .col-distribution .stackedchart.show-grid div {
    text-align: center;
    padding: 0 !important; }
  .nps-distributionwidget .table .col-distribution .stackedchart.solo-dist span {
    min-height: 45px;
    line-height: 45px; }
  .nps-distributionwidget .table .col-distribution .stackedchart .bar-detractor {
    color: #fff; }
.nps-distributionwidget #nps-grid-body {
  padding-bottom: 0;
  border-top: 1px solid #dddddd; }
.nps-distributionwidget #nps-body {
  margin-top: -1px; }
  .nps-distributionwidget #nps-body td.npscountcol {
    vertical-align: middle; }

.dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive {
  width: 100% !important; }
  .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive .npscountcol {
    width: 15% !important; }
  .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive .npsperiodcol {
    width: 25% !important; }
  .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-head {
    width: 100% !important; }
    .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-head .table {
      width: 100% !important; }
      .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-head .table .ttl-npscol.midalign .ttl-nps {
        text-align: center; }
      .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-head .table .ttl-npscol .ttl-nps {
        width: 100%;
        padding-right: 0 !important; }
      .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-head .table .col-legends {
        display: none; }
  .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body {
    width: 100% !important; }
    .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body .table {
      width: 100% !important; }
      .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body .table .col-nps {
        width: 100% !important; }
        .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body .table .col-nps div > [class*="col-"] {
          padding: 0;
          text-align: right !important;
          float: right; }
        .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body .table .col-nps .npsbarc {
          display: none !important; }
        .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body .table .col-nps .npsbarcount {
          width: 100%; }
        .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body .table .col-nps .nps-cnt {
          width: 100% !important; }
        .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body .table .col-nps .nps-mor,
        .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body .table .col-nps .nps-les {
          display: none !important; }
    .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .table-responsive #nps-body.hasscroll {
      padding-right: 0 !important; }
.dashboard-chart-area .nps-distributionwidget.nps-bars-hidden + div {
  width: 100% !important; }
.dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .col-nps {
  width: 100% !important; }
  .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .col-nps div > [class*="col-"] {
    padding: 0;
    text-align: right !important;
    float: right; }
  .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .col-nps .npsbarc {
    display: none !important; }
  .dashboard-chart-area .nps-distributionwidget.nps-bars-hidden .col-nps .npsbarcount {
    width: 100%; }

.dashboard-chart-area .nps-distributionwidget .col-nps .npsbarc {
  padding-right: 0; }
  .dashboard-chart-area .nps-distributionwidget .col-nps .npsbarc .bar-nps {
    margin-right: 10px; }
.dashboard-chart-area .nps-distributionwidget .col-nps .npsbarcount {
  padding-right: 0;
  padding-left: 5px; }
.dashboard-chart-area .nps-distributionwidget .col-nps .barchart.show-grid {
  min-width: inherit; }

@media (min-width: 0px) and (max-width: 1024px) {
  .dashboard-chart-area .nps-distributionwidget .ttl-nps {
    text-align: right; }
  .dashboard-chart-area .nps-distributionwidget .ttl-npscol {
    width: 21% !important; }
  .dashboard-chart-area .nps-distributionwidget .nps-cnt .row,
  .dashboard-chart-area .nps-distributionwidget .nps-les .row,
  .dashboard-chart-area .nps-distributionwidget .nps-mor .row {
    margin-left: -13px;
    margin-right: -13px; } }
@media (min-width: 0px) and (max-width: 767px) {
  .chartWrapper .nps-distributionwidget .table-responsive {
    width: 100% !important; }
    .chartWrapper .nps-distributionwidget .table-responsive .npscountcol {
      width: 25% !important; }
    .chartWrapper .nps-distributionwidget .table-responsive .ttl-npscol {
      width: 25% !important; }
    .chartWrapper .nps-distributionwidget .table-responsive .npsperiodcol {
      width: 25% !important; }
    .chartWrapper .nps-distributionwidget .table-responsive #nps-head {
      width: 100% !important; }
      .chartWrapper .nps-distributionwidget .table-responsive #nps-head .table {
        width: 100% !important; }
        .chartWrapper .nps-distributionwidget .table-responsive #nps-head .table .ttl-nps {
          text-align: right; }
        .chartWrapper .nps-distributionwidget .table-responsive #nps-head .table .col-legends {
          display: none; }
    .chartWrapper .nps-distributionwidget .table-responsive #nps-body {
      width: 100% !important; }
      .chartWrapper .nps-distributionwidget .table-responsive #nps-body .table {
        width: 100% !important; }
        .chartWrapper .nps-distributionwidget .table-responsive #nps-body .table .col-nps {
          width: 100% !important; }
          .chartWrapper .nps-distributionwidget .table-responsive #nps-body .table .col-nps div > [class*="col-"] {
            padding: 0;
            text-align: right !important;
            float: right; }
          .chartWrapper .nps-distributionwidget .table-responsive #nps-body .table .col-nps .npsbarc {
            display: none !important; }
          .chartWrapper .nps-distributionwidget .table-responsive #nps-body .table .col-nps .npsbarcount {
            width: 100%; }
          .chartWrapper .nps-distributionwidget .table-responsive #nps-body .table .col-nps .nps-cnt {
            width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .chartWrapper .nps-distributionwidget .table-responsive #nps-head,
  .chartWrapper .nps-distributionwidget .table-responsive #nps-head .table {
    width: 100% !important; }
  .chartWrapper .nps-distributionwidget .table-responsive #nps-body,
  .chartWrapper .nps-distributionwidget .table-responsive #nps-body .table {
    width: 100% !important; }
  .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body {
    width: 100% !important; }
    .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body .table {
      width: 100% !important; }
      .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body .table .col-nps {
        width: 100% !important; }
        .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body .table .col-nps div > [class*="col-"] {
          padding: 0;
          text-align: right !important;
          float: right; }
        .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body .table .col-nps .npsbarc {
          display: none !important; }
        .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body .table .col-nps .npsbarcount {
          width: 100%; }
        .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body .table .col-nps .nps-cnt {
          width: 100% !important; }
        .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body .table .col-nps .nps-mor,
        .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body .table .col-nps .nps-les {
          display: none !important; }
    .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body.hasscroll {
      padding-right: 0 !important; }
      .chartWrapper .nps-distributionwidget.nps-bars-hidden #nps-body.hasscroll + div {
        width: 100% !important; } }
.chartWrapper .nps-distributionwidget .table-responsive td.ttl-npscol .col-nps .text-center {
  text-align: right !important;
  padding-right: 0; }
.chartWrapper .nps-distributionwidget .table-responsive td.ttl-npscol .col-nps .nps-cnt {
  padding-right: 5px; }
.chartWrapper .nps-distributionwidget .table-responsive td.ttl-npscol .ttl-nps {
  padding-right: 0; }
.chartWrapper .nps-distributionwidget.nps-bars-hidden td.ttl-npscol .ttl-nps {
  padding-right: 0 !important;
  width: 100%; }

@media (min-width: 737px) and (max-width: 768px) {
  .nps-distributionwidget .table thead td.ttl-npscol .ttl-nps {
    padding-right: 0 !important; }
  .nps-distributionwidget .table .col-nps {
    float: none;
    display: table !important;
    width: 100%; }
    .nps-distributionwidget .table .col-nps .nps-cnt {
      padding-right: 0 !important; }
    .nps-distributionwidget .table .col-nps label {
      font-size: 11px; } }
.onebythree-layout .nps-distributionwidget #nps-body td.npscountcol div {
  margin-left: -9px;
  min-width: 29px;
  line-height: normal !important; }

.stream-enabled .comments-panel {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-top: 1px solid #dddddd; }

/* Popover */
#content .dboard .titlepanel .popover.editable-container.editable-popup {
  margin: 34px 0 0 6px; }
#content .dboard .popover.editable-container.editable-popup {
  width: 250px;
  margin: 40px 0 0 10px; }
  #content .dboard .popover.editable-container.editable-popup small {
    display: block;
    color: #bbb;
    font-size: 11px;
    margin-bottom: 1px; }
  #content .dboard .popover.editable-container.editable-popup .popover-title {
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 10px 26px 7px 10px;
    font-size: 14px; }
    #content .dboard .popover.editable-container.editable-popup .popover-title .form-control {
      border: 0;
      padding: 0 !important;
      height: auto;
      line-height: normal;
      font-weight: 500;
      font-size: 14px; }
  #content .dboard .popover.editable-container.editable-popup .popover-content {
    padding: 0 26px 0 10px;
    padding-top: 0; }
    #content .dboard .popover.editable-container.editable-popup .popover-content .editable-input {
      width: 200px; }
      #content .dboard .popover.editable-container.editable-popup .popover-content .editable-input .form-control {
        border: 0 !important;
        color: #999;
        font-style: normal;
        font-size: 13px;
        width: 100%;
        height: 26px;
        padding: 0 !important;
        overflow: hidden;
        resize: none; }
      #content .dboard .popover.editable-container.editable-popup .popover-content .editable-input .editable-clear-x {
        display: none; }
    #content .dboard .popover.editable-container.editable-popup .popover-content .editable-buttons {
      width: 27px;
      height: 66px;
      position: absolute;
      right: 0;
      top: 0;
      margin: 0;
      display: block; }
      #content .dboard .popover.editable-container.editable-popup .popover-content .editable-buttons .btn {
        background-color: #f7f7f7;
        border: 1px solid #fff;
        height: 33px;
        line-height: 33px;
        width: 27px;
        padding: 0;
        margin: 0;
        display: block;
        box-shadow: none; }
        #content .dboard .popover.editable-container.editable-popup .popover-content .editable-buttons .btn i {
          color: #77aaa0 !important;
          margin: 0 !important;
          font-size: 13px !important; }
        #content .dboard .popover.editable-container.editable-popup .popover-content .editable-buttons .btn:hover {
          background-color: #77aaa0; }
          #content .dboard .popover.editable-container.editable-popup .popover-content .editable-buttons .btn:hover i {
            color: #fff !important; }
  #content .dboard .popover.editable-container.editable-popup.has-error .popover-title {
    padding-bottom: 0; }
    #content .dboard .popover.editable-container.editable-popup.has-error .popover-title .form-control {
      border: 1px dashed red;
      padding: 3px !important; }
    #content .dboard .popover.editable-container.editable-popup.has-error .popover-title label {
      color: red;
      margin: 3px 0 0 0;
      display: block;
      font-style: italic;
      font-size: 12px; }

/* Scorecard */
#content .dboard .scorecard {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px #ddd;
  margin-bottom: 26px; }
  #content .dboard .scorecard .icon-fullscreen {
    color: #929b9d !important;
    opacity: 1;
    margin-top: 0;
    cursor: pointer;
    position: absolute;
    right: 45px;
    bottom: 29px;
    padding: 5px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 12px; }
  #content .dboard .scorecard .cont {
    border-radius: 4px 4px; }
  #content .dboard .scorecard .grad * {
    color: #fff; }
  #content .dboard .scorecard .grad .icon-fullscreen {
    border: 0px solid #fff; }
  #content .dboard .scorecard .grad.green {
    background: -moz-linear-gradient(90deg, #47d07f 0%, #3eb46e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0%, #47d07f), color-stop(100%, #3eb46e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #47d07f 0%, #3eb46e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #47d07f 0%, #3eb46e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #47d07f 0%, #3eb46e 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47d07f', endColorstr='#3eb46e', GradientType='0');
    /* for IE */
    background: linear-gradient(0deg, #47d07f 0%, #3eb46e 100%);
    /* W3C */ }
  #content .dboard .scorecard .grad.orange {
    background: -moz-linear-gradient(90deg, #f9d942 0%, #e7bb1b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0%, #f9d942), color-stop(100%, #e7bb1b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #f9d942 0%, #e7bb1b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #f9d942 0%, #e7bb1b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #f9d942 0%, #e7bb1b 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9d942', endColorstr='#e7bb1b', GradientType='0');
    /* for IE */
    background: linear-gradient(0deg, #f9d942 0%, #e7bb1b 100%);
    /* W3C */ }
  #content .dboard .scorecard .grad.maroon {
    background: -moz-linear-gradient(90deg, #e93e4f 0%, #c93f4c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0%, #e93e4f), color-stop(100%, #c93f4c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #e93e4f 0%, #c93f4c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #e93e4f 0%, #c93f4c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #e93e4f 0%, #c93f4c 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e93e4f', endColorstr='#c93f4c', GradientType='0');
    /* for IE */
    background: linear-gradient(0deg, #e93e4f 0%, #c93f4c 100%);
    /* W3C */ }
  #content .dboard .scorecard .grad.paleblue {
    background: -moz-linear-gradient(90deg, #5797cf 0%, #347ebe 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0%, #5797cf), color-stop(100%, #347ebe));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #5797cf 0%, #347ebe 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #5797cf 0%, #347ebe 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #5797cf 0%, #347ebe 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5797cf', endColorstr='#347ebe', GradientType='0');
    /* for IE */
    background: linear-gradient(0deg, #5797cf 0%, #347ebe 100%);
    /* W3C */ }
  #content .dboard .scorecard .grad.skyblue {
    background: -moz-linear-gradient(90deg, #73c7ec 0%, #4fafdb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0%, #73c7ec), color-stop(100%, #4fafdb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #73c7ec 0%, #4fafdb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #73c7ec 0%, #4fafdb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #73c7ec 0%, #4fafdb 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73c7ec', endColorstr='#4fafdb', GradientType='0');
    /* for IE */
    background: linear-gradient(0deg, #73c7ec 0%, #4fafdb 100%);
    /* W3C */ }
  #content .dboard .scorecard .green .stripe {
    background-color: #3eb46e; }
  #content .dboard .scorecard .orange .stripe {
    background-color: #e7bb1b; }
  #content .dboard .scorecard .maroon .stripe {
    background-color: #c93f4c; }
  #content .dboard .scorecard .paleblue .stripe {
    background-color: #347ebe; }
  #content .dboard .scorecard .skyblue .stripe {
    background-color: #4fafdb; }
  #content .dboard .scorecard .stripe {
    height: 8px;
    border-radius: 4px 4px 0 0; }
  #content .dboard .scorecard .plain *,
  #content .dboard .scorecard .basic * {
    color: #5b5d5e; }
  #content .dboard .scorecard .plain .icon-fullscreen,
  #content .dboard .scorecard .basic .icon-fullscreen {
    border: 0px solid #eee; }
  #content .dboard .scorecard .plain .ncount *,
  #content .dboard .scorecard .basic .ncount * {
    color: #929b9d; }
  #content .dboard .scorecard .plain h1.score small,
  #content .dboard .scorecard .basic h1.score small {
    color: #929b9d; }
  #content .dboard .scorecard .plain + .foot,
  #content .dboard .scorecard .basic + .foot {
    border-top: 1px solid #eee !important; }
  #content .dboard .scorecard .basic .stripe {
    background-color: #fff !important; }
  #content .dboard .scorecard .basic h1.score .icon-relationship-graph-2 {
    opacity: 0.3; }
  #content .dboard .scorecard .pad {
    padding: 0 13px;
    height: 102px; }
    #content .dboard .scorecard .pad .exportTitle {
      font-size: 16px; }
  #content .dboard .scorecard h1.score {
    margin: 0;
    position: relative; }
    #content .dboard .scorecard h1.score .icon-relationship-graph-2 {
      position: absolute;
      right: 0;
      top: 0;
      opacity: 0.6; }
    #content .dboard .scorecard h1.score label {
      margin: 0;
      font-size: 42px;
      font-weight: 500; }
    #content .dboard .scorecard h1.score small {
      font-size: 18px;
      font-weight: 500; }
      #content .dboard .scorecard h1.score small i[class^="icon-arrow"] {
        font-size: 40%;
        position: relative;
        top: -5px; }
    #content .dboard .scorecard h1.score .ncount {
      margin-top: 22px; }
      #content .dboard .scorecard h1.score .ncount label {
        font-size: 12px; }
      #content .dboard .scorecard h1.score .ncount i {
        font-size: 10px;
        margin-right: 3px;
        vertical-align: middle; }
      #content .dboard .scorecard h1.score .ncount .exportIcon {
        font-size: 16px;
        vertical-align: baseline; }
      #content .dboard .scorecard h1.score .ncount .exportCountLabel {
        font-size: 22px; }
    #content .dboard .scorecard h1.score #npsscore + #scaleMaxValue {
      margin-left: 5px; }
  #content .dboard .scorecard h5.title {
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    padding-top: 5px;
    height: 50px;
    overflow: hidden; }
  #content .dboard .scorecard .foot {
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #929b9d;
    border-radius: 0 0 4px 4px;
    padding: 0 13px;
    border-top: 0px solid #eee; }
    #content .dboard .scorecard .foot span i {
      font-size: 12px;
      cursor: pointer; }
    #content .dboard .scorecard .foot label {
      margin: 0;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #929b9d;
      width: 81%;
      font-size: 11px; }
    #content .dboard .scorecard .foot .exportDateLabel {
      font-size: 14px;
      color: #5B5D5E; }
    #content .dboard .scorecard .foot.period {
      font-size: 11px; }
  #content .dboard .scorecard:hover .icon-fullscreen,
  #content .dboard .scorecard:hover .icon-remove {
    color: #77aaa0 !important; }

.analytics.edit-mode #content .dboard .scorecard h1.score, .analytics.stream-enabled #content .dboard .scorecard h1.score {
  padding-top: 11px; }
  .analytics.edit-mode #content .dboard .scorecard h1.score label#npsscore, .analytics.stream-enabled #content .dboard .scorecard h1.score label#npsscore {
    font-size: 30px; }
  .analytics.edit-mode #content .dboard .scorecard h1.score .ncount, .analytics.stream-enabled #content .dboard .scorecard h1.score .ncount {
    margin-top: 11px; }

/* Edit Scorecard */
.filtercontent.scorecard-settings fieldset .form-group {
  margin: 0 0 13px 0; }
  .filtercontent.scorecard-settings fieldset .form-group .control-label {
    height: auto;
    line-height: normal; }
.filtercontent.scorecard-settings fieldset + fieldset {
  border-top: 1px solid #ddd;
  padding-top: 13px; }
.filtercontent.scorecard-settings .scorecard-adv-settings h5 {
  margin: 0 0 13px 0;
  font-size: 16px; }
.filtercontent.scorecard-settings .scorecard-adv-settings .s-addorremove-btns {
  margin: 7px 15px 0 0; }
.filtercontent.scorecard-settings .scorecard-adv-settings .narrowby-panel {
  background-color: #fff; }
  .filtercontent.scorecard-settings .scorecard-adv-settings .narrowby-panel label {
    margin: 0 !important; }
  .filtercontent.scorecard-settings .scorecard-adv-settings .narrowby-panel .conditionconnectorsection {
    margin-bottom: 13px; }
  .filtercontent.scorecard-settings .scorecard-adv-settings .narrowby-panel .controls [class*="col-"] {
    margin-bottom: 13px; }
.filtercontent.scorecard-settings .scorecard-adv-settings .narrowby-title {
  padding-left: 0;
  margin-left: 0; }
  .filtercontent.scorecard-settings .scorecard-adv-settings .narrowby-title .form-group {
    margin-bottom: 0; }
.filtercontent.scorecard-settings .scorecard-adv-settings .group-narrowby .filterconditions .filterset {
  margin: 0; }

.edit-scorecard-preview {
  background-color: #f6f6f6;
  padding: 26px;
  border-radius: 2px; }
  .edit-scorecard-preview h6 {
    margin: 0 0 13px 0;
    font-size: 14px;
    font-weight: 500; }
  .edit-scorecard-preview .scorecard-preview-thumbs ul {
    margin: 0;
    padding: 0; }
    .edit-scorecard-preview .scorecard-preview-thumbs ul li {
      margin: 0;
      padding: 0;
      display: inline-block; }
      .edit-scorecard-preview .scorecard-preview-thumbs ul li:nth-child(2) {
        margin: 0 7.3%; }
      .edit-scorecard-preview .scorecard-preview-thumbs ul li.active img {
        box-shadow: 0 0 3px #ccc; }

body.export-pdf #content .dboard .scorecard .pad {
  height: 132px; }
body.export-pdf #content .dboard .scorecard h5.title {
  height: 70px;
  font-size: 13px; }

.popup-delivery .modal-content {
  padding: 5%; }
.popup-delivery .modal-header {
  padding: 0; }
  .popup-delivery .modal-header .close {
    margin: -4% -4% 0 0; }
  .popup-delivery .modal-header h1 {
    font-size: 24px; }
  .popup-delivery .modal-header h6 {
    margin: 10px 0 0;
    font-weight: 500; }
.popup-delivery .modal-body {
  padding: 26px 0 0; }
.popup-delivery .bx-scaleup,
.popup-delivery .bx-slideup {
  text-align: center; }
  .popup-delivery .bx-scaleup img,
  .popup-delivery .bx-slideup img {
    position: absolute;
    left: 0; }
  .popup-delivery .bx-scaleup .pad,
  .popup-delivery .bx-slideup .pad {
    position: relative;
    border: 1px solid #979797;
    background-color: #d8d8d8;
    padding: 13px;
    height: 200px;
    margin-bottom: 26px;
    overflow: hidden; }
  .popup-delivery .bx-scaleup .lbl,
  .popup-delivery .bx-slideup .lbl {
    margin: 13px 0 0 0;
    text-align: center; }
.popup-delivery .bx-scaleup img {
  top: 0;
  width: 50%;
  margin: 18% 25%; }
.popup-delivery .bx-slideup img {
  margin: 0 5%;
  width: 90%;
  bottom: 0; }
  .popup-delivery .bx-slideup img.slidedownimg {
    top: 0; }

.modal.popup-drawers .modal-content {
  padding: 2.5% 2.5% 0 2.5%; }
.modal.popup-drawers .modal-header {
  padding: 0; }
  .modal.popup-drawers .modal-header .close {
    margin: -1.5% -1.5% 0 0; }
  .modal.popup-drawers .modal-header h1 {
    font-size: 24px; }
  .modal.popup-drawers .modal-header h6 {
    margin: 10px 0 0;
    font-weight: 500; }
.modal.popup-drawers .modal-body {
  padding: 26px 0; }
.modal.popup-drawers .modal-footer {
  margin-left: -2.5%;
  margin-right: -2.5%; }
.modal.popup-drawers .s-fontsettings-panel .control-group .control-label + .controls {
  margin: 0;
  float: right; }
.modal.popup-drawers .srvy-pview-img .imgpad {
  display: block;
  overflow: hidden;
  margin: 13px 0;
  background-color: #d8d8d8;
  position: relative;
  height: 322px; }
  .modal.popup-drawers .srvy-pview-img .imgpad span {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    text-align: center;
    color: #bdbdbd;
    text-transform: uppercase; }
.modal.popup-drawers .srvy-pview-img img {
  max-width: 100%;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
.modal.popup-drawers .srvy-pview-img label {
  display: block;
  margin: 0;
  text-align: center; }
  .modal.popup-drawers .srvy-pview-img label a {
    text-decoration: underline; }
    .modal.popup-drawers .srvy-pview-img label a:hover {
      text-decoration: none; }

.bx-srvy-pview,
.bx-srvy-color,
.bx-srvy-font,
.bx-srvy-other {
  border-left: 1px solid #ccc;
  min-height: 400px; }
  .bx-srvy-pview h4,
  .bx-srvy-color h4,
  .bx-srvy-font h4,
  .bx-srvy-other h4 {
    font-weight: 600;
    font-size: 13px; }

.bx-srvy-pview {
  border-left: 0px; }
  .bx-srvy-pview .select2-choice {
    padding-left: 5px; }
    .bx-srvy-pview .select2-choice .drop-list-item {
      margin-right: 5px; }

.bx-srvy-other .control-label {
  width: 100px !important; }
.bx-srvy-other .controls .select2-container {
  width: 170px !important; }
  .bx-srvy-other .controls .select2-container .select2-choice {
    padding-left: 5px; }
    .bx-srvy-other .controls .select2-container .select2-choice span img {
      margin-right: 5px; }

.select2-drop .select2-result-label .drop-list-item {
  margin-right: 5px;
  margin-left: -5px; }

.titlepanel {
  margin-bottom: 15px; }
  .titlepanel hr {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin: 5px 0; }
  .titlepanel p:last-child {
    margin-bottom: 0; }

#content .surveyfixedwrap .titlepanel {
  margin-bottom: 0; }
  #content .surveyfixedwrap .titlepanel .surveytype {
    display: inline-block;
    margin-left: 30px; }
    #content .surveyfixedwrap .titlepanel .surveytype [class*="icon-"] {
      font-size: 24px;
      color: #aaa;
      position: relative;
      top: 4px; }

.vertical-align-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.custom-audio {
  height: 60px;
  background-color: #fff;
  border: 1px solid #fafafa; }
  .custom-audio .ui-corner-all {
    border-radius: 0; }
  .custom-audio .ui-state-default {
    background-color: #fff;
    border: 1px solid #aaa; }
  .custom-audio .ui-widget-content {
    background-color: #c7c7c7;
    height: 8px; }
  .custom-audio .ui-widget-header {
    background-color: #6da897;
    background-image: none; }
  .custom-audio .player-controls {
    font-size: 20px;
    text-align: center;
    height: 100%; }
  .custom-audio .seekbar-container {
    height: 100%; }
  .custom-audio .controls-container {
    height: 100%;
    background-color: #fff;
    border-left: 1px solid #f4f4f4; }
  .custom-audio #audio-play, .custom-audio .fa-stop, .custom-audio .fa-pause, .custom-audio #audio-play-ready {
    color: #6da897;
    cursor: default; }
  .custom-audio .ui-slider-horizontal .ui-slider-handle {
    top: -.4em; }
  .custom-audio .ui-slider .ui-slider-handle {
    width: 1.2em;
    height: 1.2em; }

.height100 {
  height: 100%; }

.padding0 {
  padding: 0; }

.smx-timeline-container .smx-timeline {
  display: flex;
  border-left: 1px solid #6ca898;
  position: relative; }
  .smx-timeline-container .smx-timeline:last-child {
    border-left: none; }
  .smx-timeline-container .smx-timeline::before {
    content: "";
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid #6ca898;
    background-color: #fff;
    position: absolute;
    left: -7px; }
  .smx-timeline-container .smx-timeline .comment {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-left: 10px;
    padding-left: 10px;
    padding-bottom: 20px; }
    .smx-timeline-container .smx-timeline .comment .description {
      font-style: italic;
      font-size: 13px;
      color: #999;
      overflow: hidden; }
    .smx-timeline-container .smx-timeline .comment .show-more {
      text-decoration: underline;
      cursor: pointer;
      color: #6ca898;
      font-size: 13px;
      font-style: italic; }
  .smx-timeline-container .smx-timeline .timestamp {
    display: flex;
    justify-content: flex-end;
    font-size: 13px;
    color: #999;
    margin: 0 10px;
    white-space: nowrap; }
.smx-timeline-container .no-data-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  color: #6ca898; }
  .smx-timeline-container .no-data-container .no-data-icon {
    font-size: 50px; }
  .smx-timeline-container .no-data-container .message {
    font-size: 20px; }

/*ribbon system message*/
.fixed-header #header {
  position: fixed;
  width: 100%;
  z-index: 1003;
  top: 0;
  border-bottom: 2px solid #999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1); }

.fixed-ribbon #ribbon {
  position: fixed;
  -webkit-backface-visibility: hidden;
  right: 0;
  left: 220px;
  top: 44px;
  z-index: 101; }
  .fixed-ribbon #ribbon #content {
    margin-top: 44px; }
  .fixed-ribbon #ribbon.cstmrbn .maincontrol-panel {
    margin-top: 0; }
.fixed-ribbon #content {
  margin-top: 88px !important; }
  .fixed-ribbon #content .templateselection .right-panel .control-panel {
    top: 44px; }
  .fixed-ribbon #content .templateselection > .left-panel {
    margin-top: 0px;
    top: 44px; }
.fixed-ribbon.export #content .templateselection .left-panel {
  top: 90px; }

.fixed-ribbon-goback #pre-ribbon {
  position: fixed;
  -webkit-backface-visibility: hidden;
  right: 0;
  top: 44px;
  z-index: 999; }
.fixed-ribbon-goback #ribbon {
  top: 84px; }
  .fixed-ribbon-goback #ribbon.cstmrbn .maincontrol-panel {
    margin-top: 0; }
.fixed-ribbon-goback #content {
  margin-top: 128px !important; }
  .fixed-ribbon-goback #content .templateselection {
    margin-top: 0px; }
    .fixed-ribbon-goback #content .templateselection .left-panel {
      top: 84px; }
    .fixed-ribbon-goback #content .templateselection .right-panel .control-panel {
      top: 84px; }
.fixed-ribbon-goback.export #content .templateselection .left-panel {
  top: 130px; }

.fixed-sysmessage #ribbon-sys-msg {
  position: fixed;
  -webkit-backface-visibility: hidden;
  right: 0;
  left: 220px;
  top: 44px;
  z-index: 999; }
.fixed-sysmessage #pre-ribbon {
  top: 116px; }
.fixed-sysmessage #ribbon {
  top: 116px; }
  .fixed-sysmessage #ribbon.cstmrbn .maincontrol-panel {
    margin-top: 0px; }
.fixed-sysmessage #content {
  margin-top: 160px !important; }
  .fixed-sysmessage #content .templateselection {
    margin-top: 0px; }
    .fixed-sysmessage #content .templateselection .left-panel {
      top: 116px; }
    .fixed-sysmessage #content .templateselection .right-panel .control-panel {
      top: 116px; }
.fixed-sysmessage.export #content .templateselection .left-panel {
  top: 162px; }
.fixed-sysmessage.fixed-ribbon-goback #ribbon {
  top: 156px; }
.fixed-sysmessage.fixed-ribbon-goback #content {
  margin-top: 200px !important; }
  .fixed-sysmessage.fixed-ribbon-goback #content .templateselection .left-panel {
    top: 156px; }
  .fixed-sysmessage.fixed-ribbon-goback #content .templateselection .right-panel .control-panel {
    top: 156px; }
.fixed-sysmessage.fixed-ribbon-goback.export #content .templateselection .left-panel {
  top: 202px; }

.fixed-header.fixed-ribbon #header {
  border-bottom: 0;
  box-shadow: none; }
.fixed-header.container #header {
  max-width: 1164px; }
.fixed-header #shortcut {
  position: fixed;
  -webkit-backface-visibility: hidden; }
.fixed-header #main {
  margin-top: 44px; }
  .fixed-header #main #content {
    padding-bottom: 50px; }
  .fixed-header #main.contact-list-content {
    padding-bottom: 13px; }

.fixed-ribbon.container #ribbon {
  width: 944px;
  left: 590px; }
.fixed-ribbon.hidden-menu #ribbon {
  left: 10px; }
.fixed-ribbon #content {
  padding: 0px 22px 10px 22px; }
  .fixed-ribbon #content .templateselection {
    margin-top: 0px; }
  .fixed-ribbon #content .createcustomreport.templateselection > .left-panel .stream-scroll {
    background-color: #fff; }
.fixed-ribbon .templateselection .right-panel .control-panel {
  position: fixed;
  right: 0;
  left: 463px;
  top: 44px;
  margin-top: 0;
  z-index: 5; }
.fixed-ribbon.minified #ribbon {
  left: 45px; }
.fixed-ribbon.minified .templateselection .right-panel .control-panel {
  left: 288px; }
.fixed-ribbon.mobile-view-activated .templateselection .right-panel .control-panel {
  left: 243px; }
  .fixed-ribbon.mobile-view-activated .templateselection .right-panel .control-panel.minified .templateselection .right-panel .control-panel {
    left: 288px; }
.fixed-ribbon.minified #ribbon-sys-msg {
  left: 45px; }
.fixed-ribbon.IpadEnabled.PortraitEnabled #ribbon-sys-msg, .fixed-ribbon.TabletEnabled.PortraitEnabled #ribbon-sys-msg {
  left: 0; }
.fixed-ribbon.IpadEnabled.PortraitEnabled.minified #ribbon-sys-msg, .fixed-ribbon.TabletEnabled.PortraitEnabled.minified #ribbon-sys-msg {
  left: 45px; }

.fixed-ribbon-goback {
  /*#ribbon-sys-msg {
      + #pre-ribbon {
          top: $systemmessage-h + $header-h;
          + #ribbon {
              top: $systemmessage-h + $header-h + $preribbon-h;
              + #content {
                  margin-top: $systemmessage-h + $header-h + $ribbon-h + $preribbon-h!important;
                  .templateselection {
                      .left-panel {
                          top: $systemmessage-h + $header-h + $preribbon-h;
                      }
                      .right-panel {
                          .control-panel {
                              top: $systemmessage-h + $header-h + $preribbon-h;
                          }
                      }
                  }
              }
          }
      }
      &.hide {
          + #pre-ribbon {
              top: $header-h;
              + #ribbon {
                  top: $header-h + $preribbon-h;
                  + #content {
                      margin-top: $header-h + $ribbon-h + $preribbon-h!important;
                      .templateselection {
                          .left-panel {
                              top: $header-h + $preribbon-h;
                          }
                          .right-panel {
                              .control-panel {
                                  top: $header-h + $preribbon-h;
                              }
                          }
                      }
                  }
              }
          }
      }
  }*/ }
  .fixed-ribbon-goback #header,
  .fixed-ribbon-goback .inbox-footer,
  .fixed-ribbon-goback .superbox-show {
    background-color: #29637e; }
  .fixed-ribbon-goback #content .templateselection {
    margin-top: -34px; }

a#moreSystemMsgs:hover {
  text-decoration: underline; }

#systemMsg {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.minified #ribbon-sys-msg {
  left: 45px; }

#pre-ribbon {
  left: 220px; }
  .minified #pre-ribbon {
    left: 45px; }

.fixed-navigation #left-panel {
  position: fixed;
  bottom: 0;
  -webkit-backface-visibility: hidden; }

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px; }

  .fixed-ribbon #ribbon,
  .fixed-ribbon-goback #pre-ribbon {
    left: 0; } }
@media (min-width: 768px) and (max-width: 880px) {
  .fixed-ribbon.hidden-menu #ribbon {
    left: 220px; }
  .fixed-ribbon #ribbon {
    left: 0; } }
@media (max-width: 767px) {
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px; }

  .fixed-ribbon #ribbon,
  .fixed-ribbon-goback #pre-ribbon {
    left: 0; }

  /*.fixed-navigation #left-panel{position: absolute!important}*/ }
@media only screen and (min-width: 0) and (max-width: 679px) {
  .hidden-menu.fixed-ribbon #ribbon,
  .hidden-menu.fixed-ribbon-goback #pre-ribbon {
    left: 220px; }

  .fixed-ribbon #ribbo,
  .fixed-ribbon-goback #pre-ribbon {
    left: 0; } }
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px; }

  .fixed-ribbon #ribbon,
  .fixed-ribbon-goback #pre-ribbon {
    left: 0; } }
@media (max-width: 1279px) {
  .fixed-header .daterangepicker.dropdown-menu {
    max-width: 700px; } }
@media (min-width: 0px) and (max-width: 736px) {
  .fixed-header #header {
    padding-right: 0; }
  .fixed-header #main {
    margin-top: 81px; }

  .fixed-ribbon #content {
    padding: 13px 13px; }

  .fixed-ribbon-goback #header,
  .fixed-ribbon-goback .inbox-footer,
  .fixed-ribbon-goback .superbox-show {
    background-color: #1f1f1f; }
  .fixed-ribbon-goback #content .feedbackheader-fixed {
    top: 88px; }

  .fixed-sysmessage #ribbon-sys-msg {
    top: 44px;
    left: 0px;
    margin: 0 13px;
    border-top-width: 13px; }
  .fixed-sysmessage #content .feedbackheader-fixed {
    top: 152px; }

  /*system message*/
  /*fixed save\close bar*/ }
.fixed-ribbon #ribbon.hide + #content {
  padding-top: 0;
  padding-bottom: 0; }

/*BG-14202
.templateselection.createcustomreport > .left-panel {
    margin-top: $ribbon-h!important;
}*/
/*BG-16799*/
@media (min-width: 0px) and (max-width: 480px) {
  .IphoneEnabled .fixed-ribbon #content {
    margin-top: 100px !important; } }
/*Look & Feel*/
.s-surveylookfeel-settingspanel .s-rowpanel {
  background: none;
  box-shadow: none;
  border: none; }
.s-surveylookfeel-settingspanel .s-rowpanel-header {
  background: none;
  box-shadow: none;
  border: none;
  padding: 0; }
.s-surveylookfeel-settingspanel img.thumbnail,
.s-surveylookfeel-settingspanel .padding-bg {
  margin-bottom: 0; }
.s-surveylookfeel-settingspanel .label {
  font-size: 11px; }
.s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] {
  width: 20%; }
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] .s-rightmargin {
    margin-right: 0px;
    border-radius: 0px;
    padding: 10px;
    min-height: 420px;
    background-color: #ffffff;
    border-width: 0 1px 0 0;
    border-right: 1px solid #ebebeb !important;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    height: 100%;
    height: 526px\9;
            /*-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s;*/ }
    .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] .s-rightmargin:hover {
      background-color: #fafafa;
      border-width: 0 1px 0 0;
      box-shadow: none;
      border-right: 1px solid #dfdfdf; }
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] input[type="text"] {
    width: 172px;
    font-size: 11px; }
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] .s-form-vertical > .control-group:first-child > .control-label {
    font-weight: bold; }
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"]:last-child .s-rightmargin {
    margin-right: 0; }
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] .s-rightmargin .s-custom-combolist-wrap,
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] .s-custom-combolist {
    width: 100%; }
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] .s-custom-combolist > input[type="text"] {
    width: 100%;
    text-align: left; }
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"] .s-rightmargin .s-custom-combolist-wrap .s-custom-iconcombolist {
    min-width: 100%; }
  .s-surveylookfeel-settingspanel .s-layout-fluid [class*="s-cols"]:last-child .s-rightmargin {
    border-right: none !important; }
.s-surveylookfeel-settingspanel .field-label, .s-surveylookfeel-settingspanel p, .s-surveylookfeel-settingspanel label, .s-surveylookfeel-settingspanel .preview-link {
  font-size: 11px; }
.s-surveylookfeel-settingspanel .preview-link a {
  color: #77aaa0;
  text-decoration: underline; }
.s-surveylookfeel-settingspanel .buttonsty .s-button {
  width: 30px;
  border-radius: 0px !important;
  border: 1px solid #999;
  padding: 3px !important;
  height: 26px;
  margin-left: 5px !important;
  font-size: 11px;
  color: #999;
  line-height: 20px;
  margin-bottom: 30px; }
.s-surveylookfeel-settingspanel .buttonsty .no_sty_btn i {
  color: red;
  font-size: 26px;
  line-height: 21px; }
.s-surveylookfeel-settingspanel .buttonsty i {
  color: #999999; }
.s-surveylookfeel-settingspanel .bot-margin {
  margin-bottom: 12px; }
.s-surveylookfeel-settingspanel .grid .s-layout-fluid [class*="s-cols"] {
  width: 30%; }
.s-surveylookfeel-settingspanel .buttondiv a.buttonstyle:first-child i {
  color: red;
  font-size: 24px;
  line-height: 21px; }
.s-surveylookfeel-settingspanel .surveypreview .theme-widget .well-sm {
  padding: 10px; }
.s-surveylookfeel-settingspanel .s-uploadimage-widget .s-button {
  min-width: 45px !important; }
.s-surveylookfeel-settingspanel .s-questoolbar button {
  float: left !important;
  margin-bottom: 10px; }
  .s-surveylookfeel-settingspanel .s-questoolbar button i.icon-edit {
    font-size: 13px !important; }
  .s-surveylookfeel-settingspanel .s-questoolbar button + button {
    margin-left: 0px; }

.s-textsettings-panel .s-form-vertical > .control-label {
  font-weight: bold; }
.s-textsettings-panel .control-group ul,
.s-textsettings-panel .control-group li {
  list-style: none;
  padding-left: 0; }
.s-textsettings-panel .s-button {
  background-color: #fff; }
  .s-textsettings-panel .s-button:hover, .s-textsettings-panel .s-button:focus, .s-textsettings-panel .s-button:active, .s-textsettings-panel .s-button.active {
    background-color: #fff;
    border: 1px solid #77aaa0;
    color: #77aaa0; }
    .s-textsettings-panel .s-button:hover i, .s-textsettings-panel .s-button:focus i, .s-textsettings-panel .s-button:active i, .s-textsettings-panel .s-button.active i {
      color: #77aaa0; }
  .s-textsettings-panel .s-button.buttonstyle.active {
    background: #77aaa0 !important; }
    .s-textsettings-panel .s-button.buttonstyle.active i {
      color: #fff; }
.s-textsettings-panel .s-button-group .s-button {
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: none; }
.s-textsettings-panel .logo-box {
  padding: 23px 9px;
  background: #fff; }
.s-textsettings-panel .s-progress-bar-type-button-group .s-progress-bar-type-btn {
  border: none;
  background: transparent !important; }
  .s-textsettings-panel .s-progress-bar-type-button-group .s-progress-bar-type-btn:hover, .s-textsettings-panel .s-progress-bar-type-button-group .s-progress-bar-type-btn:focus, .s-textsettings-panel .s-progress-bar-type-button-group .s-progress-bar-type-btn:active, .s-textsettings-panel .s-progress-bar-type-button-group .s-progress-bar-type-btn.active {
    border: 1px solid #77aaa0; }
.s-textsettings-panel .select2-container .select2-choice > .select2-chosen {
  font-size: 11px; }

.s-fontsettings-panel .s-form-horizontal .control-label {
  width: 100px;
  margin-right: 0;
  text-align: left; }
.s-fontsettings-panel .s-form-horizontal .controls {
  margin-left: 0px;
  float: right; }
.s-fontsettings-panel .s-form-horizontal .control-group[data-laf-show-hide-theme-property-id="FONT_SIZE"] .control-label, .s-fontsettings-panel .s-form-horizontal .control-group[data-laf-show-hide-theme-property-id="ANSWER_FONT_SIZE"] .control-label, .s-fontsettings-panel .s-form-horizontal .control-group[data-laf-show-hide-theme-property-id="GRID_FONT_SIZE"] .control-label {
  width: 140px; }
.s-fontsettings-panel .s-form-horizontal > .control-group:first-child .control-label {
  width: 40px; }
.s-fontsettings-panel .s-form-horizontal > .control-group:first-child .controls {
  float: none;
  margin-left: 45px; }
.s-fontsettings-panel .s-form-horizontal > .control-group:first-child .s-custom-combolist-wrap .input-mini-3 {
  width: 120px !important; }
.s-fontsettings-panel .s-form-horizontal > .control-group[data-laf-show-hide-theme-property-id="GRID_HEADER_TYPE"] .control-label {
  width: 90px; }
.s-fontsettings-panel .s-form-horizontal > .control-group[data-laf-show-hide-theme-property-id="GRID_HEADER_TYPE"] .controls {
  float: none;
  margin-left: 95px; }

.s-colorsettings-panel .s-form-horizontal .control-label {
  width: 160px;
  margin-right: 0;
  text-align: left; }
.s-colorsettings-panel .s-form-horizontal .controls {
  margin-left: 0px;
  float: right; }

.modal-lookandfeel .modal-body > .row > [class*="col-"]:first-child {
  padding-right: 5px; }
.modal-lookandfeel .modal-body > .row > [class*="col-"]:last-child {
  padding-left: 5px; }
.modal-lookandfeel .modal-body > .row > [class*="col-"] > .well {
  height: 390px; }

.surveypreview .padding-bg {
  border: none;
  box-shadow: none;
  background: transparent; }

/*Start: Look & Feel widget*/
.theme-widget {
  width: 100%;
  margin: 0 auto; }
  .theme-widget .button-wrap {
    width: 100%;
    padding: 5px 10px 0; }
    .theme-widget .button-wrap .btn {
      cursor: default !important; }
      .theme-widget .button-wrap .btn:active, .theme-widget .button-wrap .btn:focus {
        position: static !important;
        box-shadow: none !important; }
  .theme-widget .grid {
    background-color: #fff;
    width: 95%;
    margin-bottom: 5px; }
    .theme-widget .grid .s-layout-fluid [class*="s-cols"] {
      font-size: 8px;
      font-weight: bold;
      padding: 3px;
      min-height: inherit;
      padding-left: 4px; }
  .theme-widget .progressbar_theme .dots {
    background-color: grey;
    width: 2px;
    height: 2px;
    float: left;
    margin-right: 1px; }
    .theme-widget .progressbar_theme .dots.green {
      background-color: green; }
  .theme-widget .heading {
    width: 100%;
    height: 30px;
    position: relative; }
  .theme-widget .paragraph {
    width: 100%;
    margin-bottom: 5px;
    font-size: 8px; }
  .theme-widget .button {
    min-width: 38px;
    padding: 2px 0;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 8px;
    text-align: center;
    vertical-align: top; }
  .theme-widget .pagination {
    margin: 0px;
    vertical-align: top; }
  .theme-widget .footer {
    background-color: #fff;
    width: 100%;
    margin-bottom: 0px;
    text-align: right; }
    .theme-widget .footer p {
      font-size: 8px; }
      .theme-widget .footer p img {
        top: 3px;
        left: 5px;
        position: relative; }
  .theme-widget > div > .padding-small {
    padding: 10px; }

.oldthemes .background {
  background-color: white;
  box-shadow: none;
  display: block;
  margin-bottom: 5px; }
  .oldthemes .background .footer p {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    width: 120px; }
.oldthemes .footer {
  background: transparent; }
  .oldthemes .footer p img {
    margin-top: -7px; }
.oldthemes.no-preview .background {
  background: transparent;
  box-shadow: none; }

#basic .button,
#roman .button {
  background: transparent url(../images/bgimg-biggreycentrebtn.gif) repeat-x left center; }

#modern .foreground,
#casual .foreground {
  background: url(../images/modern_themeforeground.png) repeat 0 0; }

#modern .progressbar_theme {
  position: absolute !important;
  margin: -15px 0 0 0 !important;
  left: 0px !important;
  float: none !important; }

#classic .progressbar_theme {
  margin-top: 20px !important; }

#modern .theme-widget .grid .s-layout-fluid [class*="s-cols"] {
  color: #3187a8; }

#classic .theme-widget .grid .s-layout-fluid [class*="s-cols"] {
  color: #2b4d80; }

#formal .theme-widget .grid .s-layout-fluid [class*="s-cols"] {
  color: #333333; }

.errorCtrl {
  border: 1px dotted red !important; }

.s-progress-bar-type-button-group > a {
  width: 80px; }

.s-progress-bar-type-btn .icon-btnspagination, .s-progress-bar-type-button-group i.icon-btnsfuelindicator {
  font-size: 14px !important; }

.s-textsettings-panel .s-button-group .s-button.s-button-fuelindicator {
  margin-right: 5px !important; }

#selectedbtnstyle .s-button:focus {
  background: #fff; }

#selectedbtnstyle .s-button, #selectedbtnstyle .s-button:focus, #selectedbtnstyle .s-button:active {
  background: #fff; }
#selectedbtnstyle.active {
  background: #77aaa0; }

.invithumbnail span {
  display: none; }

.invite-cntrl .invithumbnail span {
  display: block;
  height: 8px;
  margin-bottom: 8px; }
  .invite-cntrl .invithumbnail span:nth-child(2) {
    width: 75%; }
  .invite-cntrl .invithumbnail span:nth-child(3) {
    width: 50%; }
.invite-cntrl .gridrowhead {
  display: none; }
.invite-cntrl .grid {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 5px;
  width: 95%;
  border-bottom: 0px; }
  .invite-cntrl .grid .s-layout-fluid [class*="s-cols"] {
    font-size: 0; }
.invite-cntrl .paragraph {
  font-size: 0; }

.invithumbnail span, .btn-inv, .footer-inner {
  display: none !important; }

.invite-cntrl span.invithumbnail {
  display: block !important;
  height: 8px;
  margin-bottom: 8px; }
  .invite-cntrl span.invithumbnail:nth-child(2) {
    width: 75%; }
  .invite-cntrl span.invithumbnail:nth-child(3) {
    width: 50%; }
  .invite-cntrl span.invithumbnail:nth-child(4) {
    width: 30%; }
  .invite-cntrl span.invithumbnail:nth-child(5) {
    width: 10%; }
.invite-cntrl .gridrowhead {
  display: none; }
.invite-cntrl .grid {
  display: none; }
.invite-cntrl .paragraph {
  font-size: 0; }
.invite-cntrl .button-wrap {
  display: none; }
.invite-cntrl .background > .well-sm {
  padding: 25px !important; }
.invite-cntrl.theme-widget button {
  min-width: 40px;
  font-size: 7px; }
.invite-cntrl .btn-inv {
  display: inline-block !important; }
.invite-cntrl .footer-inner {
  display: block !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .s-surveylookfeel-settingspanel .s-questoolbar button {
    padding: 0px 9px !important; } }
/*End: Look & Feel widget*/
/* Survey Social Recommendation Widget */
.s-button-uploadimage .s-button-uploadimg input[type="file"] {
  left: 0px !important; }

.s-uploadimage-widget {
  position: relative; }

.s-uploadimage-widget .s-uploadimage-wrap {
  position: relative;
  border: 5px solid #fff;
  background-color: transparent;
  width: 50%;
  height: 93px;
  text-align: center;
  line-height: 83px;
  box-shadow: 0px 0px 3px #b3b3b3;
  cursor: default; }
  .s-uploadimage-widget .s-uploadimage-wrap + .col-lg-6 {
    float: left !important; }

.s-textsettings-panel .s-uploadimage-widget .s-uploadimage-wrap {
  float: left !important; }

.uploadsociallogowidget .s-uploadimage-widget .s-uploadimage-wrap {
  width: 180px;
  height: 180px;
  line-height: normal; }

.s-col-uploadsociallogo .s-button-uploadimg input[type="file"] {
  opacity: 0;
  padding-top: 21px; }

.s-uploadimage-widget .s-botlinks {
  margin-top: -13px;
  text-align: center;
  width: 225px; }

.s-uploadimage-widget .label {
  color: #A7A8AA;
  font-size: 11px;
  line-height: 13px;
  position: relative;
  margin-top: 60px; }

.s-uploadimage-widget .s-botlinks {
  display: none;
  position: absolute;
  width: 100%;
  top: auto;
  bottom: auto; }

.s-uploadimage-widget:hover .s-botlinks {
  display: block; }

.s-uploadimage-widget .s-button {
  margin-left: 0;
  float: none;
  margin-right: 3px;
  border: 1px solid #d7d7d7;
  padding: 6px 13px;
  font-size: 11px;
  font-weight: bold;
  position: relative;
  z-index: 5;
  cursor: pointer;
  min-width: inherit !important; }

.s-uploadimage-widget .s-button-uploadimg span {
  cursor: pointer;
  color: #fff; }

.s-uploadimage-widget .s-preloader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  padding: 0;
  border-width: 0px;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.2); }

.s-uploadimage-widget .s-preloader .icon {
  top: 5px;
  margin-bottom: 5px; }

.s-uploadimage-widget .s-preloader .alert {
  line-height: 13px; }

.s-surveyquestion-panel .s-uploadimage-widget .label {
  margin-top: 45px;
  margin-bottom: 35px;
  vertical-align: top; }

.s-surveyquestion-panel .s-uploadimage-widget .s-uploadimage-wrap div:first-child {
  margin-top: 30px; }

.s-surveyquestion-panel .s-uploadimage-widget .s-uploadimage-wrap div + div {
  margin-bottom: 30px; }

.s-surveyquestion-panel .s-uploadimage-widget .s-uploadimage-wrap a {
  color: #A7A8AA;
  margin-right: 5px; }

.s-col-uploadsociallogo {
  width: 190px !important;
  margin: 0px auto !important; }

.s-col-uploadsociallogo + .s-floatright {
  margin-top: 170px; }

/*Social Media Widget */
[class^="select2-"] [class*="imgicon-"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"] {
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  position: relative;
  background: url("../images/xpui/sociamediaicons.png") no-repeat 0 0;
  line-height: 22px;
  width: 22px;
  height: 22px; }

[class^="select2-"] [class*="imgicon-"]:before,
.s-mobilizepromoters .select2-chosen [class*="imgicon-"]:before {
  display: none; }

[class^="select2-"] [class*="imgicon-"][class*="twitter"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="twitter"] {
  background-position: 0px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="facebook"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="facebook"] {
  background-position: -57px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="linkedin"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="linkedin"] {
  background-position: -114px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="google"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="google"] {
  background-position: -171px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="yelp"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="yelp"] {
  background-position: -228px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="yoko"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="yoko"] {
  background-position: -285px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="wordpress"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="wordpress"] {
  background-position: -342px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="tripadvisor"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="tripadvisor"] {
  background-position: -399px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="amazon"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="amazon"] {
  background-position: -456px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="tumblr"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="tumblr"] {
  background-position: -513px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="arto"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="arto"] {
  background-position: -570px -57px; }

[class^="select2-"] [class*="imgicon-"][class*="starpros"],
.s-mobilizepromoters .select2-chosen [class*="imgicon-"][class*="starpros"] {
  background-position: -627px -57px; }

.s-mobilizepromoters [class*="imgicon-"] {
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  position: relative;
  background: url("../images/xpui/sociamediaicons.png") no-repeat 0 0;
  line-height: 40px;
  width: 40px;
  height: 40px; }

.s-mobilizepromoters [class*="imgicon-"]:before {
  display: none; }

.s-mobilizepromoters [class*="imgicon-"][class*="twitter"] {
  background-position: 0px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="facebook"] {
  background-position: -57px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="linkedin"] {
  background-position: -114px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="google"] {
  background-position: -171px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="yelp"] {
  background-position: -228px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="yoko"] {
  background-position: -285px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="wordpress"] {
  background-position: -342px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="tripadvisor"] {
  background-position: -399px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="amazon"] {
  background-position: -456px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="tumblr"] {
  background-position: -513px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="arto"] {
  background-position: -570px 0px; }

.s-mobilizepromoters [class*="imgicon-"][class*="starpros"] {
  background-position: -627px 0px; }

.s-mobilizepromoters .alert-info {
  margin-top: 5px;
  padding: 0;
  margin-bottom: 5px; }

.s-mobilizepromoters .layout-container .form-group {
  margin-bottom: 0; }

.s-mobilizepromoters .layout-container .form-group + .form-group {
  margin-top: 20px; }

.s-mobilizepromoters .layout-container .form-group h4 .note {
  font-size: 90%; }

.s-mobilizepromoters .layout-container .form-group h4 label {
  margin: 0;
  width: 128px; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset {
  padding: 13px 0; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset .dl-horizontal {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 0; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset .dl-horizontal dt, .s-mobilizepromoters .layout-container .form-group .forms fieldset .dl-horizontal dd {
  float: none;
  margin: 0;
  display: table-cell;
  vertical-align: middle; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset .dl-horizontal dt {
  text-align: left;
  width: 32px; }

/*.s-mobilizepromoters .layout-container .compages .form-group .forms fieldset .dl-horizontal dt{ display:none;}*/
.s-mobilizepromoters .layout-container .form-group .forms fieldset .dl-horizontal dd .col-label * {
  display: table-cell !important;
  vertical-align: middle; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset .dl-horizontal dd .col-label * + * {
  padding-left: 10px; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset {
  border-bottom: 1px solid #ededed; }

.s-mobilizepromoters .layout-container .form-addcompanypage.form-group .forms fieldset {
  border-bottom: 0;
  padding-bottom: 0; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset .select2-chosen [class*="imgicon-"] {
  top: -9px; }

.s-mobilizepromoters .layout-container .form-group .forms fieldset .col-controls {
  width: 45px;
  vertical-align: top; }

.s-mobilizepromoters .layout-container .form-group.form-addcompanypage .grid-head {
  background-color: transparent;
  border-bottom-width: 0; }

.s-mobilizepromoters .layout-container .form-group.form-addcompanypage .col-controls {
  width: 40px !important; }

.s-mobilizepromoters .layout-container > .form-group + .form-group {
  margin-top: 0px; }

.s-mobilizepromoters .s-socialmediasharing-panel .logouploadwrap h4 {
  text-align: left; }

.s-mobilizepromoters .s-socialmediasharing-panel .logouploadwrap .uploadsociallogowidget {
  margin-bottom: 10px; }

.s-mobilizepromoters .s-socialmediasharing-panel .logouploadwrap .s-col-uploadsociallogo {
  width: 180px !important; }

.s-mobilizepromoters .s-socialmediasharing-panel .logouploadwrap .s-button-uploadimg {
  color: #77aaa0;
  cursor: pointer; }

.s-mobilizepromoters .s-socialmediasharing-panel .logouploadwrap + dd {
  margin-left: 0; }

.s-socialmediasharing-panel .sitesharingpanel {
  margin-left: 0; }

.s-socialmediasharing-panel .sitesharingpanel div[contenteditable="true"] {
  min-height: 32px !important;
  height: 32px;
  margin-bottom: 0; }

.socialize h3, .compages h3 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px; }

.bx-socialize .form-control, .compages .form-control, .bx-url .form-control {
  color: #77aaa0; }

.bx-url {
  clear: left; }

.bx-url .form-group {
  margin-top: 20px; }

.compages .col-controls .btn-cancel {
  font-size: 24px;
  font-weight: 500;
  width: 25px;
  height: 25px;
  line-height: 0;
  border-radius: 25px;
  padding: 0; }

.s-mobilizepromoters .layout-container .form-group.form-addcompanypage {
  margin-top: 36px !important; }

#addpageBtn span.icon-add {
  display: none; }

.bx-url {
  margin-top: 0 !important; }

.form-addcompanypage h4 {
  margin-bottom: 0; }

.socialize.compages + .compages .form-group + .form-group {
  margin-top: 49px; }

.socialize.compages .row-grid > [class^="col-"]:last-child {
  padding-left: 0;
  padding-right: 0; }

.socialize.compages .form-control.twitter-handle {
  font-size: 12px;
  padding-left: 10px; }

/*Social Media Widget */
.s-mobilizepromoters.social-share-element .compages {
  width: 49.5%;
  padding-left: 13px;
  padding-right: 0; }
  .s-mobilizepromoters.social-share-element .compages.socialize {
    border-right: 1px solid #ededed;
    padding-right: 13px;
    padding-left: 6px; }
.s-mobilizepromoters.social-share-element .logouploadwrap {
  width: 190px;
  float: left;
  margin-right: 13px; }
.s-mobilizepromoters.social-share-element .pgcontentpanel .s-surveysettings-panel {
  height: auto;
  border-bottom: 1px solid #ededed; }
  .s-mobilizepromoters.social-share-element .pgcontentpanel .s-surveysettings-panel .s-cols9 {
    width: 90%; }
  .s-mobilizepromoters.social-share-element .pgcontentpanel .s-surveysettings-panel .s-cols3 {
    width: 10%; }
.s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group {
  border: 0;
  padding: 0; }
  .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .fst,
  .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .scnd {
    height: 40px; }
  .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .maintext {
    margin: 0;
    height: 40px; }
  .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .forms fieldset .dl-horizontal dd .col-label {
    width: 53px; }
    .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .forms fieldset .dl-horizontal dd .col-label i {
      font-size: 40px; }
      .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .forms fieldset .dl-horizontal dd .col-label i[class*="icon-"][class*="twitter"] {
        color: #01abec; }
      .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .forms fieldset .dl-horizontal dd .col-label i[class*="icon-"][class*="facebook"] {
        color: #39579e; }
      .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .forms fieldset .dl-horizontal dd .col-label i[class*="icon-"][class*="linkedin"] {
        color: #017eb1; }
    .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .forms fieldset .dl-horizontal dd .col-label label {
      display: none !important; }

/*Minified*/
.minified .s-mobilizepromoters.social-share-element .compages {
  padding-left: 26px;
  padding-right: 13px; }
  .minified .s-mobilizepromoters.social-share-element .compages.socialize {
    padding-right: 26px;
    padding-left: 26px; }
.minified .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .fst,
.minified .s-mobilizepromoters.social-share-element .pgcontentpanel .layout-container .form-group .scnd {
  height: auto; }

.multilogowidget.pop-up {
  line-height: 20px !important; }

.margin-adj {
  margin-top: -2px; }

/* ------- End */
/* Chart Resize */
.chartWrapper.ui-resizable {
  padding: 0 !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 1px solid #e2e2e2;
  width: 100% !important;
  margin-bottom: 13px !important; }
  .chartWrapper.ui-resizable .dataTables_wrapper {
    margin: 13px 0; }
  .chartWrapper.ui-resizable + .chartWrapper:before {
    border-top: 0; }
  .chartWrapper.ui-resizable .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0; }

.ui-resizable-helper {
  border-bottom: 1px dashed; }

.dashboard-chart.home-chart.chart-widget .chartarea.dashboard-chart-area {
  width: auto !important;
  padding: 0 !important; }

div.dashboard-chart .chartarea .well-lg {
  padding: 0 !important;
  margin: 0 !important; }
  div.dashboard-chart .chartarea .well-lg.nps-distributionwidget {
    padding: 0 10px !important; }

.dashboard-chart.home-chart.ui-resizable {
  width: 48% !important;
  padding: 0;
  margin: 1% 1% !important; }

.well-lgtest.distributionwidget {
  padding: 0 0 0 0 !important;
  margin: 0 !important; }

.home-chart .widget-body {
  min-height: inherit; }

@media (min-width: 0px) and (max-width: 767px) {
  .dashboard-chart.home-chart.ui-resizable {
    width: 100% !important;
    padding: 0 13px;
    margin: 0 !important; }

  .chartWrapper.ui-resizable {
    height: auto !important; }
    .chartWrapper.ui-resizable div[charttype=bubble] {
      height: auto !important;
      min-height: auto !important; }
    .chartWrapper.ui-resizable #action-drivers-legends-container .well-sm {
      margin-bottom: 0 !important; }
    .chartWrapper.ui-resizable #act-dri-chart-container.well-sm {
      padding: 0; } }
/* ------- End */
.dashboard-chart .dashboard-chart-area + div .enscroll-track {
  display: none; }

.chartarea .chartWrapper.ui-resizable:last-child {
  margin-bottom: 0 !important; }
.chartarea#chartMessagePanel {
  border-bottom: 1px solid #e2e2e2; }

/* Global Filter */
#global-flier-grid {
  margin-bottom: 26px;
  margin-top: -13px; }
  #global-flier-grid > .well {
    width: 100%;
    display: table;
    background-color: #fff;
    border: 0;
    border-radius: 4px 4px;
    box-shadow: 0px 2px 3px 0px #eee;
    margin: 0;
    padding: 13px;
    min-height: 32px; }
    #global-flier-grid > .well > .control-label {
      padding: 10px;
      padding-bottom: 0;
      margin: 0; }
  #global-flier-grid .filter-btn {
    width: 45px;
    min-height: 45px;
    text-align: center;
    padding: 5px 0 !important;
    border-radius: 2px 0 0 0;
    display: table-cell;
    float: none !important;
    vertical-align: middle; }
    #global-flier-grid .filter-btn [class*="icon"] {
      line-height: 35px;
      color: #424142; }
    #global-flier-grid .filter-btn .button-filter {
      color: #fff;
      padding: 0;
      border: none; }
    #global-flier-grid .filter-btn + .controls {
      margin-left: 0;
      display: table-cell;
      height: 45px;
      vertical-align: middle; }
  #global-flier-grid .group-narrowby {
    margin-bottom: 0; }
    #global-flier-grid .group-narrowby .narrowby-panel {
      background-color: transparent;
      padding: 0 !important; }
      #global-flier-grid .group-narrowby .narrowby-panel #comparatorCtr {
        margin-left: 0; }
      #global-flier-grid .group-narrowby .narrowby-panel #valueContainer {
        padding-left: 0;
        padding-right: 20px; }
        @media (min-width: 737px) and (max-width: 768px) {
          #global-flier-grid .group-narrowby .narrowby-panel #valueContainer {
            padding-left: 13px;
            padding-right: 13px; } }
      #global-flier-grid .group-narrowby .narrowby-panel .select2-container .select2-choice .select2-arrow {
        background-color: #fff; }
      #global-flier-grid .group-narrowby .narrowby-panel .select2-container.select2-container-disabled .select2-choice .select2-arrow {
        background-color: #f4f4f4; }
      #global-flier-grid .group-narrowby .narrowby-panel .s-addorremove-btns {
        margin-left: 6px; }
        #global-flier-grid .group-narrowby .narrowby-panel .s-addorremove-btns .btn {
          background-color: transparent;
          border: 0;
          color: #77aaa0 !important;
          box-shadow: none;
          padding-top: 7px;
          padding-bottom: 7px; }
          #global-flier-grid .group-narrowby .narrowby-panel .s-addorremove-btns .btn.singleCondionApply {
            font-weight: 600;
            padding: 5px 6px 9px 7px; }
          #global-flier-grid .group-narrowby .narrowby-panel .s-addorremove-btns .btn.condionpagination {
            padding-left: 2px;
            padding-right: 2px; }
    #global-flier-grid .group-narrowby.filterconditions.filterset {
      margin: 0; }
    #global-flier-grid .group-narrowby .select2.conditionconnector {
      width: 80px !important; }
  #global-flier-grid .col-pagination .btn {
    padding-left: 4px;
    padding-right: 4px;
    background-color: transparent;
    box-shadow: none;
    color: #6ca898; }
  #global-flier-grid .titlepanel .control-label {
    margin: 0;
    font-weight: 600; }
  #global-flier-grid #globalDateFilterRow h6 {
    margin: 10px 0 5px 0;
    font-size: 13px;
    font-weight: 500; }
  #global-flier-grid #globalDateFilterRow .s-addorremove-btns {
    margin: 6px 0 0 10px; }
    #global-flier-grid #globalDateFilterRow .s-addorremove-btns .btn-link {
      border: 1px solid #77aaa0;
      border-radius: 500px;
      font-size: 13px;
      height: 20px;
      line-height: 18px;
      padding: 0;
      text-align: center;
      width: 20px; }
      #global-flier-grid #globalDateFilterRow .s-addorremove-btns .btn-link i {
        font-weight: 600;
        top: -1px;
        position: relative; }
  #global-flier-grid #globalfilterdaterange {
    border: 1px solid #cccccc;
    padding: 6px 8px 5px 8px; }
  #global-flier-grid #filterConditionRow {
    margin: 13px 0 18px 0; }
    #global-flier-grid #filterConditionRow .filtercondition {
      margin: 13px 0 0 0; }
      #global-flier-grid #filterConditionRow .filtercondition .s-addorremove-btns {
        margin-top: 6px; }
    #global-flier-grid #filterConditionRow .conditionconnectorsection label {
      margin: 0 !important; }
    #global-flier-grid #filterConditionRow #topheader {
      margin-bottom: 10px; }
  #global-flier-grid .global-filter-buttons .btn {
    margin: 0 5px; }

/* Global Filter End */
/* Effects */
.open .dropdown-menu, .select2-drop-active, .ui-datepicker {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.opencustomrange .custom-range .calendar-wrap .calendar {
  -webkit-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

@media (min-width: 0px) and (max-width: 736px) {
  .opencustomrange .custom-range .calendar-wrap .calendar {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; } }
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .animated.fast {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -ms-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s; }

.slideInRight {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -ms-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    -moz-transform: translateX(0); } }
@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    transform: translateX(0); } }
/*TK-4170 - Popup animation - zoomIn*/
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

/* Fixes */
/* BG-11708 */
#content-panel .open-action-charts {
  overflow-x: hidden; }

/* BG-11431 */
/*.feedbackheader-fixed,
.fixed-ribbon #ribbon{z-index:10000;}
.s-modal-backdrop{z-index:12000}

.fixed-header #header{ z-index:11001;}
#left-panel{ z-index:11000;}
.streamwidget{z-index: 10999;}

.fixed-ribbon.popupcontent #header{ z-index:1003;}
.journey-tab .dropdown-menu{ z-index:11030;}
.searchoptionsdropdown{z-index:10030;}

.fixed-ribbon.popupcontent #ribbon{z-index:1000;}
.fixed-ribbon.popupcontent #left-panel{z-index:1001;}
.fixed-ribbon.popupcontent .streamwidget{z-index:1002;}*/
/* BG-11930 */
.gridsearch.pull-left.col-sm-4 {
  min-width: 385px; }

.copyright-embed {
  position: absolute;
  right: 15px;
  top: 0; }

/*TK-2821*/
/*BG-11918*/
.once-per-visit-div .form-control {
  width: 100% !important; }

/*BG-6015*/
.stream-page-background .dl-horizontal dd {
  margin-left: 10px; }

/*BG-12331*/
.srvy-response .table-responsive .table thead th {
  font-size: 13px; }

/*US-938*/
.setlangrule {
  background-color: #777777; }
  .setlangrule dl dt {
    font-weight: normal; }
  .setlangrule dl dd .form-inline .form-control {
    width: 100%; }
  .setlangrule dl dd .form-inline .checkbox {
    padding-left: 25px; }
  .setlangrule dl dd .bootstrap-tagsinput input {
    position: relative;
    top: 4px; }
  .setlangrule dl dd .bootstrap-tagsinput .tag + input {
    position: relative;
    top: 0px; }

/* additional fix for CSS in satmetrix-style.css*/
.popupcontent {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/*BG-12639*/
.row-narrowby .controls .smart-form .bootstrap-tagsinput {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
.row-narrowby .controls .smart-form.col-xs-12 {
  padding-right: 13px; }

/*BG-12312*/
.col-feedbackowner h2,
.col-feedbackowner .primarycomment {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

/*BG-11931*/
.head-profiledetails {
  padding-bottom: 7px; }
  .head-profiledetails li {
    font-weight: 500;
    font-size: 15px;
    overflow: visible !important;
    height: auto !important; }
    .head-profiledetails li span a {
      font-size: 13px;
      text-decoration: none; }
    .head-profiledetails li .searchBox + .input-group-addon.more-less {
      padding-right: 0;
      background-color: transparent;
      border-width: 0px;
      padding-left: 30px; }

/*BG-12918*/
.fixed-header #main #content.template-preview {
  padding: 0px; }

/*BG-12824*/
#managecontactfields.ajax-dropdown {
  z-index: 1000; }

.titlelinks {
  margin-bottom: 10px; }
  .titlelinks .s-nav-textlinks li a {
    color: #424142; }
  .titlelinks .s-nav-textlinks li.active a {
    font-weight: bold; }
  .titlelinks a {
    font-size: 16px; }

/* BG-13058 */
.s-radioscale-header {
  display: table;
  table-layout: fixed;
  height: 100%; }
  .s-radioscale-header > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    height: 100%; }
  .s-radioscale-header > * {
    display: table-cell !important;
    float: none !important; }
    .s-radioscale-header > * > .s-leftmargin {
      height: 100%;
      padding: 5px !important; }

/* BG-12823 */
.dataTables_wrapper thead label {
  margin-bottom: 0; }

/* BG-11186*/
.fixed-ribbon #ribbon {
  z-index: 4; }

/*BG-13554*/
.s-displaylogic .condition label:not(.checkbox) {
  width: auto; }

/*BG-13624*/
.grid-column-div.s-col-second.s-cols4 .s-quessubrowform.s-quessubrowform-radioscale table.s-radiotab {
  table-layout: auto; }

/*BG-13792*/
.hasDatepicker + img {
  margin-top: -10px; }

.alert-error {
  padding: 10px 5px;
  color: #fff; }

/*BG-13779*/
.cke_dialog_footer_buttons a.cke_dialog_ui_button span {
  color: #fff !important; }

/*BG-13956*/
.s-form-horizontal .control-label {
  line-height: 18px; }

/*BG-14168*/
.s-displaylogic .s-combolist-mastercontainer .s-custom-combolist input {
  width: 105px; }

.addchart.templateselection.createcustomreport .view-body > .well-lg {
  padding-top: 53px; }

.addchart.templateselection.createcustomreport .search-views {
  margin-bottom: 10px; }

.templateselection.createcustomreport .left-panel + .right-panel {
  z-index: 1; }

/*BG-14207*/
.form-exporttype .smart-accordion-style2 .panel-body {
  padding: 10px; }

/*BG-14199*/
.createcustomreport .right-panel .viewpanel-accordion .accordion-header {
  box-shadow: 0 0 3px #555555;
  padding: 5px 30px 4px 10px !important;
  margin-bottom: 16px; }

.create-report-section-main + .create-report-section-main {
  margin-top: 10px; }

/*BG-14365*/
.topnavbtns .dropdownBtns .dropdown-menu .icon-help {
  color: #555555; }

.pointer {
  cursor: pointer; }

.jarviswidget-sortable-cust header {
  background-color: #eeeeee;
  border: 1px solid #cccccc !important;
  border-width: 1px 1px 0 !important;
  height: 30px; }

/*BG-15007*/
.srvy-response.question.gridtable table tr {
  cursor: default; }

/*BG-15716*/
.fbkdetail-desc {
  color: #f00;
  font-size: 12px;
  padding-left: 5px; }

/*TK-3859*/
.ui-disabled-model .jarviswidget {
  opacity: 0.5;
  cursor: default;
  pointer-events: none; }
.ui-disabled-model.inline-modal .modal .modal-dialog {
  position: fixed !important;
  left: auto !important;
  margin: 30px auto !important;
  margin-left: 60px !important; }

.sortable-grid .icon-externallinks {
  font-size: 20px;
  float: right;
  color: #77aaa0; }

span.highlight {
  color: #fff;
  background-color: #6ca898;
  padding: 0px 1px; }
span.highlight-yellow {
  background-color: #F9E8A0;
  padding: 3px 1px; }

.highlight {
  background-color: #6ca898;
  color: white; }

.emailwrap {
  word-wrap: break-word;
  word-break: break-all;
  margin: 0; }

.dataTable tr.sortable.ui-sortable-helper {
  display: flex; }
  .dataTable tr.sortable.ui-sortable-helper td {
    width: 100%;
    max-width: 100% !important;
    display: block; }

.npx .s-questoolbar button.lkp-gridshare-btn.s-active {
  background-color: #77aaa0 !important;
  color: #fff !important;
  padding: 2px 0px !important; }
  .npx .s-questoolbar button.lkp-gridshare-btn.s-active i.icon {
    color: #fff !important;
    background: none;
    line-height: 16px; }
  .npx .s-questoolbar button.lkp-gridshare-btn.s-active:hover {
    background-color: #77aaa0 !important;
    color: #fff !important; }
.npx .s-questoolbar button.lkp-gridshare-btn i.icon {
  background: none;
  font-size: 11px !important; }

.icon-share {
  background-image: none !important; }

#angularcontent {
  margin-top: 88px !important;
  padding: 0px 0px 12px 22px;
  background-color: transparent;
  position: relative;
  left: 0;
  font-family: "Open Sans",Helvetica Neue,Arial,Sans-Serif;
  font-size: 13px; }

.buildprogram-steps [class*="col-"] .img-circle {
  border-radius: 500px;
  line-height: 38px;
  width: 38px;
  height: 38px;
  border: 1px solid #77aaa0;
  display: inline-block;
  margin-bottom: 35px;
  color: #77aaa0;
  font-weight: bold; }
.buildprogram-steps [class*="col-"] [class*="icon"] {
  display: block;
  font-size: 52px;
  margin-bottom: 20px;
  opacity: 1;
  color: #77aaa0; }
.buildprogram-steps [class*="col-"] label {
  display: block;
  font-size: 16px;
  margin: 0;
  color: #77aaa0; }
.buildprogram-steps [class*="col-"].active .img-circle {
  background-color: #77aaa0;
  color: #fff; }
.buildprogram-steps [class*="col-"].complete .img-circle {
  background-color: #fff !important;
  border-color: #fff !important; }
  .buildprogram-steps [class*="col-"].complete .img-circle i {
    color: #424142; }
@media (max-width: 639px) {
  .buildprogram-steps [class*="col-"] .img-circle {
    border-radius: 500px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    margin-bottom: 20px; }
  .buildprogram-steps [class*="col-"] [class*="icon"] {
    font-size: 32px;
    margin-bottom: 20px; }
  .buildprogram-steps [class*="col-"] label {
    font-size: 14px;
    margin-bottom: 20px; } }
.buildprogram-steps.select-surveytype [class*="col-"] {
  padding: 0 34px; }
  .buildprogram-steps.select-surveytype [class*="col-"] [class*="icon"] {
    font-size: 44px; }
  .buildprogram-steps.select-surveytype [class*="col-"]:first-child {
    padding-left: 0; }
  .buildprogram-steps.select-surveytype [class*="col-"]:last-child {
    padding-right: 0; }
.buildprogram-steps.select-surveytype .survey-select-radio {
  width: 50px; }

body.gettingstarted {
  height: 100%; }
  body.gettingstarted #main {
    background-color: transparent;
    margin-top: 0;
    height: 100%; }
    body.gettingstarted #main #content {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      padding: 0; }
      body.gettingstarted #main #content > div {
        height: 100%; }
      body.gettingstarted #main #content .row-homepage {
        height: 100%; }
        body.gettingstarted #main #content .row-homepage.row-grid > [class*="col-"][class*="-12"] {
          vertical-align: top;
          padding-top: 48px; }
        @media (max-width: 767px) {
          body.gettingstarted #main #content .row-homepage.row-grid > [class*="col-"][class*="-12"] {
            display: table-cell;
            vertical-align: middle;
            float: none;
            padding-left: 0;
            padding-right: 0; } }
  body.gettingstarted #left-panel.hide + #main, body.gettingstarted #left-panel[style*="display"][style*="none"] + #main {
    margin-left: 0; }
  body.gettingstarted .row-homepage .jumbotron {
    background-color: transparent;
    margin-bottom: 0; }
    body.gettingstarted .row-homepage .jumbotron h1 {
      font-size: 32px;
      font-weight: bold; }
      body.gettingstarted .row-homepage .jumbotron h1 small {
        font-size: 83%; }
        body.gettingstarted .row-homepage .jumbotron h1 small ~ .icon-npxnow-logo {
          display: block;
          margin-top: 15px; }
      body.gettingstarted .row-homepage .jumbotron h1 ~ p {
        margin-top: 15px; }
    body.gettingstarted .row-homepage .jumbotron p {
      font-size: 18px;
      margin-bottom: 24px;
      font-weight: normal; }
      body.gettingstarted .row-homepage .jumbotron p small {
        font-size: 83%; }
    body.gettingstarted .row-homepage .jumbotron:first-child {
      padding-top: 48px; }
    @media (max-width: 800px) {
      body.gettingstarted .row-homepage .jumbotron {
        padding-left: 0;
        padding-right: 0;
        font-size: 39px; }
        body.gettingstarted .row-homepage .jumbotron h1 {
          font-size: 39px; }
        body.gettingstarted .row-homepage .jumbotron p {
          font-size: 19px; } }
    @media (max-width: 639px) {
      body.gettingstarted .row-homepage .jumbotron {
        font-size: 39px; }
        body.gettingstarted .row-homepage .jumbotron h1 {
          font-size: 39px; }
        body.gettingstarted .row-homepage .jumbotron p {
          font-size: 15px; } }
    body.gettingstarted .row-homepage .jumbotron + .jumbotron {
      margin-top: 12px; }
  body.gettingstarted .buildprogram-steps {
    width: 520px;
    margin: 0 auto; }
    body.gettingstarted .buildprogram-steps + .btn-panel {
      margin-top: 100px; }
    @media (max-width: 639px) {
      body.gettingstarted .buildprogram-steps {
        width: 100%; }
        body.gettingstarted .buildprogram-steps + .btn-panel {
          margin-top: 65px; } }
    @media (max-width: 359px) {
      body.gettingstarted .buildprogram-steps + .btn-panel {
        margin-top: 45px; } }
    body.gettingstarted .buildprogram-steps [class*="col-"] .img-circle {
      border: 1px solid #77aaa0;
      color: #fff; }
    body.gettingstarted .buildprogram-steps [class*="col-"] [class*="icon"] {
      color: #fff;
      opacity: 0.7; }
    body.gettingstarted .buildprogram-steps [class*="col-"] label {
      color: #fff; }
    body.gettingstarted .buildprogram-steps [class*="col-"].active [class*="icon"],
    body.gettingstarted .buildprogram-steps [class*="col-"].active label {
      color: #fff; }
    body.gettingstarted .buildprogram-steps [class*="col-"].active .img-circle {
      background-color: #77aaa0; }
    body.gettingstarted .buildprogram-steps [class*="col-"].complete .img-circle {
      background-color: #fff !important;
      border-color: #fff !important; }
      body.gettingstarted .buildprogram-steps [class*="col-"].complete .img-circle i {
        color: #424142; }
  body.gettingstarted .or-wizard {
    width: 720px;
    margin: 0 auto; }
    body.gettingstarted .or-wizard .btn {
      width: 100%;
      font-weight: bold;
      padding: 14px 20px; }
    body.gettingstarted .or-wizard [class*="col-"] {
      padding: 24px; }
      body.gettingstarted .or-wizard [class*="col-"]:first-child {
        padding-left: 0; }
        body.gettingstarted .or-wizard [class*="col-"]:first-child:before {
          content: none; }
      body.gettingstarted .or-wizard [class*="col-"]:last-child {
        padding-right: 0; }
      body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"]:before {
        content: "";
        height: 24px;
        left: 0px;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        width: 1px;
        background-color: #fff; }
      body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"]:after {
        content: none; }
      @media (max-width: 767px) {
        body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"] {
          padding-left: 0; }
          body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"]:before {
            display: none; } }
    body.gettingstarted .or-wizard + div {
      padding-top: 10px; }
      body.gettingstarted .or-wizard + div .pull-right label + .btn-link {
        margin-left: 10px; }
      @media (max-width: 767px) {
        body.gettingstarted .or-wizard + div {
          width: 100%; }
          body.gettingstarted .or-wizard + div > * {
            float: none !important; } }
      @media (min-width: 768px) {
        body.gettingstarted .or-wizard + div {
          border-top: 1px solid #fff; } }
    @media (max-width: 767px) {
      body.gettingstarted .or-wizard {
        width: 100%; } }
  body.gettingstarted .btn-panel {
    width: 720px;
    margin: 0 auto; }
    body.gettingstarted .btn-panel span.arrow-right {
      position: relative;
      display: inline-block;
      position: relative;
      top: -4px;
      width: 13px; }
      body.gettingstarted .btn-panel span.arrow-right:before {
        display: block;
        position: absolute;
        content: '';
        border: 13px solid transparent;
        border-left: 13px solid #fff;
        border-right-width: 0px;
        border-top-width: 8px;
        border-bottom-width: 8px;
        left: -2.5px;
        top: -8px; }
    body.gettingstarted .btn-panel a {
      font-weight: bold;
      font-size: 14px; }
      body.gettingstarted .btn-panel a.btn-link {
        display: inline-block;
        border-bottom: 1px solid #fff;
        padding: 5px 0; }
        @media (max-width: 639px) {
          body.gettingstarted .btn-panel a.btn-link {
            margin-top: 10px; } }
        body.gettingstarted .btn-panel a.btn-link:hover {
          color: #fff;
          border-bottom-width: 0px; }
    body.gettingstarted .btn-panel.jumbotron {
      padding: 0; }
    @media (max-width: 767px) {
      body.gettingstarted .btn-panel {
        width: 100%; } }
  body.gettingstarted #ribbon[style*="display"][style*="none"] + #content {
    margin-top: 44px !important; }
  body.gettingstarted #left-panel + #main {
    margin-left: 220px; }
  body.gettingstarted.mobile-view-activated #left-panel + #main {
    margin-left: 0px; }
  body.gettingstarted.minified #left-panel + #main {
    margin-left: 45px; }
  body.gettingstarted.minified.mobile-view-activated #left-panel + #main {
    margin-left: 45px; }
  body.gettingstarted.fixed-header #main #content {
    top: 44px; }
  body.gettingstarted.boardingscreen {
    background-color: transparent !important;
    background-color: transparent;
    background-image: url("../images/xpui/bgimg-gettingstarted.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-image: url("../images/xpui/bgimg-gettingstarted.jpg") !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important; }
    body.gettingstarted.boardingscreen:before {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      content: "";
      background-color: rgba(35, 35, 35, 0.7); }
    body.gettingstarted.boardingscreen:before {
      position: fixed;
      /* fallback */
      background-color: #000;
      background-repeat: repeat-y;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
      /* Safari 4-5, Chrome 1-9 */
      background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.8)));
      /* Safari 5.1, Chrome 10+ */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
      /* Firefox 3.6+ */
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
      /* IE 10 */
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
      /* Opera 11.10+ */
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
      background-repeat: no-repeat, no-repeat;
      background-position: top left, bottom right; }
    body.gettingstarted.boardingscreen .row-homepage .jumbotron {
      color: #fff !important; }
      body.gettingstarted.boardingscreen .row-homepage .jumbotron h1 {
        font-size: 52px;
        font-weight: normal; }
        body.gettingstarted.boardingscreen .row-homepage .jumbotron h1 ~ p {
          margin-top: 20px; }
      body.gettingstarted.boardingscreen .row-homepage .jumbotron p {
        font-size: 28px;
        margin-bottom: 24px;
        font-weight: normal; }
        body.gettingstarted.boardingscreen .row-homepage .jumbotron p small {
          font-size: 83%; }
      body.gettingstarted.boardingscreen .row-homepage .jumbotron.btn-panel a {
        color: #fff; }
        body.gettingstarted.boardingscreen .row-homepage .jumbotron.btn-panel a.btn-link {
          border-bottom-color: #fff; }
      body.gettingstarted.boardingscreen .row-homepage .jumbotron:first-child {
        padding-top: 0; }
    body.gettingstarted.boardingscreen #main #content .row-homepage.row-grid > [class*="col-"][class*="-12"] {
      vertical-align: middle;
      padding-top: 0px; }
  body.gettingstarted .img-npxnow-logo {
    display: none !important; }
  body.gettingstarted.AppleEnabled.body-chrome:not(.HandheldEnabled) .row-homepage .icon-npxnow-logo {
    display: none !important; }
  body.gettingstarted.AppleEnabled.body-chrome:not(.HandheldEnabled) .row-homepage .img-npxnow-logo {
    display: inline-block !important;
    clear: both;
    margin-top: 15px; }

@media (min-width: 0px) and (max-width: 736px) {
  body.gettingstarted .topnavbtns {
    width: 59%; }
  body.gettingstarted #left-panel + #main {
    margin-left: 0; }
  body.gettingstarted .jumbotron h1 small {
    display: block;
    margin-bottom: 10px; }
  body.gettingstarted .or-wizard {
    width: 100%; }
    body.gettingstarted .or-wizard [class*="col-"] {
      text-align: right;
      display: none; }
      body.gettingstarted .or-wizard [class*="col-"] .btn {
        min-width: 120px;
        margin-right: 20px; }
      body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"] {
        text-align: center;
        display: table-cell; }
        body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"] .btn {
          margin: 0px;
          vertical-align: top; }
        body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"]:before, body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"]:after {
          display: none; }
  body.gettingstarted .setlandpage {
    text-align: center !important; } }
@media (min-width: 0px) and (max-width: 360px) {
  body.gettingstarted .jumbotron {
    padding-bottom: 0; }
  body.gettingstarted .or-wizard [class*="col-"] {
    padding-top: 19px; }
    body.gettingstarted .or-wizard [class*="col-"] .btn {
      min-width: 120px;
      padding: 7px 0;
      font-size: 13px; }
    body.gettingstarted .or-wizard [class*="col-"] + [class*="col-"]:after {
      font-size: 20px; } }
.theme-landmark.gettingstarted {
  background-color: #c8e2de; }
  .theme-landmark.gettingstarted.fixed-header #main #content {
    background-color: transparent;
    padding-bottom: 22px; }
  .theme-landmark.gettingstarted #left-panel.hide + #main:before,
  .theme-landmark.gettingstarted #left-panel[style*="display"][style*="none"] + #main:before {
    background-color: #c8e2de;
    /* fallback */
    background-color: #76c046;
    background-repeat: repeat-y;
    background-image: linear-gradient(to bottom, rgba(118, 192, 70, 0.9), rgba(119, 170, 160, 0.9));
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(118, 192, 70, 0.9)), to(rgba(119, 170, 160, 0.9)));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, rgba(118, 192, 70, 0.9), rgba(119, 170, 160, 0.9));
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, rgba(118, 192, 70, 0.9), rgba(119, 170, 160, 0.9));
    /* IE 10 */
    background: -ms-linear-gradient(top, rgba(118, 192, 70, 0.9), rgba(119, 170, 160, 0.9));
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(118, 192, 70, 0.9), rgba(119, 170, 160, 0.9));
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom right; }
  .theme-landmark.gettingstarted .row-homepage .jumbotron {
    color: #77aaa0 !important; }
    .theme-landmark.gettingstarted .row-homepage .jumbotron.btn-panel a {
      color: #77aaa0; }
      .theme-landmark.gettingstarted .row-homepage .jumbotron.btn-panel a.btn-link {
        border-bottom-color: #77aaa0; }
    .theme-landmark.gettingstarted .row-homepage .jumbotron.btn-panel span.arrow-right:before {
      border-left-color: #77aaa0; }
  .theme-landmark.gettingstarted.boardingscreen .row-homepage .jumbotron {
    color: #fff !important; }
    .theme-landmark.gettingstarted.boardingscreen .row-homepage .jumbotron.btn-panel span.arrow-right:before {
      border-left-color: #fff; }
.theme-landmark .buildprogram-steps [class*="col-"] .img-circle {
  border-color: #77aaa0; }
.theme-landmark .buildprogram-steps [class*="col-"] [class*="icon"] {
  color: #77aaa0; }
.theme-landmark .buildprogram-steps [class*="col-"].active [class*="icon"],
.theme-landmark .buildprogram-steps [class*="col-"].active label {
  color: #77aaa0; }
.theme-landmark .buildprogram-steps [class*="col-"].active .img-circle {
  background-color: #77aaa0; }

.theme-city.gettingstarted {
  background-color: #d3e8f7; }
  .theme-city.gettingstarted #content {
    background-color: transparent; }
  .theme-city.gettingstarted #left-panel.hide + #main:before,
  .theme-city.gettingstarted #left-panel[style*="display"][style*="none"] + #main:before {
    background-color: #4f8eb8; }
  .theme-city.gettingstarted .row-homepage .jumbotron {
    color: #4f8eb8 !important; }
    .theme-city.gettingstarted .row-homepage .jumbotron.btn-panel a {
      color: #4f8eb8; }
      .theme-city.gettingstarted .row-homepage .jumbotron.btn-panel a.btn-link {
        border-bottom-color: #4f8eb8; }
    .theme-city.gettingstarted .row-homepage .jumbotron.btn-panel span.arrow-right:before {
      border-left-color: #4f8eb8; }
  .theme-city.gettingstarted.boardingscreen .row-homepage .jumbotron {
    color: #fff !important; }
    .theme-city.gettingstarted.boardingscreen .row-homepage .jumbotron.btn-panel span.arrow-right:before {
      border-left-color: #fff; }
.theme-city .buildprogram-steps [class*="col-"] .img-circle {
  border-color: #4f8eb8; }
.theme-city .buildprogram-steps [class*="col-"] [class*="icon"] {
  color: #4f8eb8; }
.theme-city .buildprogram-steps [class*="col-"].active [class*="icon"],
.theme-city .buildprogram-steps [class*="col-"].active label {
  color: #4f8eb8; }
.theme-city .buildprogram-steps [class*="col-"].active .img-circle {
  background-color: #4f8eb8; }

.theme-sky.gettingstarted {
  background-color: #e8f0ff; }
  .theme-sky.gettingstarted #content {
    background-color: transparent; }
  .theme-sky.gettingstarted #left-panel.hide + #main:before,
  .theme-sky.gettingstarted #left-panel[style*="display"][style*="none"] + #main:before {
    background-color: #5e96ff; }
  .theme-sky.gettingstarted .row-homepage .jumbotron {
    color: #5e96ff !important; }
    .theme-sky.gettingstarted .row-homepage .jumbotron.btn-panel a {
      color: #5e96ff; }
      .theme-sky.gettingstarted .row-homepage .jumbotron.btn-panel a.btn-link {
        border-bottom-color: #5e96ff; }
    .theme-sky.gettingstarted .row-homepage .jumbotron.btn-panel span.arrow-right:before {
      border-left-color: #5e96ff; }
  .theme-sky.gettingstarted.boardingscreen .row-homepage .jumbotron {
    color: #fff !important; }
    .theme-sky.gettingstarted.boardingscreen .row-homepage .jumbotron.btn-panel span.arrow-right:before {
      border-left-color: #fff; }
.theme-sky .buildprogram-steps [class*="col-"] .img-circle {
  border-color: #5e96ff; }
.theme-sky .buildprogram-steps [class*="col-"] [class*="icon"] {
  color: #5e96ff; }
.theme-sky .buildprogram-steps [class*="col-"].active [class*="icon"],
.theme-sky .buildprogram-steps [class*="col-"].active label {
  color: #5e96ff; }
.theme-sky .buildprogram-steps [class*="col-"].active .img-circle {
  background-color: #5e96ff; }

/* Summary Chart */
.vertical-barchart [class^="col-"] {
  padding: 0; }
  .vertical-barchart [class^="col-"] header {
    height: 60px;
    vertical-align: bottom;
    position: relative; }
    .vertical-barchart [class^="col-"] header [class*="bar-"] {
      min-height: inherit;
      line-height: inherit; }
  .vertical-barchart [class^="col-"] footer {
    text-align: center;
    width: 100%; }
    .vertical-barchart [class^="col-"] footer label {
      margin-bottom: 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%;
      overflow: hidden;
      padding: 0 10px; }

.summaryinfo {
  margin-bottom: 10px; }
  .summaryinfo > [class^="col-"] > .well {
    min-height: 148px; }
    .summaryinfo > [class^="col-"] > .well dl.dl-horizontal {
      margin-bottom: 0;
      margin-top: 10px; }

.summary-chartwidget .dl-horizontal.score-card {
  margin: 0 0 13px 0; }
  .summary-chartwidget .dl-horizontal.score-card .col-npsscore dt {
    text-align: left;
    height: 48px; }
    .summary-chartwidget .dl-horizontal.score-card .col-npsscore dt h1 {
      font-size: 50px;
      font-weight: 500;
      margin: -7px 0 0 0; }
  .summary-chartwidget .dl-horizontal.score-card .col-npsscore .icon-relationship-graph-2 {
    font-size: 23px;
    opacity: 0.5;
    line-height: 51px; }
  .summary-chartwidget .dl-horizontal.score-card .score-icon-wrap h1 {
    margin: 0;
    font-size: 60px;
    font-weight: 500;
    line-height: 60px; }
  .summary-chartwidget .dl-horizontal.score-card .score-label-wrap {
    text-align: left;
    height: 40px; }
    .summary-chartwidget .dl-horizontal.score-card .score-label-wrap p {
      margin: 5px 0 0 0;
      font-size: 15px; }
.summary-chartwidget .dl-horizontal dt {
  width: 252px; }
.summary-chartwidget .dl-horizontal dd {
  margin-left: 252px; }
  .summary-chartwidget .dl-horizontal dd .well {
    background-color: #fff;
    box-shadow: none;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #ddd; }
.summary-chartwidget .row.chart-box {
  margin-top: 13px; }
  .summary-chartwidget .row.chart-box .summary-chart-right {
    padding-left: 0; }
.summary-chartwidget .ncount-wrap {
  display: block;
  text-align: left;
  color: #fff; }
  .summary-chartwidget .ncount-wrap * {
    opacity: 0.5;
    color: #fff; }
.summary-chartwidget .vertical-barchart {
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden; }
.summary-chartwidget .col-npsscore .icon-relationship-graph-2 {
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  line-height: normal; }
.summary-chartwidget .col-npsscore dt {
  width: 60px; }
  .summary-chartwidget .col-npsscore dt + dd {
    margin-left: 60px;
    text-align: left !important;
    font-weight: bold; }
    .summary-chartwidget .col-npsscore dt + dd strong {
      display: block;
      text-align: left; }
    .summary-chartwidget .col-npsscore dt + dd h1 {
      color: #fff;
      font-weight: bold;
      font-size: 55px !important;
      line-height: 40px !important;
      margin: 0;
      text-align: left; }
.summary-chartwidget .col-npsscore h1.scorecount {
  margin: -6px 0 0 0 !important; }
.summary-chartwidget .col-responses dt {
  width: 70px; }
  .summary-chartwidget .col-responses dt + dd {
    margin-left: 70px; }
.summary-chartwidget .vertical-barchart .row.note > .col-xs-4:first-child > label {
  margin-left: 5px; }
.summary-chartwidget .vertical-barchart .row.note > .col-xs-4:last-child > label {
  margin-right: 5px; }
.summary-chartwidget dt.col-npsscore [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .summary-chartwidget dt.col-npsscore [class*="col-"]:last-child .dl-horizontal dt {
    float: none;
    display: inline-block; }
    .summary-chartwidget dt.col-npsscore [class*="col-"]:last-child .dl-horizontal dt + dd {
      display: inline-block;
      margin-left: 0; }
      .summary-chartwidget dt.col-npsscore [class*="col-"]:last-child .dl-horizontal dt + dd h1 .fa {
        float: none;
        margin-left: 6px;
        margin-right: 0; }

.col-npsscore > div {
  background: #6aa5d1;
  min-height: 146px;
  width: 252px;
  border: none;
  box-shadow: none; }
  .col-npsscore > div > div {
    color: #fff;
    font-weight: normal; }
    .col-npsscore > div > div span {
      color: #456B80; }
.col-npsscore dl {
  overflow: hidden; }
.col-npsscore dt + dd h1 .fa {
  color: #456B80;
  float: right;
  font-size: 30px;
  margin-right: 21px;
  text-align: right;
  vertical-align: top; }
.col-npsscore > .well-sm > [class^="col-"] + [class^="col-"] {
  margin-top: 15px; }

.col-npsscore-chart h5 {
  margin-bottom: 0; }
.col-npsscore-chart .well {
  border: 0px;
  box-shadow: none;
  height: 146px; }
.col-npsscore-chart .vertical-barchart .row-bar [class^="col-"] {
  padding: 0;
  width: 9.09%; }
.col-npsscore-chart .vertical-barchart .row-bar:last-child .col-xs-1:nth-child(6) {
  text-align: center; }
.col-npsscore-chart [class^="col-"] footer label {
  padding: 0; }

.chart-box .well {
  background: #fff;
  min-height: 400px;
  margin-bottom: 0;
  border-radius: 4px;
  box-shadow: 0 0 3px #ccc;
  border-color: transparent; }
.chart-box .titlepanel {
  margin-bottom: 20px; }

.row-comment .dl-horizontal dt {
  width: 100px; }
  .row-comment .dl-horizontal dt + dd {
    margin-left: 100px; }

.wordcount label {
  margin-left: 5px; }

.col-wordcount:before {
  background: none repeat scroll 0 0 #ebebeb;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  width: 1px;
  top: 19px; }
.col-wordcount:after {
  background: none repeat scroll 0 0 #EBEBEB;
  content: "";
  height: 100%;
  left: 4px;
  position: absolute;
  width: 1px;
  top: 19px;
  z-index: 1; }

.col-wordcount-value:after {
  background: none repeat scroll 0 0 #EBEBEB;
  content: "";
  height: 1px;
  left: 6px;
  position: absolute;
  top: 18px;
  width: 100%; }

.show-grid {
  margin-bottom: 5px; }
  .show-grid:last-child {
    margin-bottom: 0px; }

@media (min-width: 200px) and (max-width: 1264px) {
  .summary-chartwidget .dl-horizontal dt {
    width: 50%; }
  .summary-chartwidget .dl-horizontal dd {
    margin-left: 50%; }
  .summary-chartwidget .col-npsscore .well.well-sm {
    padding-bottom: 10px; }
  .summary-chartwidget .col-npsscore dt {
    width: 40px; }
    .summary-chartwidget .col-npsscore dt + dd {
      margin-left: 40px; }
      .summary-chartwidget .col-npsscore dt + dd h1 {
        font-size: 41px !important; }
  .summary-chartwidget .col-npsscore .icon-relationship-graph-2 {
    font-size: 35px; }
  .summary-chartwidget .col-responses dt {
    width: 40px; }
    .summary-chartwidget .col-responses dt + dd {
      margin-left: 40px; }

  .col-npsscore > div {
    width: auto; }
  .col-npsscore > .well-sm > [class^="col-"] + [class^="col-"] {
    margin-top: 0px; }

  .dl-horizontal dt {
    clear: left;
    float: left; } }
@media (min-width: 540px) and (max-width: 767px) {
  .summary-chartwidget .dl-horizontal dt {
    width: 252px; }
  .summary-chartwidget .dl-horizontal dd {
    margin-left: 252px; }
  .summary-chartwidget .col-npsscore dt,
  .summary-chartwidget .col-responses dt {
    width: 70px; }

  .col-npsscore > div {
    width: 252px; }

  .chart-box.scorechart.border-right {
    border-right: none; } }
@media (min-width: 0px) and (max-width: 361px) {
  .summary-chartwidget .col-npsscore dt + dd h1 {
    font-size: 35px !important; }
  .summary-chartwidget .col-npsscore .icon-relationship-graph-2 {
    font-size: 30px; }
  .summary-chartwidget .dl-horizontal {
    margin-bottom: 5px; }
  .summary-chartwidget .col-npsscore-chart .well {
    padding: 10px 0px; } }
/*Device Specific Styles*/
@media (min-width: 0px) and (max-width: 767px) {
  .jarviswidget header .titlepanel .chart-info.pull-right {
    float: left !important;
    padding-left: 0; } }
@media (min-width: 0px) and (max-width: 736px) {
  /*chart page*/
  .dashboard-chart.score-card.two-card {
    padding: 0; }

  .col-npsscore-chart > div.well {
    height: auto;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0; }
  .col-npsscore-chart .vertical-barchart {
    padding: 0; }
    .col-npsscore-chart .vertical-barchart .row.note {
      margin: 0; }
      .col-npsscore-chart .vertical-barchart .row.note * {
        font-size: 11px; }

  /*misc chart fixes*/
  .col-npsscore > div.well {
    min-height: 125px; }
  .col-npsscore > div {
    width: 100%; }
  .col-npsscore dt + dd h1 .fa {
    vertical-align: middle; }
  .company-stats .col-npsscore > div.well, .my-stats .col-npsscore > div.well {
    min-height: 146px; }

  .summary-chartwidget .dl-horizontal {
    max-height: 133px; }
    .summary-chartwidget .dl-horizontal dt {
      width: 100%; }
  .summary-chartwidget dt.col-npsscore [class*="col-"]:last-child .dl-horizontal dt {
    float: left;
    text-align: right !important;
    width: 45%; }
    .summary-chartwidget dt.col-npsscore [class*="col-"]:last-child .dl-horizontal dt + dd {
      float: left;
      text-align: left;
      width: 50%; }
  .summary-chartwidget .company-stats .col-npsscore dt,
  .summary-chartwidget .my-stats .col-npsscore dt {
    width: 45%;
    text-align: right !important; } }
.text-excd {
  color: #ff8347; }

a.quick-help {
  vertical-align: middle;
  text-decoration: none !important; }

.no-cmts-tray .highcharts-tooltip a.drilldown-comments {
  text-decoration: none !important;
  cursor: text !important;
  color: #424142 !important; }

.manage-tab .collabarator {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .manage-tab .collabarator > a {
    width: 40px;
    float: none !important;
    display: table-cell;
    vertical-align: top; }
  .manage-tab .collabarator .media-body {
    float: left;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px; }
    .manage-tab .collabarator .media-body > * {
      display: inline-block; }
    .manage-tab .collabarator .media-body .username {
      width: 200px;
      float: left; }
    .manage-tab .collabarator .media-body .btn-link {
      font-size: 24px !important; }
    .manage-tab .collabarator .media-body .homePageIcon {
      float: left; }
    .manage-tab .collabarator .media-body .btn-unshare {
      float: right; }

.localesettings .form-viewsettings {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb; }
  .localesettings .form-viewsettings [class*="col"] label + label {
    margin-top: 10px; }
  .localesettings .form-viewsettings [class*="col"] .checkbox [class*="icon-"] {
    font-size: 15px; }

#viewControls .shared-faces {
  margin-left: 0px; }
  #viewControls .shared-faces img {
    margin-left: 5px;
    margin-top: 5px; }
  #viewControls .shared-faces strong {
    margin-left: 3px; }

#ribbon #create-report-ribbon [class*="col-"] {
  padding-left: 11px !important; }
  #ribbon #create-report-ribbon [class*="col-"] + [class*="col-"] {
    padding-right: 26px; }

.customer-journey-line .highcharts-series path {
  cursor: default !important; }

.dashboard-chart-area .streamwidget {
  border: 0; }
  .dashboard-chart-area .streamwidget .stream-scroll {
    width: 100% !important;
    height: 100% !important; }
    .dashboard-chart-area .streamwidget .stream-scroll .chat-body {
      width: 100% !important; }
      .dashboard-chart-area .streamwidget .stream-scroll .chat-body.profile-message {
        background-color: #fff !important; }

.customer-journey-line .cg-xaxis h6 {
  margin: 0;
  text-align: left;
  font-size: 13px;
  line-height: 12px;
  height: 34px;
  white-space: normal;
  font-weight: normal;
  text-transform: uppercase;
  word-wrap: break-word; }
  .customer-journey-line .cg-xaxis h6 + .score {
    margin-top: 10px; }
  @media (max-width: 1024px) {
    .customer-journey-line .cg-xaxis h6 {
      height: 51px; } }
.customer-journey-line .cg-xaxis .score .pull-left {
  font-size: 22px;
  margin-top: 5px; }
.customer-journey-line .cg-xaxis .score .pull-right {
  position: relative;
  top: 11px;
  font-size: 11px; }
@media (max-width: 1024px) {
  .customer-journey-line .cg-xaxis .well-sm {
    padding: 6px; } }
.dashboard-chart-area .customer-journey-line .cg-xaxis .well-sm {
  padding: 6px; }
  .dashboard-chart-area .customer-journey-line .cg-xaxis .well-sm h6 {
    height: 51px; }
  @media (max-width: 1024px) {
    .dashboard-chart-area .customer-journey-line .cg-xaxis .well-sm .score * {
      float: none !important;
      top: 0px; } }

/*new spec - promoter mobilization*/
#promoter-mobilization-content-area .pm-summary {
  background-color: #b8c4cc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 13px; }
  #promoter-mobilization-content-area .pm-summary dd * {
    color: #fff; }
  #promoter-mobilization-content-area .pm-summary dd h6 {
    margin: 0;
    font-size: 15px;
    font-weight: 400; }
  #promoter-mobilization-content-area .pm-summary dd h4 {
    font-size: 15px; }
    #promoter-mobilization-content-area .pm-summary dd h4 strong {
      font-weight: lighter; }
  #promoter-mobilization-content-area .pm-summary dt * {
    color: #fff; }
  #promoter-mobilization-content-area .pm-summary dt i {
    font-size: 30px;
    vertical-align: middle; }
#promoter-mobilization-content-area .icon-facebook {
  color: #6aa4d1; }
#promoter-mobilization-content-area .icon-twitter {
  color: #89cec4; }
#promoter-mobilization-content-area .icon-linkedin {
  color: #7366ab; }
#promoter-mobilization-content-area .row-wofm-status [class*="col-"] {
  color: #424142; }
#promoter-mobilization-content-area .row.row-wofm-status .col-md-4 + .col-md-4 {
  padding-left: 0;
  padding-right: 0; }
  #promoter-mobilization-content-area .row.row-wofm-status .col-md-4 + .col-md-4 + .col-md-4 {
    padding-left: 13px;
    padding-right: 13px; }
#promoter-mobilization-content-area .chart-activity .grid-head {
  background-color: #f8f8f7;
  border-bottom: 1px solid #eee; }
  #promoter-mobilization-content-area .chart-activity .grid-head .show-grid label {
    display: block;
    text-align: right; }
  #promoter-mobilization-content-area .chart-activity .grid-head > .row > [class^="col-"] {
    padding: 13px 10px; }
#promoter-mobilization-content-area .well-sm {
  padding-left: 13px;
  padding-right: 13px; }
#promoter-mobilization-content-area hr + h4 {
  margin-bottom: 20px;
  margin-left: 13px; }
#promoter-mobilization-content-area .grid .row [class^="col-"]:first-child {
  padding-left: 5px; }
#promoter-mobilization-content-area .grid .col-legend {
  width: 8.33333%;
  text-align: center !important; }
  #promoter-mobilization-content-area .grid .col-legend.pull-right ~ .row {
    margin-right: 0;
    margin-right: 8.33333%; }
  #promoter-mobilization-content-area .grid .col-legend.pull-left ~ .row {
    margin-left: 8.33333%; }
#promoter-mobilization-content-area .chart-activity .scroll-body .grid-row {
  height: auto;
  /*80px*/
  margin: 0;
  padding: 0;
  height: 80px; }
  #promoter-mobilization-content-area .chart-activity .scroll-body .grid-row .col-legend [class*="icon-"] {
    margin-top: 27px;
    display: block;
    margin-top: 21px; }
  #promoter-mobilization-content-area .chart-activity .scroll-body .grid-row .col-count {
    height: 50px;
    line-height: 91px; }
    #promoter-mobilization-content-area .chart-activity .scroll-body .grid-row .col-count label {
      display: block;
      margin: 0; }
  #promoter-mobilization-content-area .chart-activity .scroll-body .grid-row:last-child {
    margin-bottom: 8px; }
#promoter-mobilization-content-area .row-promotercharts .titlepanel h6 {
  margin-left: 0; }
#promoter-mobilization-content-area .row-promotercharts .influence-mob .titlepanel h6 {
  margin-left: 13px;
  margin-bottom: 13px; }
#promoter-mobilization-content-area .highcharts-container {
  width: 100% !important; }

dt#prom-mobi-donut-chart-main {
  margin-top: -10px; }

#prom_mobi_comments_table_wrapper table.dataTable thead th {
  text-align: left;
  vertical-align: middle;
  background-position: right center;
  background-color: #f8f8f7;
  border-bottom: 1px solid #eee; }
  #prom_mobi_comments_table_wrapper table.dataTable thead th label {
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: normal; }
#prom_mobi_comments_table_wrapper table.dataTable thead .show-grid > [class*="col-"] {
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle; }
#prom_mobi_comments_table_wrapper table.dataTable tbody .show-grid > [class*="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
  border: 0; }
#prom_mobi_comments_table_wrapper table.dataTable .col-legend [class*="icon-"] {
  vertical-align: middle;
  display: block; }
#prom_mobi_comments_table_wrapper table.dataTable tr.show-grid.grid-row:hover, #prom_mobi_comments_table_wrapper table.dataTable tr.show-grid.grid-row:focus, #prom_mobi_comments_table_wrapper table.dataTable tr.show-grid.grid-row:active {
  background-color: #efefef !important; }

#comments-details-container td label {
  margin: 0;
  vertical-align: middle;
  display: block; }

#prom_mobi_comments_table_wrapper table.dataTable thead th {
  font-size: inherit;
  line-height: 16px;
  vertical-align: top;
  background-position: right 10px; }

#prom-mobi-line-chart-main .highcharts-container {
  width: 99% !important; }

h4#prom-mobi-comments-table-section-heading {
  margin-left: 13px;
  margin-bottom: 20px; }

.row-promotercharts .titlepanel h6 {
  font-size: 16px !important; }

@media (min-width: 0px) and (max-width: 736px) {
  .chartWrapper #promoter-mobilization-content-area .scroll-body {
    padding: 0; }

  #promoter-mobilization-content-area .grid .grid-row {
    padding: 0; }

  #promoter-mobilization-content-area .grid .row [class^="col-"]:first-child {
    padding-left: 5px; }

  #promoter-mobilization-content-area .col-count label {
    vertical-align: middle; } }
#promoter-mobilization-content-area .row-grid [class^="col-"]:first-child {
  padding-left: 13px; }

/* BG-8734 */
#promoter-mobilization-content-area .well-sm {
  margin-bottom: 0 !important;
  padding-bottom: 0; }

#prom-mobi-bar-chart-main {
  height: 186px;
  overflow: hidden; }

#promMobiChartType a.custom-iconcombolist {
  height: auto; }

.prom-mobi-alternative-chart-bar .highcharts-container {
  margin-top: -13px; }

#prom-mobi-top-influencers-chart-main .highcharts-container {
  margin-top: -26px; }

.addchart .right-panel .view-body > .well-lg {
  padding-top: 0; }

#prom_mobi_comments_table_wrapper table.dataTable thead .show-grid > [class*="col-"] label {
  margin-bottom: 0; }

#prom-mobi-top-influencers-chart-main {
  height: 168px !important; }

table#prom_mobi_comments_table tr th + th + th + th + th + th label {
  width: 125px; }
table#prom_mobi_comments_table tr th + th + th + th + th + th + th label {
  width: auto; }

.chart-assessment div span[class*="icon-"] {
  font-size: 75px;
  color: #77aaa0; }
.chart-assessment.done h1 {
  margin-top: 120px; }
.chart-assessment .label {
  border-radius: 500px;
  width: 120px;
  height: 120px;
  background-color: #fff; }
.chart-assessment .well-sm {
  padding: 13px; }
.chart-assessment h1 {
  font-size: 32px;
  margin-bottom: 40px;
  margin-top: 30px; }
.chart-assessment .pie-chart {
  margin-bottom: 0px; }
  .chart-assessment .pie-chart + h2 {
    font-size: 20px; }
.chart-assessment .btn-panel {
  padding: 25px 0px 0px;
  margin-bottom: 30px; }
  .chart-assessment .btn-panel .btn {
    font-weight: normal;
    padding: 14px 50px; }
  .chart-assessment .btn-panel .icon-angleleft {
    padding-top: 3px;
    position: absolute;
    display: inline-block;
    padding-left: 3px; }
.chart-assessment .piechart-container h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 100; }

.assesment-popup {
  margin-top: 10%; }
  .assesment-popup h1 {
    margin: 80px 0px 0px; }
  .assesment-popup p {
    font-size: 13px;
    width: 74%;
    margin: 0px auto;
    line-height: 18px;
    font-weight: 500; }
    .assesment-popup p a:hover {
      text-decoration: none; }
  .assesment-popup .btn-lg {
    margin: 5px 0px; }
  .assesment-popup .modal-dialog {
    margin-top: 15%; }
  .assesment-popup .close {
    color: #77aaa0; }
  .assesment-popup.caution h1 {
    margin-top: 0px;
    font-size: 22px; }
  .assesment-popup.caution p {
    padding-bottom: 32px; }
  .assesment-popup.caution .modal-body {
    padding-bottom: 32px; }
  .assesment-popup .modal-body .btn {
    margin: 0px 10px;
    border-radius: 0px; }
  .assesment-popup .modal-content {
    padding-bottom: 40px; }
  .assesment-popup ul {
    padding: 5% 3%;
    margin: 0px; }
  .assesment-popup ul li {
    font-size: 13px;
    margin-bottom: 5px; }
  .assesment-popup .modal-body {
    padding: 30px 60px; }

.assessreport-box {
  border-radius: 5px;
  min-height: 250px;
  box-shadow: 0px 0px 3px #ccc !important;
  padding: 13px;
  width: 100%;
  background: #fff; }
  .assessreport-box.no-radius {
    border-radius: 0px; }
  .assessreport-box .table-hover {
    margin-bottom: 0px; }
    .assessreport-box .table-hover + .view-more-sec {
      padding-bottom: 30px; }
    .assessreport-box .table-hover tbody {
      border-bottom: 1px solid #ddd; }
  .assessreport-box header {
    padding-top: 0px;
    padding-bottom: 10px; }
    .assessreport-box header h3 {
      border-bottom: 1px solid rgba(153, 153, 153, 0.5);
      font-size: 17px;
      color: #333333;
      padding-bottom: 7px; }
  .assessreport-box h4 {
    font-size: 13px; }
    .assessreport-box h4 small {
      color: #999;
      font-size: 100%; }
  .assessreport-box.developing {
    border-top: 8px solid  #44b1ca !important; }
  .assessreport-box.low-performer {
    border-top: 8px solid  #a8d4e5 !important; }
  .assessreport-box.operational {
    border-top: 8px solid  #2c80a4 !important; }
  .assessreport-box.top-performer {
    border-top: 8px solid  #3c4973 !important; }
  .assessreport-box.no-performer {
    border-top: 8px solid  transparent !important; }
  .assessreport-box footer {
    padding: 20px 0px 10px;
    margin: 0px; }
  .assessreport-box .rounded {
    border: 1px solid #999;
    width: 40px;
    line-height: 11px;
    border-radius: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    padding: 9px 0px;
    max-height: 40px;
    height: 40px; }
    .assessreport-box .rounded strong {
      display: block; }
  .assessreport-box .table td {
    vertical-align: middle; }
  .assessreport-box .table tr:hover > td {
    background-color: #fff; }
  .assessreport-box dd h2 {
    font-size: 14px;
    font-weight: bold; }
    .assessreport-box dd h2 + p {
      font-size: 12px; }
  .assessreport-box .see-how {
    background: rgba(107, 167, 151, 0.15);
    padding: 18px; }
    .assessreport-box .see-how h3 {
      font-size: 20px;
      line-height: 29px; }
  .assessreport-box .question-wrap {
    color: #666666;
    padding: 0px 26px !important; }
    .assessreport-box .question-wrap h6 {
      font-size: 18px;
      font-weight: 100; }
    .assessreport-box .question-wrap h1 {
      display: block; }
      .assessreport-box .question-wrap h1 label {
        font-size: 36px;
        width: 92%;
        line-height: 70%; }
    .assessreport-box .question-wrap p {
      font-size: 18px;
      font-weight: 600; }
    .assessreport-box .question-wrap .well-lg {
      padding: 23px; }
  .assessreport-box .assessreport-cntrlbrdr {
    margin-top: 55px; }

@media (min-width: 0px) and (max-width: 991px) {
  .assessreport-wrapper .same-height {
    display: block;
    margin-bottom: 15px; }

  .stacked-bar-label {
    text-align: left; }

  .assessreport-box .pagination {
    display: none; } }
.edit-assessment {
  background: #ececec; }
  .edit-assessment h1 {
    color: #999;
    font-size: 18px; }
  .edit-assessment .btn {
    padding: 15px 30px;
    font-size: 20px; }

.margin-bottom-25 {
  margin-bottom: 25px; }

.fixed-header #main #content.assessment-padding {
  padding-bottom: 10px; }

.wordcloud-item {
  padding-left: 4px;
  padding-right: 4px;
  color: #7fa8e2;
  text-shadow: none;
  background-color: transparent; }
  .wordcloud-item.active {
    color: #848484 !important;
    background-color: #d8d8d8 !important; }

.filtercontent .align-inline > .form-group {
  margin-bottom: 0; }
  .filtercontent .align-inline > .form-group + .form-group {
    margin-left: 15px; }

@media (min-width: 768px) {
  .assessreport-box .dl-horizontal dd {
    margin-left: 139px; }

  .assessreport-box .dl-horizontal dt {
    width: 125px;
    margin-top: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .assessreport-box .padding-5 {
    padding-left: 13px !important;
    padding-right: 13px !important; }
  .assessreport-box .dl-horizontal {
    margin-bottom: 0; }
    .assessreport-box .dl-horizontal dt {
      width: 100%;
      float: none; }
      .assessreport-box .dl-horizontal dt .pie-chart {
        text-align: center; }
    .assessreport-box .dl-horizontal dd {
      margin-left: 0 !important;
      display: block; }
      .assessreport-box .dl-horizontal dd p {
        margin-bottom: 0; } }
/*BG-16450*/
@media (max-width: 480px) {
  .customer-journey-line .cg-xaxis h6 {
    display: none; }
  .customer-journey-line .cg-xaxis .score {
    margin-top: -10px !important;
    height: 65px; }
    .customer-journey-line .cg-xaxis .score div {
      width: 100%;
      float: none !important;
      text-align: center; } }
#ribbon .last-update.assessment {
  top: 0px;
  position: absolute;
  right: 26px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    #ribbon .last-update.assessment {
      top: 0; } }
  @media (min-width: 0px) and (max-width: 800px) {
    #ribbon .last-update.assessment {
      font-size: 11px; } }
  @media (min-width: 0px) and (max-width: 639px) {
    #ribbon .last-update.assessment {
      top: 22px; } }

.assessreport-control a {
  padding-top: 0px !important;
  padding-bottom: 0px  !important;
  line-height: 14px; }
  .assessreport-control a:nth-child(2) {
    border: 1px solid #999;
    border-top: none;
    border-bottom: none; }

.beta-txt {
  width: 60px;
  height: 60px;
  background: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  border-top: 110px solid #77aaa0;
  border-right: 110px solid transparent; }
  .beta-txt span {
    position: absolute;
    top: -89px;
    right: -66px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.npx div[contenteditable="true"] a {
  color: #77aaa0; }

.drilldownmessage.drilldown-bar .dl-horizontal {
  margin-bottom: 0; }
.drilldownmessage.drilldown-bar + .dataTables_wrapper {
  margin-top: 0 !important; }
.drilldownmessage .icon-remove {
  font-size: 100%; }

.chartgenericmessaege {
  display: inline-block;
  width: 100%; }

.peercomp-legend-div {
  padding: 20px; }

.peercomp-legend-label {
  border: 1px solid grey;
  padding: 5px 20px; }

.multiple-chart-on-peercomp {
  line-height: 30px; }

#hierarchyctr .select2-container, #hierarchylevel .select2-container, #benchmark-level .select2-container {
  width: 100% !important; }

.peer-comp-info {
  margin-top: 3px;
  font-size: 15px; }

.alerttabs li a {
  line-height: 28px; }

.s-modaladdalerts,
.form-alerts {
    /* 
    .s-slfsrvice-accordion-heading {border:none; padding-bottom:0px; padding-left:0px}
    .s-slfsrvice-accordion-group, 
    .s-slfsrvice-accordion-inner{padding:0}
    .s-slfsrvice-accordionbtn{float:left}
    .s-slfsrvice-accordion{margin-bottom:0px}

    .s-slfsrvice-accordion .ui-state-disabled, 
    .s-slfsrvice-accordion .ui-widget-content .ui-state-disabled, 
    .s-slfsrvice-accordion .ui-widget-header .ui-state-disabled{opacity:1; filter:Alpha(Opacity=100);}

    .s-slfsrvice-accordion .s-slfsrvice-accordionbtn{float:right}
    .s-slfsrvice-accordion .s-slfsrvice-accordionbtn button{margin:-9px -14px -8px 0}
    .s-slfsrvice-accordion .s-slfsrvice-accordion-heading{padding-left:15px !important}

    .s-slfsrvice-accordion .s-slfsrvice-accordion-heading .s-slfsrvice-accordionbtn button i.icon-tmpsel-grey:before{content: "\e64f";}
    .s-slfsrvice-accordion .s-slfsrvice-accordion-heading.ui-state-active .s-slfsrvice-accordionbtn button i.icon-tmpsel-grey:before{content: "\e652";}
    */ }
  .s-modaladdalerts .s-form-horizontal .control-group .s-custom-combolist-wrap .alert,
  .form-alerts .s-form-horizontal .control-group .s-custom-combolist-wrap .alert {
    position: absolute;
    left: 100%;
    top: 7px;
    width: 100%;
    margin-left: 10px;
    margin-bottom: 0;
    padding: 0;
    white-space: nowrap; }
  .s-modaladdalerts .s-form-horizontal .control-group input[type="text"],
  .s-modaladdalerts .s-form-horizontal .control-group textarea,
  .form-alerts .s-form-horizontal .control-group input[type="text"],
  .form-alerts .s-form-horizontal .control-group textarea {
    width: 500px; }
  .s-modaladdalerts .s-form-horizontal .control-group input.bigfield,
  .s-modaladdalerts .s-form-horizontal .control-group .form-control,
  .form-alerts .s-form-horizontal .control-group input.bigfield,
  .form-alerts .s-form-horizontal .control-group .form-control {
    width: 100%; }
  .s-modaladdalerts .s-form-horizontal .control-label,
  .form-alerts .s-form-horizontal .control-label {
    width: 188px; }
    .s-modaladdalerts .s-form-horizontal .control-label.smallwidth,
    .form-alerts .s-form-horizontal .control-label.smallwidth {
      width: 100px !important; }
    .s-modaladdalerts .s-form-horizontal .control-label .alert,
    .form-alerts .s-form-horizontal .control-label .alert {
      margin-bottom: 0;
      padding: 0; }
  .s-modaladdalerts .s-form-horizontal .controls,
  .form-alerts .s-form-horizontal .controls {
    margin-left: 198px; }
    .s-modaladdalerts .s-form-horizontal .controls.smallmrgleft,
    .form-alerts .s-form-horizontal .controls.smallmrgleft {
      margin-left: 103px !important; }
    .s-modaladdalerts .s-form-horizontal .controls div[contenteditable="true"],
    .form-alerts .s-form-horizontal .controls div[contenteditable="true"] {
      display: block;
      padding: 4px 6px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      border: 1px solid #cccccc;
      background-color: #ffffff; }
      .s-modaladdalerts .s-form-horizontal .controls div[contenteditable="true"]:focus,
      .form-alerts .s-form-horizontal .controls div[contenteditable="true"]:focus {
        border-color: rgba(82, 168, 236, 0.8);
        outline: 0;
        outline: thin dotted \9;
        /* IE6-9 */ }
  .s-modaladdalerts .s-form-horizontal .mrgnlft,
  .form-alerts .s-form-horizontal .mrgnlft {
    margin-left: 0; }
    .s-modaladdalerts .s-form-horizontal .mrgnlft .label-checkbox,
    .form-alerts .s-form-horizontal .mrgnlft .label-checkbox {
      display: inline-block;
      width: 180px; }
  .s-modaladdalerts .alert,
  .form-alerts .alert {
    margin-bottom: 0; }
  .s-modaladdalerts .or-wizard,
  .form-alerts .or-wizard {
    width: 500px; }
    .s-modaladdalerts .or-wizard [class*="col-"]:first-child,
    .form-alerts .or-wizard [class*="col-"]:first-child {
      padding-left: 0; }
    .s-modaladdalerts .or-wizard [class*="col-"]:last-child,
    .form-alerts .or-wizard [class*="col-"]:last-child {
      padding-right: 0; }
    .s-modaladdalerts .or-wizard [class*="col-"],
    .form-alerts .or-wizard [class*="col-"] {
      vertical-align: top; }
      .s-modaladdalerts .or-wizard [class*="col-"] + [class*="col-"]:after,
      .form-alerts .or-wizard [class*="col-"] + [class*="col-"]:after {
        font-size: 14px;
        left: -5px;
        margin: 0;
        padding: 0;
        top: 5px; }
      .s-modaladdalerts .or-wizard [class*="col-"] .form-group,
      .form-alerts .or-wizard [class*="col-"] .form-group {
        margin-bottom: 0; }
      .s-modaladdalerts .or-wizard [class*="col-"] .s-custom-combolist-wrap,
      .form-alerts .or-wizard [class*="col-"] .s-custom-combolist-wrap {
        width: 100%; }
        .s-modaladdalerts .or-wizard [class*="col-"] .s-custom-combolist-wrap .s-custom-combolist,
        .form-alerts .or-wizard [class*="col-"] .s-custom-combolist-wrap .s-custom-combolist {
          width: 100% !important; }
      .s-modaladdalerts .or-wizard [class*="col-"] .controls,
      .form-alerts .or-wizard [class*="col-"] .controls {
        margin-left: 0; }
      .s-modaladdalerts .or-wizard [class*="col-"] .s-custom-combolist-wrap .alert,
      .form-alerts .or-wizard [class*="col-"] .s-custom-combolist-wrap .alert {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin-left: 0; }
  .s-modaladdalerts .s-formswrap input[type=text],
  .s-modaladdalerts .s-formswrap textarea,
  .s-modaladdalerts .s-formswrap .uneditable-input,
  .form-alerts .s-formswrap input[type=text],
  .form-alerts .s-formswrap textarea,
  .form-alerts .s-formswrap .uneditable-input {
    width: 500px; }
  .s-modaladdalerts .s-formswrap .s-logic-brderbox input,
  .s-modaladdalerts .s-formswrap .s-logic-brderbox textarea,
  .s-modaladdalerts .s-formswrap .s-logic-brderbox .uneditable-input,
  .form-alerts .s-formswrap .s-logic-brderbox input,
  .form-alerts .s-formswrap .s-logic-brderbox textarea,
  .form-alerts .s-formswrap .s-logic-brderbox .uneditable-input {
    width: auto; }
  .s-modaladdalerts .s-formswrap .bigfield,
  .form-alerts .s-formswrap .bigfield {
    width: 100% !important; }
  .s-modaladdalerts .s-formswrap .txtarea-minheight,
  .form-alerts .s-formswrap .txtarea-minheight {
    min-height: 60px !important; }
  .s-modaladdalerts .s-logic-brderbox .s-addremove-rhtindent,
  .form-alerts .s-logic-brderbox .s-addremove-rhtindent {
    position: relative;
    right: 40px !important;
    top: 0px; }
  .s-modaladdalerts .s-tab-content,
  .form-alerts .s-tab-content {
    float: right;
    position: absolute;
    right: 20px;
    top: 5px;
    width: 37%;
    text-align: left;
    padding: 10px; }
  .s-modaladdalerts .s-tab-content p,
  .form-alerts .s-tab-content p {
    text-align: justify;
    font-size: 12px; }
  .s-modaladdalerts .s-formswrap,
  .s-modaladdalerts .s-modal-body,
  .form-alerts .s-formswrap,
  .form-alerts .s-modal-body {
    border: 0px !important; }

.ext-ie11 .s-modaladdalerts .s-form-horizontal .control-label.smallwidth,
.ext-ie11 .form-alerts .s-form-horizontal .control-label.smallwidth {
  width: 104px !important; }
.ext-ie11 .s-modaladdalerts .s-form-horizontal .controls.smallmrgleft,
.ext-ie11 .form-alerts .s-form-horizontal .controls.smallmrgleft {
  margin-left: 107px !important; }

.journy-bar-1 {
  float: left;
  width: 78%;
  margin-left: 11%;
  margin-top: 30px;
  margin-bottom: 100px;
  background: #f8f8f8;
  padding: 3%;
  border: 1px solid #ebebeb; }

.journy-bar-tab {
  width: 110px;
  float: left;
  cursor: pointer; }

.journy-bar-tab-2, .journy-bar-tab-3 {
  width: 155px; }

.journy-bar-tab .journy-bar-tab-label {
  float: left;
  width: 100%;
  margin-top: 0px;
  padding-right: 25px;
  text-align: center;
  font-weight: normal;
  position: relative;
  background: #dee0e2; }

[charttype="heatmap"] .journy-bar-tab .journy-bar-tab-label {
  background: none; }

.journy-bar-tab .drag-handle {
  float: left;
  width: 20px;
  padding: 2px;
  margin-top: 0px;
  cursor: move;
  background: none;
  box-shadow: none;
  border: none;
  font-size: 14px;
  color: #424142;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  transform: rotate(45deg); }

.journy-bar-tab:hover .drag-handle {
  opacity: 1; }

.journy-bar-tab .drag-handle + * {
  width: auto;
  float: none;
  margin-left: 20px; }

.journy-bar-tab .journy-bar-tab-label span, .journy-bar-tab .journy-bar-tab-label span i {
  text-decoration: none;
  font-size: 14px !important; }

[charttype="heatmap"] .journy-bar-tab .journy-bar-tab-label span {
  text-align: left;
  padding-left: 5px !important; }

.journy-bar-tab .journy-bar-tab-label span.editable-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.journy-bar-tab .journy-bar-tab-label i.deletetouchpoint {
  overflow: visible !important;
  display: inline-block !important;
  opacity: 0;
  background-color: #424142;
  border-radius: 2px;
  color: #fff;
  padding: 1px 2px;
  margin-left: 2px;
  float: right;
  position: absolute;
  right: 5px;
  top: 2px; }

[charttype="heatmap"] .journy-bar-tab .journy-bar-tab-label i {
  border-radius: 2px;
  color: gray;
  display: inline-block !important;
  margin-left: 2px;
  opacity: 1;
  overflow: visible !important;
  padding: 1px 2px;
  position: relative; }

.journy-bar-tab .journy-bar-tab-label i + * {
  margin-right: 20px; }

/* [charttype="heatmap"] ul.select-graph li{min-width:160px;} */
[charttype="heatmap"] #journeyList1 .select-customerjourney {
  min-width: 124px; }

.editable-text {
  position: relative; }

.editable-text label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.editable-text-working {
  display: block;
  width: 100%;
  margin-right: 0; }

.editable-text-working input[type="text"] {
  width: 100%;
  height: 30px;
  float: left;
  text-align: center; }

.journy-bar-tab .journy-bar-tab-label:hover i {
  opacity: 1; }

.journy-bar-tab .journy-bar-tab-row {
  float: left;
  width: 100%;
  position: absolute;
  top: 63px;
  margin-bottom: 10px; }

.journy-bar-tab .journy-bar-tab-row .journy-bar-tab-col2 {
  width: 100%;
  text-align: center;
  position: relative; }

.journy-bar-tab .journy-bar-tab-row .journy-bar-tab-col2:before {
  height: 1px;
  background: #d1d2d4;
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  top: 6px;
  z-index: 1; }

.journy-bar-tab .journy-bar-tab-row .journy-bar-tab-col2 [class*="icon-"] {
  font-size: 24px;
  position: relative;
  z-index: 3;
  top: -10px; }

.journy-bar-tab .journy-bar-tab-row .journy-bar-tab-remove-bg {
  background: none !important; }

.program_table_row {
  background: #dee0e2;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  height: 59px; }

.program_table_row th {
  padding-top: 2px;
  padding-bottom: 10px; }

#program_table_button label {
  display: inline-block;
  height: 80px;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: pre-line;
  width: 90px; }

[charttype="heatmap"] #program_table_button label {
  display: inline-block;
  height: 80px;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: pre-line;
  width: 97px;
  float: left; }

.controlar-col1 #program_table_button i {
  float: none;
  margin-right: 10px;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: text-top;
  min-width: 14px; }

[charttype="heatmap"] .controlar-col1 #program_table_button i {
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  vertical-align: middle; }

.column-contents {
  float: left;
  width: 26%;
  margin-left: 2%;
  margin-right: 2%; }

.column-contents-icon {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 10px; }

.column-contents-label {
  float: left;
  width: 100%;
  text-align: center;
  color: #6CA898;
  font-size: 17px; }

.column-contents-body {
  float: left;
  width: 100%;
  margin-top: 20px; }

.btn-2 {
  display: block;
  background: #6CA898;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #FFF !important;
  text-decoration: none !important;
  text-align: left;
  padding: 10px 0;
  padding-left: 16px;
  float: left;
  width: 100%; }

.btn-2 i {
  float: left;
  margin-right: 10px;
  width: 20px; }

.btn-align-center {
  text-align: center;
  padding-left: 0; }

.column-contents-space {
  float: left;
  width: 100%;
  margin-bottom: 20px; }

.column-contents-seperator {
  float: left;
  width: 50px;
  position: relative;
  height: 400px; }

.column-contents-seperator .column-contents-seperator-line {
  margin: 0 auto;
  height: 100%;
  width: 1px;
  background: #DDDDDD; }

.column-contents-seperator .column-contents-seperator-label {
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #EFEFEF;
  border: 1px solid #DDDDDD;
  padding-top: 9px;
  font-size: 14px;
  left: 5px;
  top: 20px; }

.gray-box {
  float: left;
  width: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #f0f6f4;
  padding: 14px;
  text-align: center; }

.gray-box-row {
  float: left;
  width: 100%; }

.facebook-bg {
  background: #596F96;
  color: #FFF !important; }

.twitter-bg {
  background: #8CD4EA;
  color: #FFF !important; }

.linkedin-bg {
  background: #4799B2;
  color: #FFF !important; }

.social-icons a {
  color: #FFF !important;
  font-size: 36px;
  padding: 10px 5px;
  display: inline-block;
  width: 65px;
  text-decoration: none !important; }

.fa-facebook:hover, .fa-twitter:hover, .fa-linkedin:hover {
  color: #FFF !important; }

.gray-box-icons {
  float: left;
  width: 51px;
  height: 51px;
  background: #999;
  margin: 4px; }

.empty-space {
  float: left;
  width: 100%;
  min-height: 400px;
  text-align: center; }

.journey-row {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.journey-col1 {
  float: left;
  width: 220px;
  margin-right: 5px; }

.width-220 {
  width: 220px; }

.journey-col2 {
  float: left;
  width: 550px; }

.gray-row {
  background: #F4F4F4;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px; }

.gray-row .journey-tab {
  color: #000; }

.journey-tab .journey-tab-inner {
  padding: 5px;
  height: 100px; }

.chartWrapper [charttype="heatmap"] .journey-tab .journey-tab-inner:not(*:root) {
  width: 81%; }

.chartWrapper [charttype="heatmap"] .journey-tab.light-grey-bg-block .journey-tab-inner:not(*:root) {
  width: 100%; }

.journey-tab .journey-tab-inner.smart-form .radio,
.journey-tab .journey-tab-inner.smart-form .checkbox {
  font-size: 11px;
  padding-left: 20px;
  line-height: 14px; }

.journey-tab .journey-tab-inner.smart-form .radio i,
.journey-tab .journey-tab-inner.smart-form .checkbox i {
  width: 13px;
  height: 13px; }

.journey-tab .journey-tab-inner.smart-form .radio i:after,
.journey-tab .journey-tab-inner.smart-form .checkbox i:after {
  font-size: 11px;
  line-height: 15px;
  left: -1px; }

.journey-empty-tab {
  background: #e7e7e7 !important;
  min-height: 66px;
  text-align: center; }

.journey-empty-tab i {
  font-size: 17px;
  margin-top: 26px;
  color: #E0E0E0; }

.journey-tab > div {
  margin-left: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  height: 80px;
  background: #f7f7f7;
  border: 1px solid #f7f7f7; }

.controlar-carousel-column .journey-tab > div {
  margin-left: 0; }

.controlar-carousel-column .journey-tab > div header {
  height: 55px;
  overflow: hidden; }

.controlar-carousel-column .journey-tab > div footer {
  height: 35px;
  display: table-cell;
  vertical-align: bottom; }

.controlar-carousel-column .journey-tab {
  margin-top: 4px;
  margin-right: 3px; }

.single-survey-tab-row .controlar-carousel-column .journey-tab {
  margin-right: 0; }

.single-survey-tab-row.program td.controlar-carousel-column:last-child {
  padding-right: 4px; }

.controlar-carousel-column .hdr-span {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 4px;
  white-space: nowrap;
  width: 125px;
  text-align: left; }

.controlar-carousel-column-height {
  max-height: 100px !important; }

.single-survey-tab {
  width: 158px !important;
  border: 0 !important;
  background: #c9c9c9;
  margin-left: -1px; }

.single-survey-tab-row {
  border: 1px solid #f2f2f2 !important;
  border-left: 0px solid #f2f2f2 !important;
  border-right: 0px solid #f2f2f2 !important;
  border-top: 0 !important; }

.single-survey-tab-row .controlar-carousel-column .journey-tab {
  border-top: 1px solid #f2f2f2 !important; }

.draft-tab {
  background: #DCE2E5 !important; }
  .draft-tab header h4 {
    background: #e6ecef !important; }
    .draft-tab header h4 .label-icon {
      background: #c9cfd1; }
  .draft-tab footer .icon-settings {
    color: #fff !important; }
  .draft-tab .icon-lock,
  .draft-tab footer {
    color: #414141; }
  .draft-tab:hover header {
    background: #DCE2E5 !important; }
  .draft-tab:hover .label-icon {
    background: #b7bdbf; }

.closed-tab {
  background: #999 !important;
  height: 100px !important; }
  .closed-tab header h4 {
    background: #dadada !important; }
    .closed-tab header h4 .label-icon {
      background: #c7c7c7; }
  .closed-tab footer .icon-settings {
    color: #fff !important; }
  .closed-tab .icon-lock,
  .closed-tab footer {
    color: #414141; }
  .closed-tab:hover header {
    background: #999 !important; }
  .closed-tab:hover .label-icon {
    background: #717070; }

.live-tab {
  background: #8ebbb4 !important; }
  .live-tab header h4 {
    background: #c9e2df !important; }
    .live-tab header h4 .label-icon {
      background: #b9cfcc; }
  .live-tab footer .icon-settings {
    color: #fff !important; }
  .live-tab .icon-lock,
  .live-tab footer {
    color: #2a5750; }
  .live-tab:hover header {
    background: #8ebbb4 !important; }
  .live-tab:hover .label-icon {
    background: #2e5950; }

.working-tab {
  background: #f3cb74 !important; }
  .working-tab header h4 {
    background: #f4d695 !important; }
    .working-tab header h4 .label-icon {
      background: #deba6e; }
  .working-tab footer .icon-settings {
    color: #fff !important; }
  .working-tab .icon-lock,
  .working-tab footer {
    color: #ad681b; }
  .working-tab:hover header {
    background: #f3cb74 !important; }
  .working-tab:hover .label-icon {
    background: #af671b; }

.dropdown-menu-icons {
  float: left;
  width: 100%;
  border-bottom: 1px solid #eaeaea; }

.dropdown-menu-icons a {
  color: #000 !important;
  font-size: 18px !important;
  padding: 13px !important; }

.dropdown-child-tabs {
  width: 100%;
  margin-bottom: 0px;
  overflow: hidden;
  padding: 5px; }

.dropdown-child-working {
  width: 50%;
  background: #fff;
  color: #b16f21;
  border: 1px solid #f3cb74;
  padding: 5px;
  text-align: center;
  float: left;
  -moz-border-top-left-radius: 4px;
  -webkit-border-topleft-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottomleft-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer; }

.dropdown-child-working.active, .dropdown-child-working-active, .dropdown-child-working:hover {
  background: #f3cb74; }

.dropdown-child-live {
  color: #8ebcb2;
  border: 1px solid #e6e6e6;
  width: 50%;
  float: left;
  background: #FFF;
  padding: 5px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-topright-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottomright-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  cursor: pointer; }

.dropdown-child-live.active, dropdown-child-live-active, .dropdown-child-live:hover {
  background: #c9e2df; }

.controlar-carousel-column .dropdown-menu section a:hover i {
  color: #8e8e8e; }

.controlar-carousel-column .journey-tab header h6 {
  font-weight: bold; }

.controlar-carousel-column .journey-tab header h4 {
  background: #dadada;
  margin-top: 2px; }

.controlar-carousel-column .journey-tab header h4 .label {
  float: left;
  width: 80%;
  margin-top: 6px;
  text-align: left !important; }

.controlar-carousel-column .journey-tab header h4 .label-icon {
  float: right;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 9px;
  cursor: pointer; }

.preview-tab .controlar-carousel-column .journey-tab header h4 .label-icon {
  cursor: default; }

.gray-bg-block > div {
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  color: #909090; }

.grey-panel {
  background: #f7f7f7; }

.white-bg-block > div {
  background: #fff;
  border: 1px solid #f7f7f7;
  color: #909090; }

.white-bg-block > div.no-border {
  border: 0px;
  border-radius: 1px; }

.light-green-bg-block > div {
  background: #cde1b0;
  border: 1px solid #cde1b0; }

.light-green-bg-block .journey-tab-inner-counter {
  background: #b9d48f;
  color: #fff; }

.light-yellow-bg-block > div {
  background: #fbecb3;
  border: 1px solid #fbecb3; }

.light-yellow-bg-block .journey-tab-inner-counter {
  background: #f8e694; }

.light-red-bg-block > div {
  background: #f1a1a0;
  border: 1px solid #f1a1a0; }

.light-red-bg-block .journey-tab-inner-counter {
  background: #ed797a;
  color: #fff; }

.surveycard {
  background: none repeat scroll 0 0 #fff; }
  .surveycard header {
    height: 60px;
    padding: 2px 5px; }
  .surveycard footer {
    padding: 2px 5px;
    height: 38px;
    border-radius: 0 0 4px 4px; }
    .surveycard footer h6 {
      margin-bottom: 5px;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .surveycard footer .btn-primary {
      padding: 4px 12px; }
  .surveycard h4,
  .surveycard h6 {
    color: #424142;
    margin: 0;
    font-size: 12px;
    font-weight: normal; }
    .surveycard h4.surveyname,
    .surveycard h6.surveyname {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .surveycard .qnlabel {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .surveycard small.status {
    font-size: 11px; }
  .surveycard .select2-container .select2-choice,
  .surveycard .select2-container .select2-arrow {
    background-color: #6ca898;
    color: #fff; }
  .surveycard .select2-container .select2-choice {
    height: 28px;
    line-height: 28px; }
  .surveycard .select2-container .select2-arrow {
    border-left-width: 0; }
  .surveycard footer .btn-link {
    color: #fff; }

.journey-mapped.surveycard h4,
.journey-mapped.surveycard h6,
.journey-mapped.surveycard .surveysummary {
  font-size: 13px;
  min-height: 20px; }

.journey-mapped.surveycard .surveysummary {
  margin-bottom: 5px; }

.journey-mapped.surveycard .surveysummary span {
  font-size: 11px;
  padding-right: 5px; }

.journey-mapped.surveycard .surveysummary > span + span {
  border-left: 1px solid #999;
  padding-left: 6px; }

.journey-mapped.surveycard header {
  background: #fff;
  height: 60px;
  border: 0px; }

.journey-mapped.surveycard footer {
  height: 30px;
  padding-top: 6px; }

.journey-mapped.surveycard footer .journey-tab-icon .btn-group {
  font-size: 12px;
  margin-right: 0px; }

.journey-mapped.surveycard footer .journey-tab-icon .btn-group button.btn-link {
  padding: 0px; }

.journey-tab.width-120 {
  width: 155px !important; }

.journey-tab.width-120.white-bg-block {
  width: 152px !important; }

.controlar-carousel-column-left-border .single-survey-tab {
  border-left: 2px solid #f2f2f2 !important; }

.journey-mapped.surveycard.working-tab footer .journey-tab-icon .btn-group {
  font-style: italic; }

.journey-mapped.surveycard.working-tab footer .journey-tab-icon .btn-group .dropdown-menu {
  font-style: normal; }

.controlar-carousel-column-right-border .single-survey-tab {
  border-right: 1px solid #f2f2f2 !important; }

.surveycard-add > .journey-tab-inner {
  height: 100px;
  line-height: 100px;
  text-align: center;
  padding: 0; }

.row-surveylist .surveycard {
  margin-bottom: 10px; }

.row-surveylist [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px; }

.disable-info h6, .disable-info footer {
  display: none; }

.disable-info h4 {
  margin-top: 22px !important; }

.journey-tab a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #FFF; }

.journey-tab span {
  font-size: 12px; }

.journey-tab .journey-tab-col1 {
  margin-right: 10px;
  float: left;
  width: 35px; }

.journey-tab .journey-tab-col1 i {
  color: #FFF;
  font-size: 30px;
  margin-top: 5px;
  float: left; }

.journey-tab .journey-tab-col2 {
  margin-right: 10px;
  float: left; }

.journey-tab .journey-tab-col3 {
  float: right;
  width: 30px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #000;
  margin-right: -15px;
  margin-top: -15px; }

.journey-tab .journey-tab-col3 .journey-tab-navigation {
  float: left;
  width: 100%;
  text-align: center;
  height: 30px; }

.journey-tab .journey-tab-col3 .journey-tab-navigation a {
  padding: 0;
  background: none !important; }

.tab-col3-seperator {
  float: left;
  width: 100%;
  height: 1px;
  background: #000;
  margin-top: 4px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */ }

.tab-col3-row1 {
  margin-bottom: 0px;
  padding-top: 9px; }

.tab-col3-row2 {
  margin-bottom: 0px;
  padding-top: 5px; }

.journey-col1 .journey-tab {
  width: 100%; }

.blue-row .journey-tab {
  background: #6aa6d3; }

.blue-row .journey-tab a {
  background: #6aa6d3; }

.blue-row .journey-tab-col3 {
  background: #6299b5; }

.light-blue-row .journey-tab {
  background: #68c9e0; }

.light-blue-row .journey-tab a {
  background: #68c9e0; }

.light-blue-row .journey-tab-col3 {
  background: #61bac9; }

.light-gray-row .journey-tab i {
  color: #949497; }

.light-gray-row .journey-tab {
  background: #f2f2f2;
  color: #949497; }

.light-gray-row .journey-tab a {
  background: #f2f2f2;
  color: #949497; }

.light-gray-row .journey-tab-col3 {
  background: #e7e7e7;
  color: #949497; }

.green-row .journey-tab {
  background: #56b6ae; }

.green-row .journey-tab a {
  background: #56b6ae; }

.green-row .journey-tab-col3 {
  background: #4daa9f; }

.pink-row .journey-tab {
  background: #9178be; }

.pink-row .journey-tab a {
  background: #9178be; }

.pink-row .journey-tab-col3 {
  background: #816fa8; }

.journey-tab .dropdown-menu {
  width: 220px; }

.journey-tab .dropdown-menu .nav-list a {
  background: #FFF;
  padding: 0;
  height: auto !important;
  margin: 0;
  padding-left: 10px !important;
  text-align: left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

.journey-tab .dropdown-menu.surveymenu .nav-list a {
  padding-bottom: 10px;
  padding-top: 10px; }

.journey-tab .dropdown-menu .nav-list a:hover {
  background: #E8E8E8; }

.journey-tab .dropdown-menu .nav-list i {
  padding: 0 !important;
  width: auto !important;
  margin: 0;
  float: left;
  margin: 8px; }

.journey-tab .dropdown-menu .nav-list i img {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: -18px !important;
  border: 0; }

/* Start: Customer Graph styles*/
.col-journey-footer {
  color: #424142; }

.col-xs-10 .col-journey-footer {
  background-color: #fff;
  border: none;
  box-shadow: none; }

.col-journey-footer span {
  font-size: 12px; }

.col-journey-footer > span:first-child {
  height: 9px;
  display: block; }

.col-journey-footer > div {
  border-radius: 3px;
  box-shadow: none;
  border: none;
  color: #424142; }

.col-journey-footer > div > header {
  height: 50px; }

.col-journey-footer > div > header .btn-link > .caret-down {
  color: #999; }

.col-journey-footer > div > header .btn-link > .caret-down:after {
  border-width: 7px 7px 0 7px;
  right: 0; }

.col-journey-footer > div > footer {
  height: 30px; }

.col-journey-footer > div > footer.row-grid > [class*="col-"] {
  vertical-align: bottom;
  padding: 0; }

.col-journey-footer footer .col-icon {
  font-size: 22px; }

.col-xs-1 .col-npsbox .row .col-npsprogress {
  width: auto;
  float: left; }

.journey-selection .select2-choice, .journey-selection .select2-container .select2-choice .select2-arrow {
  border-width: 0px;
  background: transparent; }

.select-graph.nav-list li + li {
  margin-top: 10px; }

.select-graph.nav-pills li + li {
  margin-left: 10px; }

.select-graph li a {
  border: 2px solid #ddd;
  border-radius: 3px;
  padding: 5px;
  color: #424142;
  height: auto !important; }

.select-graph li a h4 {
  font-size: 16px;
  margin-bottom: 0; }

.select-graph li a .close {
  display: none; }

.select-graph li a:hover .close {
  display: inherit; }

.select-graph.single-legend li a .close {
  display: none; }

.modal-header {
  display: inline-block;
  width: 100%; }

[charttype="heatmap"] .select-graph li {
  float: left;
  display: inline-block;
  width: 48%; }

[charttype="heatmap"] .select-graph li a {
  width: 100%; }

[charttype="heatmap"] .select-graph li + li {
  margin-top: 0px;
  margin-left: 10px; }

[charttype="heatmap"] .select-graph li [class*="icon-"] {
  display: none; }

[charttype="heatmap"] .col-journey-footer > div {
  height: auto; }

[charttype="heatmap"] .select-graph li a h4 {
  font-size: 13px; }

[charttype="heatmap"] .col-npsbox .row-grid {
  height: 100%; }

[charttype="heatmap"] .col-npsbox .row-grid > [class*="col-"] {
  vertical-align: middle; }

[charttype="heatmap"] .col-npsbox .row-grid [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px; }

[charttype="heatmap"] .col-npsbox > .padding-5 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

[charttype="heatmap"] .select-graph {
  margin-right: 10px;
  margin-left: 10px; }

[charttype="heatmap"] .chart-forms {
  margin-bottom: 10px; }

[charttype="heatmap"] .select-graph li h5 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select-graph span {
  line-height: 12px; }

.select-graph .icon-corporatejourney-solid, .select-graph .icon-corporatejourney-dotted {
  font-size: 28px;
  line-height: 12px; }

[charttype="line"] .select-graph span {
  padding-top: 20px; }

#chartPanel .dropdown.select-customerjourney {
  padding: 10px 0; }

#dropdownMenu1 .caret {
  border-width: 6px; }

.dropdown-menu.smart-form .checkbox {
  padding: 6px 20px 6px 30px; }

.dropdown-menu.smart-form .checkbox i {
  margin-left: 5px;
  top: 6px; }

.select-graph li.active a {
  background-color: #ddd;
  color: #424142; }

.col-npsbox > div {
  border-radius: 3px; }

.col-npsbox > div * {
  margin-bottom: 0; }

.col-npsbox > div .col-progress {
  font-size: 22px;
  float: left;
  width: auto; }

.col-npsbox > div .col-npscount {
  float: right;
  width: auto; }

.col-npsbox > div .col-npscount label {
  font-size: 22px; }

.col-npsbox .row-grid > [class*="col-"] {
  vertical-align: bottom; }

.chartWrapper .controlar-col2 > .controlar-carousel > table {
  margin-left: 0 !important; }

.select-customerjourney .btn-link i.icon-customerjourney-4 {
  color: #424142;
  display: inline-block;
  font-size: 18px;
  vertical-align: middle; }

.select-customerjourney .btn-link {
  font-size: 14px;
  line-height: 16px;
  color: #424142; }

.select-customerjourney .btn-link > div {
  display: inline-block; }

#journeyList {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px; }

aside#left-panel .btn-link.btn-deletechart {
  color: #999; }

.col-journey-footer .well {
  background-color: white; }

#journeyBar > div.col-npsbox > div {
  margin-left: -12px; }

body.minified .edit-dashboard div.dash-chart-header a.home-widget {
  width: 92%; }

@media screen and (max-width: 680px) {
  /* mobile screen purely */
  [charttype="heatmap"] .select-graph li {
    width: 100%;
    margin-left: 0px;
    float: none;
    display: block; }

  [charttype="heatmap"] .select-graph {
    margin: 0 inherit; }

  [charttype="heatmap"] .chart-forms > div {
    margin-left: -13px; }

  [charttype="line"] .col-npsbox h4 {
    word-wrap: break-word; }

  #journeyBar > div.col-npsbox > div {
    margin-left: 0; }

  #left-panel li#analytics .btn-deletechart, .topnavbtns .dropdown-menu li#wizardflow-header {
    display: none; }

  #prom-mobi-bar-chart-main.col-md-6, #prom-mobi-line-chart-main.col-md-6 {
    width: 95%;
    float: left; }

  .pagination-box .btn-link {
    padding-top: 0;
    padding-bottom: 0; } }
@media (min-width: 681px) and (max-width: 900px) {
  [charttype="heatmap"] ul.select-graph li {
    width: 47%;
    margin-left: 0;
    float: left;
    display: inline-block; }

  [charttype="heatmap"] ul.select-graph li + li {
    margin-left: 13px; }

  body.minified .edit-dashboard div.dash-chart-header a.home-widget {
    width: 89%; } }
/* End: Customer Graph styles*/
.s-questoolbar {
  position: absolute;
  right: 3px;
  top: 8px;
  margin-top: 5px !important;
  margin-right: 0px !important; }
  .s-questoolbar button {
    font-size: 12px;
    padding: 0px 9px !important;
    line-height: 10px;
    *line-height: 10px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #bbbbbb;
    *border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px !important; }
    .s-questoolbar button + button {
      margin-left: 5px; }
    .s-questoolbar button i {
      margin-top: 0 !important;
      color: #424142;
      font-size: 16px !important;
      margin-right: 0px;
      margin-left: 0px !important; }
    .s-questoolbar button:hover {
      background-color: #6ca898 !important i;
        background-color-color: #fff; }
    .s-questoolbar button.s-active {
      background-color: #7a9191 !important; }
      .s-questoolbar button.s-active:hover {
        background: #7a9191 !important; }
      .s-questoolbar button.s-active i {
        color: #fff; }
    .s-questoolbar button.ui-disabled {
      pointer-events: auto; }
      .s-questoolbar button.ui-disabled:hover, .s-questoolbar button.ui-disabled:hover i {
        background-color: transparent !important;
        color: #424142 !important; }
    .s-questoolbar button.s-queslogic.s-active, .s-questoolbar button.s-queslogic.s-active:hover {
      padding: 3px 6px !important;
      color: #fff; }
    .s-questoolbar button.s-queslogic.s-active i {
      color: #fff !important; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .s-questoolbar button {
      padding: 2px !important; } }
  .s-pgbreak-welcome .s-questoolbar {
    position: absolute;
    right: 0;
    top: 10px;
    margin-top: 0;
    background-color: #fff; }
    .s-pgbreak-welcome .s-questoolbar .s-ico-quesdel {
      position: relative;
      display: inline;
      margin-top: 0 !important;
      vertical-align: bottom; }

.inlinemssg-box {
  min-height: 40px;
  padding: 10px;
  z-index: 100 !important;
  border-radius: 0px; }
  .inlinemssg-box em {
    margin-right: 10px;
    font-size: 15px; }
  .inlinemssg-box p {
    font-size: 13px;
    margin-bottom: 15px; }
  .inlinemssg-box h3 {
    color: #424142;
    font-size: 15px;
    margin-bottom: 0px; }
  .inlinemssg-box div a:hover {
    text-decoration: none; }
  .inlinemssg-box div a i {
    font-size: 20px; }

.add-customerjourney {
  padding-top: 0px;
  padding-left: 33px; }
  .add-customerjourney p {
    font-weight: bold; }

div[contenteditable="true"] span.token[contenteditable="false"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 5px;
  pointer-events: none; }

/*.s-botlinks{display:none}
.s-surveysettings-panel{display:none}BG-12791 & BG-12789*/
.s-srvy-quescontainer:hover .s-surveysettings-panel {
  display: block; }

.s-form-qnlabel label.label {
  font-weight: normal;
  color: #555555; }

.s-editableinput-wrap label.label {
  color: #222222; }

.surveyname-passion {
  padding: 13px 0;
  margin: 0px; }
  .surveyname-passion .languageDiv .controls select, .surveyname-passion .s-newsgmt-criteria, .surveyname-passion .s-newsgmt-criteria .s-editableinput-wrap {
    width: 100% !important;
    margin: 0; }
  .surveyname-passion .s-newsgmt-criteria .s-editableinput-wrap input {
    width: 35%; }
  .surveyname-passion .alert {
    margin-bottom: 0;
    padding: 5px 0; }

.style_preview-box .header {
  padding: 10px;
  line-height: 37px; }
  .style_preview-box .header h3 {
    text-align: left; }
    .style_preview-box .header h3 small {
      font-size: 85%; }
  .style_preview-box .header h3,
  .style_preview-box .header label {
    margin: 0px; }
  .style_preview-box .header .dl-horizontal {
    display: table;
    table-layout: fixed;
    height: 100%;
    margin-bottom: 0;
    float: none; }
    .style_preview-box .header .dl-horizontal > * {
      float: none;
      display: table-cell;
      vertical-align: middle;
      height: 100%; }
    .style_preview-box .header .dl-horizontal dt {
      width: 80px;
      float: none; }
      .style_preview-box .header .dl-horizontal dt + dd {
        padding-left: 10px; }
  .style_preview-box .header a {
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    color: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 34px; }
    .style_preview-box .header a:hover, .style_preview-box .header a.active {
      text-decoration: none;
      opacity: 1;
      color: #fff; }
    .style_preview-box .header a + a {
      margin-left: 5px; }
  .style_preview-box .header p {
    display: inline-block;
    float: right; }

.previewbox-message {
  margin: 14px auto 45px; }

.previewbox-message p {
  background: #333333;
  color: #fff;
  padding: 4.5px;
  text-align: center; }

.s-pgbreak-welcome a:before {
  border-top: 1px dashed #777;
  bottom: 23px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 45%; }
.s-pgbreak-welcome a:after {
  border-top: 1px dashed #777;
  bottom: 23px;
  content: "";
  display: block;
  height: 1px;
  right: 0;
  position: absolute;
  width: 45%; }
.s-pgbreak-welcome .icon-delete, .s-pgbreak-welcome .s-ico-quesdel {
  font-size: 13px !important;
  margin-top: -10px !important;
  position: absolute;
  display: block; }

.s-surveydesigner .s-pgbreak-welcome, .s-surveydesigner .s-pgbreak-welcome a {
  background: none !important;
  margin: 10px 0;
  cursor: move; }

.add-row-btn-panel {
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px; }
  .add-row-btn-panel span {
    cursor: pointer; }
    .add-row-btn-panel span .btn {
      margin-right: 5px;
      padding: 5px 8px; }

.splques-row p {
  color: #424142;
  line-height: 22px; }

.splques-row i {
  font-size: 17px; }

#surveydesignercontainer {
  margin-top: 30px; }

.s-surveyquestion-panel i.icon, .s-surveyquestion-panel i[class*="icon-"] {
  margin-left: 6px;
  margin-top: 8px; }
.s-surveyquestion-panel i.icon.icon-mandatory {
  color: #ea6060 !important; }

.s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .s-button-group {
  margin-top: 10px; }

/*left panel drop down font size*/
.select2-container .select2-choice > .select2-chosen {
  font-size: 13px; }

.s-button-shared .icon-share {
  background: none !important; }

.s-button-shared .icon-share:hover i {
  color: #333 !important; }

.questTools.s-active, .questTools.s-active i {
  color: #bdbdbd !important; }

.btn-npxdropdown {
  padding: 10px; }

.btn-npxdropdown a i {
  font-size: 10px !important; }

.chartsettings-panel {
  overflow: visible; }
  .chartsettings-panel .btn-npxdropdown {
    margin-top: 7px; }
    .chartsettings-panel .btn-npxdropdown .changetemplate {
      color: #fff;
      border-right: 1px solid #fff;
      margin-right: 5px;
      padding-right: 5px; }

.subsettings-panel {
  margin-top: 15px !important; }

/* survey name edit alignment*/
.surveynamewizard .input-editfield {
  width: 80%;
  margin-right: 1%; }
.surveynamewizard .badge-surveystatus {
  min-width: 50px;
  margin-top: 0px; }

/* survey builder alert message*/
.s-surveydesigner .s-pgbreak-welcome .alert {
  position: absolute;
  left: 5px;
  top: 50%;
  margin: 0;
  margin-top: -25px;
  padding: 0;
  font-size: 12px; }

.s-alertmessage-wrap .padding-large .alert.s-aligncenter {
  color: #fff; }

.s-alertmessage-wrap .padding-large .alert.s-aligncenter .warning-message {
  color: #675100; }

.alert-npx p {
  margin-top: 15px;
  font-weight: 500; }

.alert-npx.working {
  background: #f8e6c2; }

.alert-npx.working .ribbonmsg i {
  color: #ebb24f;
  font-size: 24px; }

/**/
.s-surveyintro, .s-surveyquestion {
  box-shadow: none !important; }

#content .page-title {
  margin: 8px 0 10px 0 !important; }
  #content .page-title.editableinput-wrap + [class*="icon-"] {
    top: 13px; }
  #content .page-title.editableinput-wrap:not(.btn) .input-editfield + .badge-surveystatus {
    vertical-align: 0px !important;
    margin-top: 7px; }
  #content .page-title.editableinput-wrap:not(.btn) .input-editfield.hide + .badge-surveystatus {
    vertical-align: 3px !important; }

.s-surveydesigner .s-surveyquestion-panel .uploadlogowidget .s-uploadimage-wrap {
  background-color: #fff;
  max-height: 140px; }
  .s-surveydesigner .s-surveyquestion-panel .uploadlogowidget .s-uploadimage-wrap .label.add-image-span {
    line-height: normal; }
    .s-surveydesigner .s-surveyquestion-panel .uploadlogowidget .s-uploadimage-wrap .label.add-image-span .icon-image {
      font-size: 24px; }

.s-gridlayout-borders .s-questoolbar button {
  padding: 4px !important;
  margin-top: 4px;
  margin-left: 2px; }
  .s-gridlayout-borders .s-questoolbar button i, .s-gridlayout-borders .s-questoolbar button .s-gridlayout-borders .grid-lookups-edit i {
    font-size: 12px !important;
    margin-left: 3px; }

.title-box h2 {
  margin: 0; }
  .title-box h2.page-title {
    font-weight: bold; }

.modal-dialog #bodyIcon .icon-robot {
  font-size: 45px; }

.drag-btn {
  left: -19px;
  position: absolute;
  top: 4%; }
  .drag-btn i {
    font-size: 22px; }

.perso-link {
  float: right;
  font-size: 12px;
  margin-bottom: 7px; }
  .perso-link a {
    text-decoration: none !important;
    cursor: pointer; }
    .perso-link a i {
      vertical-align: middle;
      margin-left: 3px; }

.survey-property-popup .s-fieldset {
  border: none; }

a.see-online-help,
a#personalizelink,
.createContactQuestion .form-group label a {
  text-decoration: none !important; }

#responseCollectionelement .modal-backdrop {
  background-color: #fff;
  opacity: 0.75;
  position: absolute; }
#responseCollectionelement .modal-header .modal-title {
  font-weight: 600; }
#responseCollectionelement .modal-dialog {
  margin-top: 13px !important; }

.tab-pane.manualcontactaddition .input-additems .hasscroll-h, .tab-pane.uploadcontactaddition .input-additems .hasscroll-h {
  padding: 0 !important; }
  .tab-pane.manualcontactaddition .input-additems .hasscroll-h .label, .tab-pane.uploadcontactaddition .input-additems .hasscroll-h .label {
    white-space: normal;
    display: block;
    text-align: left;
    margin: 0;
    line-height: normal; }

.checkfornpxnow .label {
  white-space: normal;
  display: block;
  text-align: left;
  margin: 0;
  line-height: normal; }

.uploadttipwrap {
  width: 200px; }
  .uploadttipwrap .smart-form .input-file .button {
    width: auto; }

.createContactQuestion .form-group.form-listofvalues {
  margin-bottom: -5px; }
  .createContactQuestion .form-group.form-listofvalues .btn-link.addlov {
    padding-left: 0; }

/*
.alert{
    .row-grid{
        &.ttl{
            .col-xs-12{
                padding: 0;
            }
            p{
                margin: 0 0 0 13px;
            }
            a{
                margin:0 13px;
            }
        }
    }
}*/
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .btn-group,
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .s-button-group, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .btn-group,
.answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid .s-button-group {
  margin-right: 5px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  top: 0; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid:hover .btn-group, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid:hover .btn-group {
  display: block; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid:hover > .s-button-group, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-grid-row > .s-layout-fluid:hover > .s-button-group {
  display: block; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .col-edit-form, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .col-edit-form {
  padding-right: 10px; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .col-edit-form select, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .col-edit-form select {
    width: auto !important;
    max-width: 68% !important; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-cols4 + .s-cols7, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-cols4 + .s-cols7 {
  width: 66.68%; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .padding-large, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .padding-large {
  padding: 0px; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .label, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .label {
  font-size: 12px !important;
  line-height: normal !important; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-editableinput-wrap .label-readonly:not(.label-radio):not(.label-checkbox), .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-editableinput-wrap .label-readonly:not(.label-radio):not(.label-checkbox) {
  padding: 0px 0 !important;
  margin-bottom: 0 !important; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-editableinput-wrap .input-editfield, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-editableinput-wrap .input-editfield {
  padding: 3px 6px !important;
  margin-bottom: 0 !important; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout .s-grid-row [class*="s-cols"] .s-dragdropitemlist .s-button-group, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout .s-grid-row [class*="s-cols"] .s-dragdropitemlist .s-button-group {
  right: 0;
  top: 5px;
  position: relative; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-cols2_1, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-cols2_1 {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border-radius: 0px;
  border-left-width: 3px; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-cols2_1:first-child, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-cols2_1:first-child {
    border-left-width: 0px; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-editableinput-wrap .input-editfield, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout .s-grid-row-head .s-radioscale-header .s-editableinput-wrap .input-editfield {
  margin-top: -5px !important; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout .s-radiotab, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout .s-radiotab {
  table-layout: fixed; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout .col-edit-form, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout .col-edit-form {
  padding-right: 0; }
.answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders {
  overflow-x: auto; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid {
    padding-top: 0;
    position: relative;
    margin-top: 0; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid [class*="s-cols"], .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid [class*="s-cols"] {
      min-height: auto; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid [class*="s-cols"] > div .label, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid [class*="s-cols"] > div .label {
        padding: 6px 0; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid [class*="s-cols"] > div.s-leftmargin, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid [class*="s-cols"] > div.s-leftmargin {
        margin-left: 0;
        padding-left: 5px;
        padding-bottom: 5px;
        overflow: hidden; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid [class*="s-cols"] > div.s-rightmargin, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid [class*="s-cols"] > div.s-rightmargin {
        margin-right: 0;
        padding-right: 5px;
        padding-bottom: 5px;
        overflow: hidden;
        border-bottom-width: 0; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid .s-col-one > div, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid .s-col-one > div {
      cursor: move; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid .s-col-one > div .s-editableinput-wrap, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid .s-col-one > div .s-editableinput-wrap {
        cursor: default; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid .s-col-one > div.s-rightmargin label.label-readonly, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid .s-col-one > div.s-rightmargin label.label-readonly {
        padding-top: 0px !important; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid .s-cols2:nth-child(5), .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row > .s-layout-fluid .s-cols2:nth-child(5) {
      width: 35%; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col {
    width: 20%; }
    body.minified .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col, body.minified .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col {
      width: 30%; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col {
    width: 80%; }
    body.minified .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col, body.minified .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col {
      width: 70%; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col > .s-rightmargin, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col > .s-rightmargin {
      padding-right: 5px !important; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-quessubrowform-radioscale, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-quessubrowform-radioscale {
      width: 95%; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col > .header-div, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col > .header-div {
      width: 95% !important; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radioscale-header, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radioscale-header {
      border-top-width: 0px;
      width: 550px !important;
      padding-right: 70px;
      clear: both; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab {
      width: 550px !important;
      table-layout: fixed; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab td, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab td {
        width: auto !important;
        padding: 0; }
        .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab td label, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab td label {
          font-size: 12px; }
        .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab td.not-applicable, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab td.not-applicable {
          width: 70px !important;
          padding: 0px; }
          .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab td.not-applicable[style*="display"][style*="none"], .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab td.not-applicable[style*="display"][style*="none"] {
            display: table-cell !important;
            visibility: hidden; }
    @media (max-width: 1440px) {
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radioscale-header,
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radioscale-header,
      .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col .s-radiotab {
        width: 100% !important; } }
  @media (max-width: 1279px) {
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col.s-cols3, .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col.s-cols4, .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col.s-cols6, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col.s-cols3, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col.s-cols4, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].primary-grid-col.s-cols6 {
      width: 250px !important; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].radio-grid-col {
      width: 580px !important; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].not-applicable-column, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row [class*="s-cols"].not-applicable-column {
      width: 250px !important; } }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-head, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-head {
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border-width: 0px; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-head > .s-layout-fluid [class*="s-cols"], .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-head > .s-layout-fluid [class*="s-cols"] {
      background-color: #eee;
      border-right: 1px solid rgba(56, 56, 56, 0.2);
      border-left-width: 0px; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-head > .s-layout-fluid [class*="s-cols"]:first-child, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-head > .s-layout-fluid [class*="s-cols"]:first-child {
        border-left: 1px solid rgba(56, 56, 56, 0.2) !important; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-head > .s-layout-fluid [class*="s-cols"] > div, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-head > .s-layout-fluid [class*="s-cols"] > div {
        padding-top: 8px !important;
        padding-bottom: 8px !important; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-body, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-body {
    border-width: 0 0 0px 0; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-body > .s-layout-fluid [class*="s-cols"], .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-body > .s-layout-fluid [class*="s-cols"] {
      border-right: 1px solid rgba(56, 56, 56, 0.2);
      border-left-width: 0px; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-body > .s-layout-fluid [class*="s-cols"]:first-child, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-body > .s-layout-fluid [class*="s-cols"]:first-child {
        border-left: 1px solid rgba(56, 56, 56, 0.2) !important; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-body > .s-layout-fluid:last-child [class*="s-cols"], .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders .s-grid-row-body > .s-layout-fluid:last-child [class*="s-cols"] {
      border-bottom: 1px solid rgba(56, 56, 56, 0.2); }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale .s-grid-row-head, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale .s-grid-row-head {
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border-width: 0px; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale .s-grid-row-head > .s-layout-fluid [class*="s-cols"], .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale .s-grid-row-head > .s-layout-fluid [class*="s-cols"] {
      vertical-align: top; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.primary-grid-col.s-cols3, .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.primary-grid-col.s-cols4, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.primary-grid-col.s-cols3, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.primary-grid-col.s-cols4 {
    width: 250px; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col {
    width: 580px !important; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radioscale-header, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radioscale-header {
      width: 100% !important;
      padding-right: 70px;
      clear: both; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab {
      width: 100% !important;
      table-layout: fixed; }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab td, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab td {
        width: auto !important;
        padding: 0; }
        .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab td label, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab td label {
          font-size: 12px; }
        .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab td.not-applicable, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab td.not-applicable {
          width: 70px !important;
          padding: 0px; }
          .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab td.not-applicable[style*="display"][style*="none"], .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.radio-grid-col .s-radiotab td.not-applicable[style*="display"][style*="none"] {
            display: table-cell !important;
            visibility: hidden; }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column {
    width: 250px; }
    .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="block"] ~ .radio-grid-col, .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="table-cell"] ~ .radio-grid-col, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="block"] ~ .radio-grid-col, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="table-cell"] ~ .radio-grid-col {
      /*width: 474px;*/ }
      .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="block"] ~ .radio-grid-col .header-div, .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="table-cell"] ~ .radio-grid-col .header-div, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="block"] ~ .radio-grid-col .header-div, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="table-cell"] ~ .radio-grid-col .header-div {
        overflow: visible; }
        .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="block"] ~ .radio-grid-col .header-div .s-radioscale-header, .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="table-cell"] ~ .radio-grid-col .header-div .s-radioscale-header, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="block"] ~ .radio-grid-col .header-div .s-radioscale-header, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-radioscale.grid-2-column .grid-column-div.not-applicable-column[style*="display"][style*="table-cell"] ~ .radio-grid-col .header-div .s-radioscale-header {
          /*width: 474px!important;*/ }
  .answers-view-panel[lookupstyle="HORIZONTALRADIO"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-non-scale .s-grid-row .radio-grid-col[class*="s-cols"] .s-radiotab, .answers-view-panel[lookupstyle="HORIZONTALRADIO_SINGLEROW_LOOKUP"] .s-quessubrowform-gridquestion .s-gridlayout-borders.grid-non-scale .s-grid-row .radio-grid-col[class*="s-cols"] .s-radiotab {
    width: 250px !important; }

.grid-1-column .header-div h4 {
  width: 100%; }

.cke .cke_button__tokens .cke_button__tokens_icon {
  display: none; }
.cke .cke_button__tokens .cke_button__tokens_label {
  display: inline-block;
  font-size: 12px !important;
  font-weight: 600;
  padding-left: 0; }

#surveybuilderwizardcontainer.inline-modal .modal-dialog {
  margin-top: 200px !important; }

.languagediv-modal {
  padding: 15px 0px 5px; }
  .languagediv-modal .control-label {
    padding-right: 10px;
    padding-left: 24px;
    width: auto !important; }
  .languagediv-modal .controls {
    margin-left: auto !important; }

.uploadlogowidget .recommend-desc {
  font-size: 9px;
  padding: 0 8px; }

.insrtques-brdrbox.vertical .btn-toolbar button {
  width: 40px !important; }

.s-surveylookfeel-settingspanel .s-questoolbar button {
  float: left !important;
  margin-bottom: 10px; }
  .s-surveylookfeel-settingspanel .s-questoolbar button i {
    width: 23px; }
    .s-surveylookfeel-settingspanel .s-questoolbar button i.icon-edit {
      font-size: 13px !important; }
  .s-surveylookfeel-settingspanel .s-questoolbar button + button {
    margin-left: 0px; }

.lookups-edit-btn.change-image-element:first-child {
  position: absolute;
  left: 0;
  right: 0px;
  top: 20px; }
  .lookups-edit-btn.change-image-element:first-child .icon {
    background-image: none; }

.survey-icon {
  cursor: pointer;
  margin-left: 5px; }

.profilepic-holder {
  height: 130px;
  margin-bottom: 10px;
  text-align: left !important;
  max-width: 130px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%; }
  .profilepic-holder img {
    width: 100%; }
    .profilepic-holder img:hover {
      cursor: pointer; }
  .profilepic-holder + div ul li p {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis; }
    .profilepic-holder + div ul li p i {
      color: #6CA898;
      text-align: center;
      width: 25px; }
  .profilepic-holder + div.col-score .score {
    top: 2px; }
  .profile-details.fixedleftpanels .profilepic-holder .img-circle {
    height: auto;
    overflow: hidden;
    width: 130px; }
    .profile-details.fixedleftpanels .profilepic-holder .img-circle.totalcontacts-holder {
      border: 3px solid #d8dadb; }
    .profile-details.fixedleftpanels .profilepic-holder .img-circle img {
      max-height: 100%;
      min-height: 114px; }
  .profilepic-holder .icon-team {
    font-size: 150px;
    text-align: center; }
  .profilepic-holder:hover .update-pic {
    display: block;
    opacity: 1; }

.update-pic {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 999;
  padding: 5px;
  color: #fff;
  bottom: 0px;
  opacity: 0;
  height: 100%;
  width: 100%;
  border-radius: 5000px 5000px;
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: .5s;
  -webkit-transition-timing-function: linear;
  -webkit-transition-delay: 0s;
  /* Standard syntax */
  transition-property: opacity;
  transition-duration: .5s;
  transition-timing-function: linear;
  transition-delay: 0s; }
  .update-pic:hover {
    display: block;
    opacity: 1; }
  .update-pic i {
    display: block;
    font-size: 20px;
    line-height: 37px;
    margin-top: 30px; }
  .update-pic .s-nav-textlinks li {
    border-left-color: #fff; }
    .update-pic .s-nav-textlinks li span.s-button-uploadimg,
    .update-pic .s-nav-textlinks li a {
      color: #fff;
      font-weight: bold; }
      .update-pic .s-nav-textlinks li span.s-button-uploadimg:hover,
      .update-pic .s-nav-textlinks li a:hover {
        color: #6CA898;
        text-decoration: none; }

.profile-details {
  margin-bottom: 30px; }
  .profile-details .row-profiledetails + .col-contactinfo {
    margin-top: 10px; }
  .profile-details .well > h4 {
    font-size: 16px;
    font-weight: bold; }
  .profile-details .control-label {
    color: #333;
    font-weight: normal !important;
    padding-right: 0;
    word-wrap: break-word; }
  .profile-details .form-actions {
    background: transparent;
    border: none;
    padding: 0px;
    margin: 0px; }
  .profile-details .profile-search input {
    min-width: 300px; }
  .profile-details .profile-links {
    margin-top: 30px; }
    .profile-details .profile-links ul {
      padding-left: 18px; }
      .profile-details .profile-links ul li {
        list-style-type: none; }
        .profile-details .profile-links ul li a {
          line-height: 24px; }
    .profile-details .profile-links .email-settings,
    .profile-details .profile-links .row-dataacess {
      margin-top: 25px; }
      .profile-details .profile-links .email-settings .well-sm:hover,
      .profile-details .profile-links .row-dataacess .well-sm:hover {
        background: none; }
  .profile-details .left-panel {
    margin-top: 0; }
    .profile-details .left-panel a {
      width: 150px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .profile-details .left-panel .fa,
    .profile-details .left-panel .glyphicon {
      color: #6CA898;
      border: none; }
  .profile-details .select2-container.select2-container-disabled .select2-choice .select2-arrow,
  .profile-details .select2-container.select2-container-disabled .select2-choice {
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1 !important; }
  .profile-details .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    display: none; }
  .profile-details .assign-role .search-box {
    margin: -3px 5px 0px 10px; }
  .profile-details .titlepanel .icon-append {
    border: none; }
  .profile-details .view-profile label {
    font-size: 11px; }
  .profile-details .filter-profile {
    margin-bottom: 5px; }
  .profile-details input[readonly] {
    background-color: transparent;
    border: 1px solid transparent; }
  .profile-details .grid input[readonly] {
    background-color: #eee;
    border: 1px solid #ccc; }
  .profile-details .input.state-disabled input,
  .profile-details .textarea.state-disabled textarea {
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1 !important; }
  .profile-details .row-narrowby .s-addorremove-btns {
    margin: 0px; }
  .profile-details .page-title {
    padding-bottom: 6px; }
  .profile-details .row-dataacess .controls .col-xs-12 {
    margin-bottom: 5px; }
    .profile-details .row-dataacess .controls .col-xs-12:last-child {
      margin-bottom: 0px; }
  .profile-details .multiselect-container .input-group .multiselect-search {
    border-right: none !important; }
  .profile-details .titlepanel .multiselect-search {
    border: 1px solid #CCCCCC !important; }

.col-contactinfo .fa-envelope {
  float: left; }
  .col-contactinfo .fa-envelope + a {
    word-wrap: break-word;
    margin-left: 15px;
    display: inherit; }

.row-profiledetails h1 {
  margin-bottom: 0 !important; }
  .row-profiledetails h1 a {
    display: inline !important;
    color: #6CA898; }
.row-profiledetails .text-center.col-score [class*="icon-"] {
  font-size: 54px; }

.switchview-box {
  border-bottom: 1px solid #dadbdc;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 30px;
  padding-top: 0px; }
  .switchview-box legend {
    margin-bottom: 0;
    border-bottom-width: 0px; }
  .switchview-box .select2-container {
    width: auto !important; }
    .switchview-box .select2-container .select2-choice {
      background: transparent; }
      .switchview-box .select2-container .select2-choice > .select2-chosen {
        margin-right: 37px; }
      .switchview-box .select2-container .select2-choice .select2-arrow {
        border-radius: 5px;
        height: 90%;
        margin-top: 2%;
        width: 31px; }
        .switchview-box .select2-container .select2-choice .select2-arrow b:before {
          font-size: 16px;
          font-weight: 600;
          position: absolute;
          top: 7px; }
      .switchview-box .select2-container .select2-choice:hover {
        color: #333; }
    .switchview-box .select2-container .select2-choice,
    .switchview-box .select2-container .select2-choice .select2-arrow {
      border: none; }

.switchview-box .select2-dropdown-open .select2-choice {
  border: 1px solid #6CA898; }

.profiletab {
  padding-top: 0px; }
  .profiletab .users-link a {
    color: #fff;
    font-size: 14px;
    font-weight: bold; }
  .profiletab .dropdown-menu:after {
    left: 10px;
    right: auto; }
  .profiletab .btn-default {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    box-shadow: none; }
    .profiletab .btn-default.darktxt {
      color: #424142; }
    .profiletab .btn-default:hover {
      text-decoration: underline; }
  .profiletab .col-lg-8 input {
    border: medium none;
    border-radius: 5px;
    height: 29px;
    margin-top: 3px;
    padding: 6px;
    width: 220px; }
  .profiletab .nav-tabs > li.active > a,
  .profiletab .nav-tabs > li.active > a:hover,
  .profiletab .nav-tabs > li.active > a:focus {
    background: none repeat scroll 0 0 #6CA898;
    border-radius: 2px 0 0 2px;
    color: #FFFFFF; }

@media (min-width: 769px) {
  .profiletab > .row [class*="col-"]:first-child {
    padding-left: 0; }

  .profile-details .left-panel {
    margin-top: 35px;
    width: 140px; }
    .profile-details .left-panel + .right-panel {
      margin-left: 150px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .profile-details .left-panel {
    width: 100%;
    float: none !important; }
    .profile-details .left-panel p {
      text-align: center; }
    .profile-details .left-panel a {
      width: auto; }
  .profile-details .profile-links ul li {
    text-align: center; }

  .profilepic-holder {
    margin-left: auto;
    margin-right: auto; }

  .profiletab .col-lg-8 input {
    width: 150px; }

  .form-group .profile-links,
  .profile-details fieldset legend {
    margin-top: 10px;
    margin-bottom: 10px; }

  .form-group .form-group {
    margin-bottom: 0px; }

  .profile-buttons {
    margin-bottom: 5px; } }
.userlistpage header[role="heading"] > .titlepanel {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0; }
  .userlistpage header[role="heading"] > .titlepanel > * {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 100%; }
  .userlistpage header[role="heading"] > .titlepanel > [class*="col-"]:first-child {
    padding-left: 0; }
  .userlistpage header[role="heading"] > .titlepanel > [class*="col-"]:last-child {
    padding-right: 0; }
  .userlistpage header[role="heading"] > .titlepanel > .col-lg-7 {
    width: 33.3333%;
    padding-left: 0; }
  .userlistpage header[role="heading"] > .titlepanel > .col-lg-5 {
    width: 66.6667%;
    text-align: right;
    padding-right: 0; }

/*user profile page*/
.assign-role {
  margin-top: 20px; }
  .assign-role .well {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 15px;
    border-radius: 5px; }
  .assign-role .well-sm {
    padding: 8px;
    border-radius: 5px;
    position: relative;
    margin-top: 10px; }
    .assign-role .well-sm .media-list .btn-link {
      font-size: 12px;
      font-weight: 900;
      display: none;
      right: 20px;
      line-height: 32px; }
      .assign-role .well-sm .media-list .btn-link:hover {
        text-decoration: none; }
    .assign-role .well-sm .media-list .col-xs-10 + .col-xs-2 {
      position: static; }
    .assign-role .well-sm:hover, .assign-role .well-sm:focus, .assign-role .well-sm.active, .assign-role .well-sm.default {
      background: #f0f1f6;
      border: none; }
    .assign-role .well-sm:hover .media-list .btn-link, .assign-role .well-sm.active .media-list .btn-link, .assign-role .well-sm.default .media-list .btn-link {
      display: block; }
    .assign-role .well-sm h4 {
      font-size: 14px;
      color: #74a99e;
      margin-bottom: 0px; }
    .assign-role .well-sm ul {
      margin-bottom: 0px; }
    .assign-role .well-sm p {
      font-size: 13px; }
    .assign-role .well-sm .narrowby-panel {
      background: transparent; }
      .assign-role .well-sm .narrowby-panel .btn-link {
        font-size: 15px;
        color: #95B3AD; }

.assign-role .titlepanel {
  border-bottom: 1px dotted #DADBDC;
  color: #555555; }

.assign-role .well-sm .row .titlepanel {
  padding-bottom: 6px; }

.assign-role .titlepanel h1 {
  font-size: 18px; }

.assign-role .well-sm .narrowby-panel select {
  min-width: 200px; }

.assign-role .row ~ .row .titlepanel {
  margin-bottom: 0px;
  padding-bottom: 10px; }

.modal-body .left-panel {
  margin-top: -13px; }

.modal-body .right-panel {
  min-height: inherit; }

.searchnrole.form-group {
  margin-bottom: 0px !important; }

.searchnrole .select2-container .select2-choice {
  border: 1px solid transparent;
  background: transparent; }

.searchnrole .select2-dropdown-open .select2-choice {
  border: 1px solid #6CA898; }

.searchnrole .select2-container .select2-choice .select2-arrow {
  border: none;
  background: transparent;
  display: none; }

.assign-privilege {
  margin-top: 20px; }

.assign-privilege .well-sm {
  padding: 8px;
  border-radius: 5px;
  position: relative; }

.assign-privilege .well-sm .media-list .btn-link {
  font-size: 12px;
  font-weight: 900;
  display: none;
  right: 20px;
  line-height: 32px; }

.assign-privilege .well-sm .media-list .btn-link:hover {
  text-decoration: none; }

.assign-privilege .well-sm .media-list .col-xs-10 + .col-xs-2 {
  position: static; }

.assign-privilege .well {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 15px;
  border-radius: 5px; }

.assign-privilege .well-sm:hover, .assign-privilege .well-sm:focus, .assign-privilege .well-sm.active {
  background: #f0f1f6;
  border: none; }

.assign-privilege .well-sm:hover .media-list .btn-link, .assign-privilege .well-sm.active .media-list .btn-link {
  display: block; }

.assign-privilege .well-sm h4 {
  font-size: 14px;
  color: #74a99e;
  margin-bottom: 0px; }

.assign-privilege .well-sm ul {
  margin-bottom: 0px; }

.assign-privilege .well-sm p {
  font-size: 13px;
  color: #303030; }

.assign-privilege .well-sm .narrowby-panel {
  background: transparent; }

.assign-privilege .well-sm .narrowby-panel .btn-link {
  font-size: 15px;
  color: #95B3AD; }

.assign-privilege .titlepanel, .assign-contact-field .titlepanel {
  border-bottom: 1px dotted #DADBDC;
  color: #555555; }

.assign-privilege .well-sm .row .titlepanel {
  padding-bottom: 6px; }

.assign-privilege .titlepanel h1 {
  font-size: 18px; }

.assign-privilege .well-sm .narrowby-panel select {
  min-width: 200px; }

.assign-privilege .row ~ .row .titlepanel {
  margin-bottom: 0px;
  padding-bottom: 10px; }

.assign-contact-field-container {
  margin-top: 35px;
  min-height: 350px; }

.grid-dataaccess h3 {
  margin-bottom: 0;
  font-size: 13px; }

.row-dataaccess .titlepanel {
  color: #555555;
  margin-bottom: 10px; }
* + .row-dataaccess {
  margin-top: 10px; }

.custom-checkbox .checkbox {
  padding-top: 0px; }

.badge-surveystatus {
  font-size: 11px !important;
  vertical-align: 9px !important;
  background-color: #eaeaea; }

.searchfield .input-group .input-group-addon {
  background-color: transparent;
  border-width: 0px;
  color: #000000; }
.searchfield .form-control {
  border-width: 0px; }

.btn-drag {
  background-color: rgba(0, 0, 0, 0.2); }
  .btn-drag [class*="icon"] {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    color: #fff; }

.btn-delete {
  color: #000; }

.btn-link span + strong {
  margin-left: 5px; }
.btn-link strong {
  position: relative;
  top: 2px; }

.narrowby-panel .row-narrowby .btn-drag,
.narrowby-panel .row-narrowby .btn-delete {
  display: none; }
.narrowby-panel .row-narrowby dl {
  margin: 0; }
  .narrowby-panel .row-narrowby dl.dl-horizontal {
    display: table;
    table-layout: fixed;
    height: 100%;
    table-layout: auto;
    width: 100%; }
    .narrowby-panel .row-narrowby dl.dl-horizontal > * {
      float: none;
      display: table-cell;
      vertical-align: top;
      height: 100%; }
    .narrowby-panel .row-narrowby dl.dl-horizontal dt {
      width: 1%;
      padding-right: 2px;
      float: none !important;
      overflow: visible; }
      .narrowby-panel .row-narrowby dl.dl-horizontal dt.pull-right {
        padding-left: 5px;
        padding-right: 0px; }
    .narrowby-panel .row-narrowby dl.dl-horizontal dd {
      margin: 0;
      overflow: hidden;
      width: 100%; }
      .narrowby-panel .row-narrowby dl.dl-horizontal dd label {
        margin-bottom: 0 !important; }
.narrowby-panel .row-narrowby + .btn-panel {
  padding: 5px 0; }
.narrowby-panel .row-narrowby .row-narrowby:hover .btn-drag,
.narrowby-panel .row-narrowby .row-narrowby:hover .btn-delete {
  display: inherit; }
.narrowby-panel .row-narrowby.headerrow + .row-narrowby {
  margin-top: 0; }

.form-listofvalues .narrowby-panel {
  padding: 13px !important; }
  .form-listofvalues .narrowby-panel .row-narrowby dt.pull-left button {
    margin-left: -30px; }
  .form-listofvalues .narrowby-panel .row-narrowby dt.pull-right button {
    margin-right: -30px; }
    .form-listofvalues .narrowby-panel .row-narrowby dt.pull-right button.btn-delete {
      margin-right: -26px; }
  .form-listofvalues .narrowby-panel .row-narrowby.headerrow label {
    height: 16px;
    line-height: 16px; }

.manualcontactaddition textarea {
  width: 100%; }

#resend-mail .modal-body span {
  font-size: 42px;
  color: #77aaa0; }

.emailDistributionMain .well[class^="bg-"], .emailDistributionMain .well[class*=" bg-"] {
  border-color: #eaeaea !important;
  box-shadow: none; }

.ques-ttip {
  display: inline-block;
  padding: 6px 0px 6px 6px;
  text-decoration: none !important;
  cursor: pointer; }

/*insert primary question*/
.insert-ques .modal-footer button {
  width: 142px; }

.insrt-primaryques {
  padding: 13px 35px; }
  .insrt-primaryques .toggle-sty + label {
    font-size: 12px;
    margin-left: 10px;
    line-height: 16px; }
  .insrt-primaryques h3 {
    font-size: 13px; }
  .insrt-primaryques.na .label-box {
    padding-right: 39px;
    font-size: 11px; }
  .insrt-primaryques.na .btn-toolbar button {
    width: 30px; }
  .insrt-primaryques p {
    margin-top: 15px; }
  .insrt-primaryques .well-sm {
    border: none;
    margin-bottom: 10px;
    padding-top: 5px;
    background: #fff;
    min-height: 140px; }
  .insrt-primaryques .btn-toolbar button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 5px !important;
    box-shadow: 0 3px 0 #cccccc;
    color: #333;
    height: 33px;
    margin: 5px 9px 0 0;
    padding: 0;
    text-align: center;
    width: 33px; }
    .insrt-primaryques .btn-toolbar button:last-child {
      margin-right: 0px; }

/*insert primary question*/
.collectresponses-panel .toggle-sty + p {
  line-height: 33px;
  margin: 0 5px; }

.s-invitefooter-text {
  margin-top: 15px; }

.listoflov dl.dl-horizontal dd .toggleForlov .toggle-sty {
  padding: 0; }

#managecontactfields .restrict button#deleteContactQuestion[disabled] {
  background-color: #999999;
  border-color: #999999; }

.email-preview {
  position: relative; }
  .email-preview .heading {
    color: #efefef;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    height: 10px; }
  .email-preview .well-sm {
    border: 1px solid #cccccc !important;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .email-preview .embedques-view {
    height: 20px !important;
    background: #cccccc;
    border: 1px solid #999999; }
  .email-preview .paragraph {
    width: 100%;
    margin-bottom: 5px;
    height: 2px;
    background-color: #efefef; }
  .email-preview .email-icon {
    position: absolute;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    height: 42px;
    line-height: 18px;
    width: 42px;
    border: 1px solid #999;
    top: -13px;
    left: -19px;
    background: #fff; }
    .email-preview .email-icon i {
      color: #77aaa0;
      font-size: 23px; }

.insrtques-brdrbox {
  border: 1px solid #cccccc !important;
  padding: 10px;
  min-height: 140px; }
  .insrtques-brdrbox::before {
    content: url("../images/xpui/callout-icon.png");
    background: transparent;
    width: 34px;
    height: 40px;
    display: block;
    Position: absolute;
    top: 46px;
    left: -34px; }

/* pop up flexible button alignment*/
.insrt-primaryques.na.lookup-4 .btn-toolbar button {
  width: 86px !important; }
.insrt-primaryques.na.lookup-4 .label-box {
  padding-right: 94px; }
.insrt-primaryques.lookup-4 .btn-toolbar button {
  width: 110px !important; }
.insrt-primaryques.na.lookup-5 .btn-toolbar button {
  width: 71px !important; }
.insrt-primaryques.na.lookup-5 .label-box {
  padding-right: 80px; }
.insrt-primaryques.lookup-5 .btn-toolbar button {
  width: 87px !important; }
.insrt-primaryques.na.lookup-7 .btn-toolbar button {
  width: 51px !important; }
.insrt-primaryques.na.lookup-7 .label-box {
  padding-right: 58px; }
.insrt-primaryques.lookup-7 .btn-toolbar button {
  width: 60px !important; }
.insrt-primaryques.na.lookup-9 .btn-toolbar button {
  width: 39px !important; }
.insrt-primaryques.na.lookup-9 .label-box {
  padding-right: 50px; }
.insrt-primaryques.lookup-9 .btn-toolbar button {
  width: 44px !important; }

.ol_customlist {
  padding-left: 20px; }
  .ol_customlist li {
    position: relative;
    list-style: none; }
    .ol_customlist li .listno {
      position: absolute;
      top: 0;
      left: -20px; }

.checkbox-group {
  margin-bottom: 15px; }
  .checkbox-group .form-group {
    margin-bottom: 0; }

#uploadcontacts .ol_customlist .listno {
  font-size: 15px; }
#uploadcontacts .ol_customlist .changeTextfromgearicon1 p,
#uploadcontacts .ol_customlist .downloadTemplet,
#uploadcontacts .ol_customlist .labeluploadfile {
  font-size: 15px;
  text-transform: capitalize;
  margin: 0; }
#uploadcontacts .ol_customlist .paddingfromgearicon {
  margin: 4px 0 25px 0; }

.sendInvitation .nav-tabs li a {
  padding: 5px 30px; }
.sendInvitation .tab-pane.uploadcontactaddition {
  padding: 10px 17px; }

.distributesubview {
  display: table;
  table-layout: fixed;
  height: 100%;
  border-spacing: 7px;
  padding: 19px 32px;
  width: 100%; }
  .distributesubview > * {
    float: none;
    display: table-cell;
    vertical-align: top;
    height: 100%; }
  .distributesubview .btn-primary {
    min-height: 150px;
    padding: 20px;
    width: 20%;
    float: none;
    border: 1px solid #d6d6d6 !important;
    background: #fff !important; }
    .distributesubview .btn-primary.active, .distributesubview .btn-primary:hover {
      background: #77aaa0 !important; }
      .distributesubview .btn-primary.active i, .distributesubview .btn-primary.active p, .distributesubview .btn-primary.active h3, .distributesubview .btn-primary:hover i, .distributesubview .btn-primary:hover p, .distributesubview .btn-primary:hover h3 {
        color: #fff !important; }
    .distributesubview .btn-primary h3 {
      font-weight: bold;
      margin: 5px 0;
      color: #666666 !important; }
    .distributesubview .btn-primary i {
      font-size: 30px;
      color: #666666 !important; }
    .distributesubview .btn-primary p {
      color: #666666 !important;
      white-space: normal; }

.extselectlist {
  margin-right: 0.5%; }

.distribute-sms {
  padding-top: 13px !important; }
  .distribute-sms .form-control.introtextbox {
    height: auto;
    min-height: 50px;
    font-size: 11px;
    margin-bottom: 9px;
    padding: 4px 6px;
    line-height: 20px;
    max-height: 200px;
    overflow: auto;
    height: auto; }
    .distribute-sms .form-control.introtextbox.ui-disabled {
      margin-bottom: 13px; }

.testivrbtn h1 {
  margin-top: 3px; }

html.registration {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  background-color: #4e4c4d; }

.npxnow-freetrial .row {
  margin-left: -17px;
  margin-right: -17px; }
  .npxnow-freetrial .row [class*="col-"] {
    padding-left: 17px;
    padding-right: 17px; }
.npxnow-freetrial .row-grid > [class*="col-"]:first-child {
  padding-left: 0; }
.npxnow-freetrial .row-grid > [class*="col-"]:last-child {
  padding-right: 0; }
.npxnow-freetrial i {
  -webkit-font-smoothing: antialiased !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
.npxnow-freetrial .select2-container .select2-choice {
  border: 0;
  background-color: #3a3a3c;
  color: #fff;
  font-style: italic;
  height: 50px;
  line-height: 49px;
  font-size: 14px; }
  .npxnow-freetrial .select2-container .select2-choice .select2-chosen {
    color: #fff;
    font-style: italic;
    margin: 0; }
  .npxnow-freetrial .select2-container .select2-choice .select2-arrow {
    border-left: 0;
    background-color: #3a3a3c; }
.npxnow-freetrial .select2-results {
  background-color: #3a3a3c;
  color: #fff;
  font-style: italic; }
  .npxnow-freetrial .select2-results .select2-result-label {
    border: 0; }
.npxnow-freetrial .select2-drop.select2-drop-active {
  background-color: #3a3a3c;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important; }
.npxnow-freetrial .select2-with-searchbox .select2-search {
  border: 0; }
  .npxnow-freetrial .select2-with-searchbox .select2-search input {
    color: #fff; }
.npxnow-freetrial #main {
  margin-left: 0;
  background-color: transparent;
  height: 100%;
  min-height: inherit; }
  .npxnow-freetrial #main #content.container {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0; }
  .npxnow-freetrial #main #content .freetrial-row {
    margin: 0 -26px;
    background-color: #4e4c4d; }
    .npxnow-freetrial #main #content .freetrial-row .bx-form {
      border-top: 10px solid #a2d06d;
      color: #fff;
      padding: 0;
      width: 100%;
      background-color: #4e4c4d;
      position: fixed;
      margin-left: 0;
      left: 0;
      top: 0;
      height: 100%;
      display: block;
      padding-bottom: 0px;
      width: 525px; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form h1 {
        color: #fff;
        font-size: 29px;
        font-weight: 500;
        margin: 44px 13px 16px 13px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form h1 .logo {
          display: block;
          margin-bottom: 15px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form h1 .trial-text {
          display: block;
          margin-top: -20px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form h1 .trial-text mark {
            background-color: transparent;
            color: #fff;
            vertical-align: middle;
            font-size: 65px;
            font-weight: lighter; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form h1 .trial-text label {
            margin: 0 0 0 3px;
            vertical-align: middle;
            line-height: normal;
            font-size: 14px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form h1 small {
          display: block;
          color: #77aaa0;
          margin-bottom: 13px; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .heading {
        border: 1px solid #666;
        border-width: 0px 0 1px 0;
        margin: 0 13px 5px 13px;
        padding: 10px 0; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .heading .dl-horizontal {
          display: table;
          table-layout: fixed;
          height: 100%;
          margin: 0; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .heading .dl-horizontal > * {
            float: none;
            display: table-cell;
            vertical-align: middle;
            height: 100%; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .heading .dl-horizontal dt {
            width: 1%; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .heading .dl-horizontal dt h1 {
              background-color: transparent;
              color: #fff;
              vertical-align: middle;
              font-size: 72px;
              line-height: 72px;
              font-weight: lighter;
              margin: 0; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .heading .dl-horizontal dd {
            width: 100%;
            padding-left: 15px; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .heading .dl-horizontal dd h3 {
              font-size: 16px; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .fieldset {
        padding-top: 15px !important; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info {
        border: 1px solid #666;
        border-width: 0px 0 0 0;
        margin: 0 13px 10px 13px;
        padding: 10px 0; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .price {
          display: block; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .price sup {
            font-size: 24px;
            top: 0; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .price mark {
            background-color: transparent;
            color: #fff;
            vertical-align: middle;
            font-size: 65px;
            line-height: 65px;
            font-weight: lighter; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .price label {
            display: block;
            margin: 0 0 0 14px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .package {
          display: block;
          font-size: 14px;
          margin-top: 14px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .package small {
            display: block;
            font-size: 12px;
            margin-top: 2px; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .package small a {
              text-decoration: none !important;
              color: #fff;
              margin-left: 7px; }
              .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .package small a i {
                vertical-align: middle; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .link-back {
          float: right;
          color: #77aaa0;
          font-size: 14px;
          text-transform: uppercase;
          text-decoration: none;
          margin-top: 5px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .link-back:hover {
            text-decoration: none; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-info .package {
          margin-top: 7px; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount {
        border: 1px solid #666;
        border-width: 1px 0;
        margin: 0 13px 0px 13px;
        padding: 15px 0 10px 0; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount p {
          margin: 0 0 13px 0; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount small {
          display: block;
          font-size: 12px;
          color: #ccc; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount label {
          display: block;
          font-size: 14px;
          margin: 10px 0 0 0; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount label.form-control {
            margin: 0;
            padding: 14px 0;
            text-align: center; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount .spinner .input-group-btn-vertical .btn {
          height: 25px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount .spinner .input-group-btn-vertical .btn.ui-disabled {
            opacity: 1 !important; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount .row-grid + .row-grid {
          margin-top: 0; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount > .form-group {
          margin-bottom: 0; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount > .form-group + .preloader {
            margin-top: 13px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount .promo-btn {
          margin-top: 13px;
          margin-right: 5px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount .form-promodiv .row-grid {
          table-layout: auto; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .bill-amount .form-promodiv .row-grid .col-xs-8 {
            width: 100%; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .card-info {
        padding-top: 15px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .card-info h6 {
          margin-bottom: 9px;
          font-size: 14px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .card-info form > .form-group {
          margin-bottom: 0; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .card-info form > .form-group + .form-group {
            margin-top: 15px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .card-info form > .form-group.row {
            margin-left: -17px;
            margin-right: -17px;
            padding: 0; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form h6 {
        font-style: italic;
        font-size: 14px;
        margin: 0 0 22px;
        font-weight: 500; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form h6 mark {
          background-color: transparent;
          color: #fff; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-primary {
        padding: 6px 0px;
        width: 100%;
        text-align: center;
        font-weight: 600;
        text-transform: inherit; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .well {
        background-color: transparent;
        margin: 0;
        padding: 0 13px 34px 13px;
        border: 0;
        box-shadow: none; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .well .common-error {
          color: #b94a48;
          display: block;
          margin-bottom: 3px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group {
          vertical-align: top;
          padding-right: 0; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group + .form-group {
            margin-left: 0;
            padding-right: 17px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group .form-control {
            width: 100%; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.ccv {
            position: relative; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.ccv .ccv-help {
              position: absolute;
              right: 27px;
              top: 16px;
              color: #fff;
              text-decoration: none !important; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.domain-wrap {
            width: 100%;
            margin-bottom: 0; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.domain-wrap label {
              font-size: 14px;
              position: relative;
              padding-right: 20px; }
              .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.domain-wrap label a {
                font-size: 13px;
                position: absolute;
                right: 0;
                top: 2px;
                text-decoration: none !important; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.domain-wrap a {
              color: #fff; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.domain-wrap .input-group-addon {
              background-color: transparent !important;
              border-width: 0px !important;
              color: #fff !important; }
              .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.domain-wrap .input-group-addon a {
                font-size: 13px; }
              .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.domain-wrap .input-group-addon a {
                font-size: 13px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.verify .form-group {
            margin-bottom: 0; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.verify .form-group:first-child {
              padding-right: 17px; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.verify .form-group:last-child {
              padding-left: 0; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.verify .form-group.has-error {
              margin-bottom: 13px !important; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.expire .form-group {
            margin-bottom: 0; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.expire .form-group label {
              display: block;
              line-height: 32px;
              margin: 0;
              font-style: italic; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .well .form-group.expire .form-group:last-child {
              padding-left: 0; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .well.row .form-group {
          margin-bottom: 0; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .well.row .form-group.has-error {
            margin-bottom: 0; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .well.row.verify .form-group {
          margin-bottom: 0px; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .form-control {
        background-color: #3a3a3c;
        color: #fff;
        font-style: italic;
        border: 0;
        height: 50px;
        font-size: 14px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .form-control:focus {
          border-color: #fff; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .form-control#domain {
          margin-right: 3px;
          width: 73%; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .form-control[disabled] {
          opacity: 0.5;
          border: 1px dashed #b94a48; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap {
        margin-top: 0px;
        margin-bottom: 0px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap h6 {
          margin-bottom: 0; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul li {
            display: inline-block;
            margin: 20px 13px 20px 0; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul li.active {
              background-color: #77aaa0; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul li:last-child {
              margin-right: 0;
              background-color: transparent; }
              .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul li:last-child a {
                color: #fff; }
              .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul li:last-child.active {
                background-color: transparent; }
            .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul li a {
              text-decoration: none; }
              .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul li a img {
                width: 24px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul.text-center li {
            float: none; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities #captcha-error {
          color: #b94a48;
          display: block;
          margin-bottom: 13px; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .privacy {
        padding-top: 7px;
        margin-bottom: 15px !important; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .privacy h6 {
          margin: 0;
          font-size: 14px; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .privacy h6 small {
            display: block;
            font-size: 14px;
            margin-top: 5px;
            color: #77aaa0;
            font-style: normal; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap {
        text-align: center; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap .btn {
          margin-top: 11px;
          font-size: 14px;
          display: block; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap .loading {
          display: inline-block;
          vertical-align: top;
          margin-top: 11px;
          margin-left: 7px; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap .link-buy-now {
          display: inline-block;
          text-align: center;
          margin-top: 10px;
          padding: 6px 0px 4px 0px;
          text-decoration: none;
          color: #fff;
          font-size: 14px;
          font-weight: 600;
          opacity: 1;
          border-bottom: 1px solid #fff; }
          .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap .link-buy-now:hover {
            text-decoration: none;
            border-bottom: 0px solid #fff; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap.valid .link-buy-now {
          opacity: 1; }
        .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap.text-center .col-xs-6 {
          float: none;
          margin: 0 auto; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form.pg-purchase .loading {
        margin-top: 0 !important; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .enscroll-track .vertical-handle {
        border-radius: 0; }
    .npxnow-freetrial #main #content .freetrial-row .spotlite {
      padding: 0;
      height: 100%;
      position: fixed;
      left: 0;
      top: 0;
      width: 66%;
      display: block;
      background: url(../images/xpui/loading-now.gif) center center no-repeat #666666; }
      .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now {
        position: absolute;
        left: 0;
        top: 0;
        margin: 3% 0 0 5%; }
        .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now #logo {
          margin: 0;
          display: block;
          margin-left: 11px; }
          .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now #logo i {
            color: #fff;
            padding-right: 10px;
            font-size: 30px; }
            .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now #logo i + i {
              font-size: 18px !important; }
        .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now #logo-npx-now {
          display: block;
          color: #fff;
          margin-top: 106px; }
          .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now #logo-npx-now * {
            -webkit-font-smoothing: antialiased !important;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
          .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now #logo-npx-now label {
            height: 40px;
            line-height: 40px;
            font-size: 40px;
            display: block;
            margin: 0; }
          .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now #logo-npx-now i {
            color: #fff;
            font-size: 40px;
            margin-right: 10px; }
          .npxnow-freetrial #main #content .freetrial-row .spotlite .wrap-now #logo-npx-now small {
            display: block;
            font-size: 20px;
            margin-top: 20px;
            margin-left: 52px; }
      .npxnow-freetrial #main #content .freetrial-row .spotlite .hilite {
        position: absolute;
        left: 0;
        top: 0;
        margin: 45% 0 0 11%; }
        .npxnow-freetrial #main #content .freetrial-row .spotlite .hilite ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .npxnow-freetrial #main #content .freetrial-row .spotlite .hilite ul li {
            color: #fff;
            font-size: 14px;
            margin: 0 0 10px 0; }
            .npxnow-freetrial #main #content .freetrial-row .spotlite .hilite ul li:before {
              color: #a2d06d;
              /* set color to red */
              content: "\2022";
              /* /2022 is the numerical unicode for &bull; */
              position: relative;
              top: -3px;
              border-radius: 5px;
              padding: 0px 3px;
              margin-right: 10px;
              background-color: #a2d06d;
              font-size: 6px; }
      .npxnow-freetrial #main #content .freetrial-row .spotlite .testim-now {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.9);
        margin: 0;
        padding: 13px 10%;
        border: 0; }
        .npxnow-freetrial #main #content .freetrial-row .spotlite .testim-now p {
          margin: 26px 0 0 0;
          font-style: italic;
          font-size: 12px; }
        .npxnow-freetrial #main #content .freetrial-row .spotlite .testim-now .bx-user {
          float: left;
          width: 35%; }
          .npxnow-freetrial #main #content .freetrial-row .spotlite .testim-now .bx-user img {
            width: 80px;
            border: 2px solid #fff;
            margin-right: 13px;
            float: left; }
          .npxnow-freetrial #main #content .freetrial-row .spotlite .testim-now .bx-user h3 {
            font-size: 15px;
            font-weight: 600;
            margin: 20px 0 0 0; }
            .npxnow-freetrial #main #content .freetrial-row .spotlite .testim-now .bx-user h3 label {
              font-size: 12px;
              font-weight: lighter;
              font-style: italic;
              margin: 0; }
      .npxnow-freetrial #main #content .freetrial-row .spotlite + .bx-form {
        margin-left: 66%;
        width: 34%;
        padding-right: 0px; }
        @media (max-width: 980px) {
          .npxnow-freetrial #main #content .freetrial-row .spotlite + .bx-form {
            margin-left: 0%;
            width: 100%; } }
    .npxnow-freetrial #main #content .freetrial-row .form-inline,
    .npxnow-freetrial #main #content .freetrial-row .form-group {
      margin-bottom: 15px; }
      .npxnow-freetrial #main #content .freetrial-row .form-inline em.lbl,
      .npxnow-freetrial #main #content .freetrial-row .form-inline span.lbl,
      .npxnow-freetrial #main #content .freetrial-row .form-group em.lbl,
      .npxnow-freetrial #main #content .freetrial-row .form-group span.lbl {
        font-style: italic;
        display: block;
        margin-top: 3px;
        color: #888888;
        font-size: 12px; }
      .npxnow-freetrial #main #content .freetrial-row .form-inline.has-error em,
      .npxnow-freetrial #main #content .freetrial-row .form-group.has-error em {
        color: #b94a48; }
      .npxnow-freetrial #main #content .freetrial-row .form-inline.padtop,
      .npxnow-freetrial #main #content .freetrial-row .form-group.padtop {
        margin-top: 26px;
        margin-bottom: 0; }
    .npxnow-freetrial #main #content .freetrial-row .form-inline > .form-group {
      margin-bottom: 0; }
.npxnow-freetrial #foot {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4c4c4d;
  padding: 22px;
  color: #fff; }
.npxnow-freetrial .tooltip-inner {
  background-color: #fff;
  color: #4e4c4d; }
.npxnow-freetrial .tooltip.top .tooltip-arrow, .npxnow-freetrial .tooltip.top-left .tooltip-arrow, .npxnow-freetrial .tooltip.top-right .tooltip-arrow {
  border-top-color: #fff; }
.npxnow-freetrial .tooltip.right .tooltip-arrow {
  border-right-color: #fff; }
.npxnow-freetrial .tooltip.left .tooltip-arrow {
  border-left-color: #fff; }
.npxnow-freetrial .tooltip.bottom .tooltip-arrow, .npxnow-freetrial .tooltip.bottom-left .tooltip-arrow, .npxnow-freetrial .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #fff; }
.npxnow-freetrial .select2-container .select2-selection--single {
  background-color: #3a3a3c;
  border-color: #3a3a3c;
  color: #fff;
  font-style: italic;
  font-size: 14px;
  height: 50px; }
  .npxnow-freetrial .select2-container .select2-selection--single .select2-selection__arrow {
    background-color: #3a3a3c;
    border-width: 0px;
    height: 48px; }
  .npxnow-freetrial .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 50px; }
.npxnow-freetrial .select2-container.select2-container--focus .select2-selection--single {
  border-color: rgba(119, 170, 160, 0.8);
  box-shadow: 0 0 3px rgba(119, 170, 160, 0.3); }
.npxnow-freetrial .select2-container .select2-selection__placeholder {
  color: #c8e2de;
  font-style: italic;
  font-size: 14px; }
.npxnow-freetrial .select2-container .select2-selection__rendered {
  color: #fff; }
.npxnow-freetrial .select2-container--open .select2-dropdown {
  background-color: #3a3a3c;
  border-color: #3a3a3c; }
  .npxnow-freetrial .select2-container--open .select2-dropdown .select2-search:before {
    color: #aaa !important; }
  .npxnow-freetrial .select2-container--open .select2-dropdown .select2-search__field {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #3a3a3c;
    color: #fff;
    background-image: none; }
  .npxnow-freetrial .select2-container--open .select2-dropdown .select2-results__option[aria-selected="true"] {
    color: #3a3a3c; }

.hilite {
  background-color: #e4f4f1;
  padding: 13px;
  margin: 0 !important; }
  .hilite .control-label {
    padding-right: 7px; }
  .hilite .col-md-9 {
    padding-right: 0;
    padding-left: 6px; }

.academy-wrap,
#academyIframe {
  border: none;
  margin: 0px;
  padding: 0px; }

.academy-wrap {
  margin-top: -44px;
  margin-left: -22px;
  margin-right: -22px; }

@media (min-width: 0px) and (max-width: 768px) {
  html.registration {
    overflow-y: scroll !important;
    overflow-x: hidden !important; }

  .npxnow-freetrial #main #content .freetrial-row .spotlite {
    display: none; }
  .npxnow-freetrial #main #content .freetrial-row .bx-form {
    width: 100%; }
    .npxnow-freetrial #main #content .freetrial-row .bx-form h1 .logo,
    .npxnow-freetrial #main #content .freetrial-row .bx-form h1 .trial-text {
      text-align: center; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form h1 .logo label,
      .npxnow-freetrial #main #content .freetrial-row .bx-form h1 .trial-text label {
        text-align: left; }
    .npxnow-freetrial #main #content .freetrial-row .bx-form .form-control#domain {
      width: 56%;
      display: inline-block; }
    .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap h6 {
      text-align: center; }
    .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap + .form-group h6 {
      text-align: center; }
    .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap em {
      text-align: center; }
    .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul {
      text-align: center; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .captcha-wrap .visualCaptcha-possibilities ul li {
        float: none;
        margin-right: 12px; }
    .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap {
      text-align: center; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap .link-buy-now {
        width: auto; }
      .npxnow-freetrial #main #content .freetrial-row .bx-form .btn-wrap [class*="col-"] {
        float: none;
        margin: 0 auto; } }
@media (min-width: 0px) and (max-width: 360px) {
  .nowhead .topnavbtns {
    width: 59%; } }
.promo-sec a {
  line-height: 55px; }

.striked {
  display: inline-block;
  line-height: 100%;
  overflow: hidden;
  position: relative; }
  .striked:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: #fff;
    content: "";
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg); }

.titlelinks #infoIcon {
  text-decoration: none; }

#content .pageheader .page-title {
  margin: 4px 0 0 0 !important; }

.srvy-response.question.gridtable .table th {
  border-bottom: 2px solid #ddd;
  border-top: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
  background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%); }
.srvy-response > h5 {
  margin-bottom: 0; }

.response .row-grid {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0; }

.textarea-formula {
  padding: 10px;
  font-size: 16px; }

.add-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block; }

body#login .select2-container .select2-choice {
  height: 46px;
  border-radius: 3px 0px 0px 3px; }
  body#login .select2-container .select2-choice .select2-chosen {
    height: 46px;
    font-size: 16px;
    line-height: 46px; }
  body#login .select2-container .select2-choice .select2-arrow {
    background-color: transparent;
    border: 0; }
    body#login .select2-container .select2-choice .select2-arrow b {
      margin-top: -8px; }
      body#login .select2-container .select2-choice .select2-arrow b:before, body#login .select2-container .select2-choice .select2-arrow b:after {
        color: #555555;
        margin-top: 25px; }
body#login .select2-container.select2-dropdown-open .select2-choice {
  border-radius: 3px 0px 0px 0; }
body#login .smart-form fieldset {
  padding-bottom: 25px; }
body#login #main {
  background-color: transparent;
  margin: 0;
  min-height: 100px; }
body#login #content .well {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  box-shadow: none;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 10px; }
body#login #content .well .s-brwsrinfo-popup {
  color: #424142; }
body#login #content .well label:not(.input) {
  color: #fff; }
body#login #content .well header {
  border-radius: 5px 5px 0 0;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
  font-size: 22px; }
body#login #content .well footer {
  border-radius: 0 0 5px 5px;
  background-color: transparent;
  padding-left: 25px !important;
  padding-right: 25px !important; }
body#login #content .well.form-container input[type="text"],
body#login #content .well.form-container input[type="email"],
body#login #content .well.form-container input[type="password"] {
  border-radius: 3px;
  height: 46px;
  line-height/*\**/: 46px\9;
  font-size: 16px;
  border-width: 0px; }
body#login #content .well .input-group-addon {
  border-radius: 0 5px 5px 0;
  font-size: 16px;
  background-color: #cacaca; }
body#login #content .well.form-container .input-group input {
  border-radius: 3px 0 0 3px; }
body#login #content .well label {
  font-size: 13px; }
body#login #content .well label.checkbox,
body#login #content .well .s-frgtpswdcntainer a {
  font-size: 12px;
  color: #6ca898; }
body#login #content .well.form-container .selectpicker-arrow {
  line-height: 44px;
  border-radius: 0 5px 5px 0; }
body#login #content .footer {
  color: #fff;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.3); }
body#login #content .footer a {
  color: #fff;
  font-size: 13px; }
body#login #content .footer .selectpicker {
  background: none;
  border: none;
  display: inline-block;
  color: #fff;
  padding: 3px 16px 6px 0px !important; }
body#login #content .footer .selectpicker-arrow {
  background: none;
  border: none;
  line-height: 24px;
  width: 16px; }
body#login #content .footer .selectpicker-arrow b {
  color: #fff; }
body#login #content .footer ul {
  margin: 0;
  padding: 0; }
body#login #content .footer ul li a:hover {
  text-decoration: none; }
body#login #content .footer ul li + li {
  border-left-color: #fff; }
body#login #content .footer .icon-logo-nps {
  margin-left: 0;
  padding-right: 3px;
  position: relative;
  top: 1px;
  font-size: 24px; }
body#login .form-container .selectpicker {
  font-size: 16px;
  color: inherit;
  border: none;
  height: 46px; }
body#login #content .footer .dropdown-menu {
  min-width: 160px !important; }
body#login #content .footer .dropdown-menu > li {
  text-align: left; }
body#login #content .footer .dropdown-menu > li > a {
  color: #424142; }
body#login .smart-form fieldset {
  padding-left: 25px;
  padding-right: 25px; }
body#login .smart-form section {
  margin-bottom: 0px !important; }
body#login .smart-form section + section {
  margin-top: 20px; }
body#login .smart-form section.chkbox_container {
  margin-top: 5px; }
body#login .smart-form section.chkbox_container + section {
  margin-top: 5px; }
body#login .smart-form section.chkbox_container[style*="display"][style*="none"] + section {
  margin-top: 20px; }
body#login .smart-form section + .s-frgtpswdcntainer {
  margin-top: 5px; }
body#login .select-language .dropdown-toggle + .dropdown-menu {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 150px; }
body#login .alert-danger {
  border: none;
  padding: 0;
  font-size: 15px;
  color: #c26565;
  background: transparent;
  text-shadow: none;
  text-align: center; }
  body#login .alert-danger.sitename {
    font-size: 11px;
    font-style: italic;
    color: #cccccc;
    margin-bottom: 6px;
    display: block;
    text-align: left; }
body#login .hero {
  height: 360px;
  width: 100%;
  float: left; }
body#login h4.paragraph-header {
  color: #565656;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 15px;
  width: 270px; }
body#login h5.about-heading {
  color: #565656;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 5px; }
body#login .login-header-big {
  font-weight: 400; }
body#login .login-desc-box-l {
  min-height: 350px;
  width: 50%; }
body#login .login-app-icons {
  vertical-align: top;
  margin-top: 90px;
  width: 300px; }
@media (min-width: 768px) and (max-width: 880px) {
  body#login #header {
    padding: 0 5px !important; } }
@media only screen and (min-width: 0) and (max-width: 679px) {
  body#login #header {
    padding: 0 5px !important; } }
body#login .checkbox.s-fieldfocus {
  display: block;
  outline: 1px dotted rgba(255, 255, 255, 0.5);
  overflow: hidden; }
body#login .bootstrap-select button:focus span.filter-option {
  background: #6ca898;
  color: #fff;
  width: auto !important; }
body#login .bootstrap-select.open button:focus span.filter-option {
  background: transparent;
  color: #424142; }
body#login .col-lg-4 {
  width: 33.3333% \9;
  margin: 0 auto\9;
  float: none\9; }
body#login #content .footer {
  background/*\**/: transparent url("../images/bgimg-overlay.png") repeat\9; }
body#login #content .well {
  background/*\**/: transparent url("../images/bgimg-overlay.png") repeat\9; }
body#login #content .well header {
  background/*\**/: transparent url("../images/bgimg-overlay.png") repeat\9;
  border-bottom-width/*\**/: 0px\9; }
body#login .reset-pwd-sec .select2-container {
  width: 100.1% !important; }
  body#login .reset-pwd-sec .select2-container .select2-choice {
    border-radius: 3px; }
body#login #header #logo-group {
  width: 220px; }
body.trial.npxnow, body.trial.npx {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover; }
  body.trial.npxnow #header,
  body.trial.npxnow #left-panel,
  body.trial.npxnow #main, body.trial.npx #header,
  body.trial.npx #left-panel,
  body.trial.npx #main {
    display: none; }
body.trial.npxnow {
  background-image: url(../images/xpui/bgimg-gettingstarted.jpg); }
body.trial.npx {
  background-image: url(../images/xpui/bgimg-signin.jpg); }

.trialexpiry .btn {
  background-color: #77aaa0; }

#login.npx,
.mobile-fixed-bg {
  background-image: url(../images/bg-login.jpg) !important;
  background-position: center !important; }

@media (min-width: 768px) and (max-width: 1366px) {
  #login.npx,
  .mobile-fixed-bg {
    background-position: inherit  !important; } }
#header #logo-group #logo .icon-collectivetouchpoint-2 {
  display: none; }

#login #logo .logodark img {
  margin-top: 0px !important;
  top: -1px !important; }

.hier-structure .titlepanel {
  border-bottom: 1px solid #eeeeee; }
.hier-structure .s-addremovebtns button {
  border-radius: 50%;
  background: #fff !important;
  border: 1px solid #77aaa0 !important;
  width: 28px;
  height: 28px;
  color: #77aaa0 !important;
  font-size: 24px; }

.publicwidget {
  padding: 38px !important;
  box-shadow: none;
  border: none;
  /*position:fixed; bottom:0px; top:0px; right:0px; left:0px;*/
  margin-bottom: 0px; }
  .publicwidget > div {
    background: #fff;
    padding: 36px;
    box-shadow: 0px 0px 3px #999; }
  .publicwidget .tab-content {
    margin-top: 15px; }
  .publicwidget .nav-tabs {
    height: auto !important;
    background-color: #373f44;
    border-radius: 3px; }
    .publicwidget .nav-tabs li a i[class*="icon-"] {
      position: relative;
      top: 3px; }
  .publicwidget header {
    padding: 0px !important;
    margin-bottom: 10px !important; }
    .publicwidget header.text-row dl > dt {
      width: auto;
      margin-right: 20px; }
      .publicwidget header.text-row dl > dt + dd {
        margin-left: 0; }
    .publicwidget header + .well {
      margin-bottom: 0; }
    .publicwidget header > dl {
      margin-top: 10px; }
  .publicwidget .bg-color-white {
    border: none !important;
    box-shadow: none !important; }
  .publicwidget h2 {
    font-size: 21px;
    color: #373f44; }
  .publicwidget p {
    font-size: 13px;
    color: #373f44; }
  .publicwidget .chartsettings-panel {
    background-color: #373f44;
    border-radius: 3px; }
    .publicwidget .chartsettings-panel .nav-tabs > li > a,
    .publicwidget .chartsettings-panel .nav-tabs > li.active > a,
    .publicwidget .chartsettings-panel .nav-tabs > li.active > a:focus {
      font-weight: normal;
      color: #dfe7ea;
      background: transparent !important;
      padding: 12px;
      line-height: 20px;
      font-size: 13px; }
  .publicwidget .text-muted {
    color: #97a1a5;
    font-size: 11px; }
  .publicwidget .navbar {
    min-height: 44px; }
  .publicwidget .navbar-toggle .icon-bar {
    background: #dfe7ea; }
  .publicwidget .stream-scroll .chat-body {
    width: 100% !important; }
  .publicwidget .stream-scroll .message {
    background: #fff; }
    .publicwidget .stream-scroll .message + .message {
      border-color: #d5dde0; }
  .publicwidget .copyright {
    padding: 10px 0;
    margin-bottom: 0px;
    background-color: #efefef !important; }
    .publicwidget .copyright p {
      margin-bottom: 0; }
  .publicwidget .brandcolor > header + div {
    margin-bottom: 10px; }

.social-icons-sm {
  margin-right: 15px !important;
  height: 16px; }
  .social-icons-sm li {
    float: left;
    list-style-type: none;
    padding: 0px 3px;
    margin: 0px !important;
    display: none;
    -webkit-transition: display 6s;
    /* For Safari 3.1 to 6.0 */
    transition: display 6s; }
    .social-icons-sm li a {
      font-size: 18px; }
      .social-icons-sm li a:hover {
        text-decoration: none; }
      .social-icons-sm li a .icon-facebook {
        color: #3B5998; }
      .social-icons-sm li a .icon-twitter {
        color: #00aced; }
      .social-icons-sm li a .icon-linkedin {
        color: #0077B5; }
  .message-text:hover .social-icons-sm li {
    display: block; }
    .message-text:hover .social-icons-sm li a {
      opacity: .7; }
      .message-text:hover .social-icons-sm li a:hover {
        opacity: 1; }

@media (min-width: 200px) and (max-width: 767px) {
  .publicwidget .nav-tabs li {
    float: none !important; }

  .publicwidget .nav-tabs > li.active > a:before, .publicwidget .nav-tabs > li.active > a:after {
    border: none; }

  .publicwidget .nav-tabs > li.active > a, .publicwidget .nav-tabs > li.active > a:hover, .publicwidget .nav-tabs > li.active > a:focus {
    color: #6ca898 !important; }

  .publicwidget dd h2 {
    margin-top: 10px;
    text-align: center; } }
.chartWrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative; }
  .chartWrapper:before {
    border-top: 1px solid #e2e2e2;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    content: "";
    height: 2px; }
  .chartWrapper:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both; }
  .chartWrapper:first-child {
    padding-top: 0px; }
    .chartWrapper:first-child [charttype="heatmap"] {
      margin-top: 0px; }
    .chartWrapper:first-child:before {
      content: none; }

.popover-title {
  padding-bottom: 0;
  background-color: white;
  border: 0; }

.topnavbtns > .well-sm {
  padding: 0; }
  .topnavbtns > .well-sm .activity-dropdown {
    margin-top: 10px; }
  .topnavbtns > .well-sm .dropdown-toggle {
    margin-top: 11px; }
  .topnavbtns > .well-sm #userProfileDrpDown {
    margin-top: 9px; }
  .topnavbtns > .well-sm #globalsrchcontainer {
    margin-top: 7px; }

#logo {
  margin-left: 11px; }

@media (min-width: 0px) and (max-width: 736px) {
  .topnavbtns > .well-sm {
    padding: 0; }
    .topnavbtns > .well-sm .activity-dropdown {
      margin-top: 0; }
    .topnavbtns > .well-sm .dropdown-toggle {
      margin-top: 0; }
    .topnavbtns > .well-sm #userProfileDrpDown {
      margin-top: 0; }
    .topnavbtns > .well-sm #globalsrchcontainer {
      margin-top: 0; }

  .well-lg.net-promoter-trend {
    height: auto !important; } }
/* Dashboard 2.0 */
#ribbon {
  padding-right: 26px; }
  #ribbon .last-update {
    color: #7C7C7C;
    line-height: 40px; }
    #ribbon .last-update * {
      font-size: 13px;
      margin: 0; }
    #ribbon .last-update label {
      color: #77aaa0; }

.fixed-ribbon.edit-mode #ribbon {
  left: 456px;
  min-height: 46px;
  border-bottom: 1px solid #ddd; }
  .fixed-ribbon.edit-mode #ribbon .breadcrumb {
    padding-left: 11px !important; }
.fixed-ribbon.edit-mode.minified #ribbon {
  left: 281px; }
.fixed-ribbon.edit-mode.minified.stream-enabled #ribbon {
  margin-right: 0; }
.fixed-ribbon.edit-mode #main #content {
  padding-bottom: 0; }

.edit-mode #ribbon-sys-msg.hide + #pre-ribbon.hide + #ribbon + #content {
  margin-top: 105px !important; }

.drop-scorecard {
  width: 300px;
  padding: 10px;
  background-color: #fbf9fa;
  border: 2px dashed #77aaa0;
  margin-bottom: 26px;
  margin-left: 15px; }
  .drop-scorecard h6 {
    line-height: 100px;
    text-align: center;
    color: #77aaa0;
    background-color: #e4f4f1;
    margin: 0;
    font-weight: 600;
    font-size: 13px; }

.dboard .row.titlepanel .placeholder {
  padding: 50px 0;
  border: 1px dashed #ccc;
  margin: 0 15px 13px 15px; }
.dboard .row.titlepanel h3#dashChartDescrption p {
  margin: 0 12px 10px 12px; }
.dboard .area-scorecard header.chart-drag-header {
  margin-top: 15px; }
.dboard .dragging-holder {
  padding: 10px;
  background-color: #fbf9fa;
  border: 2px dashed #77aaa0; }
  .dboard .dragging-holder p {
    background-color: #e4f4f1;
    margin: 0;
    padding: 0;
    height: 116px; }
.dboard .drop-card label,
.dboard .drop-col label {
  border: 1px dashed #77aaa0 !important;
  background-color: #eeeeee;
  display: block !important;
  width: 216px !important;
  padding: 20px 13px;
  border-radius: 6px; }
.dboard .drop-card .srvy-quest-pview-icon,
.dboard .drop-card .srvy-quest-pview,
.dboard .drop-col .srvy-quest-pview-icon,
.dboard .drop-col .srvy-quest-pview {
  display: none; }

#content .dboard.templateselection {
  background-color: #f9f9f9; }
  #content .dboard.templateselection .right-panel {
    z-index: 3; }
    #content .dboard.templateselection .right-panel header.control-panel {
      display: none !important; }
#content .dboard .inline-edit .page-title {
  margin: 0 !important; }
  #content .dboard .inline-edit .page-title label {
    font-size: 24px; }
  #content .dboard .inline-edit .page-title input {
    font-size: 24px;
    height: 36px; }
  #content .dboard .inline-edit .page-title.editableinput-wrap + [class*="icon-"] {
    top: 9px; }
#content .dboard h1.ttl-dboard {
  font-size: 24px;
  margin-bottom: 22px; }
#content .dboard .vcard {
  background-color: #fff;
  border: 1px solid #eeeded;
  padding: 13px;
  margin-bottom: 26px;
  border-radius: 4px; }
  #content .dboard .vcard h2.ttl-vcard {
    margin-bottom: 13px;
    font-size: 15px; }
  #content .dboard .vcard .data-vcard {
    line-height: 200px;
    text-align: center;
    background-color: #fbf9fa;
    color: #bbb; }
#content .dboard #viewControls .pinView {
  margin: 0 11px 0 13px; }
#content .dboard #viewControls button.btn-link {
  margin: 0;
  padding: 1px 0;
  border-radius: 3px 3px 0 0;
  width: 25px;
  color: #555; }
  #content .dboard #viewControls button.btn-link:hover {
    color: #77aaa0; }
#content .dboard #viewControls .open button.btn-link {
  color: #fff; }
  #content .dboard #viewControls .open button.btn-link:hover {
    color: #fff; }
#content .dboard #viewControls .shared-faces {
  padding-right: 13px;
  margin-right: 13px;
  border-right: 1px solid #ddd; }
  #content .dboard #viewControls .shared-faces img {
    margin: -4px 10px 0 0; }
  #content .dboard #viewControls .shared-faces strong.btn-link {
    margin: 0;
    height: 25px;
    line-height: 25px;
    padding: 0; }
#content .dboard .main-share-menu,
#content .dboard .pagelevelfilter {
  margin-top: 0px; }
  #content .dboard .main-share-menu .btn-link,
  #content .dboard .pagelevelfilter .btn-link {
    color: #555 !important;
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 50% !important; }
  #content .dboard .main-share-menu.active .btn-link,
  #content .dboard .pagelevelfilter.active .btn-link {
    color: #77aaa0 !important;
    background-color: #e4f4f1 !important;
    padding: 0 !important;
    border-radius: 50% !important; }
#content .dboard .pagelevelfilter {
  margin-right: 10px; }
  #content .dboard .pagelevelfilter .btn-link i {
    vertical-align: top;
    display: inline-block;
    margin-top: 1px; }
  #content .dboard .pagelevelfilter .btn-link.open:before, #content .dboard .pagelevelfilter .btn-link.open:after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: 3px;
    bottom: -15px; }
  #content .dboard .pagelevelfilter.active .btn-link {
    color: #fff !important;
    background-color: #77aaa0 !important; }
    #content .dboard .pagelevelfilter.active .btn-link i {
      margin-top: 3px; }
#content .dboard .left-panel {
  border-right: 1px solid #ddd;
  background-color: #fff;
  height: 100%; }
  #content .dboard .left-panel .enscroll-track {
    right: -18px !important; }
    #content .dboard .left-panel .enscroll-track.vertical-track {
      border-radius: 0px; }
    #content .dboard .left-panel .enscroll-track .vertical-handle {
      width: 9px;
      opacity: 1;
      background-color: #d3d3d3;
      border-radius: 0px; }
  #content .dboard .left-panel .survey-accordion .panel-title > a:before, #content .dboard .left-panel .survey-accordion .panel-title > a:after {
    left: 97%; }
  #content .dboard .left-panel .survey-accordion .panel-body {
    padding: 0; }
  #content .dboard .left-panel .survey-accordion .panel-heading {
    padding: 10px 0; }
    #content .dboard .left-panel .survey-accordion .panel-heading .panel-title small {
      color: #999;
      line-height: normal;
      display: block;
      margin-top: 4px; }
  #content .dboard .left-panel .survey-accordion h6.survey-quest {
    padding: 20px 13px; }
    #content .dboard .left-panel .survey-accordion h6.survey-quest.dash-layout-item i {
      font-size: 48px;
      display: inline-block;
      width: auto;
      color: #999;
      background-color: #fff;
      border-radius: 5px;
      margin-right: 10px; }
    #content .dboard .left-panel .survey-accordion h6.survey-quest.dash-layout-item:hover *, #content .dboard .left-panel .survey-accordion h6.survey-quest.dash-layout-item.hilite * {
      color: #77aaa0; }
    #content .dboard .left-panel .survey-accordion h6.survey-quest:hover, #content .dboard .left-panel .survey-accordion h6.survey-quest.hilite {
      cursor: move;
      background-color: #e4f4f1 !important;
      color: #77aaa0 !important;
      margin-bottom: 10px !important; }
      #content .dboard .left-panel .survey-accordion h6.survey-quest:hover *, #content .dboard .left-panel .survey-accordion h6.survey-quest.hilite * {
        color: #77aaa0;
        cursor: move; }
      #content .dboard .left-panel .survey-accordion h6.survey-quest:hover .srvy-quest-pview, #content .dboard .left-panel .survey-accordion h6.survey-quest.hilite .srvy-quest-pview {
        background-color: #77aaa0;
        cursor: pointer;
        border-radius: 6px 0 6px 0; }
        #content .dboard .left-panel .survey-accordion h6.survey-quest:hover .srvy-quest-pview *, #content .dboard .left-panel .survey-accordion h6.survey-quest.hilite .srvy-quest-pview * {
          color: #fff;
          cursor: pointer; }
      #content .dboard .left-panel .survey-accordion h6.survey-quest:hover .srvy-quest-pview-icon, #content .dboard .left-panel .survey-accordion h6.survey-quest.hilite .srvy-quest-pview-icon {
        cursor: pointer; }
    #content .dboard .left-panel .survey-accordion h6.survey-quest label {
      display: inline-block;
      width: 67%;
      vertical-align: top;
      padding-top: 0px; }
    #content .dboard .left-panel .survey-accordion h6.survey-quest.no-drag {
      cursor: pointer !important; }
      #content .dboard .left-panel .survey-accordion h6.survey-quest.no-drag * {
        cursor: pointer !important; }
    #content .dboard .left-panel .survey-accordion h6.survey-quest.disabled {
      opacity: 0.3;
      cursor: not-allowed !important; }
      #content .dboard .left-panel .survey-accordion h6.survey-quest.disabled * {
        cursor: not-allowed !important; }
  #content .dboard .left-panel .survey-accordion .panel {
    border-top: 1px solid #dddddd; }
    #content .dboard .left-panel .survey-accordion .panel:last-child h6.survey-quest {
      padding: 13px 13px; }
    #content .dboard .left-panel .survey-accordion .panel:first-child {
      border-top: 0; }
    #content .dboard .left-panel .survey-accordion .panel#dash_layout_lists h6.survey-quest {
      padding: 13px 13px; }
      #content .dboard .left-panel .survey-accordion .panel#dash_layout_lists h6.survey-quest label {
        padding-top: 5px; }
      #content .dboard .left-panel .survey-accordion .panel#dash_layout_lists h6.survey-quest:nth-child(2n) label {
        height: 48px;
        line-height: 48px;
        padding-top: 0; }
      #content .dboard .left-panel .survey-accordion .panel#dash_layout_lists h6.survey-quest:last-child label {
        height: auto;
        line-height: normal;
        padding-top: 5px; }
  #content .dboard .left-panel .chartlist {
    padding: 0 13px; }
  #content .dboard .left-panel .stream-scroll {
    background-color: #fff; }
    #content .dboard .left-panel .stream-scroll .titlepanel {
      height: auto; }
      #content .dboard .left-panel .stream-scroll .titlepanel .text {
        padding: 13px 13px; }
        #content .dboard .left-panel .stream-scroll .titlepanel .text h3 {
          line-height: normal;
          font-weight: 500;
          font-size: 16px; }
        #content .dboard .left-panel .stream-scroll .titlepanel .text .note {
          line-height: normal;
          padding: 0;
          margin: 0;
          display: block; }
          #content .dboard .left-panel .stream-scroll .titlepanel .text .note#dragdisabledheader {
            color: red; }
    #content .dboard .left-panel .stream-scroll .titlepanel {
      background-color: #fff !important; }
    #content .dboard .left-panel .stream-scroll .icon-addon.addon-md {
      margin: 0 13px;
      border-bottom: 1px solid #ddd; }
      #content .dboard .left-panel .stream-scroll .icon-addon.addon-md .form-control {
        height: 34px;
        padding-left: 25px; }
      #content .dboard .left-panel .stream-scroll .icon-addon.addon-md .icon-search {
        margin-left: 0;
        left: 0; }
      #content .dboard .left-panel .stream-scroll .icon-addon.addon-md .clear-dash-search {
        position: absolute;
        right: 25px;
        top: -1px;
        color: #ddd;
        font-size: 18px; }
  #content .dboard .left-panel .ttl-tools {
    border-bottom: 1px solid #ddd;
    margin: 13px 0;
    padding: 0 13px 13px; }
    #content .dboard .left-panel .ttl-tools .icon-remove {
      float: right;
      color: #ddd;
      margin-top: 2px;
      cursor: pointer; }
    #content .dboard .left-panel .ttl-tools .btn {
      padding: 3px 10px;
      margin-top: -3px;
      font-size: 12px; }
#content .dboard h2.chartTitle {
  padding: 10px 10px;
  margin-bottom: 0;
  cursor: move;
  font-weight: 500;
  color: #000; }
  #content .dboard h2.chartTitle span {
    font-size: 15px !important; }
  #content .dboard h2.chartTitle .edit-chart-title {
    cursor: pointer;
    text-decoration: none;
    margin-left: 7px; }
    #content .dboard h2.chartTitle .edit-chart-title i {
      font-size: 13px;
      font-weight: 500 !important; }
#content .dboard .dashboard-chart.chart-widget {
  background-color: #fff;
  margin-bottom: 26px; }
  #content .dboard .dashboard-chart.chart-widget .dashboard-chart-area {
    margin: 0 !important;
    padding: 0 !important; }
    #content .dboard .dashboard-chart.chart-widget .dashboard-chart-area .well-lg {
      padding: 0 13px 13px !important; }
    #content .dboard .dashboard-chart.chart-widget .dashboard-chart-area .dash-chart-pad + div {
      width: 100% !important;
      /* BG-15702 */ }
#content .dboard .dash-chart-header i {
  opacity: 1;
  margin: 0 0px 0 0;
  font-size: 16px;
  color: #999; }
  #content .dboard .dash-chart-header i.navigate {
    font-size: 14px; }
#content .dboard .dash-chart-header .btn-link {
  color: #999;
  padding: 0 0px 0 7px;
  border: 0;
  height: 16px;
  line-height: 16px; }
  #content .dboard .dash-chart-header .btn-link.lock {
    padding: 0; }
    #content .dboard .dash-chart-header .btn-link.lock i {
      font-size: 16px;
      margin-right: 0;
      vertical-align: middle; }
  #content .dboard .dash-chart-header .btn-link + .btn-link {
    border-left: 0px solid #ddd;
    margin-left: 1px; }
#content .dboard .dash-chart-header h3#dashChartDescrption {
  margin: 0;
  padding: 0px 10px 10px; }
  #content .dboard .dash-chart-header h3#dashChartDescrption .desc {
    margin: 0;
    font-style: normal;
    color: #999; }
  #content .dboard .dash-chart-header h3#dashChartDescrption .btn-link.add {
    padding: 0 5px;
    background-color: #bfd7cf;
    height: 18px;
    line-height: 18px; }
    #content .dboard .dash-chart-header h3#dashChartDescrption .btn-link.add i {
      color: #fff;
      font-size: 9px;
      margin: 0; }
#content .dboard .dash-chart-footer {
  background-color: #fff;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9; }
  #content .dboard .dash-chart-footer p {
    border-top: 1px solid #ddd;
    margin: 0 13px;
    padding: 5px 0; }
  #content .dboard .dash-chart-footer * {
    color: #999;
    font-size: 13px; }
  #content .dboard .dash-chart-footer .btn-link.msg {
    padding-left: 0; }
    #content .dboard .dash-chart-footer .btn-link.msg i {
      margin-right: 5px; }
  #content .dboard .dash-chart-footer .btn-link.del {
    padding-right: 0; }
#content .dboard div.edit-card i {
  opacity: 1; }
#content .dboard .widget-grid .widget-content {
  box-shadow: none; }
#content .dboard .dashboard-chart.chart-widget {
  border: 1px solid #eeeded;
  border-radius: 4px; }
  #content .dboard .dashboard-chart.chart-widget:hover {
    box-shadow: 0px 0px 5px #eee; }
    #content .dboard .dashboard-chart.chart-widget:hover h2.chartTitle span,
    #content .dboard .dashboard-chart.chart-widget:hover i.navigate,
    #content .dboard .dashboard-chart.chart-widget:hover i.icon-remove,
    #content .dboard .dashboard-chart.chart-widget:hover .edit-chart-title i {
      color: #77aaa0;
      font-weight: 600; }
#content .dboard .jarviswidget div.chart-invitedelivery .grid-row [class*="col-"]:first-child {
  border-right: 1px solid #ccc !important; }
#content .dboard .jarviswidget div.chart-invitedelivery .grid + .grid .grid-head:first-child {
  /*ie perf*/ }
  #content .dboard .jarviswidget div.chart-invitedelivery .grid + .grid .grid-head:first-child [class*="col-"]:first-child {
    border-top: 1px solid #ccc !important; }
#content .dboard .jarviswidget .widget-content {
  border: 1px solid #eeeded !important;
  border-radius: 4px; }
  #content .dboard .jarviswidget .widget-content:hover {
    box-shadow: 0px 0px 5px #eee; }
  #content .dboard .jarviswidget .widget-content .comments-panel {
    border-top: 0px solid #ddd !important;
    margin: 0 13px;
    background-color: transparent; }
    #content .dboard .jarviswidget .widget-content .comments-panel .well-sm {
      padding: 5px 0; }
    #content .dboard .jarviswidget .widget-content .comments-panel .col-xs-6.pull-right .stream-toggle {
      margin: 0 -7px 0 0 !important; }
      body.stream-enabled #content .dboard .jarviswidget .widget-content .comments-panel .col-xs-6.pull-right .stream-toggle {
        margin: 8px 5px 8px 0 !important; }
#content .dboard .jarviswidget .chartsettings-panel {
  border-radius: 4px 4px 0px 0px; }
  #content .dboard .jarviswidget .chartsettings-panel .filter-btn {
    border-radius: 4px 0 0 0; }
#content .dboard .jarviswidget > .widget-content {
  border: 0px solid #eeeded !important; }
#content .dboard .jarviswidget-sortable-cust {
  border: 0px solid #eeeded !important;
  border-radius: 4px 4px; }
  #content .dboard .jarviswidget-sortable-cust:hover {
    box-shadow: 0px 0px 5px #eee; }
  #content .dboard .jarviswidget-sortable-cust header {
    background-color: #fff;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #eeeded !important;
    border-width: 0px 0px 0px 0px !important;
    box-shadow: none !important; }
  #content .dboard .jarviswidget-sortable-cust .widget-content {
    border-radius: 0px 0px 4px 4px;
    border-top: 0 !important;
    border-width: 0px 0px 0px 0px !important;
    box-shadow: none !important; }
#content .dboard .chartWrapper.paragraph .parabdr {
  border: 1px dashed #fff !important;
  padding: 5px 13px;
  margin: 0; }
#content .dboard .chartWrapper.paragraph:hover .parabdr {
  border: 1px dashed #ccc !important; }
#content .dboard .dashboard-chart.chart-widget .dashboard-chart-area .jarviswidget-sortable-cust {
  margin: 0 13px 13px !important;
  padding: 0 !important; }
  #content .dboard .dashboard-chart.chart-widget .dashboard-chart-area .jarviswidget-sortable-cust:hover {
    box-shadow: none; }
#content .dboard .row.titlepanel .align-inline {
  margin-right: 0;
  padding-right: 13px; }
  #content .dboard .row.titlepanel .align-inline #ncount {
    padding-right: 0; }
  #content .dboard .row.titlepanel .align-inline #charthelp {
    margin-left: 5px; }
#content .dboard .row.titlepanel [class^="col-"] {
  padding-left: 0;
  padding-right: 0; }
  #content .dboard .row.titlepanel [class^="col-"] .page-title {
    margin-left: 13px !important; }
    #content .dboard .row.titlepanel [class^="col-"] .page-title.editableinput-wrap {
      margin-left: 13px !important; }
  #content .dboard .row.titlepanel [class^="col-"] .dashboard-controls {
    margin-right: 13px;
    padding-left: 0px; }
#content .dboard table#prom_mobi_comments_table td {
  padding: 10px 0; }
#content .dboard table#prom_mobi_comments_table .dl-horizontal {
  padding: 0 8px; }
  #content .dboard table#prom_mobi_comments_table .dl-horizontal dt {
    margin-left: 10px;
    width: 32px !important; }
  #content .dboard table#prom_mobi_comments_table .dl-horizontal dd {
    margin-left: 50px !important; }
#content .dboard table#prom_mobi_comments_table .col-legend {
  margin: 0 auto;
  padding: 0;
  width: 22px; }
  #content .dboard table#prom_mobi_comments_table .col-legend [class^="icon-"] {
    font-size: 24px; }
#content .dboard #steam-graph-main-container .remove.highcharts-tooltip.right .tooltip-arrow {
  left: -7px; }
#content .dboard #steam-graph-main-container .remove.highcharts-tooltip.left .tooltip-arrow {
  right: -7px; }

.max-mode #main,
.max-mode #content {
  background-color: #f9f9f9; }
.max-mode #ribbon {
  padding: 0; }
  .max-mode #ribbon .breadcrumb {
    padding: 7px 23px 0px 22px !important; }
    .max-mode #ribbon .breadcrumb li {
      font-size: 13px; }
.max-mode #ribbon-sys-msg.hide + #pre-ribbon.hide + #ribbon + #content {
  margin-top: 90px !important;
  padding-top: 19px; }
.max-mode #pre-ribbon.hide + #ribbon + #content {
  margin-top: 90px !important;
  padding-top: 19px; }
.max-mode #comments-tray-panel .streamwidget {
  margin-top: 61px; }
  @media (max-width: 767px) {
    .max-mode #comments-tray-panel .streamwidget {
      margin-top: 0px; } }
.max-mode.stream-enabled #main #ribbon {
  margin-right: 0; }
.max-mode .publish-panel {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  height: 39px; }
  .max-mode .publish-panel .publish-msg {
    line-height: 39px;
    padding-left: 22px;
    margin-top: -3px; }
    .max-mode .publish-panel .publish-msg strong i {
      margin-right: 0;
      font-size: 11px;
      font-weight: lighter;
      padding-right: 7px;
      cursor: pointer;
      vertical-align: middle; }
    @media (max-width: 736px) {
      .max-mode .publish-panel .publish-msg {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; } }
  .max-mode .publish-panel .publish-actions {
    width: 200px; }
    .max-mode .publish-panel .publish-actions .btn-wrap {
      margin-right: 22px;
      text-align: right; }
      .max-mode .publish-panel .publish-actions .btn-wrap .pgn,
      .max-mode .publish-panel .publish-actions .btn-wrap .pub,
      .max-mode .publish-panel .publish-actions .btn-wrap .close {
        display: inline-block; }
      .max-mode .publish-panel .publish-actions .btn-wrap .btn {
        padding: 0;
        line-height: 39px;
        font-size: 13px !important;
        font-weight: 500; }
        .max-mode .publish-panel .publish-actions .btn-wrap .btn.close {
          background-color: #77aaa0;
          color: #fff;
          text-shadow: none;
          padding: 0 7px;
          line-height: 23px;
          font-weight: 500;
          margin-top: 7px; }
          .max-mode .publish-panel .publish-actions .btn-wrap .btn.close:hover {
            opacity: 0.9; }
      .max-mode .publish-panel .publish-actions .btn-wrap .pgn {
        margin-right: 13px; }
        .max-mode .publish-panel .publish-actions .btn-wrap .pgn span {
          color: #555;
          margin-right: 10px; }
.max-mode .chartWrapper {
  padding: 13px 0 0 0; }
  .max-mode .chartWrapper .scorecard {
    margin-bottom: 13px; }
.max-mode #content .dboard .area-scorecard .jarviswidget .widget-content .comments-panel {
  border-top: 1px solid #e2e2e2 !important; }
  .max-mode #content .dboard .area-scorecard .jarviswidget .widget-content .comments-panel .col-xs-6 {
    padding-right: -13px; }
  .max-mode #content .dboard .area-scorecard .jarviswidget .widget-content .comments-panel .stream-toggle.btn.btn-primary {
    margin-right: 0 !important; }
.max-mode #content .dboard .area-scorecard #filterPanel .col-xs-12.col-sm-12.col-md-12.col-lg-12 {
  padding-left: 5px;
  padding-right: 5px; }
.max-mode #main .createcustomreport .right-panel .viewpanel-accordion .accordion-content {
  width: 100%;
  overflow: hidden !important;
  background-color: transparent;
  margin: 0; }
.max-mode.export .publish-panel {
  height: 49px; }
  .max-mode.export .publish-panel .publish-actions {
    margin-top: 6px; }
  .max-mode.export .publish-panel .publish-msg strong {
    display: inline-block;
    margin-top: 5px; }
.max-mode.streampage .area-vcard .chartWrapper {
  padding: 0; }

.analytics {
  background-color: #f9f9f9; }
  .analytics #main {
    background-color: #f9f9f9; }
    .analytics #main #content,
    .analytics #main #ribbon {
      background-color: #f9f9f9; }
  .analytics.gettingstarted #main #content,
  .analytics.gettingstarted #main #ribbon {
    background-color: #c8e2de; }

.export {
  background-color: #f9f9f9; }
  .export #main {
    background-color: #f9f9f9; }
    .export #main #ribbon {
      background-color: #f9f9f9; }
    .export #main #content {
      background-color: #f9f9f9; }
      .export #main #content .createcustomreport .survey-accordion .panel {
        border-top: 1px solid #eee; }
        .export #main #content .createcustomreport .survey-accordion .panel:first-child {
          border-top: 0; }
        .export #main #content .createcustomreport .survey-accordion .panel .panel-heading {
          padding: 9px 0; }
          .export #main #content .createcustomreport .survey-accordion .panel .panel-heading .panel-title {
            position: relative; }
          .export #main #content .createcustomreport .survey-accordion .panel .panel-heading span.srvy-quest-pview {
            position: absolute;
            right: 25px;
            top: 1px;
            font-size: 13px;
            cursor: pointer; }
    .export #main .maincontrol-panel {
      background-color: #fff;
      border-bottom: 1px solid #ddd;
      height: 46px;
      margin: 0 -22px 0 -22px; }
      .export #main .maincontrol-panel h2 {
        font-size: 18px; }
      .export #main .maincontrol-panel .btn {
        margin: 2px 0 0 3px; }
    .export #main .templateselection .left-panel {
      height: 100% !important; }
      .export #main .templateselection .left-panel .stream-scroll .padding-10 {
        padding: 13px !important; }
      .export #main .templateselection .left-panel .stream-scroll .toggle-tabs .btn:hover, .export #main .templateselection .left-panel .stream-scroll .toggle-tabs .btn.active {
        color: #fff; }
      .export #main .templateselection .left-panel .stream-scroll .chartlist {
        padding: 0; }
      .export #main .templateselection .left-panel .stream-scroll .icon-addon.addon-md {
        margin: 0;
        margin-top: 2px; }
        .export #main .templateselection .left-panel .stream-scroll .icon-addon.addon-md .form-control {
          border-bottom: 0; }
    .export #main .templateselection .right-panel .row.titlepanel {
      margin-top: 10px;
      margin-bottom: 20px; }
    .export #main .templateselection .right-panel .viewpanel-accordion {
      margin-bottom: 26px; }
      .export #main .templateselection .right-panel .viewpanel-accordion .accordion-header {
        margin-top: 26px;
        margin-bottom: 26px; }
      .export #main .templateselection .right-panel .viewpanel-accordion .accordion-content {
        width: 100%;
        overflow: inherit !important;
        background-color: transparent;
        margin: 0; }
        .export #main .templateselection .right-panel .viewpanel-accordion .accordion-content .titlepanel {
          margin: 0 -6px 0 -4px; }
    .export #main .templateselection .right-panel .uploadimage-container {
      margin-bottom: 0; }
      .export #main .templateselection .right-panel .uploadimage-container + .viewpanel-accordion {
        margin-top: 0; }

.analytics.edit-mode #main .templateselection .right-panel .control-panel + .view-body {
  margin-top: 48px; }
.analytics.edit-mode #main .templateselection .right-panel .drop-chart-info {
  font-style: italic;
  margin-bottom: 13px; }
.analytics.edit-mode #main .templateselection .right-panel #dashboardscorecardwidget .drop-scorecard-info {
  margin: 0 13px 13px 13px;
  font-style: italic; }
.analytics.edit-mode #main .templateselection .right-panel #dashboardscorecardwidget.init-drag .drop-scorecard-info {
  margin: 0 13px 13px 13px; }
.analytics.edit-mode #main .templateselection .right-panel .area-scorecard {
  border-bottom: 1px dashed #999;
  margin-bottom: 13px; }
.analytics.edit-mode #main .templateselection.custom-layout .right-panel .area-scorecard {
  border-bottom: 0;
  margin-bottom: 0; }
.analytics.edit-mode #main #ribbon {
  background-color: #fff;
  height: 46px; }
.analytics.max-mode #main .dboard .right-panel .control-panel + .view-body {
  margin-top: 15px; }
.analytics.max-mode #main .dboard .jarviswidget-sortable-cust {
  border: 1px solid #eeeded !important; }
.analytics.max-mode #main #ribbon {
  background-color: #fff;
  height: 60px; }

.chart-drag-header {
  cursor: move; }

#content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content {
  border: 0px solid #eeeded !important;
  border-radius: 0px;
  background-color: transparent !important;
  box-shadow: none; }
  #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget.well-row {
    padding: 0; }
  #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .dl-horizontal.score-card {
    margin: 24px 0 26px 0; }
    #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .dl-horizontal.score-card .grid-item.scorecard-widget {
      padding-left: 0;
      padding-right: 13px; }
      #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .dl-horizontal.score-card .grid-item.scorecard-widget .scorecard {
        margin-bottom: 0; }
    #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .dl-horizontal.score-card .grid-item.survey-summary-scorechart {
      padding-right: 0;
      padding-left: 13px; }
      #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .dl-horizontal.score-card .grid-item.survey-summary-scorechart .col-npsscore-chart {
        padding: 0;
        margin-left: 0;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #eeeded;
        box-shadow: none; }
        #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .dl-horizontal.score-card .grid-item.survey-summary-scorechart .col-npsscore-chart:hover {
          box-shadow: 0px 0px 5px #eee; }
        #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .dl-horizontal.score-card .grid-item.survey-summary-scorechart .col-npsscore-chart .well {
          height: 140px; }
  #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .row.chart-box {
    margin: 0; }
    #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .row.chart-box h2.chartTitle {
      padding: 10px 0px; }
    #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .row.chart-box .well {
      box-shadow: none;
      border: 1px solid #eeeded !important;
      padding: 0 10px 10px 10px; }
      #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .row.chart-box .well:hover {
        box-shadow: 0px 0px 5px #eee; }
    #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .row.chart-box .summary-chart-left {
      padding-left: 0;
      padding-right: 13px;
      margin-bottom: 26px; }
    #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .summary-chartwidget .row.chart-box .summary-chart-right {
      padding-right: 0;
      padding-left: 13px;
      margin-bottom: 26px; }
  #content .dboard section.sortable-dashboard-widget.survey-summary-report .jarviswidget .widget-content .comments-panel {
    margin: 0; }
#content .dboard .grid-item.col-lg-4 .streamwidget, #content .dboard .grid-item.col-lg-6 .streamwidget, #content .dboard .grid-item.col-lg-8 .streamwidget {
  border-left-width: 0px; }
  #content .dboard .grid-item.col-lg-4 .streamwidget .stream-scroll, #content .dboard .grid-item.col-lg-6 .streamwidget .stream-scroll, #content .dboard .grid-item.col-lg-8 .streamwidget .stream-scroll {
    border-right-width: 0px;
    background-color: #fff; }

.role-title {
  margin-bottom: 23px; }
  .role-title label {
    font-size: 24px;
    margin: 0; }

.role-image img {
  max-width: 100%; }

h6.splitter {
  text-align: center;
  position: relative;
  font-weight: normal;
  font-size: 14px; }
  h6.splitter:before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    background-color: #ddd;
    z-index: 1; }
  h6.splitter > span {
    background-color: #f9f9f9;
    position: relative;
    z-index: 2;
    padding: 2px 10px; }

.metric-score-green {
  color: #7bd50f; }

.metric-score-red {
  color: #d30017; }

#predefinedReportCtr {
  margin: 29px 0  26px 0; }
  #predefinedReportCtr .role-title {
    background-color: #fff;
    padding: 26px 26px; }
    #predefinedReportCtr .role-title h2 {
      margin-bottom: 0px; }
  #predefinedReportCtr .role-image {
    padding: 26px; }
  #predefinedReportCtr h6.splitter {
    margin: 0 26px; }

.dboard-builder-tab {
  padding: 0 13px; }
  .dboard-builder-tab .btn.active, .dboard-builder-tab .btn:hover {
    color: #fff !important; }

#dashboardBuilderContent .text {
  padding: 11px 13px 1px 13px !important; }

@media (max-width: 1024px) {
  .max-mode #content .dboard .area-scorecard .chart-drag-header .titlepanel .col-lg-10,
  .max-mode #content .dboard .area-scorecard .chart-drag-header .titlepanel .col-lg-2 {
    float: none;
    display: block;
    width: 100%; }
  .max-mode #content .dboard .area-scorecard .chart-drag-header .titlepanel .col-lg-10 .page-title {
    margin-left: 9px !important; }
  .max-mode #content .dboard .area-scorecard .chart-drag-header .titlepanel .col-lg-2 .pull-right {
    float: none !important; } }
@media (min-width: 0px) and (max-width: 736px) {
  #ribbon {
    padding: 0 13px; }
    #ribbon .breadcrumb {
      float: none;
      width: auto; }

  #content .dboard .row.titlepanel .no-wrap-mobile .icon-addon.addon-md {
    width: 100%; }
  #content .dboard .row.titlepanel #viewControls .dashboard-controls {
    margin: 0;
    padding: 0; }
    #content .dboard .row.titlepanel #viewControls .dashboard-controls .dropdown .btn-link {
      background-color: #f1f1f1;
      border-radius: 3px;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    #content .dboard .row.titlepanel #viewControls .dashboard-controls .dropdown.open .btn-link {
      background-color: #77aaa0;
      border-radius: 3px 3px 0 0; }

  .max-mode #ribbon .breadcrumb {
    padding: 7px 13px 0px 13px !important; }
  .max-mode .publish-panel {
    height: auto; }
    .max-mode .publish-panel .publish-actions {
      width: auto; }
      .max-mode .publish-panel .publish-actions .btn-wrap {
        margin-right: 13px; }
    .max-mode .publish-panel .publish-msg {
      padding-left: 13px; } }
@media (min-width: 0px) and (max-width: 1024px) {
  body.edit-mode.fixed-ribbon #ribbon .breadcrumb {
    margin-left: 28px; }
  body.edit-mode.fixed-ribbon.minified #ribbon .breadcrumb {
    margin-left: 248px; } }
@media (max-width: 399px) {
  #ribbon .breadcrumb {
    display: inline-block; }
  #ribbon .last-update {
    float: left !important;
    font-size: 12px;
    line-height: 16px;
    top: 32px !important; } }
/* Charts - Customer Graph */
#lineChart .cg-xaxis h6 {
  margin-top: -2px;
  line-height: 1.75; }
  .dash-chart-pad #lineChart .cg-xaxis h6 {
    line-height: 1.20; }
#lineChart .cg-xaxis .well-sm {
  padding-top: 0; }
  #lineChart .cg-xaxis .well-sm .score {
    margin-top: 25px; }

.controlar-carousel-column .journey-tab > div header {
  height: 50px; }

.drill-to-dash {
  border-bottom: solid 1px rgba(68, 68, 68, 0.1);
  line-height: 1.75;
  text-decoration: none !important; }
  .drill-to-dash:hover {
    border-bottom: solid 1px rgba(68, 68, 68, 0.5); }

div.journey-tab .drill-to-dash {
  display: inline;
  color: #424142;
  padding: 0;
  border-radius: 0; }
  div.journey-tab .drill-to-dash:hover {
    color: #424142; }

/* Survey Type - Slide Up */
.slideup-wrapper {
  margin: 0 auto;
  width: 90%;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ccc;
  border-width: 0px 1px; }
  .slideup-wrapper .stripe {
    height: 10px; }
  .slideup-wrapper .close-slide {
    margin: 1% -4% 0 0;
    text-decoration: none !important;
    color: #424142 !important;
    font-size: 24px; }
    .slideup-wrapper .close-slide:hover {
      opacity: 0.70; }
  .slideup-wrapper .slideup-pad {
    padding: 0 5% 20px 5%; }
  .slideup-wrapper .wel-panel h1 {
    text-align: center;
    font-size: 24px;
    margin: 20px 0;
    line-height: 1; }
  .slideup-wrapper .wel-panel h4 {
    font-size: 14px;
    margin: 0; }
  .slideup-wrapper .quest-panel {
    margin: 30px 0; }
    .slideup-wrapper .quest-panel h2 {
      font-weight: 600;
      margin-bottom: 20px;
      font-size: 18px; }
    .slideup-wrapper .quest-panel .smart-form {
      margin: 0 auto;
      width: 19px; }
      .slideup-wrapper .quest-panel .smart-form .radio {
        padding-left: 0;
        min-height: 19px;
        margin: 0;
        width: 19px; }
        .slideup-wrapper .quest-panel .smart-form .radio i {
          top: 0; }
  .slideup-wrapper .grid-label-panel-mob {
    margin-bottom: 13px; }
    .slideup-wrapper .grid-label-panel-mob [class*="col-"]:first-child .grid-label {
      padding-left: 13px; }
    .slideup-wrapper .grid-label-panel-mob [class*="col-"]:last-child {
      padding-right: 0; }
      .slideup-wrapper .grid-label-panel-mob [class*="col-"]:last-child .grid-label {
        padding-right: 13px; }
  .slideup-wrapper .eq-col {
    width: 10%;
    text-align: center; }
  .slideup-wrapper .grid-label {
    height: 32px;
    margin-bottom: 9px;
    position: relative; }
    .slideup-wrapper .grid-label span {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: block; }
  .slideup-wrapper .grid-btn {
    border-radius: 50%;
    width: 51px;
    height: 51px;
    margin: 0 auto;
    border: 2px solid #fff;
    padding: 2px;
    background-color: #fff; }
    .slideup-wrapper .grid-btn .btn {
      box-shadow: none;
      color: #fff;
      border-radius: 50%;
      width: 43px;
      height: 43px;
      padding: 0;
      font-size: 18px; }
  .slideup-wrapper .grid-panel {
    margin-top: 13px;
    margin-bottom: 26px; }
  .slideup-wrapper .btn-panel {
    text-align: center;
    margin: 20px 0 0 0; }
    .slideup-wrapper .btn-panel .btn {
      color: #fff;
      padding: 10px 26px;
      font-size: 15px;
      border-radius: 4px;
      box-shadow: none;
      margin: 0 10px; }
      .slideup-wrapper .btn-panel .btn:hover {
        opacity: 0.9; }
  .slideup-wrapper .pwrd-panel {
    text-align: center;
    margin: 20px 0 0 0; }

.brand-color {
  background-color: green;
  border-color: green !important; }

.msg-panel {
  margin: 52px 0 26px 0; }
  .msg-panel label {
    margin: 0 0 10px 0;
    display: block;
    font-size: 18px;
    font-weight: 600; }
  .msg-panel textarea {
    display: block;
    width: 100%;
    height: 120px; }

.tnx-panel {
  margin: 94px 0 106px 0; }
  .tnx-panel h1 {
    margin: 0;
    text-align: center;
    font-size: 24px; }

.grid-label-mob {
  display: none; }

@media (max-width: 1024px) {
  .slideup-wrapper {
    top: 0; } }
@media (max-width: 768px) {
  .slideup-wrapper .grid-label {
    height: 46px; }
  .slideup-wrapper .eq-col {
    padding-left: 0;
    padding-right: 0; }
  .slideup-wrapper .grid-btn {
    width: 46px;
    height: 46px; }
    .slideup-wrapper .grid-btn .btn {
      width: 38px;
      height: 38px; }
  .slideup-wrapper .quest-panel h2 {
    font-size: 17px; } }
@media (max-width: 736px) {
  .slideup-wrapper .close-slide {
    margin: 0; }
  .slideup-wrapper .slideup-pad {
    padding-left: 13px;
    padding-right: 13px; } }
@media (max-width: 414px) {
  .grid-label-mob {
    display: block; }

  .grid-panel .grid-label {
    display: none; }

  .slideup-wrapper {
    width: 100%;
    border: 0; }
    .slideup-wrapper .wel-panel h1 {
      font-size: 20px; }
    .slideup-wrapper .grid-btn {
      width: 32px;
      height: 32px; }
      .slideup-wrapper .grid-btn .btn {
        width: 24px;
        height: 24px;
        font-size: 13px; } }
@media (max-width: 375px) {
  .slideup-wrapper .wel-panel h1 {
    font-size: 16px; }

  .msg-panel label {
    font-size: 14px; }

  .tnx-panel h1 {
    font-size: 20px;
    line-height: normal; } }
@media (max-width: 320px) {
  .tnx-panel h1 {
    font-size: 16px; } }
/* Animation - Slide Up */
@-webkit-keyframes slideUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(342px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes slideUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(342px); }
  100% {
    -moz-transform: translateY(0); } }
@-o-keyframes slideUp {
  0% {
    opacity: 0;
    -o-transform: translateY(342px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(342px); }
  100% {
    transform: translateY(0); } }
.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
  -o-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

/* Animation - Slide Down */
@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-342px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes slideDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-342px); }
  100% {
    -moz-transform: translateY(0); } }
@-o-keyframes slideDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-342px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-342px); }
  100% {
    transform: translateY(0); } }
.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
  -o-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

/* Animation - Scale Up */
@-webkit-keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.scaleUp {
  -webkit-animation-name: scaleUp;
  -moz-animation-name: scaleUp;
  -o-animation-name: scaleUp;
  animation-name: scaleUp;
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
  -o-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

/* Animation - Scale Down */
@-webkit-keyframes scaleDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes scaleDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.scaleDown {
  -webkit-animation-name: scaleDown;
  -moz-animation-name: scaleDown;
  -o-animation-name: scaleDown;
  animation-name: scaleDown;
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
  -o-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

/* Styles only for Mobile Devices */
@media (min-width: 0px) and (max-width: 736px) {
  .fixedleftpanels .left-panel + .right-panel {
    margin-left: 0; }

  .localesettings .form-viewsettings {
    display: block; }
    .localesettings .form-viewsettings .checkbox {
      font-size: 12px; }
    .localesettings .form-viewsettings [class^="col-"]:first-child {
      width: 70% !important; }

  .manage-tab .collabarator .btn-link {
    margin-left: 0; }
  .manage-tab .collabarator .media-body .username {
    width: 50%; }
    .manage-tab .collabarator .media-body .username .media-heading {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .manage-tab .collabarator .media-body .homePageIcon {
    margin-left: 0; }
  .manage-tab .collabarator .media-body #unlock {
    width: 40px; }

  #viewControls .shared-faces img {
    margin-top: 9px; } }
/* ------- End */

/*# sourceMappingURL=npx-style.css.map */