/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700);*/

/*Overiden*/
::selection {background: #6ca898; color:#fff /* WebKit/Blink Browsers */}
::-moz-selection { background: #6ca898; color:#fff /* Gecko Browsers */}

body{color: #424142; background-color:#fff; min-height:inherit!important; -ms-overflow-style: scrollbar;}
/*BG-17928*/
body.AppleEnabled.analytics{ overflow:scroll;}
a:link, .btn, button{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/*login page unsupported browser*/
#blanket, #popUpDiv{position:absolute;}

.dataTables_wrapper.nodata table.dataTable.no-footer{border-bottom-width:0px !important}

.jPicker td[class="Text"] input {height: 19px !important;}
.jPicker td.Radio input { margin: 0px 4px 0px 0px!important;}

.ui-dialog .ui-dialog-content{padding:13px}
.ui-dialog .ui-dialog-titlebar-close{float: right; opacity:1; top:0; right:0; margin:0!important}
.ui-dialog .ui-dialog-titlebar-close:before{color: #555; font-size: 19.5px; line-height: 1; opacity: 1; text-shadow: 0 1px 0 #fff;}
.ui-dialog-buttonset button[type="button"]{-moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 2px;cursor: pointer; display: inline-block;font-size: 13px; font-weight: normal; line-height: 1.42857;padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap;
border-radius: 2px; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset; background-color:#6ca898; border-color:#6ca898; color:#fff; margin:0}
.ui-dialog .ui-dialog-buttonpane{text-align:center; padding:13px 0; margin-top:0}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none}

/* dark elegance theme styles*/
.smart-style-1 .badge{color:#606060 !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;}

.buylink, .buylink a{color:#fff}
p,li,label{font-size:13px}
a{cursor:pointer}
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}
textarea{resize: none;}
#logo .img i[class*="icon"]{font-size: 18px;   font-weight: bold;     line-height: 24px;}
#logo > i[class*="icon"]{top:13px}
#comments-tray-panel{width:400px;}
.smart-form.state-error input,.state-error input, .state-error select, .state-error textarea, .radio.state-error i,.checkbox.state-error i,.toggle.state-error i, .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;}
.alert-fixed-wrap{position:fixed; left:0; top:55px; right:0; z-index:5000}
.alert-autosave{background-color:#dcebe8;border:1px solid #dcebe8; color:#424142; font-weight:bold}
.buylink, .buylink a{color:#fff}
nav ul ul{padding:0px}
nav > ul ul li:before,nav > ul > li > ul:before{border:none}
.nav-tabs{border-bottom:none}

.label>.checkbox, .link-sty-fav .checkbox{position: absolute;right: 0;top: 0;font-size:11px}
button.btn-link:hover,button.btn-link:focus{text-decoration:none}
a.btn-link:hover,a.btn-link:focus{text-decoration:underline}
.popover.bg-color-darken.top > .arrow:after{border-top-color:#404040 !important}
.popover.bg-color-darken.bottom > .arrow:after{border-bottom-color:#404040 !important}
.popover.bg-color-darken.left > .arrow:after{border-left-color:#404040 !important}
.popover.bg-color-darken.right > .arrow:after{border-right-color:#404040 !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}

.modal-header .close {font-size: 35px;}
.s-hide{display: none !important;}
.pad-right-0{padding-right:0!important;}
.pad-left-0{padding-left:0!important;}

[class*="caret"]{ position:relative; margin-left:5px}
[class*="caret"]:after{content: ""; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid transparent; border-bottom: 3px solid transparent; margin-top: -3px; position: absolute;top: 50%;}
.caret-down:after {border-top-color: inherit;}
.caret-up:after	{border-bottom-color: inherit;}
.caret-left:after {border-right-color: inherit;}
.caret-right:after {border-left-color: inherit;}

dt.pull-right + dd{margin-left:0; margin-right:180px}
dt.width-auto + dd{margin-left:0; margin-right:0px; overflow:hidden;}
dt.width-auto{width:auto; margin-right:10px}
dt.pull-right.width-auto{margin-left:20px; margin-right:0;}

#content>.titlepanel,
#content>.widget-body>.titlepanel,
#content> div > .titlepanel{height:38px; padding:5px 0px}
#content> div > .titlepanel .inline-edit,
#content> div > .titlepanel .inline-edit .editableinput-wrap{max-width:100%}
#content> div > .titlepanel .label-readonly{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:100%}
#content> div > .alert-info{margin-bottom:0}
.titlepanel{margin-bottom:0px}
.titlepanel h1,
.titlepanel h2,
.titlepanel h3{margin-bottom:0 !important}
.titlepanel .btn-lg {padding: 5px 10px;}
#content #widgets>.titlepanel{margin-bottom:10px;}

i.icon-logo-nps{font-size: 21px;margin-left: -8px;padding-right: 5px;text-decoration: none;}
.minified i.icon-logo-nps{margin-left:-83px;}

.preview-wrap .footer a:hover, .preview-wrap .footer a:focus{text-decoration:none !important}
/*.preview-box + div a:hover, .preview-box + div a:focus{text-decoration:none !important}*/

.well-row{padding:13px}
.minusmargin{margin-top:-13px}

.btn-group.pull-left .dropdown-menu:before{left:9px; right:auto}
.btn-group.pull-left .dropdown-menu:after{left:10px;  right:auto}
.dropdown-submenu > .dropdown-menu:before,
.dropdown-submenu > .dropdown-menu:after{display:none}

.dropdown-submenu-inline .dropdown-menu{position:relative; left:0; top:auto; box-shadow:none; border:none; margin-top:0; background-color:rgba(0,0,0,0.1)}

.mini-tabs [class*="icon-"]{font-size:16px !important}
.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}

.dropdown-menu{min-width:200px !important}
.login-info .dropdown-menu{min-width:190px !important}
.custom-combolist-wrap{position:relative; min-width:120px}
.custom-combolist-wrap.state-error .custom-combolist{border:1px solid #A90329; background-color:#FFF0F0}
.custom-combolist-wrap strong{position:relative; padding:5px; padding-right:18px; min-width:100%; -moz-box-sizing:border-box; box-sizing:border-box}
.custom-combolist-wrap .dropdown-menu li{ padding:5px 10px !important;}
.custom-combolist-wrap .dropdown-menu li + li{ border-top:1px solid #eaeaea}
.custom-combolist-wrap .dropdown-menu li:hover{background-color:rgba(0,0,0,0.1)}
.custom-combolist .btn-link{position:absolute; right:3px; top:-1px; padding:0}

.list-inlinebordered{margin-left:0}
.list-inlinebordered > li{padding-left:0; line-height:11px; display:inline}
.list-inlinebordered > li + li{border-left:1px solid #424142; padding-left:5px}

.grid-list .row + .row{border-top:1px solid #ddd}
.grid-list .row{padding:10px 0; margin-left:0; margin-right:0}
.grid-list .row > [class*="col-"] > *{margin-bottom:0}

.section-groupby .dropdown-menu li{float:none !important}

.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 .select2-choices .select2-search-choice{background:#c9e2de !important;}
.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}

.section-groupby .select2-container-multi .select2-choices .select2-search-choice{color:#6ca898}
.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;}

/*.section-groupby .select2-search-choice-close:hover, */
.form-addtags .select2-search-choice-close:hover{background:none !important}

.row-drilldown > [class*="col-"] + [class*="col-"]:before{content: "\e650"; font-family: 'icomoon'; position:absolute; left:-6px; bottom:7px}
.form-inline.groupby_form .form-group + .form-group{margin-left:0}
.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;}
.section-groupby  .select2-control-field .form-control{}
.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:not(.select2-control-field){}
.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;}
a.unselect_all{line-height:25px;}
.team-action-item-close-ratio.preview, .my-action-item-close-ratio.preview{height:100%;}
#carousel-netpromoter .btn-link b, #carousel-netpromoter .btn-link:hover b, #carousel-netpromoter .btn-link:visited b, #carousel-netpromoter .btn-link:active b{color:#6CA898;}
#content-panel .open-action-charts{overflow-y:scroll;}
#content-panel .open-action-charts::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
#content-panel .open-action-charts::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.nps-distributionwidget .col-product{padding-left:9px !important;}
.nps-distributionwidget .stackedchart [class^="col-"][rel="tooltip"]{cursor:pointer}
.nps-distributionwidget .stackedchart [class^="col-"][rel="tooltip"] span{width:100%; overflow:hidden; text-overflow:ellipsis;}
.highcharts-series path{cursor:pointer}
.stackedchart [class^="col-"].space-1, .stackedchart [class^="col-"].space-2, 
.stackedchart [class^="col-"].space-3, .stackedchart [class^="col-"].space-4,
.stackedchart [class^="col-"].space-5{padding-left:0 !important; padding-right:0 !important;}

#comments-tray-bar-chart,#word-clouds-container{clear:both;}
#word-clouds-container{padding-bottom:70px;}
h3#comments-tray-title{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
body.minified nav ul li ul li ul.morewithscroll{-webkit-overflow-scrolling: touch; height:300px; overflow:scroll !important; overflow-x:hidden !important;}
body div.hasscroll.addScroll{-webkit-overflow-scrolling: touch;overflow:auto !important;}
body.minified div.hasscroll.addScroll{overflow:hidden !important; -webkit-overflow-scrolling: touch;}
.noteToHeaderDesc{  margin-top: 13px;
  padding: 13px;
  text-align: left;
  text-indent: -13px;
  padding-left: 22px;}
@media screen and (max-width:680px){
	body.minified nav ul li ul li ul.morewithscroll{height:200px; -webkit-overflow-scrolling: touch;}
}
.text-trim{	white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width:100%; }
li.comments-tray-notification-message{text-align:left; background:#c9e2de; padding:15px 10px; font-weight:bold; color:#6ca898;}
li.comments-tray-notification-message span{font-weight:normal;}
li.comments-tray-notification-message div{display:inline-block; width:87%;}
li.comments-tray-notification-message div.end-comment-icon{
	width:13%;
	vertical-align: top;
	text-align: left;
	font-size: 32px;
	padding-left: 3px;
	color:#6ca898;
}

@media screen and (max-width:770px){ /* mobile screen purely */
	.nps-distributionwidget .col-product, .nps-distributionwidget .col-responses,
	.nps-distributionwidget .col-nps{display:inline-block !important; float:left;}	
/*	.nps-distributionwidget .col-product, .nps-distributionwidget .col-responses{width:15%;}
	.nps-distributionwidget .col-nps{width:10%;}
	.nps-distributionwidget .col-distribution{width:60%;} */
	.nps-distributionwidget .col-product,
	.nps-distributionwidget .col-product label{
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;	
	}
	.nps-distributionwidget .stackedchart [class^="col-"]{padding-left:0 !important; padding-right:0 !important;}
	.nps-distributionwidget .col-product label{width:100%;}
	.nps-distributionwidget .col-responses{ text-align:center !important;}
	.nps-distributionwidget .col-nps .row{padding:0 !important;}
/*	.nps-distributionwidget .col-nps .show-grid div{text-align:right !important; padding:0 !important;} */
	.nps-distributionwidget .col-nps .show-grid div label{ word-wrap: normal !important; word-break: normal !important; }
	.dropdown-menu:after{ border:0px;}
	/* .dropdown-menu:before{border:0;} */
	#content-panel .open-action-charts{display:none;}
	/*BG-7544*/
	/*body.mobile-detected .editView,body.mobile-detected #addBtn,body.mobile-detected #widget-content #deleteChart{display:none !important;}*/ /* mobile specific */
}

@media (min-width:240px) and (max-width:1279px){
	.chartsettings-panel .groupby_form .select2-container-multi > ol > li > span{ max-width:70px}
}
@media screen and (max-width:1279px){
	#prom-mobi-bar-chart-main.col-md-6, #prom-mobi-line-chart-main.col-md-6{ width:70%; float:left;}
	.modal-content .input-group.form-group.col-lg-12.no-padding{width:100%;} 
}
.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}

#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}

.chartsettings-panel .groupby_form .form-group:first-child{border-left:1px solid #fff; padding-left:8px; line-height:13px}
.groupby_form .form-group:first-child .control-label{font-weight:normal; margin-right: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}

.dropdown-menu .search{margin:5px}
.dropdown-menu .search input[type="text"]{width:100%}
.dropdown-menu{border-radius:0px}
.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:#ededed; color:#555555}
.dropdown-menu > ul:first-child li:first-child a:hover:before {
    border-bottom: 6px solid #ededed;
    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}
.col-toolbar > .well-sm{padding:5px 0}

#ribbon .breadcrumb a:hover{text-decoration:underline !important}

#ribbon .col-toolbar > .well-sm{padding:13px 0}
.tabs .btn-group .btn{padding:6px 22px}
.tabs .btn-group.text-center{width:100%}
.btn-group.text-center .btn{display:inline-block; float:none}

.form-inline .form-group + .form-group{margin-left:10px}
.form-inline .form-group .help-block{margin:0}
/*.form-inline.has-error .inline-edit{padding-right:0 !important}*/

.pull-center{float:none; margin:0 auto;}
.align-inline{display:inline-block}
.form-horizontal .form-inline .form-group{margin-left:0; margin-right:0}
.btn-link.btn-lg{font-size:17px}
.btn-group > .btn-icon.btn-link{padding:0; padding-right:15px}
.tooltip.top{padding:0; padding-bottom:5px; border:none; background:none}

.input-mini3{text-align: center; width: 58px !important;}

.enscrollwrapper{width:100% !important; padding-right:0 !important; padding-left:0 !important; position:relative}

#hide-menu{margin-top:11px}
#hide-menu a,
.topnavbtns .btn-group > a
{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; display:inline-block;font-weight:normal;
height:24px; padding:2px; margin-left:10px; text-align:center;text-decoration:none!important; -moz-user-select:none;-webkit-user-select:none;
color:#d6d6d6;font-size:16px;position:relative; cursor:pointer}
.activity-dropdown:hover{transition:all 0s;cursor:pointer!important;-webkit-box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08);box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08)}
#hide-menu a{ margin-left:0; font-size:14px}
.topnavbtns > .well-sm{padding:8px 0}
.topnavbtns .dropdownBtns .dropdown-menu li a{padding-left:35px;}
.topnavbtns .dropdownBtns .dropdown-menu li a i{margin-left:-23px;}

.alert-inline{display:inline-block; margin-bottom:0}

@media (min-width:240px) and (max-width:639px)
{
	.topnavbtns .visible-xs{display:inherit !important}
	#hide-menu a, .topnavbtns .btn-group > a{margin-left:2px}
	#header > *:first-child{width:190px}
}
@media (min-width:240px) and (max-width:359px)
{
	#header > *:first-child{width:150px}
}
@media (min-width:640px) and (max-width:979px)
{
	.topnavbtns .visible-sm{display:inherit !important}
}
@media (min-width:980px) and (max-width:1279px)
{
	.topnavbtns .visible-md{display:inherit !important}
}
@media (min-width:1280px) and (max-width:2200px)
{
	.topnavbtns .visible-lg{display:inherit !important}
}
.row-daterange [class*="col-"]{position:relative; padding-right:26px}
.row-daterange [class*="col-"] input{margin-bottom:0; position:relative; z-index:1000}
.row-daterange [class*="col-"] [class*="icon-"]{ z-index:1002}
.row-daterange [class*="col-"] + [class*="col-"]{padding-left:26px; padding-right:13px}
.row-daterange [class*="col-"] + [class*="col-"]:before{content:"And"; position:absolute; left:-13px; top:50%; margin-top:-16px; right:0}

.input-datepicker input.datepicker  + img{position:absolute; right:10px; top:50%; margin-top:-8px}
#ui-datepicker-div{z-index:999999!important}

.login-info span, .login-info {	border: 0 !important; 	box-shadow:none !important;}

.login-info span {	padding: 5px 10px 7px;	background: #FFF;	border-radius: 4px;}
.login-info a span {	padding:0;	font-size: 16px !important;	max-width: 105px;}
.login-info { 	margin-bottom:7px !important;		height:auto;}
.login-info > a {	font-size: 13px !important;	color: #33455A;	margin-top: 2px;}
.login-info img {	width:35px;}
.login-info > a > img{width:20px; height:20px; border:none}
.login-info > a .icon-angledown{font-size:8px !important; margin-left:3px}

nav ul ul ul ul li a {padding-left: 55px;}

.hidden-menu #hide-menu > *:first-child > a{width:32px !important; background:none }

.btn-addview:hover, 
.btn-addview:focus, 
.btn-addview:active, 
.btn-addview.active, 
.open .dropdown-toggle.btn-addview {
	background-color: #fefefe;
	border-color: #8a8a8a;
	color: #8a8a8a !important;
}

.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}

.fixedrightpanels .right-panel{width:200px; float:right}
.fixedrightpanels .left-panel{margin-right:210px;}


.table-header-on{border-top:44px solid rgba(248, 248, 248, 0.9);}

/*.form-horizontal .control-label{float:left; width:150px}*/
.smart-form .form-horizontal .control-label{padding-right:15px; margin-right:0; box-sizing: border-box; -moz-box-sizing: border-box}
.smart-form .well-sm{padding:9px; box-sizing: border-box; -moz-box-sizing: border-box}
.form-horizontal .control-label.pull-right{float:right; margin-right:0; margin-left:10px}
.form-horizontal .control-label + .controls{margin-left:150px; overflow:hidden}
.form-horizontal .control-label.pull-right + .controls{margin-left:0px; margin-right:160px}

.row-comment blockquote.pull-left{position:relative; border-left-width:0}
.row-comment blockquote.pull-left:before{content:'"'; font-weight:bold; position:absolute; left:2px;}

.toggle-sty .toggle input:checked + i{background:#6CA898;}
.toggle-sty .toggle i:before{background:#fff}
.toggle-sty .toggle i:after{color:#fff}
.toggle-sty  .toggle i:before{width:20px; height:20px}
.toggle-sty .toggle i:after{font-size:12px; top:7px}
.toggle-sty .toggle input + i{background:#999; border:none; padding:5px}




/*contacts*/
.contactfield footer{padding-top:10px; padding-bottom:10px}
.contactfield footer .btn{margin-top:0}

.jarviswidget.custom-widget .btn-xs{margin-top:5px; margin-right:5px}

 
#header > .btn-header {
    width: auto; margin-left:5px
}

#activity-group span#activity {
    -moz-user-select: none;
   background:none;
    border:none;
    border-radius: 2px;
    color: #C4BAB6;
    cursor: default !important;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    height: 24px;
    margin: 10px 0 0;
    padding: 2px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 24px;
}
#activity-group > span {
    display: inline-block;
    float: left;
    height: 39px;
}
#activity-group > span .badge {
    background: none repeat scroll 0 0 #0091D9;
    border-radius: 50%;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.07) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding: 2px 4px 3px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
}
.programdata{border-top:1px solid #A7AAA9}

.programdata .nav-tabs > li{cursor:pointer}
.programdata .nav-tabs > li > a h4{font-weight:500}
.programdata .nav-tabs > li > a h3{float:left; margin:0px 0px 20px 0}
.programdata  .nav-tabs > li.active > a{font-weight:normal}
#content .page-title{margin-bottom:0px; margin-top:0px}
#content h1.page-title small{font-size:inherit;}
#content h1.page-title label{font-size:inherit;}
#content .page-title.editableinput-wrap + [class*="icon-"]{position:absolute; right:0; left:auto; padding:0; top:8px}
.programdata .tabbable .nav-tabs .glyphicon-heart, 
.programdata .tabbable .nav-tabs .handshake{font-size:66px;   display: inline-block; float: left; margin-right: 10px; color:#8d8d8e}
.programdata .tabbable .nav-tabs .glyphicon-heart .fa, .programdata .tabbable .nav-tabs .handshake .fa{   color: #636262; font-size:40%;    margin-left: -42px; margin-top: 17px;position: absolute;}
.programdata .tabbable .nav-tabs .handshake .fa{ margin: -17px -11px !important;}
.programdata  .nav-tabs{min-height:600px; border:none}
.programdata .tabbable{background:#fff}
.programdata .media-body .btn-link{padding:0px}
.programdata .media .media-object{margin-top:10px}
.programdata .tabs-left > .tab-content{margin-left:521px; overflow:hidden}
.programdata .nav-tabs > li .fa-fw:hover{background-color:#A7AAA9}

.programdata .tabs-left > .tab-content img{max-width:100%}
.programdata .tabs-left > .nav-tabs,.programdata .tabs-left > .nav-pills{margin-right:0px}
.programdata .tab-pane .row{margin:0px; background:#DADADA; text-align:center}
.programdata .tab-pane .row h4{font-style:italic; padding:10px 0; text-align:center; color:#A7AAA9}
.programdata .media-body .fa-bar-chart{background-image:url(../images/xpui/icon-barchart.png); 
background-repeat:no-repeat; background-position:center; width:23px; height:21px; border-radius: 21px;height: 21px;margin-right: 5px; padding: 15px; width: 21px;}
.programdata .nav>li>div{position:relative;display:block;padding:9px 10px 10px}
.programdata .nav>li>div:hover,.programdata .nav>li>div:focus{text-decoration:none;background-color:#eee} 
.programdata .nav>li.disabled>div{color:#999}
.programdata.nav>li.disabled>div:hover,.programdata.nav>li.disabled>div:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}
.programdata.nav .open>div,.programdata .nav .open>div:hover,.programdata .nav .open>div:focus{background-color:#eee;border-color:#3276b1}

/*new */
.table-noborder  > thead > tr > th,
.table-noborder  > thead > tr > td,
.table-noborder  > tbody > tr > th,
.table-noborder  > tbody > tr > td,
.table-noborder  > tfoot > tr > th,
.table-noborder  > tfoot > tr > td{border:none}
header h2,
header h3,
header h4{margin:0}
.scale-qns td,
.scale-qns th{text-align:center;}
.scale-qns td label.radio{display:inline-block}

.draggable-panel > header{background:none; box-shadow:none !important; border:none; height:auto}
.draggable-panel{margin-bottom:0}
.draggable-panel + .draggable-panel{margin-top:10px}
.draggable-panel header + *{margin-top:0px}
.draggable-panel header h5{font-size:14px; font-weight:bold; margin:0}
.draggable-panel footer{padding:10px 0 0 0; position:relative}
.draggable-panel .scale-qns{width:80%}
.draggable-panel footer.qntoolbar{transition:opacity 0.2s linear 0.2s; opacity:0}
.draggable-panel{transition:background-color 0.2s linear 0.2s, box-shadow 0.2s linear 0.2s;}
.draggable-panel:hover footer.qntoolbar{ opacity:1}
.draggable-panel:hover, #contactinfo .well-sm .active {background-color:rgba(255,255,255,1); box-shadow:0px 0px 3px  rgba(0,0,0,0.2); border-top:1px rgba(0,0,0,0.0)}
/*.draggable-panel:hover + .draggable-panel{border-top:1px rgba(0,0,0,0.0)}*/
.draggable-panel h2{margin-bottom:0px}
.draggable-panel .invitesettings .controls{margin-left:35px}
#contactinfo .well-sm .active .jarviswidget-ctrls{display:block}
#contactinfo .well-sm .active .jarviswidget-ctrls .btn-settings{background: none repeat scroll 0 0 #E8E8E8;  border-radius: 5px;}
#contactinfo .well-sm{border:none;box-shadow:none; margin-top:5px}
#contactinfo .jarviswidget-ctrls .button-icon{border:none}
#contactinfo .jarviswidget-ctrls .button-icon:hover{background:none}
.addoptions{min-width:480px; padding:0}
.addoptions .fa.handshake{background-size:100%; padding:0; width:18px; height:18px; vertical-align:text-top}
.widget-body .survey-page{margin-bottom:20px}

.editableinput-wrap + .editableinput-wrap{margin-top:5px}
.editableinput-wrap .label-readonly{transition:background-color 0.2s; padding:5px 0; height:32px; line-height:24px}
.editableinput-wrap .label-readonly,
.editableinput-wrap:not(.btn) .input-editfield{font-size:inherit; color:inherit; font-weight:inherit}
.editableinput-wrap .input-editfield{margin-bottom:0px}
.editableinput-wrap.inline .form-control{width:auto}

/*.btn.editableinput-wrap .input-editfield{background-color:rgba(255, 255, 255, .5);}*/
.editableinput-wrap:not(.btn) .label-readonly:hover{background-color:#FFC}
.editableinput-wrap label{color:inherit}

.editcontainer > div .input-group .input-group-btn{opacity:0; transition:opacity 0.2s linear 0.2s;}
.editcontainer > div .input-group:hover .input-group-btn{opacity:1}
.fa-line-chart{background-image:url(../images/xpui/icon-linechart.png); 
background-repeat:no-repeat; background-position: center; height: 21px;  width: 21px; border-radius:21px; padding:15px; margin-right:5px}


.inline-edit{display:inline-block; padding-right:7px !important; position:relative}
.inline-edit .editableinput-wrap{display:inline-block;}
.inline-edit .editableinput-wrap .label-readonly{margin-bottom:0}
.inline-edit .btn-link{opacity:0; transition:opacity 0.2s ease-in-out 0.2s}
.inline-edit:hover .btn-link{opacity:1}
.inline-edit .editableinput-wrap + .btn.glyphicon-pencil{top:50%; margin-top:2px; padding:0 !important}
.inline-edit input{padding:2px 6px !important;}
.icon-addon.inline-edit .fa,
.icon-addon.inline-edit .glyphicon{ right:0px; left:auto}

.col-score{text-align:center; border-radius:500px; padding:5px}
.col-score .icon{ font-size:35px; line-height:35px; color:#fff; top:2px; vertical-align:bottom }
.col-score i{font-size:20px;vertical-align:bottom} 
.col-score .score{color:#fff; font-size:12px; line-height:20px; width:21px; height:20px; border-radius:500px; color:#fff; display:inline-block; position:relative; top:2px; font-weight:normal}
.text-center.col-score [class*="icon-"]{display:block; font-size:32px}
[class*="icon-detractor"]{color:#EB5E57;}
[class*="icon-passive"]{color:#F7E07F;}
[class*="icon-promoter"]{color:#ABC97F;}
[class*="icon-not-responded"]{color:#A3A9AF;}

[class*="icon-detractor"] + .score{background-color:#EB5E57;}
[class*="icon-passive"] + .score{background-color:#F7E07F;}
[class*="icon-promoter"] + .score{background-color:#ABC97F;}
[class*="icon-not-responded"] + .score{background-color:#A3A9AF;}
.col-scorewrap.text-center .col-score{display:inline-block}

td .col-fieldtype{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.badge-color:empty{display:inline-block; width:14px; height:14px; border-radius:500px}
.badge-color.detractor,.badge-color.negative{background-color:#f4afaf;}
.badge-color.passive,.badge-color.neutral{background-color:#fcf3cc;}
.badge-color.promoter,.badge-color.positive{background-color:#cce0af;}
.badge-color.mixed{background-color:#8eb8ba;}

.badge-color.detractor + label{color:#EB5E57;}
.badge-color.passive + label{color:#F7E07F;}
.badge-color.promoter + label{color:#ABC97F;}

.col-feedbackowner > .row > [class*="col-"]:first-child{padding-left:5px}
.col-feedbackowner > .row > [class*="col-"]:last-child{padding-right:5px}
.col-feedbackowner > .row > .col-xs-3{width:70px;}
.col-feedbackowner > .row > .col-xs-3 + .col-xs-9{margin-left:80px; width:inherit; float:none}
.col-feedbackowner h2{font-size:16px; margin:0}
.col-feedbackowner .profile-pic{width:50px; height:55px; margin-top:5px; padding-top:0; background:url(../images/xpui/icon-profilepic.svg) no-repeat 0 0; background-size:100%}
.col-feedbackowner .profile-pic + .description{margin-left:60px}
.col-feedbackowner .profilepic-holder{margin:0px auto; width:75%; max-width:40px}

.col-feedbackowner .col-score{padding-left:0 !important; padding-right:0 !important}

.col-feedbackowner .dl-horizontal dt{float:none; text-align:left; width:auto}
.col-feedbackowner .dl-horizontal dt + dd{margin-left:0}

.formswrap{margin-bottom:10px}
.formswrap .control-group + .control-group{margin-top:10px}

/*Survey Designer styles*/
.s-surveyquestion:last-child {margin-bottom: 0;}
.s-surveyintro, .s-surveyquestion {margin-bottom: 10px; position: relative;}

.s-form-qnlabel{width:100%}
.s-form-qnlabel .editableinput-wrap{display:inline-block; min-width: 560px; width: 75%; margin-bottom:0}
.s-form-qnlabel .editableinput-wrap .input-editfield{width:220px; height:26px !important}
.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 .editableinput-wrap label.label{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.s-surveyquestion .s-botlinks{height:0px; top:5px; bottom:0; z-index:3}
.s-surveyquestion > .well + .text-center .s-botlinks{height:0px; top:-26px;}
.s-surveyquestion .s-botlinks *{display:none; z-index:2 }



.btn-moveblock{position:absolute; left:-18px; top:50%; margin-top:-16px}
.btn-moveblock .s-controls-updown{position:relative; height:auto; width:18px; float:left; border-radius:4px 0 0 4px; overflow:hidden}
.btn-moveblock .s-controls-updown .btn{ position:relative; text-align:center;}
.btn-moveblock .s-controls-updown .btn .icon{left:-2px}
.btn-moveblock .s-controls-updown .btn .icon-controlspinner-up{top:-2px}
.btn-moveblock .s-controls-updown .btn .icon-controlspinner-down{top:-1px}
.s-pgbreak-welcome .btn-moveblock{ margin-top:-18px}
.btn-moveblock .s-controls-updown .btn:first-child{border-top-left-radius:4px; }
.btn-moveblock .s-controls-updown .btn:last-child{border-bottom-left-radius:4px; }
*+html .btn-moveblock .s-controls-updown .btn .icon{ position:relative; *left:-5px; *top:5px; left/*\**/:-5px\9; top/*\**/:5px;}
.s-controls-updown .btn + .btn{margin-top:-1px; *margin-top:-2px; margin-top/*\**/:-2px\9; padding-top:0px }
.s-controls-updown .btn-up{left:0; top:0;}
.btn-moveblock .s-controls-updown .btn-down{*margin-top:-2px; margin-top/*\**/:-2px\9;}
.btn-moveblock{ display:none }
.s-pgbreak-welcome-active .btn-moveblock,
.s-pgbreak-welcome-focus .btn-moveblock,
.s-pgbreak-welcome:hover .btn-moveblock,
.s-surveyquestion-active .btn-moveblock,
.s-surveyquestion-focus .btn-moveblock,
.s-surveyquestion:hover .btn-moveblock{display:block;}

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

.s-radiotab td {padding: 2px; text-align: center; vertical-align: top; width: 50px;}
.s-surveysettings-panel .qntoolbar{text-align:right}
.s-surveyquestion-panel .fa-asterisk {float: left;}
.s-surveyquestion-panel .fa-asterisk + .s-surveyquestion-wrap{margin-left:20px}
.s-radiotab td:nth-child(11){width:15%!important}

.s-gridlayout{border: 0px solid #DDDDDD;}
.s-gridlayout .s-grid-row-head{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%); font-size: 12px;
border-bottom: 1px solid #DDDDDD;
    vertical-align: bottom;}
	
.uploadlogowidget.dropzone{min-height:inherit}

.s-col-uploadsociallogo{width:190px !important; margin:0px auto !important}
.s-col-uploadsociallogo + .s-floatright{margin-top:170px}
.uploadsociallogowidget .s-uploadimage-widget .s-uploadimage-wrap{width:180px; height:180px; line-height:180px}	
	
.s-gridlayout .s-grid-row .s-layout-fluid {border-bottom: 0px solid #DDDDDD;}
.s-gridlayout .s-grid-row .s-layout-fluid > [class*="col-sm-"]{padding-top:8px; padding-bottom:8px}

.fuelux .wizard ul{width:100%; margin-left:0 !important}
.fuelux .wizard .actions{top:0}
.fuelux .wizard + .step-content .sub-titlepanel{ margin-top:20px; margin-bottom:10px}

.icon-parent{position:relative; font-size:150%}
.icon-parent .fa,
.icon-parent .glyphicon {font-size:50%; position:absolute; left:2px; top:5px; width:100%; color:#fff}
.icon-preview{ font-size:159% !important}
.icon-preview .glyphicon-search{left:0; font-size:42%; top:7px; color:inherit !important}

.invitesetup-accordian .panel{overflow:visible}
.invitesetup-accordian h4{position:relative}
.invitesetup-accordian h4 .btn-group{position:absolute; right:30px; top:50%; margin-top:-13px; display:none}
.invitesetup-accordian h4 .btn-group button > i.fa, 
.invitesetup-accordian h4 .btn-group button > .glyphicon {font-size:120%}
.invitesetup-accordian.completed h4 .btn-group{display:block} 
.invitesetup-accordian .inline-input{position:relative !important; left:auto !important; direction:inline-block !important; width:40px !important; display:inline-block !important; margin-left:3px !important}
.col-followup-panel .profile-message {border:none}
.col-followup-panel .profile-message li.message.message-reply{margin-left:0 !important; padding:0px}
.col-followup-panel .profile-message .list-inline > li{padding-left:0; float:none; margin-top:0px}

.col-followup-panel .profile-message li.message.message-reply{margin-top:20px}
.col-followup-panel .profile-message li span a.text-muted{color:#6CA898}
.col-followup-panel .jarviswidget .widget-body, .col-followup-panel .jarviswidget .widget-body .well{padding-bottom:0px; background:#fff; border:none}
.col-followup-panel .chartsettings-panel {background:#fff}
.col-followup-panel .chartsettings-panel h2{color:#414141}
.col-followup-panel .profile-message li.message.message-reply{background:#fff}
.col-followup-panel h3{margin:0px; }
.col-followup-panel  .chat-body li.message .message-text a.username{color:#6CA898; font-weight:normal}
.col-followup-panel .followupnotes{margin-top:30px}
.col-followup-panel  .followupnotes > h4{position:relative}
.col-followup-panel  .followupnotes > h4:after {background: none repeat scroll 0 0 #DEDEDE; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; top: 21px; width: 100%;}

.feedback-details-popup .modal-header{padding-top:0; padding-bottom:0; min-height:inherit}
.feedback-details-popup .modal-header .page-title {text-align:left;}
.feedback-details-popup .modal-body{padding-top:0}
.feedback-details-popup .modal-body h1.page-title {margin-top:0;}
.feedback-details-popup .col-followup-panel{padding-top:1px;}

.createprogram .icon-linechart{font-size:60px}
.createprogram fieldset{background-color:transparent}

.s-mobilizepromoters .survey-qn-panel .head-layout-container > .s-cols8{width:100%}
.s-mobilizepromoters .survey-qn-panel .head-layout-container > .s-cols8 .social-share-title{width:100% !important}


.widget-grid.ui-droppable{}
/*.widget-grid.ui-state-default{ background-color:#FFC !important; border:1px dashed #999 !important}*/
.widget-grid.ui-state-default .chartdropper.active{ background-color:#FFC !important; border:1px dashed #999 !important}
.analytics .right-panel > .well-sm{padding:0;}
.ctrl-changelayout{ margin:-6px -13px; height:45px}
.ctrl-changelayout .btn{ height:100%}
.ctrl-changelayout .btn-link:hover{color:#196e57}
.ctrl-changelayout .btn-link.active{ background-color:rgba(0,0,0,0.2)}

.dd-item.ui-draggable-dragging{z-index:300}

.templatecard{background-color:#fff; margin-bottom:0; border-radius:0; }
.templatecard footer{background-color:#999}
.templatecard footer .well-sm{padding:5px}
.templatecard header .control-label{position:relative; height:100px; width:70px}
.templatecard header .control-label .icon-first-child{font-size:45px; top:5px}
.templatecard header .control-label .icon-last-child{position:absolute; width:100%; text-align:center; font-size:25px; color:#999; bottom:0px; left:0}
.templatecard header .control-label + .controls{margin-left:80px}
.templatecard header .controls h6{font-weight:normal; margin-top:30px; font-size:13px}
.templatecard.ui-draggable{cursor:move}

.template-brief .insights{margin-bottom:10px; overflow:hidden}
.template-brief .insights i.fa{display:block; font-size:40px}
.template-brief .insights .btn{text-align:center; font-size:13px; white-space:normal; padding-top:15px; padding-bottom:15px; color:#666; cursor:default}
.template-brief .insights .btn:hover,
.template-brief .insights .btn:focus{background-color:#fff; border-color:#ccc; box-shadow:none}
.template-brief .insights i.fa:after{display:table; line-height:0; content:"";}

#getcode .smart-form footer .btn{width:110px;}

.title-panel{overflow:hidden}
.control-panel + #content .right-panel > .well-sm .titlepanel{margin-top:10px}
.draggable-panel{position:relative}
.draggable-panel .well-sm{position:relative; padding-bottom:15px}
.draggable-panel .jarviswidget-ctrls{position:absolute; right:10px; bottom:0; display:none; top:21px}
.draggable-panel:hover .jarviswidget-ctrls{display:block}
.draggable-panel .s-botlinks{position:absolute; bottom:0; left:0; right:0; display:none; margin-bottom:-12px}
.draggable-panel:hover .s-botlinks{display:block}
.invitesettings{background-color: rgba(246, 246, 246, 1);}
/*analytics*/
.analytics  #sparks .btn-sm{padding:0px}
.analytics  #sparks li{border:none; overflow:visible; padding:5px 5px 0}
.jarviswidget > header , .step-pane > header {border:0px solid #7BA39B !important; height:45px}
.chartsettings-panel{color: #fff;}
.jarviswidget > header{height:auto}
.jarviswidget > header h2{line-height:42px}
.jarviswidget .widget-toolbar{height:43px}
.jarviswidget .widget-toolbar > .btn{padding:6px 10px !important; margin-top:5px}
.step-pane > header h2{font-size:14px; line-height:34px; margin-left:10px}
.step-pane > header{height:34px}
.glyphicon-pencil{padding:5px !important}

.sortbypanel .iconcombo-item{font-weight:normal; color:#3292E2;}
.sortbypanel .custom-combolist-wrap strong{padding:0px 15px 0px 5px !important; border:none; height:auto}
.sortbypanel .custom-combolist-wrap .dropdown-menu{width:180px}
.sortbypanel .custom-combolist-wrap .dropdown-menu li a{white-space:normal}
.sortbypanel .dropdown-menu .iconcombo-item{text-align:left;padding: 5px 8px 5px 5px}
.sortbypanel .custom-combolist .btn-link{right:0px; top:-3px}
.sortbypanel .custom-combolist-wrap{min-width:84px}
.sortbypanel .fa-caret-down {color: #3B9FF3;}

.control-panel h1{ margin:3px 0 !important}
.control-panel .titlepanel{margin-bottom:0}
.control-panel .well{border:none; border-bottom:0px solid #ECECEC; background-color:#EFEFEF; box-shadow:none; margin-bottom:0}

.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{background:#34363a; height:45px !important; border-radius:2px}
.profiletab .nav-tabs{height:39px !important;}
.chartsettings-panel{height:auto !important}
.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:rgba(200,225,220,1); 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:rgba(118,170,158,1)}
.chartsettings-panel [class*="icon"]{font-size:18px;}
.chartsettings-panel .btn > [class*="icon-"]{font-size:inherit}
.chartsettings-panel .dropdown-menu li [class*="icon"]{text-align:center; display:inline-block}
.chartsettings-panel .icon-addon.search [class*="icon"]{font-size:13px; padding:0; margin:0; top:7px; left:5px}
.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; background-color:#242528; 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{color:#fff; 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:#fff}
.chartsettings-panel .othersettings .control-label{font-weight:normal !important}
.chartsettings-panel .form-group{margin:0px}
.chartsettings-panel .fa-caret-down{ color: #fff;}
.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 > .select2-container-multi .select2-choices, .collapsedfilter > .select2-container-multi .select2-choices{background:transparent; border:none !important}
@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}
.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 .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}
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: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:1179px){
	body:not(.minified) .chartsettings-panel .othersettings > .form-group{display:block; clear:both}
	body:not(.minified) .chartsettings-panel .groupby_form > .form-group:first-child{padding-left:0; border-left-width:0;}
}
@media (min-width:768px) and (max-width:979px){
	.navbar-header{width:70%}
	.navbar-header .navbar-toggle + div{width:100%}
	.actions-panel .navbar-header .navbar-toggle + div{width:auto !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}
.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;}
	.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 .controls .navbar-header{white-space:nowrap}
@media (min-width:1023px) and (max-width:3000px){
.chartsettings-panel .controls .navbar-header{width:auto;}
}

.collapsedfilter > .nav-tabs{background-color:#dcdcdc}
.collapsedfilter > .nav-tabs > li.active > a:before{border-bottom-color:#dcdcdc}
.collapsedfilter > .nav-tabs > li.active > a:after{border-bottom-color:#efefef}
.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 .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-left:10px !important}
.chartsettings-panel .navbar-nav > li > a{color:#fff}
.chartsettings-panel .navbar-nav > li + li{border-top:1px solid rgba(255,255,255,0.1);}
.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);}
.chartsettings-panel .navbar-chartcontrols li.active button.button-icon{background-color:#6ca898;}

.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 .dropdown-menu > li > a{}
.navbar-chartcontrols .button-icon,
.navbar-chartcontrols .btn-link, 
.navbar-chartcontrols .iconcombo-item{color:#fff; cursor:pointer}

.navbar-chartcontrols .button-icon,
.navbar-chartcontrols a.button-icon{ height:44px; padding:10px 5px !important}
.navbar-chartcontrols .icon-download{top:4px}

.jarviswidget .drag-controls{position:absolute; right:0; bottom:0; background:none; border-bottom-width:0; border-top:12px solid transparent; border-left:12px solid transparent; border-right:12px solid #999;}

.analytics .ui-sortable .jarviswidget-sortable > header , .analytics .jarviswidget > div{    box-shadow: none;  }
.analytics .jarviswidget .widget-content, .col-followup-panel .jarviswidget .widget-content{box-shadow:0 0 3px #ccc; border-width: 0px 1px 1px; padding-left:13px; padding-right:13px}
.analytics .jarviswidget .widget-body{ padding-top:0}
.analytics .chartsettings-panel{border-radius:2px 2px 0 0}
.fa-bar-chart{background:; width:23px; height:17px}
.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}
.collapsedfilter{background-color:#efefef}
.collapsedfilter > .nav-tabs{margin:0px}
.jarviswidget .nav-tabs > li > a, 
.jarviswidget .nav-tabs > li > a:hover, 
.jarviswidget .nav-tabs > li > a:focus{color:#fff; box-shadow:none!important;}
.collapsedfilter .nav-tabs > li > a, 
.collapsedfilter .nav-tabs > li > a:hover, 
.collapsedfilter .nav-tabs > li > a:focus,
.collapsedfilter .nav-tabs > li.active > a, 
.collapsedfilter .nav-tabs > li.active > a:hover, 
.collapsedfilter .nav-tabs > li.active > a:focus{color:#333; box-shadow:none!important;}
.jarviswidget .nav-tabs > li > a{height:45px; line-height:23px}
.chartsettings-panel .nav-tabs > li.active > a, 
.chartsettings-panel .nav-tabs > li.active > a:hover, 
.chartsettings-panel .nav-tabs > li.active > a:focus{color:#fff !important; background-color:#6CA898 !important; font-weight:bold}
.view-body .jarviswidget > div{border:1px solid #ddd; border-top-width:0px; border-radius:0}

.feedback-details-popup .profiletab .nav-tabs{background-color:#34363a;}
.nav-tabs > li{margin-bottom:0px; }
.nav-tabs li a{color:#fff; padding:10px}
.modal .nav-tabs a{text-transform:inherit}
.modal .nav-tabs > li.active > a:before,.modal .nav-tabs > li.active > a:after{bottom:-6px}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#fff;}
.nav-tabs > li.active > a {font-weight: bold;}
.modal .nav-tabs > li.active > a, 
.modal .nav-tabs > li.active > a:hover, 
.modal .nav-tabs > li.active > a:focus{bottom:0px}
.collapsedfilter footer.btn-panel{ background-color:#dcdcdc;}


.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}
.chartsettings-panel .jarviswidget-ctrls .btn-primary{padding-top:6px; padding-bottom:6px}
.select2-drop-active{ border-width: 0 1px 1px;}

.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}

.collapsedfilter .smart-form section{margin:0px}

.collapsedfilter .s-addorremove-btns{margin-top:3px}
.collapsedfilter .tab-content{border-width:0px; background-color:#f7f7f7;}
.chartsettings-panel .controls>div:nth-child(1){border-right:0px dotted rgb(80, 110, 104);}
.jarviswidget-sortable header .responses-box{font-size:100%; padding:8px}
.chartsettings-panel .smart-form fieldset{padding:0px; margin:0px; background:transparent;}
.chartsettings-panel .groupby ul.dropdown-menu li, .chartsettings-panel .sort-sec ul li{padding:0px 5px}
.chartsettings-panel .controls>div .dropdown-toggle{background:transparent; padding:5px; border:none; color:#fff; box-shadow:none}
.chartsettings-panel .controls>div .iconcombo-item *{color:#fff}



label.toggle{height:25px}
.toggle.left i{left:0}

.row-comment blockquote{font-size:14px}
.row-profiledetails h1{font-size:18px}
.row-profiledetails h1 .designation{font-size:80%}
.surveytype{font-size:12px; padding-bottom:5px;}
.row-profiledetails ul li{margin:10px 0;}
.smart-accordion-default.panel-group .panel-title .row-profiledetails a{margin:0px; padding:0px}
.row-profiledetails li a.text-muted{color:#6ca898}
.row-profiledetails li a [class*="icon-"] {display: inline-block; text-align: center; width: 23px; margin-right:3px}
.row-profiledetails .col-sm-10 .list-unstyled a.text-muted{padding-left:30px; word-wrap:break-word}
.row-profiledetails .col-sm-10 .list-unstyled a.text-muted [class*="icon-"]{margin-left:-30px; float:left; margin-top:3px}
.fullsurveydetails .srvy-response{margin-bottom:30px}
.fullsurveydetails  section{margin-bottom:30px}
.fullsurveydetails  section;last-child{margin-bottom:0px}
.fullsurveydetails h3 + hr{margin-bottom:20px}
.table .fullsurveydetails .show-grid > [class*="col-"] {padding-bottom: 0px; padding-top: 0px;white-space: normal;}
.table .fullsurveydetails .show-grid {border-bottom:0px}
.fullsurveydetails .srvy-response {margin-bottom: 0;}

.response ul{list-style:none;padding-left:0px}

span.accordian-btn.collapsed .row-comment{display:inherit;}
span.accordian-btn .row-comment{display:none}

.row-score{border-top-width:5px;}
.col-detractorscore{border-top-color:#EB5E57;}
.col-promoterscore{border-top-color:#ABC97F;}

.primarycomment .control-label{padding-top:0}
.primarycomment .form-horizontal .control-label + .controls{margin-left:40px}

.dl-horizontal.col-score dt{text-align:center; width:100px;}
.dl-horizontal.col-score dt + dd{margin-left:100px;}
.dl-horizontal.col-score .row-comment blockquote{margin-bottom:0}
.panel-heading dl{margin-bottom:0}

.response + .manage-tags{margin-top:10px}
.tags-panel .btn.badge-color{cursor:default}
.tags-panel .btn.badge-color:active{left:0; top:0}
.manage-tags .btn.badge-color:not(.btn-sentiment-big), .tags-panel .btn.badge-color:not(.btn-sentiment-big){padding:0px 10px; box-shadow:none}
.edittag .addedTagsList .btn.badge-color:not(.btn-sentiment-big){padding:0 18px 0 10px; text-align:left; min-width:80px}
.edittag .addedTagsList .btn.badge-color:not(.btn-sentiment-big) .caret{ position:absolute; top:50%; margin-top:-1px; right:5px}
.edittag .btn.badge-color:not(.btn-sentiment-big){margin-top:-5px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.edittag[style*="overflow"][style*="hidden"]{overflow:visible !important}
#stream-publish-header > .left-panel{height:auto !important}
}
:root .edittag[style*="overflow"][style*="hidden"]{overflow:visible\0/IE9 !important;}
.manage-tags .tags-panel dd ul{margin-bottom:0; margin-top:6px}
.manage-tags .dropdown-menu{border:none}
/*.manage-tags .dropdown-menu li a{border:none}*/
.manage-tags .dropdown-menu li{padding:5px}
.manage-tags .dropdown-menu li + li{padding-top:0}
.manage-tags .dropdown-menu li:first-child.hide + li{padding-top:5px}
.manage-tags .dropdown-menu li a{padding-top:5px; padding-bottom:5px}
.tags-panel .glyphicon-tag{font-size:20px}
.head-managetag label{padding-left:5px; color:#6CA898}
.head-managetag label a{padding-left:0px}
.manage-tags .dropdown-menu li a.detractor:hover,.manage-tags .dropdown-menu li a.detractor:focus,
.manage-tags .dropdown-menu li a.negative:hover,.manage-tags .dropdown-menu li a.negative:focus{background:#f4afaf}
.manage-tags .dropdown-menu li a.passive:hover,.manage-tags .dropdown-menu li a.passive:focus,
.manage-tags .dropdown-menu li a.neutral:hover,.manage-tags .dropdown-menu li a.neutral:focus{background-color:#fcf3cc}
.manage-tags .dropdown-menu li a.promoter:hover,.manage-tags .dropdown-menu li a.promoter:focus,
.manage-tags .dropdown-menu li a.positive:hover,.manage-tags .dropdown-menu li a.positive:focus{background-color:#cce0af}
.manage-tags .dropdown-menu li a.mixed:hover,.manage-tags .dropdown-menu li a.mixed:focus{background-color:#8eb8ba}

/*.manage-tags .tags-panel dd li.title{display:none}*/
/*.manage-tags .tags-panel dd ul + .btn-group{display:none}*/
				
.manage-tags.open .tags-panel dd li.title{display:inherit}
.manage-tags.open .tags-panel dd li:not(.title){display:none}
.manage-tags.open .tags-panel dd ul + .btn-group{display:inherit}

.manage-tags .badge-color{background-color:#fff; border-radius:3px; border-width:2px; border-style:solid}
.manage-tags .badge-color.detractor,
.manage-tags .badge-color.negative{border-color:#f4afaf;}
.manage-tags .badge-color.passive,
.manage-tags .badge-color.neutral{border-color:#fcf3cc;}
.manage-tags .badge-color.promoter,
.manage-tags .badge-color.positive{border-color:#cce0af;}
.manage-tags .badge-color.mixed{border-color:#8eb8ba;}
.input-addtag .btn.dropdown-toggle{border-width:1px}

.manage-tags .input-group-btn .btn.dropdown-toggle.badge-color{border:1px solid #ccc}
.manage-tags .input-group-btn .btn.dropdown-toggle.badge-color.detractor,
.manage-tags .input-group-btn .btn.dropdown-toggle.badge-color.negative{background-color:#f4afaf;}
.manage-tags .input-group-btn .btn.dropdown-toggle.badge-color.passive,
.manage-tags .input-group-btn .btn.dropdown-toggle.badge-color.neutral{background-color:#fcf3cc;}
.manage-tags .input-group-btn .btn.dropdown-toggle.badge-color.promoter,
.manage-tags .input-group-btn .btn.dropdown-toggle.badge-color.positive{background-color:#cce0af;}
.manage-tags .input-group-btn .btn.dropdown-toggle.badge-color.mixed{background-color:#8eb8ba;}

.tag-editor .well{border-radius:0; box-shadow:none; border-width:0}
.tag-editor .dropdown-menu{min-width:100% !important; border-radius:0}
.tag-editor .dropdown-menu:before,
.tag-editor .dropdown-menu:after{display:none}
.addedTagsList label.checkbox{display:inline-block; margin-bottom:0}
.addedTagSentiment a{padding:0px 11px !important ; line-height:21px !important}

.input-addtag .form-control{height:37px; border-right: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}
.input-addtag .dropdown-toggle{box-shadow:none; border-color:#ccc; padding-top:8px; padding-bottom:8px}
.edittag .input-addtag .dropdown-toggle{padding-bottom:9px; z-index:2}
.edittag .input-addtag .dropdown-toggle:not(.negative):not(.neutral):not(.positive):not(.mixed):hover{background:#ddd}
.input-addtag .btn-addtag{ border:none; background:none; box-shadow:none}

.tags-panel .dl-horizontal dt{width:30px; text-align:left}
.tags-panel .dl-horizontal dt .btn{padding:2px;}
.tags-panel .dl-horizontal dt + dd{margin-left:30px}

.followupdetails .smart-accordion-default.panel-group .panel-title{position:relative}
.followupdetails .smart-accordion-default.panel-group .panel-title > a[data-toggle="collapse"]{right:-13px; background-color:transparent}

.followupdetails .smart-accordion-default.panel-group .panel-title > span.accordian-btn .col-contactinfo{opacity:1 ; transition:all 0.2s}
.followupdetails .smart-accordion-default.panel-group .panel-title > span.accordian-btn.collapsed .col-contactinfo{opacity:0; }
.followupdetails .smart-accordion-default .panel-default>.panel-heading{background-color: #fcfcfc; position:relative}
.followupdetails .smart-accordion-default .panel-default{border-color: #ebebeb; overflow:visible}
.followupdetails .smart-accordion-default .panel-title>span.accordian-btn>.fa:first-child{display: none}
.followupdetails .smart-accordion-default .panel-title>span.accordian-btn.collapsed>.fa{display: none}
.followupdetails .smart-accordion-default .panel-title>span.accordian-btn.collapsed>.fa:first-child{display: inline-block}
.followupdetails .row-profiledetails h1 a.normal {color: #333333;}
.followupdetails  .row-profiledetails ul li{ margin: 5px 0;}

.followupdetails .smart-accordion-default.panel-group .panel-title > span.accordian-btn .fa-envelope + a{padding:0; display:inline}
.submenu-droppable .ui-droppable {min-height:auto;}
/*.titlepanel{overflow:hidden}*/
/*modal*/
.modal-header{border-radius:5px 5px 0 0;padding: 10px; min-height:45px; border:0;}
.modal-header .modal-title{font-size:18px}
.modal-footer {border-top: 1px dotted #E5E5E5;margin-top: 5px;padding: 10px 13px; text-align:center; border-radius:0 0 5px 5px;}
.modal-footer .btn + .btn{margin-left:15px}
.select2-choices li.select2-search-field:nth-child(1){ background: none repeat scroll 0 0 #FFFFFF;border:0px solid #CCCCCC;}

#content{padding-top:0px;}
#sparks{margin:0px}

#actions .open-action-item-count.sub-actions:before{
    content:"(";
}
#actions .open-action-item-count.sub-actions:after{
    content:")";
}

.input-group-timepicker .add-on{cursor:pointer}

/*Start: HeatMap */
.heatmap .row-grid{margin-bottom: 0;}
.heatmap .row-grid > .col-xs-2:first-child{word-break: normal; word-wrap: normal;}
.heatmap .stackedchart.row-grid{height:100%}
.heatmap .stackedchart [class*="col-"]{padding-left:0px !important; padding-right:0px !important;}
.heatmap .stackedchart [class*="col-"][class*="bar-"]{border-left:1px solid #fff;}
.heatmap .stackedchart [class*="col-"][class*="bar-"] > div{padding: 5px 10px 5px 5px !important; width:100%; height:100%; overflow:hidden}
.heatmap .stackedchart [class*="col-"] h3 {font-size: 16px;font-weight: bold; line-height: 16px;}
.heatmap .stackedchart [class*="col-"] h3 small {font-weight: normal}
.heatmap .stackedchart [class*="col-"] h3 {font-size: 18px;	font-weight: bold;	line-height: 18px; margin:0}
.heatmap .stackedchart [class*="col-"] h3 small {font-weight: normal}
.heatmap .grid-head > .row-grid > [class*="col-"]{padding-bottom:0; padding-top:0;}
.heatmap .grid-head  [class*="col-"]{ padding-top:5px; padding-bottom:5px; height:100%; white-space:normal; word-wrap:break-word; word-break:break-all}
.heatmap .grid-head .stackedchart [class*="col-"]{padding-right:10px !important}

.heatmap .col-total *{font-weight:bold}
.heatmap .grid-body > .row-grid{padding-bottom:1px}
.heatmap .bar-detractor{background:#f4afaf; color:inherit}
.heatmap .bar-passive{background:#fcf3cc; }
.heatmap .bar-promoter{background:#cce0af; }
.heatmap .bar-neutral{background:#f4f4f4; }
.heatmap .row-grid + .row-grid{margin-top:0}
.heatmap .row-grid > [class*="col-"]{height:100%}
@media print{
    .heatmap .bar-detractor{background:#f4afaf!important; color:inherit!important}
    .heatmap .bar-passive{background:#fcf3cc!important; }
    .heatmap .bar-promoter{background:#cce0af!important; }
    .heatmap .bar-neutral{background:#f4f4f4!important; }
}

.heatmap-scrollable [class*="grid-"] > .row-grid{display:table}
.heatmap-scrollable [class*="grid-"] > .row-grid > div{padding:0}
.heatmap-scrollable [class*="grid-"] > .row-grid > div:last-child{padding-right:0}
.heatmap-scrollable [class*="grid-"] > .row-grid > .col-xs-2{width:270px;}
.heatmap-scrollable [class*="grid-"] > .row-grid > .col-xs-10{ width:100%}
.heatmap [class*="grid-"] > .row-grid:first-child{padding-top:1px}
.heatmap-scrollable [class*="grid-"] > .row-grid:last-child{margin-bottom:20px}

/*.heatmap-scrollable .stackedchart [class*="col-"] {display:inline-table}*/
.heatmap-scrollable .stackedchart{white-space:nowrap}
.heatmap-scrollable .stackedchart.row-grid > [class*="col-"]{width:150px}
.heatmap-scrollable .scroll-body .hasscroll{ padding-left:0 !important; padding-right:0 !important}
.heatmap .scroll-body .hasscroll [class*="grid-"] > .row-grid > div:first-child,
.heatmap-scrollable .scroll-body .hasscroll [class*="grid-"] > .row-grid > div:first-child{padding-left:13px}
.heatmapscrollwrapper{padding-right:0 !important; padding-left:0 !important; position:relative}
.heatmap:not(.heatmap-scrollable) .row-grid > .col-xs-2{width:270px;}
.heatmap:not(.heatmap-scrollable) .row-grid > .col-xs-10{width:100%; padding-left:0;}
/*End: HeatMap */

.dl-horizontal dt{white-space: normal;}

/*Start: Jscrollbar */
.jScrollbar{width: 500px; height: 209px; overflow: hidden; position: relative;}
.jScrollbar .jScrollbar_mask {width: 450px; position: relative; top: 0;}
.jScrollbar .jScrollbar_draggable {float: left; width: 7px; height: 209px; overflow: hidden; background: none; background-color:rgba(0,0,0,0.2); position: relative; border-radius:100px}
.jScrollbar .jScrollbar_draggable a.draggable{position: relative; background-color:rgba(0,0,0,0.8); display: block; height: 45px; width: 7px; margin-left: 0; cursor: s-resize; border-radius:100px}

.grid .jScrollbar{width: 100%; height: 209px;}
.grid .jScrollbar .jScrollbar_mask {width: 100%;}
.grid .jScrollbar .jScrollbar_draggable{position:absolute; right:2px}

/*End: Jscrollbar */

/*Start: Enscroll */
.vertical-track {
	width: 8px;
	background-color:rgba(0, 0, 0, 0);border-radius:4px; right:0px
}
.horizontal-track {
	width: 100%;
	height: 8px;
	background-color:rgba(0, 0, 0, 0);border-radius:4px;
}
.vertical-handle {
	width: 8px; padding:0 !important;
	background-color: #666; border-radius:4px; margin-left:0px;
}

.horizontal-handle {
	height: 8px;
	background-color: #666; border-radius:4px; margin-top:-1px
}
.vertical-handle .top {display:none}
.vertical-handle .bottom {display:none}
.horizontal-handle .left { display:none}
.horizontal-handle .right { display:none}
/*End: Enscroll */

/*program manager*/
.programmanger{background:transparent;border: medium none; box-shadow: none;}
.programmanger .programbox{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C1C1C1; height: auto;padding: 0;position: relative; min-height:200px; box-shadow:0 0 2px #B5B5B5}
.programmanger .programbox:hover{box-shadow:0px 0px 6px #B5B5B5; transition: box-shadow ; -webkit-transition:  box-shadow ; /* Safari */}
.programmanger .programbox .surveytype:hover, .programmanger .programbox>header:hover{cursor:pointer}
.programmanger .programbox header, .programmanger .programbox footer{padding:10px;}
.programmanger .programbox footer{background:#fff}
.programmanger .programbox .fa-globe{font-size:22px}
.programmanger .programbox header>.fa{font-size:22px;float:right;}
.programmanger .programbox header label{font-size:13px; color:#fff; float:left}
.programmanger .programbox .surveytype p >.fa{font-size:90px; background-image:none !important}
.programmanger .programbox .surveytype>p, .programmanger .programbox .surveytype>h3{text-align:center}
.programmanger .programbox .surveytype p > .glyphicon-plus{font-size:30px !important; color:rgba(167,169,171,1)}
.programmanger .programbox .surveytype>h3{ color: #FFFFFF;font-size: 12px; margin-bottom: 0;overflow:hidden; padding: 0 10px;text-align: left;text-overflow: ellipsis;}
.programmanger .programbox footer .label{color:#A7A9AB; font-size:10px; padding:0px; margin:0px; display:inline-block}
.programmanger .programbox hr{margin:0px; margin-top:3px}
.programmanger .programbox .badge-status {background-image: url("../images/xpui/bgimg-sprites.png");
 background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); height: 86px; position: absolute; right: -5px;   top: -5px; width: 86px; z-index: 5;}
.programmanger .programbox  .badge-live { background-position: 0 0;}
.programmanger .programbox .badge-copy {background-position: 0 -86px;}
.programmanger .programbox .badge-draft { background-position: 0 -172px;}
.s-srvysummary-wrap .badge-closed {background-position: 0 -258px;}
.programmanger .programbox .form-group{margin:0px}
.programmanger .programbox .btn-link{padding:0px !important; margin-top:-35px}
.programmanger .programbox  .newprogram{padding:74px 0}
.smart-style-2 nav ul li.open > a, .smart-style-2 nav ul li.open > a b, .smart-style-2 nav ul .active > a{font-weight:bold !important}
.smart-style-2 nav ul li.open > a.btn-addview, .smart-style-2 nav ul li.open > a.btn-addview b, .smart-style-2 nav ul .active > a.btn-addview {font-weight: normal !important;}
.group-program{ padding:0px; border:1px dashed #9F9F9F; border-radius:8px; box-shadow:0 0 1px #FFFFFF inset; height:242px;}
.programmanger .locked .programbox{background:rgba(145,120,190,1)}
.programmanger .locked .programbox header > .fa{color:rgba(101,77,153,1)}
.programmanger .sparkscore .programbox header > .fa{color:rgba(168,117,51,1)}
.programmanger .unlocked .programbox{background:rgba(86,182,174,1)}
.programmanger .unlocked .programbox header > .fa{color:rgba(49,124,113,1)}
.programmanger .locked .programbox footer  .open .icon-settings{color:rgba(145, 120, 190, 1)}
.programmanger .unlocked .programbox footer  .open .icon-settings{color:rgba(86, 182, 174, 1)}
.programmanger .sparkscore .programbox footer  .open .icon-settings{color:rgba(237, 176, 76, 1)}
.programmanger .draft .programbox{background:rgba(167,169,171,1)}
.programmanger .sparkscore .programbox{background:rgba(237,176,76,1)}
.programmanger .chartarea i{float:left; margin:8px; color:#fff; font-size:45px}
.programmanger .chartarea .chat-desc{text-align:center; min-height:68px}
.programmanger .programbox footer h4{margin:0px; font-size:12px; color:#000;}
.programmanger .programbox footer .fa-gear{color:#555}
.programmanger .programbox footer .icon-users-xxs{vertical-align:bottom}
.programmanger .programbox footer .dropdown-menu{margin:2px 0 0 -130px}
.programmanger .programbox footer .dropdown-menu i{margin-right:5px}
.programmanger .programbox .dropdown-menu{left:-43px}
.programmanger .programbox footer span.livetxt{color:rgba(86,182,174,1)}
.programmanger  .newprogram .programbox .surveytype .glyphicon-plus{font-size:35px; color:rgba(167,169,171,1); line-height:200px}
.programmanger .show-grid>div{margin:13px 0}
.programmanger  .newprogram .programbox .surveytype {text-align:center}
.programmanger  .newprogram .programbox .surveytype i{font-size:45px; color:#666; line-height:200px}
.programmanger  .newprogram .programbox .surveytype a:hover i, .programmanger  .newprogram .programbox .surveytype a:hover{text-decoration:none; color:#6ca898}
.programmanger  .newprogram .programbox {border:1px dotted #c1c1c1}
.programmanger .programbox footer .btn-link{font-size:23px; color:#666}
.programmanger .programbox footer a:hover, .programmanger .programbox footer a:focus{text-decoration:none}


/*program manager*/
/*comment stream*/
.col-responses .label{margin-right:30px; color:#666; font-weight:normal; font-size:13px; padding:0px}
.col-legends .label{margin-right:30px; color:#666; font-weight:normal; font-size:13px; padding:0px}
.grid-head .col-legends .well-sm{padding:0}

.col-legends .label .fa{font-size:12px}
.col-legends .label .fa.red{color:#EA6060}
.col-legends .label .fa.yellow{color:#F7E07F}
.col-legends .label .fa.green{color:#AACC7A}

.comments .col-responses .label .fa{font-size:12px}
.comments .col-responses .label .fa.red{color:#F00}
.comments .col-responses .label .fa.yellow{color:#F90}
.comments .col-responses .label .fa.green{color:#390}

.comments .wordcount{margin-left:10px}
.comments .wordcount label{font-weight:bold; font-size:14px}
.comments .grid-head{margin-bottom:15px}
.comments .col-responses .well-sm{border:1px solid #e8e8e8; background:#fafafa}
.comments .col-responses .label{margin-right:30px; color:#666; font-weight:normal; font-size:13px; padding:0px}
.comments .col-blockedwords a, .comments .col-blockedwords .label{font-size:12px;}
.comments .col-words label{margin-top:5px}
.comments .col-blockedwords .label{ color:#999}

.distribution .groupby-label{width:100px}
.distribution .groupby-label > label{transform:rotate(-90deg); width:50px; height:50px; text-align:right}
.distribution .group{overflow:hidden;}
.distribution .groupby-label + .group{margin-left:100px}

.distribution .grid-body{padding-top:10px; border-top:2px solid #ccc}

.comments-tray-steam-chart .axis path, .comments-tray-steam-chart .axis line {fill: none; stroke: #000; stroke-width: 1px; shape-rendering: crispEdges;}
.comments-tray-steam-chart .axis text {font-family: sans-serif;font-size: 11px }
.comments-tray-steam-chart rect.wrapper{fill: none;}
@media (max-width:1199px){
	.dashboard-chart-area .padding-large{padding-top:0;}
	.dash-chart-header h2{margin-bottom:0;}
}


.comments-panel{}
.comments-panel .well-sm{padding:5px 0}
.comments-panel .detractor-box{border-top:3px solid  #F00}
.comments-panel .promoter-box{border-top:3px solid  #390}
.comments-panel .passive-box{border-top:3px solid  #F90}
.comments-panel .commnets-box { margin-bottom:25px;}
.comments-panel .commnets-box  .icon{width:27px}
.comments-panel .commnets-box .icon-detractor {background-image: url("../images/xpui/smiley-detractor-color.svg");}
.comments-panel .commnets-box .icon-promoter {background-image: url("../images/xpui/smiley-promoter-color.svg");}
.comments-panel .commnets-box .icon-passive {background-image: url("../images/xpui/smiley-passive-color.svg"); background-size:100%}
.comments-panel .commnets-box  .footer h3{font-size:13px; font-weight:bold;}
.comments-panel .commnets-box  .footer h3 span{font-weight:normal; color:#999; font-size:12px}
.comments-panel .commnets-box  .row, .comments-panel .commnets-box  hr{margin:0px !important}
.comments-panel .commnets-box  .footer .fa{font-size:18px; color:#bbb; margin-top:10px; margin-right:7px}
.comments-panel .commnets-box p{margin-bottom:0px}
.comments-panel .commnets-box a label{color:#999}
.comments-panel .commnets-box a>div:hover{box-shadow:0px 1px 3px #999}
.hideContent {overflow: hidden;line-height: 1em; height: 3em;}
.showContent {line-height: 1em;height: auto;}
.responses  .comments-panel{margin-top:0px}
.comments-panel .commnets-box>.well-sm:hover{box-shadow:0px 1px 3px #999; cursor:pointer;transition: box-shadow ; -webkit-transition:  box-shadow ; /* Safari */}
.designwidget .fixedrightpanels .left-panel{margin-right:230px}

.npscomments .filter-btn{border-right:1px dotted #999; margin-right:10px}
.npscomments .filter-btn label,.npscomments  #reportrange{margin-top:9px}
.npscomments .chartsettings-panel .padding-10 {padding-bottom:0px !important}
.npscomments .section-groupby .select2-container-multi .select2-choices .select2-search-choice{color:#999}
.npscomments .groupby{margin-bottom:10px}
.fa-satmetrix{width:10px; padding:9px 0;background-image:url("../images/xpui/icon-sprite.png"); 
background-position: -85px -453px;}
.fa-satmetrix:hover{background-position:-70px -453px}
.fa-facebook:hover{color:#55649b !important;}
.fa-twitter:hover{color:#2cbee3 !important}

.responses-sort label{margin:0px 50px 0px 0px; width:120px}
.pagination > li{float:left}
.editinvite #contactinfo .dropdown-menu .s-dropdown-content .well-sm{padding-bottom:0px; margin-top:5px;padding-top:0px; margin-bottom:5px}
.editinvite  #contactinfo .s-dropdown-content  .nav > li > a{padding: 5px 10px;margin-top:0px}
.editinvite #contactinfo  .dropdown-menu .divider{margin:3px 0}
#content div[class*=""]:not(.listitems) .nav > li > a{padding:9px 10px 10px; height: 45px; line-height: 28px;}
#content .dropdown-menu .nav{margin-bottom:0px}
#content .dropdown-menu .nav li a{height:auto; line-height:inherit}

div.dataTables_filter{ right: 84px; left:auto}

.row-register-login-message .hero{padding:100px 0}

.streamwidget .scroll-pane{overflow:hidden}
.streamwidget #ribbon{position:relative; left:auto; top:auto}
.streamwidget #content{margin-top:0}
.scroll-pane .slides + .slides{margin-left:10px}

.streamanalytics-panel{display:inherit}
.streamwidget .stream-scroll{width:400px;}
.streamanalytics-panel #content{padding-top:0}

.publish-stream > header.titlepanel{ background-color:#c9e2de; height:44px; margin-bottom:0}

.align-inline > *{display:inline-block}

.streamanalytics-enabled .streamui-panel .titlepanel .btn-analytics [class*="icon-"]:before{content: "\e650";}


.publish-stream > header.titlepanel .btn{height:44px;}

.streampage .chartWrapper{padding-bottom:0;}
.streamwidget .scroller{overflow:hidden}
.publish-stream .titlepanel h3{color:#fff; font-size:16px; line-height:36px; margin-left:13px;}

.row-tags .badge{border-radius:3px; border:2px solid transparent; background-color:transparent!important; padding:3px 10px; color:#424142; font-weight:normal; margin:3px; font-size:13px}
.row-tags .badge.bg-color-red{ border-color:#db4a67 }
.row-tags .badge.bg-color-grey{ border-color:#B3B3A7 }
.row-tags .badge.bg-color-yellow{ border-color:#F7E07F }
.row-tags .badge.bg-color-green{ border-color:#356e35  }
.row-tags .badge-color.detractor, 
.row-tags .badge-color.negative{border-color:#f4afaf;}
.row-tags .badge-color.passive, 
.row-tags .badge-color.neutral{border-color:#fcf3cc;}
.row-tags .badge-color.promoter, 
.row-tags .badge-color.positive{border-color:#cce0af;}
.row-tags .badge-color.mixed{border-color:#8eb8ba;}

.row-tags + *{margin-top:5px}
.row-surveyname em{color:#999}
.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}
.stream-scroll .message:hover,
.stream-scroll .message.active{max-height:inherit; background-color:rgba(234,234,234,1); cursor:pointer;}
.stream-scroll .message .sharepanel,
.stream-scroll .message:hover .source-panel,
.stream-scroll .message:active .source-panel{ height:auto; opacity:1}
.message .comment-panel .toggle-sty{margin-top:-4px; float:right;}

.stream-scroll .message:hover .row-tags .badge.bg-color-red,
.stream-scroll .message.active .row-tags .badge.bg-color-red{ background-color:#db4a67!important}
.stream-scroll .message:hover .row-tags .badge.bg-color-grey,
.stream-scroll .message.active .row-tags .badge.bg-color-grey{ background-color:#B3B3A7!important }
.stream-scroll .message:hover .row-tags .badge.bg-color-yellow,
.stream-scroll .message.active .row-tags .badge.bg-color-yellow{ background-color:#F7E07F!important }
.stream-scroll .message:hover .row-tags .badge.bg-color-green,
.stream-scroll .message.active .row-tags .badge.bg-color-green{ background-color:#356e35!important  }

.stream-scroll .message:hover .row-tags .badge-color.detractor, 
.stream-scroll .message:hover .row-tags .badge-color.negative,
.stream-scroll .message.active .row-tags .badge-color.detractor, 
.stream-scroll .message.active .row-tags .badge-color.negative{background-color:#f4afaf!important;}
.stream-scroll .message:hover .row-tags .badge-color.passive, 
.stream-scroll .message:hover .row-tags .badge-color.neutral,
.stream-scroll .message.active .row-tags .badge-color.passive, 
.stream-scroll .message.active .row-tags .badge-color.neutral{background-color:#fcf3cc!important;}
.stream-scroll .message:hover .row-tags .badge-color.promoter, 
.stream-scroll .message:hover .row-tags .badge-color.positive,
.stream-scroll .message.active .row-tags .badge-color.promoter, 
.stream-scroll .message.active .row-tags .badge-color.positive{background-color:#cce0af!important;}
.stream-scroll .message:hover .row-tags .badge-color.mixed,
.stream-scroll .message.active .row-tags .badge-color.mixed{background-color:#8eb8ba!important;}

.sharepanel [class*="col"]:first-child label{margin-top:5px}
.socialpanel a{font-size:23px}
.socialpanel a:hover{text-decoration:none}
.socialpanel a + a{margin-left:0px;}
.socialpanel a i.icon-envelope {font-size: 87%; position: relative; top: -1px;}

.publish-stream{overflow:hidden; transition:all 0.5s ease-in-out}
.publish-stream .titlepanel{background-color:#232323}
.publish-stream .titlepanel h3{color:#fff}

.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}
.publish-stream-widget > header .s-nav-textlinks{margin:0px 10px 0 0; position:relative; vertical-align:middle; display:inline-block}
.publish-stream-widget > header .s-nav-textlinks li{border-left-color:#fff}
.publish-stream-widget > header .s-nav-textlinks a{ color:#fff;}

.publish-stream-widget .panel-heading{min-height:inherit; border-radius:0}

/*.streamwidget .streamanalytics-panel,*/


.btn-publishstream{ display:inherit} 

.streamanalytics-panel{margin-left:0px; transition:all 0.4s ease-in-out 0s;}

.publishstream-enabled .streamui-panel header.titlepanel{background-color:#c9e2de}
.publishstream-enabled .streamui-panel header.titlepanel h3,
.publishstream-enabled .streamui-panel header.titlepanel [class*="icon-"]{color:#232323}

.chartarea .streamwidget{position:static; width:100% !important}
.chartarea .streamanalytics-panel{display:inherit}

.publishsettings-panel{display:none; background-color:#c9e2de; height:45px !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;}
.publishsettings-panel .nav-tabs{background-color:transparent; color:#424142}
.publishsettings-panel .nav-tabs a{color:#424142 !important}

.publishsettings-panel .left-panel{float:left; width:400px; box-shadow:none}
.publishsettings-panel .right-panel{vertical-align:middle;}
.publishsettings-panel .right-panel > .row > [class*="col-"]{height:44px}
.publishsettings-panel .right-panel > .row > [class*="col-"].switchview-box{margin-bottom:0}
.publishsettings-panel .right-panel .select2-container{margin-top:7px; margin-left:7px}
.publishsettings-panel .left-panel + .right-panel{margin-left:400px; }

.publishsettings-panel{display:none; opacity:0; animation:hide_publishsettings 1s}
.publishstream-enabled .chartsettings-panel{display:none}
.publishstream-enabled .publishsettings-panel{display:inherit; opacity:1; animation:display_publishsettings 1s; background:#34363a;}
.publishsettings-panel .publishToggle > label{ position:relative; top:-10px; margin-right:5px;}

.publishsettings-panel .left-panel{height:auto !important}

.mobile-view-activated.stream-enabled .streamwidget .stream-scroll .chat-body{width:100% !important}

.mobile-view-activated .stream-scroll,
.mobile-view-activated .streamanalytics-panel{transition:all 0.2s ease-in-out;}
.streamwidget-slides{overflow:hidden; height:100%;}

@keyframes display_publishsettings{
	0%{ display:inherit; opacity:0}
	100%{opacity:1}
}
@keyframes hide_publishsettings{
	0%{opacity:0}
	100%{opacity:1; display:none; }
}

.maximise-chart #left-panel{left:-220px}
.minified.maximise-chart #left-panel{left:0px}
.maximise-chart #main{margin-left:0}
.minified.maximise-chart #main{margin-left:45px}

.maximise-chart #main > #ribbon, 
.maximise-chart #main > #content{ margin-right:0}
.maximise-chart.stream-enabled #main > #ribbon, 
.maximise-chart.stream-enabled #main > #content{ margin-right:400px}
.maximise-chart.mobile-view-activated.stream-enabled #main > #ribbon, 
.maximise-chart.mobile-view-activated.stream-enabled #main > #content{ margin-right:0}

.maximise-chart .streamwidget{right:-400px}
.maximise-chart .templateselection .left-panel:empty + .right-panel{ padding-top:0}
.maximise-chart #ribbon{display:none}
.modal-dialog .col-lg-12 {width:100%;}

@media (min-width:200px) and (max-width:1179px){
	.stream-enabled #main > #ribbon, 
	.stream-enabled #main > #content {margin-right:0px;}
	.maximise-chart.stream-enabled #main > #ribbon, 
	.maximise-chart.stream-enabled #main > #content{ margin-right:0px}
}
@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}
	
	.chartWrapper .streamwidget{width:100%!important}
	.chartWrapper .streamwidget .stream-scroll{width:100% !important; box-shadow: 0 0 2px #ccc;}
	.chartWrapper .streamwidget .stream-scroll .profile-message{border-bottom: 1px solid #aaa; width:100% !important}
	.chartWrapper .streamwidget .stream-scroll .profile-message .enscrollwrapper{max-height:150px !important}
	.chartWrapper .streamwidget .streamanalytics-panel .enscrollwrapper{max-height:350px !important}
	
	.publishstream-enabled .chartWrapper .streamwidget .stream-scroll .profile-message .enscrollwrapper{max-height:0px !important}
	.chartWrapper .stream_slides_container{width:100%; margin-left:0 !important}
	.chartWrapper .stream_slides_container .stream_slides{width:100% !important}
	.chartWrapper .streamanalytics-panel{width:100% !important}
	.chartWrapper .publish-stream{width:100% !important; display:none}
	.publishstream-enabled .chartWrapper .streamanalytics-panel{margin-left:-100% !important; display:none}
	.publishstream-enabled .chartWrapper .publish-stream{display:inherit}
	.chartWrapper .publishsettings-panel .left-panel{width:300px;}
	.chartWrapper .publishsettings-panel .right-panel{margin-left:300px;}

}
@media (min-width:200px) and (max-width:767px){
	.btn-publishstream{display:inline-block}
	.switchview-box{border-bottom-width:0px;}
	/* .navbar-chartcontrols .nav > li.pull-right{float:none !important;} */
	.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}
	.chartsettings-panel .section-groupby .select2-search-choice{display:block; float:none; border-width:0px}
	[charttype="heatmap"] ul.select-graph li { margin-left:0px; float: none; display: block; }
	[charttype="heatmap"] ul.select-graph li + li{ padding-top:10px; margin-left:0; }
	
	.chartWrapper .designwidget .fixedrightpanels .left-panel{width:100%; margin-right:0}
	.chartWrapper .designwidget .fixedrightpanels .right-panel{width:100%; float:none}
	.chartWrapper .designwidget fieldset .col-md-4 .smart-form.pull-right{float:none !important}
	
	.chartWrapper .publishsettings-panel .left-panel{width:100%; margin-right:0; float:none}
	.chartWrapper .publishsettings-panel .right-panel{width:100%; margin-left:0 !important}
	
	.chartWrapper .streamwidget .stream-scroll .comment-panel .message-text .titlepanel .col-xs-8:first-child{}
	.chartWrapper .streamwidget .stream-scroll .comment-panel .message-text .titlepanel [class*="col-xs-"]:last-child{text-align:left !important}
	
	.chartWrapper .streamwidget .stream-scroll .comment-panel .message-text .sharepanel .col-xs-7:first-child{}
	.chartWrapper .streamwidget .stream-scroll .comment-panel .message-text .sharepanel .col-xs-5:last-child{text-align:left !important}
	
	.chartWrapper .publish-stream-widget .panel .panel-body .grid-list .row [class*="col-xs-"]{width:100%; float:none}
	.chartWrapper .publish-stream-widget .panel .panel-body .grid-list .row [class*="col-xs-"]:last-child .s-nav-textlinks.pull-right{float:none !important}
	
    #ribbon, #content{padding:0 13px}
	#ribbon .breadcrumb{overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
		.modal-dialog{width:auto !important}
	.chartsettings-panel,.nav-tabs{height:auto !important}
	.col-score .icon{width:24px; height:24px; margin-top:-6px}
	.col-nps *{text-align:center !important}
	.comments .col-nps *{text-align:left !important}
	
	/*.fixedleftpanels .left-panel{width:100%; float:none}*/
	.fixedleftpanels .right-panel{margin-left:0;}

	nav ul li a.btn-addview.visible-md,
	nav ul li a.btn-addview.visible-lg{display:none !important}

	.analytics .form-inline .form-group + .form-group{margin-left:0px}
	.analytics .form-inline pull-leftwell-sm{padding:9px}
	.analytics .no-float{float:none !important}
	.btn-addview{display:none !important}
	#logo {margin-top: 0;}
	.surveycard{height:auto !important;}
	
	.stream-enabled #main{margin-right:0}
	.jarviswidget > header{height:auto;}
	.navbar-chartcontrols{float:none}

	.navbar-chartcontrols .dropdown-menu > li > a,
	.navbar-chartcontrols .dropdown-menu > li > label{color:#fff}
	
	.col-legend i[class*="icon-"]{font-size:20px}
}


/*special messge*/
.splques-row{background-color:#c9e2de; border-radius:0px; box-sizing:border-box; line-height:42px;padding-left: 10px;
  margin-bottom: 10px;}
.splques-row p{margin:0px; color:rgba(81, 133, 159, 1); font-weight:bold}
.splques-row .fa-heart{margin-right:3px}
.fa-heart-prgm{background:url(../images/xpui/icon-sprite.png) -133px  -445px no-repeat; width:40px; height:36px}
.fa-implement-prgm{background:url(../images/xpui/icon-sprite.png) -183px  -448px no-repeat; width:40px; height:36px}
.fa-spark-prgm{background:url(../images/xpui/icon-sprite.png) -228px  -445px no-repeat; width:40px; height:36px}
/*special messge*/

.show-grid-header [class^="col-"]{background:#efefef!important; line-height:32px}
.show-grid-header  [class^="col-"] + [class^="col-"]{border-left-width:0px}

#scrub-rule .modal-content{width:800px}
#scrub-rule  #option-replace{ display: inline-block; margin-left: 10px;overflow: hidden;}
#option-replace label {line-height: 30px;}
.col-report a i{font-size:15px; color:#6CA898}
.col-report a i:hover{color:#387464}

.search-box .form-control{border-left: 0 none;}
.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'}

.row.import-options{display:table; width:100%; margin:0}
.import-options > .well-sm{display:table; width:100%;}
.import-options [class*="col-"] + [class*="col-"]{padding-left:5%}
.import-options [class*="col-"]{padding-right:5%; display:table-cell; float:left}
.import-options [class*="col-"] + [class*="col-"]:before{border-left: 1px solid #999; content: ""; height: 100%; left: 0px; position: absolute;}
.import-options [class*="col-"] + [class*="col-"]:after {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #999;border-radius: 50% 50% 50% 50%; content: "OR"; font-weight: bold;left: -14px; padding: 5px; position: absolute; top: 50%; margin-top:-14px; z-index: 2;}

.pagination-box .pagination {margin:0px}
.pagination-box > span.btn-link:hover{text-decoration:none !important; cursor:default !important}

.profiletab input[type=text]{border-radius:3px;margin:3px 0;}
.pagination-box .btn-link{background:none; box-shadow:none; border:none; color:#6CA898; font-size:12px; padding:6px 5px}
.pagination-box  label{margin-top:2px}
.profiletab .form-group{margin:3px 0px 0px}

.table > thead > tr > th:hover{background-color:#efefef !important; }
.table tbody tr:hover, .table tbody tr:focus,.table tbody tr:active{background-color:#eaeaea !important; cursor:pointer}
.profile-buttons, .chartsettings-panel .gridsearch + .col-md-4 > .jarviswidget-ctrls > div + div, .sel-customerjourney > div{margin-top:1px}

@media (min-width:200px) and (max-width:767px){.profile-buttons{margin-bottom:5px;}}
.profiletab .navbar-toggle{padding:2px}
.navbar-toggle span {
    background: none repeat scroll 0 0 fff;
    border-color: #fff;
}

.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  .jarviswidget-ctrls{background:none repeat scroll 0 0 #424142}
.multicolumn header, .multicolumn .chart-row{background:#fff; }
 .multicolumn .chart-row img{max-width:100%}
 .multicolumn > .padding-10{box-shadow:0 0 2px}
 .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}
.multicolumn > .padding-10:hover{ cursor:pointer}
.multicolumn > .padding-10:hover > header > .chartsettings-panel {opacity:1;}
.chart-wrap .chart-title h1{font-size:20px}
.chart-wrap .chart-score{margin-top:5px}
.chart-score p{margin:0px}

.view-body .well-lg{ padding:0px}
.view-body .well-lg.heatmap .row-grid +.row-grid{margin-top: 0px;}
.view-body .widget-grid + .widget-grid{margin-top:20px;}
.widget-grid .widget-content, .jarviswidget .widget-content{box-shadow:0px 0px 3px #cccccc; }
.fa.fa-angle-right{padding-right:2px;}

.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 rgba(0, 0, 0, 0);border-color:transparent; color:#efefef;}
.gridsearch:not(:hover) [class*="icon-"]{color:#fff}
.gridsearch:hover [class*="icon-"]{color:#555 !important}
.gridsearch .btn-remove{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);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}

.active-status{ padding:3px 5px; background:#afcb78; color:#333; border-radius:2px}
.inactive-status{ padding:3px 5px; background:#dcdcdc;color:#333; border-radius:2px}
.dataTable .btn-group.pull-left .dropdown-menu:after {left: 91px;}
.dataTable .btn-group.pull-left .dropdown-menu:before {left: 90px;}
.dataTable .btn-group.pull-left .dropdown-menu{left:-81px}
.tabpanel-actions .filter-btn{min-height:20px;}
.tabpanel-actions .nav-tabs{background:transparent; margin-top:0px}
.btn-group .btn.prom-mobi-drilldown-site{font-size:19px;padding:0 6px;}
.btn-primary.prom-mobi-drilldown-site.active:focus{background-color:#7a9191; border-color:#7a9191}
.btn-primary.prom-mobi-drilldown-site:focus{background-color:#6ca898; border-color:#6ca898}
.dataTable td .grid-gear-icon{float:left !important}

.chart-row{text-align:center}
.chart-row img{max-width:100%}
.jarviswidget header .tabpanel-actions .nav-tabs > li.active > a, .tabpanel-actions  .jarviswidget header .tabpanel-actions .nav-tabs > li.active > a:hover, .tabpanel-actions .jarviswidget header .tabpanel-actions .nav-tabs > li.active > a:focus{background:#6CA898 !important}

.share-view-modal .modal-header{text-align:center;}

.modal .nav-tabs li a{color:#6CA898}
.modal .nav-tabs > li.active > a:focus,.modal .nav-tabs > li.active > a:hover{color:#6CA898}
.modal .nav-tabs > li.active > a:focus,.modal .nav-tabs > li.active > a{font-weight:bold}

.s-modal .s-nav-tabs {background-color: #EFEFEF; color: #FFFFFF; margin-left:-15px; margin-right:-15px; border-radius:0}
.s-modal .s-nav-tabs li a{color:#6CA898; background:none !important; border:none !important; box-shadow:none; border-radius:0; position:relative; line-height:30px; font-size:13px; font-weight:normal}
.s-modal .s-nav-tabs li a:hover{text-decoration:none}
.s-modal .s-nav-tabs > li.active > a:focus,
.s-modal .s-nav-tabs > li.active > a:hover{color:#6CA898; background-color:transparent !important}
.s-modal .s-nav-tabs > li.active > a:focus,
.s-modal .s-nav-tabs > li.active > a{font-weight:bold;}

.s-modal .s-nav-tabs {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.s-modal .s-nav-tabs > li.active > a:before{position:absolute; left:50%; bottom:0px; content:""; margin-left:-6px; border-bottom:6px solid #666; border-left:6px solid transparent; border-right:6px solid transparent}
.s-modal .s-nav-tabs > li.active > a:after{position:absolute; left:50%; bottom:0px; content:""; margin-left:-6px; border-bottom:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent}

.modal-fixed{top:0px; bottom:0; overflow:hidden}
.modal-fixed .modal-dialog{margin:0px 0 0 0; height:100%}
.modal-fixed .modal-content{border-radius:0; box-shadow:none; border-width:0px; height:auto}
.modal-fixed .modal-body{position:fixed; top:44px; bottom:0; left:0; right:0; overflow:auto; background-color:#fff}

.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{color:#6CA898; background:none; border:none}
.share-view-modal .manage-tab .select2-dropdown-open .select2-choice{border:1px solid #6CA898}
.manage-tab > .title-panel{ overflow:visible}
.manage-tab > .title-panel h3{font-weight:normal; margin-bottom:0}
.manage-tab .profilepic-holder{margin:0px auto; max-width:40px; height:40px }
.manage-tab h4{color:#666; margin:0px}
.manage-tab .media{border-radius:5px; position:relative}
.manage-tab .media{margin:0}
.manage-tab .media figure img{max-width:100%}
.manage-tab .media:hover{background:#f0f1f6; cursor:pointer}
.manage-tab .media .media-body .btn-link{padding:0; margin-top:-7px; position:absolute; top:50%; right:20px}
.manage-tab .media:hover .media-body .btn-link{display:block !important;}
.manage-tab .media:hover .media-body .btn-link.homePageIcon{display:inline-block !important;}
.embed-modal section .label span{margin-top:-15px;}
.embed-modal section .label span i{color:#6CA898}
.no-border-select .select2-drop-active{border:none;margin-top:-10px}
.no-border-select .select2-dropdown-open .select2-container .select2-choice{border:1px solid #6CA898 !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}
.totalcontacts-holder,
.default-holder{background: rgba(157, 163, 165, 0.4);height: 170px; width: 170px; text-align:center}
.default-holder{width:40px; height:40px}
.totalcontacts-holder>i,
.default-holder>i{color: #FFFFFF;font-size: 100px;line-height: 170px; position: relative}
.default-holder>i{color: #fff; font-size: 15px; line-height: 35px;}
.totalcontacts-holder>i.icon-contactlist{font-size: 83px; left: 1px}
.totalcontacts-holder>i.morelineheight{line-height:215px}
.totalcontacts-holder>i.morefontsize{font-size: 140px;}
.totalcontacts-holder span{color: #333333;font-size: 75px; font-weight: bold; line-height: 170px; color:#fff}
.totalcontacts-holder-sm{width:40px; height:40px}
.totalcontacts-holder-sm.blue{background:#66B4DD}
.totalcontacts-holder-sm.blue strong{  color: #FFFFFF; font-size: 17px; line-height: 35px;}
.totalcontacts-holder-md > i{  font-size: 30px; line-height: 50px; color:#fff; display:block; margin-bottom:5px}
.totalcontacts-holder-md{width:50px !important; height:50px}
.totalcontacts-holder span.small{font-size:20px}
.totalcontacts-holder-md.grey{background:rgba(157,163,165,0.4)}

@media (max-width:480px){
	.chartsettings-panel .section-groupby .select2-container-multi .select2-choices > li span{ max-width:61px;}		
	.chartsettings-panel .reportsty{width:173px;}
}
@media (max-width:736px){
	/*.well-lg.heatmap.net-promoter-heatmap{ overflow:scroll;}*/
	.grid.chart-activity{overflow:scroll;}
	.grid.chart-activity .grid-head, .grid.chart-activity .grid-body{max-width:700px;}
}

.search-multiselect .form-control{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none; width: auto;}
.search-multiselect  .icon-add{color:#74A99E}
.search-multiselect  .ui-btn-xs {padding:1px}
.search-multiselect  .text{font-weight:normal; font-style:italic; color:#666}
.search-multiselect .dropdown-menu li a{padding:3px 5px; clear:inherit !important}
.multiselect-search + .input-group-btn .btn{padding:6px 12px 5px; box-shadow:none; border-left:0px}
/*.multiselect-search + .input-group-btn .btn:hover,.multiselect-search + .input-group-btn .btn:focus,.multiselect-search + .input-group-btn .btn:active{background:transparent; outline:0px;border-color:#ccc;position:static !important}*/
.multiselect-item.filter .input-group-btn .btn:hover,
.multiselect-item.filter .input-group-btn .btn:focus,
.multiselect-item.filter .input-group-btn .btn:active{background:transparent; outline:0px; border-color:#ccc;position:static !important}
.multiselect-search + .input-group-btn .btn i{color:#999}
/*.multiselect-search + .input-group-btn .btn:hover i{color:#666}*/
.multiselect-item.filter .input-group-btn .btn:hover i{color:#666}
.multiselect-group label{font-weight: bold;padding: 10px 20px 0;width: 100%;}
/*multiselect styles*/
.multiselect-container {position: absolute;list-style-type: none;margin: 0;	padding: 0}
.multiselect-container .input-group {margin: 5px}
.multiselect-container>li {	padding: 0}
.multiselect-container>li>a.multiselect-all label {font-weight: 700}
.multiselect-container>li>label.multiselect-group {	margin: 0;	padding:3px 20px;height: 100%;font-weight: 700}
.multiselect-container>li>a {padding: 0}
.multiselect-container>li>a>label {margin: 0;height: 100%;cursor: pointer;font-weight: 400;padding:10px 20px 10px 40px }
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {margin: 0}
.multiselect-container>li>a>label>input[type=checkbox] {margin-bottom: 5px}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {color: #fff !important;}
.dropdown-menu > .active > a:hover{color:#555 !important}
.smart-style-2 .multiselect-item  .dropdown-menu li a{color:#fff}
button.multiselect {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; color: #666; font-style: italic;}
.btn-group.open .multiselect.dropdown-toggle{box-shadow:none}
button.multiselect .icon-add{ color:#6CA898; margin-left: 5px;}
/*responses tab */
.stream-scroll .responses .message{min-height:120px; padding:17px 17px 17px;}
.stream-scroll .responses  .message.active {border-radius:0px 0px 5px 5px}
.stream-scroll .responses  .message.active + .message{  border-top:none;}
.stream-scroll .responses   .panel-collapse + .message{  border-top: 1px solid #D6D6D6;}
.stream-scroll .responses  .panel-collapse{border:1px solid #e8e8e8; border-radius:5px; border-top:none; background:#fff}
.srvy-response h5{font-size:13px; color: #6ca898} 
.scale0-10 .col-md-1{width:9.09%;}
.scale div[class*='col-']{color: #414141; font-size:12px; padding:0}
.scale + hr{margin-top:5px; margin-bottom:0px}
.scale .col-md-4{color:#969696 !important}
.scale0-1:after{content:""; width:100%; position:absolute; height:1px}
.globe  .select2-choice .select2-arrow b:before{content:"\e686";font-family: 'icomoon'; font-size:15px; color:#999}
.globe  .select2-choice .select2-arrow{background:none}
.stream-scroll .responses .message, .response-tab .stream-scroll, .response-tab .chat-body, .search-responses .message, .search-responses .chat-body, .search-responses .stream-scroll, .search-contacts .stream-scroll{background:transparent; border-right:none;border-left:none}
.stream-scroll .responses .message:hover, .stream-scroll .responses .message.active {background-color: #EAEAEA; cursor: pointer; max-height: inherit;}
.scale .col-score{padding:0px}
.scale .col-score .score.detractor{background-color:#EB5E57}
.scale .col-score .score.promoter {background-color: #ABC97F}
.scale .col-score .score.passive {background-color: #F7E07F}
.preview-container .preview-panel{background:#fff; float:none;margin:0px auto}
/*search responses/contacts*/
.comment-panel.search-row .img-circle {display: inline-block; width: 40px; float:left}
.comment-panel.search-row .message-text{margin-left: 65px; margin-top:0px; overflow:hidden}
/*.comment-panel.search-row.search-contact .message-text{margin-top: -45px;}*/
.icon-program-grey{color: #999999;font-size: 22px;line-height: 0;}
.search-row{background:transparent}
.comment-panel.search-row.search-contact .message-text
.singlecolumn-grid .sorting_1{padding:10px 0px}
.singlecolumn-grid .titlepanel{margin-bottom:0px; min-height:27px}
.search-row .list-unstyled{margin-bottom:0px}
.usingemail-modal .fixedleftpanels .right-panel{min-height:inherit; margin-left:auto}
.gridrowdetails td{padding:0px !important}
/*add touch points */
.publishstream-enabled .streamui-panel.add-touchpoints{display:none}
.publishstream-enabled .streamui-panel.add-touchpoints + .publish-stream { margin-left: 0px;}
.addtouchpoints-panel p{margin-top:12px}
.addtouchpoints-panel .btn-publishstream{ display:inline-block}
.addtouchpoint-stream-widget  .journey-row{margin-left:0px}
.addtouchpoint-stream-widget   .add-channels{display:none}
.journey-empty-tab a.btn-publishstream{padding:0px; margin:0px; background-color:transparent !important}
.and-fieldsty{padding: 6px 0; width: 8px;}
.publishstream-enabled .jarviswidget-fullscreen-btn{display:none !important}
.btn-publishstream-normal{height:auto !important; margin-top:auto !important; margin-right:auto !important}
.streamwidget .streamui-panel.add-touchpoints,.streamwidget.add-touchpoints-widget{background:transparent !important}
.no-subheadings .wordcloud-list{padding-top:5px}
.no-subheadings .jarviswidget > header{min-height:inherit}
/* drill down message style*/
.drilldownmessage{background:#c9e2de; }
.drilldownmessage .rounded-button{margin-top:4px}
.drilldownmessage label{ display: inherit; margin-left: 33px; margin-top: 7px;}
.dashboard-chart  .wordcloudchartfortray{padding:5px 10px;}
.text-row + *{margin-top:10px}
.text-row .well-sm *{margin-bottom:5px}
.text-row .well-sm *:last-child{margin-bottom:0}
.border-row{border-bottom:1px solid rgb(221, 221, 221); padding-bottom:10px}
.border-row + *{margin-top:10px}
.border-row p{margin-bottom:0}
.border-row p + p{margin-top:10px}

.row-text{margin-bottom:10px}
.bar-worldcloud{  background: none repeat scroll 0 0 #999; line-height: 20px; min-height: 20px;}
.wordcloud-list .col-responses label{word-wrap:normal; word-break:normal}
/*Customization*/
.small-screens{
	margin:0 auto!important;
	width:1024px!important;
}
.page-contents{
	float:left;
	width:100%;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	margin-top:80px;
	margin-bottom:100px;
	border:1px solid #e9e9e9;
	background:#FFF;
}
.page-header{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	background:#74aa9f;
	margin-top:0;
	width:100%;
	padding:2%;
	float:left;
}
.page-progress-bar{
	float:left;
	width:50%;	
	margin-left:25%;
	background:#639186;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	height:10px;
}
.page-progress{
	background:#d0deda;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	height:10px;
}
.page-icon{
	float:left;
	width:100%;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
.page-heading{
	float:left;
	width:100%;
	text-align:center;
	color:#FFF;
}
.page-footer{
	float:left;
	width:100%;
	padding:1%;
	background:#f8f8f8;	
	text-align:center;
}
.page-body-contents{
	float:left;
	width:100%;
	padding-top:2%;	
	padding-bottom:2%;
}
.row-margin{
	margin-bottom:20px;	
}
.object-center-align{
	text-align:center;	
}
.page-contents-seperator{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	background:#e9e9e9;
	height:1px;
}
.page-contents-heading{
	text-align:center;
	float:left;
	width:100%;
	color:#74aa9f;	
}

#prom_mobi_comments_table_wrapper .dt-wrapper{overflow-x:auto; -webkit-overflow-scrolling: touch;}
#prom_mobi_comments_table_wrapper .dt-bottom-row{padding-left:0; padding-right:0}
#prom_mobi_comments_table_wrapper .dt-bottom-row .dataTables_info{margin-left:8px}
.create-contactfield .select2-container-disabled{border:1px solid #E4E2E2;}
.create-contactfield .btn-info{margin-top: 8px;
  margin-left: 14px;
  width: 17px;
  background-color:#999999;
  height: 17px;
  font-size:10px;}
.toggle-sty .toggle input:disabled + i
{background-color:#cccccc !important;}
.toggle-sty .toggle input:disabled + i:before{background-color: #efefef;}
#dt_basic input:disabled{color:#cccccc !important;}
 .supercontactfieldcontainer{margin-left:10px !important;}
 button.multiselect.disabled .icon-add{color:#cccccc}
 .sync-msg{margin:0;padding-top:4px; display:inline-block; line-height:22px; width:95%;}
 .sync-bar{margin-bottom:13px;}
 #sync-status-span{padding-top:4px;}
  .min-height-50{min-height:50px;}
/* 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; background-color:#6ca898; 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;}

.s-shuttle-list .nav-list > li{ position:relative;}
.s-shuttle-list .nav-list > li > a.go-to-field{ position:absolute; right:0; top:0; z-index:100; background-color:transparent!important; color:#6ca898!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:hover > a.go-to-field:hover{ color:#6ca898!important;}

.s-shuttle-list .nav-list > li > .action-field{ position:absolute; right:0; top:5px; z-index:100; color:#6ca898;}
.s-shuttle-list .nav-list > li > .action-field a{ background-color:transparent!important; color:#6ca898!important; border-color:transparent!important; margin:0 7px;}
.s-shuttle-list .nav-list > li > a.highlight-me{background-color:#6ca898;}

.parabdr {
  min-height: 50px;
  border: 1px dotted #ccc!important; }

.noparabdr {
  min-height: 50px;
  border: 0!important; }

/*BG-6015*/
.publicwidget header .dl-horizontal{ margin-bottom:0;}
.publicwidget header .dl-horizontal dd{ margin-left:0px; float:none;}
.publicwidget header .dl-horizontal dd h2{ margin-left:13px;}
.publicwidget header .dl-horizontal dd p{ margin-left:13px; margin-bottom:0;}
.publicwidget header .dl-horizontal dt{ width:auto; float:left;}
.publicwidget header .dl-horizontal dt img{ margin-left:13px; margin-right:13px;}

.publicwidget .comment-panel .titlepanel{ float:right; width:180px;}
.publicwidget .comment-panel .titlepanel > [class*="col-"]:first-child{ display:none;}
.publicwidget .comment-panel .titlepanel > [class*="col-"]:last-child{ display:block; width:100%;}
.publicwidget .stream-scroll .message.title h4{ font-size:13px;}