@charset "utf-8";
/* CSS Document */
.subsettings-panel{margin-top:2px; background-color:#efefef;}
.widget-body .subsettings-panel{margin-top:-13px;}
.page-header-bar{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden;}
.page-header-bar .nav-tabs .active a{background:#232323!important; font-weight:normal!important;}
.page-heading-label{margin:8px; float:left;}
.panel-heading .smart-form input[type="radio"] ~ span,
.panel-heading .smart-form input[type="checkbox"] ~ span{position:relative; top:3px}
.panel-heading{background:#f7f7f7 !important; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden; border:0!important; min-height:65px}
.smart-accordion-style2 .panel-heading{ overflow:visible; padding-left:13px; padding-right:13px}
.smart-accordion-style2 .panel{border:0!important; margin-bottom:5px; background:none!important; box-shadow:none!important; overflow:visible;}
.smart-accordion-style2 .panel-heading .panel-title span{font-size:12px;}
/*changed for mobile*/



/*changed for mobile*/

.collectresponses-panel .panel-heading{padding-left:0; padding-right:0}
.collectresponses-panel .panel-heading .row-grid > [class*="col-"]{height:45px}
.collectresponses-panel .panel-heading .smart-form .radio, 
.collectresponses-panel .panel-heading .smart-form .checkbox,
.collectresponses-panel .panel-heading h4.panel-title{margin-top:0}
.collectresponses-panel .panel-heading a[data-toggle="collapse"], 
.collectresponses-panel .panel-heading a.collapse-btn{padding:25px 15px 0}
.collectresponses-panel .row-grid [class^="col-"]:first-child{padding-left:13px}
.collectresponses-panel .row-grid [class^="col-"]:last-child{padding-right:18px}
.smart-accordion-style2 .panel-body{border:0!important; background:none!important; box-shadow:none!important; padding:0!important; padding-top:20px!important;}
.wizard-style2{	}
.wizard-style2 .form-actions{border:0!important; background:#F0F1F6!important; padding-bottom:24px!important; -moz-border-radius:4px!important; -webkit-border-radius:4px!important; border-radius:4px!important; overflow:hidden!important;}
.form-actions .btn[style*="display"][style*="inline"]{display: inline-block !important;}
.wizard-style2 .form-actions .pager li{}
.wizard-style2 .form-actions a{border:0!important; background:#F0F1F6!important; box-shadow:none!important; background:#7DB1A7!important; color:#fff!important;}
.wizard-style2 .tab-pane{padding:0;}
.page-description{width:100%; padding:15px 10px 5px 15px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:inline-table;}
.page-description h1{padding:0!important; font-size:15px!important; margin:0!important; margin-bottom:5px!important;}
.page-description p{padding:0!important; font-size:13px!important;}
.panel-heading-row-style2{height:60px; padding:14px;}
.panel-heading-label-style2{margin-top:18px; margin-left:15px;}
.panel-heading-label-style3{margin-top:22px;}
.wizard-style2 .smart-form [class*="col-"]{padding:0!important; margin:0!important;	}
.panel-heading-row-style2 .select2-container .select2-choice .select2-arrow ,.row-style-4 .select2-container .select2-choice .select2-arrow ,.select-option-gray .select2-container .select2-choice .select2-arrow{background:#EFF0F5; color:#000;}
.smart-accordion-style3 .panel-body{background:#FFF!important; padding:20px!important;	}
.fieldset-style2{float:left; width:100%;	}
.fieldset-style2 input[type='text'] ,.fieldset-style2 textarea{width:100%; padding:10px; border:1px solid #d9d8d8;}
.fieldset-style3{width:100%; padding:0!important; margin:0!important; margin-top:-5px!important; margin-bottom:-2px!important;}

.fieldset-style3 input[type='text']{width:100%; padding:4px 10px; border:1px solid #d9d8d8; margin:0!important;}
.font-style3{color:#7DB2A8;	font-size:22px; text-transform:uppercase; margin-top:0;}
.font-style3 i{margin-right:10px; font-size:45px;float:left;}
.font-style3 span{margin-top:5px; float:left;}
.row-style-3{background:#EFF0F5; padding:10px 15px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-bottom:0px;}
.row-style-3-label{width:100%; margin-top:2px;}
.row-style-3-label i{color:#7DB2A8; font-size:16px; margin-top:3px;}
#chartPanel[moduleid^="NPS.REPORT"]{min-height:150px;}
#nps-grid-body{padding-bottom:2px;}
#act-dri-chart-container, #key-dri-chart-container{padding-left:0;}
.filtercontent .select2-container-multi.valueComponent .select2-search-choice-close{background-color:transparent;}

.checkbox-style2 i{
	font-size:50px!important;
}
.checkbox-style2 .smart-form .toggle i:before{
	width:20px!important;
	height:20px!important;
	background:#fff!important;
}
.checkbox-style2 .smart-form .toggle i{
	width:60px!important;
	height:28px!important;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;	
	background:#75A89D;
	border:0!important;
}
.checkbox-style2 .smart-form .toggle i:after{
	font-size:10px;
	margin-top:6px;
	background:#75A89D;
	color:#fff;
}
.row-style-4{
	padding:10px 0px;
}
.disable-color{
	color:#AEAEAE;	
}
.list-plus-icon{font-size:20px;	color:#74A99E;}
.list-plus-icon i{margin-top:-2px; float:left;}

.table-style2 tbody td{
	padding-top:10px!important;
	padding-bottom:8px!important;
}
.table-style2 th {
	padding-top:10px!important;
	padding-bottom:10px!important;
}
.table-style2 td .checkbox-style2{
	float:left;
	margin-top:-10px;
}
.table-style2 td .checkbox-style3{
	float:left;
	margin-top:-4px;
}
.table-style2 th .checkbox-style3{
	float:left;
	margin-bottom:-3px!important;
}
.row-wofm-status [class*="col-"]{color:#6ca898; font-size:24px; }
.row-wofm-status [class*="col-"] dt{text-align:left; width:auto; margin-right:10px}
.row-wofm-status [class*="col-"] dt i{font-size:45px}
.row-wofm-status [class*="col-"] dt + dd{margin-left:0; overflow:hidden}
.row-wofm-status [class*="col-"] h4{font-size:24px; font-weight:bold; margin-bottom:0}
.row-wofm-status [class*="col-"] h6{font-size:20px; font-weight:normal; margin:0 13px;}

.grid h4{margin-bottom:0; font-size:13px}
.chart-invitedelivery .grid-head{background:transparent; border:none}
.chart-invitedelivery .grid-head:first-child [class*="col-"]{padding-top:30px}
.chart-invitedelivery .grid-row{margin:0 !important; padding-bottom:0}
.chart-invitedelivery .grid-row [class*="col-"]{padding-top:5px; padding-bottom:5px}
.chart-invitedelivery .grid-row [class*="col-"]:first-child{border-right:1px solid #ccc}
.chart-invitedelivery .grid-row [class*="col-"]:last-child{padding-left:0;}
.chart-invitedelivery .grid-row .bar-count{border-radius:0;}
.chart-invitedelivery .grid + .grid .grid-head:first-child [class*="col-"]:first-child{border-top:1px solid #ccc}
.chart-invitedelivery .grid-body + .grid-body .grid-row:first-child [class*="col-"]:first-child:before{background:#ccc; content:""; width:60%; height:1px; position:absolute; right:0; top:-5px}
.chart-invitedelivery .grid-row [class*="col-"] .barchart.show-grid{width:auto !important; float:left; min-width:inherit}
.simple-row{
	float:left;
	width:100%;	
	margin-bottom:0!important;
}
.green-color-text{
	color:#76aa9e;	
}
.box-style2{
	
	border:1px solid #e4e4e4;
	
}
.box-style2-row{
	min-height:50px; position:relative;
}
.box-style2-row + .box-style2-row{border-top:1px solid #e4e4e4;}
.box-style2-row .header{background:#e9e9e9 !important}
.map-data .left-col .box-style2-row.mapped:before{content:"";  position:absolute; width:27px; height:6px; background-color:#6ca898; top:50%; margin-top:-3px}
.box-style2-row [class*="col-"]{background-color:rgba(250, 250, 250, 1); min-height:50px; padding-top:10px;}
.box-style2-row [class*="col-"] .select2-container{margin-top:0}
.box-style2-row-half{
	min-height:20px;
}
.box-style2-row-seperator{
	width:100%;
	height:1px;
	background:#e4e4e4;
	float:left;
}
.add-more-icon{
	background:#f2f2f2;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:10px;	
}
.add-more-icon i{
	float:left;
	margin-right:10px;
	margin-top:4px;
}
.add-more-icon a{
	color:#999!Important;
	text-decoration:none;
	display:block;
}
.page-description-4{
	width:100%;
	background:#EFF0F5;
	padding:15px 10px 15px 15px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	margin-top:0px;
	margin-bottom:20px;
	display:inline-table;
	text-align:center!important;
	font-size:14px;
}
.page-description-4 a{
	padding:10px 40px;
	width:auto!important;
	float:none!important;
	display:inherit;
	
}
.field-width-half{
	float:left;
	width:50%;	
	margin-bottom:10px;
}
.field-width-half span{
	float:left;
	margin-top:5px;
}
.field-width-half-seperator{
	float:left;
	width:100%;
	height:1px;
	margin-top:5px;
	margin-bottom:12px;
	background:#d9d8d8;	
}
.color-picker-box{
	float:left;
	width:25px;
	height:25px;
	border:1px solid #d9d8d8;
	cursor:pointer;
	margin-top:5px;
}
.icons-4{
	font-size:30px;
	color:#6CA898;	
	margin-top:40px;
	margin-bottom:30px;
}
.icons-4 i{
	font-size:60px;
	color:#6CA898;	
}
.icons-4 [class*="icon-"] + div{margin-left:80px}
.icons-4 .icons-4-label1{
	margin-left:0;
	font-size:30px;
}
.icons-4 .icons-4-label2{
	font-size:14px; font-weight:normal
}

.border-radius{
	-moz-border-radius:4;
	-webkit-border-radius:4;
	border-radius:4px;		
}
.border-radius-overflow{
	overflow:hidden;	
}
.padding-5.journeyConfig{padding:2px!important;}
.row.journeyConfig{margin-bottom:13px!important;}
.controlar-col1{
	width:145px;
	float:left;	
	position:relative; background:#f2f2f2; padding-right:5px
}
#listeningpost .controlar-col1{padding-bottom:6px}
.controlar-col2{
	/*width:65%; */
	margin-left:5px;
	overflow:hidden;
	position:relative;
}
.controlar-col1 + .controlar-col2{ margin-left:145px; width:auto;}
.chartarea .controlar-col1 + .controlar-col2{margin-right:0; overflow-x:auto;}
.controlar-col3{
	float:right;
}
.custjourney_slides .col-xs-8 .journy-bar-tab{width:20%; position:relative}
[charttype="heatmap"] #program_table_button .controlar-main-tab{background:none; margin-bottom:2px;}
[charttype="heatmap"] .controlar-col1{ background:none; } 
#program_table_button .controlar-main-tab + .controlar-main-tab, .controlar-main-tab{margin-bottom:5px; background:#dee0e2;}

.custjourney_slides .col-xs-8 .journey-tab{width:20%; float:left}
.custjourney_slides .col-xs-4,
.custjourney_slides .col-xs-8{padding-left:5px; padding-right:5px}
.custjourney_slides .col-xs-4{padding-left:0}
.custjourney_slides .col-xs-8{padding-left:0; padding-right:0}
.custjourney_slides .journey-row.gray-row{padding:0}
.custjourney_slides .journey-row.gray-row .controller-axis{margin-bottom:0}
.custjourney_slides .journey-row.gray-row .controller-axis{ height:45px; position:relative; margin-bottom:0}

.custjourney_slides .journey-row > .col-xs-4{padding-left:0; padding-right:0; width:140px}
.custjourney_slides .journey-row > .col-xs-8{ margin-left:140px; float:none; width:inherit}
/*.custjourney_slides .journey-row.gray-row .controller-axis:before{content:""; position:absolute; left:0; bottom:0; border-bottom:50px solid rgba(0,0,0,0.1); border-right:250px solid transparent}*/

.template-cards.well-sm{
	background:#dadada; height:80px
}
.controlar-main-tab-col1{
	 text-align:left; position:relative
}
[charttype="heatmap"] .controlar-main-tab-col1{
	 text-align:left;
	 padding: 7px;
}
.controlar-main-tab-col1 .btn-close{ color: #777; display: inline-table; font-size: 22px; font-weight: bold; line-height: 13px; padding: 0 !important; position: absolute; right: 5px; top: 5px; opacity:0; transition:opacity 0.2s ease-in-out}
.controlar-main-tab-col1:hover .btn-close{opacity:1}
.controlar-main-tab .controlar-main-tab-col1{
	  height:100px
}
.controlar-col1 .controlar-main-tab:first-child:not(li){margin-right:0px; border-radius:2px 0 0 2px}
.controlar-col1 .controlar-main-tab:first-child:not(li) .controlar-main-tab-col1{height:40px;}
/*th.controlar-carousel-column > div{background-color:#f4f4f4}*/
th.controlar-carousel-column:last-child > div{border-radius:0px 2px 2px 0; width:150px}
.bg-adhoc{background-color:#afc0c7; color:#fff}
.controlar-main-tab-col2{
	text-align:center;
	margin-top:16px;
	height:50px;
}
.controlar-main-tab-col3{
	float:right;
	width:20%;	
}
.controlar-main-tab-col3 .controlar-main-tab-nav{
	width:30px;
	height:100%;
	background:#b9b9b9;	
	float:right;
}
.controlar-main-tab-small .controlar-main-tab-col1 i{
	font-size:14px;
	padding:10px 15px;
}
.controlar-main-tab-2 .controlar-main-tab-col1 i{
	color:#fff;
}
.controlar-main-tab-small .controlar-main-tab-col2{
	height:10px!important;
	margin-top:8px;
}
.controlar-main-tab-col1 i{
	font-size:18px; display:block; 
}
.chartWrapper .controlar-main-tab-col1 i{
	float:left; width:19px;
}
.chartWrapper .controlar-main-tab-col1 i + label{margin-left:0px; display:inherit; text-align:left}
.controlar-main-tab-col1 span{
	font-size:11px; color:#777; display:block
}
.channelnameedit > label{white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden}
.controlar-main-tab-2-a{
	color:#424142!important;
	display:block;
}
.controller-axis{text-align:left}
.controller-axis i{
	display:inline-block; font-size:inherit
}
.controlar-main-tab-2 a:hover{
	color:#fff!important;	
}
.controlar-main-tab-2:hover ,.controlar-main-tab-2-active ,.controlar-main-tab-2-active a{
	background:#77aaa0;
	color:#fff;
}
.add-touchpoint{position:absolute; right:13px; top:0}
.blue-tab{
	background:#6aa6d3;	
	color:#fff;
}
.blue-tab .controlar-main-tab-nav{
	background:#6299b5;
}
.light-blue-tab{
	background:#68c9e0;	
	color:#fff;
}
.light-grey-tab{
	background:#e4e4e4;	
}
.light-blue-tab .controlar-main-tab-nav{
	background:#61bac9;
}
.green-tab{
	background:#56b6ae;	
	color:#fff;
}
.green-tab .controlar-main-tab-nav{
	background:#4daa9f;
}
.pink-tab{
	background:#9178be;	
	color:#fff;
}
.pink-tab .controlar-main-tab-nav{
	background:#816fa8;
}
	
.controlar-carousel{ background:#f2f2f2; padding-bottom:5px; padding-left:1px}
[charttype="heatmap"] .controlar-carousel{ background:none;}
.controlar-carousel-column{ position:relative; width:125px; padding:0px }
th.controlar-carousel-column .journy-bar-tab,
.controlar-carousel-column .journey-tab{height:100px !important; margin-bottom:0px; border-radius:1px }
th.controlar-carousel-column .journy-bar-tab{height:40px !important;}
td.controlar-carousel-column .white-bg-block .dropdown-menu:before,
td.controlar-carousel-column .white-bg-block .dropdown-menu:after{display:none}
td.controlar-carousel-column .white-bg-block .dropdown-menu{text-align:left; width:auto; min-width:inherit !important}
th.controlar-carousel-column i{font-size:14px}
.journey-tab-icon{
	float:left;
	width:100%;
	margin-top:4px;
	margin-left:0;	
}
.journey-tab-icon .fixeddropdown + .btn-group{margin-left:3px; margin-right:0;}
.journey-tab-icon i{
	cursor:pointer;
	margin-right:5px;	
}
.controlar-add-more-icon{
	float:right;
	width:24px;
	color:#666;	
}
.controlar-add-more-icon i{
	font-size:18px;
	float:left;
	padding:11px 5px 12px 5px;
	cursor:pointer;
}
.journey-tab > .cursor-default{cursor:default}
.controlar-add-more-component{
	float:left;
	width:100%!important;
	padding:5px;
	border:1px solid #dadada;
	padding-bottom:0;
	background-color:#fff; min-width:150px !important;
}
.controlar-add-more-component li{margin:5px}
.controlar-add-more-component li a{text-align:center; color:#fff; white-space:normal;}
.controlar-add-more-component li a [class*="icon-"]{display:block !important; margin-right:0}
.panel-margin{margin-bottom:10px;}
.border-box-4{border:1px solid #e8e9e9;}

.customergraph-slides{margin-bottom:10px;}
.customergraph-slides .journey-row.row{margin-left:0; margin-right:0}
.slider-icons-row{text-align:center;padding-top:20px}
.slider-5-icons{padding:0; margin:0; margin:0 auto}
.slider-5-icons li{	width:10px;	height:10px; background:#afafaf;	display:inline-table; -moz-border-radius:100; -webkit-border-radius:100;	border-radius:100px; cursor:pointer; margin:4px;}
.slider-5-icons .inactive{background:#afafaf;}
.slider-5-icons .active,
.slider-5-icons li:hover{background:#77aaa0;}

.full-width{
	width:100%;	
}
.width-70{
	width:70px!important;	
}

.journey-number-tab .journey-tab-inner{
	padding-left:8px!important;	
} 
.journey-tab-inner-counter{
	border-radius: 0 2px 2px 0 !important;
    float: right;
    font-size: 16px;
    font-weight: bold;
    height: 100px !important;
    overflow: hidden;
    padding-left: 0;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 35px;
}
[charttype="heatmap"] .journey-tab-inner-counter{
	border-radius: 0 2px 2px 0 !important;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 100px !important;
    margin-right: 3px;
    overflow: hidden;
    padding-left: 0;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 30px;
	margin-top:4px;
}
.hideAxis{display:none;}
.rotateAxis{
/* Safari */
-webkit-transform: rotate(-60deg);
/* Firefox */
-moz-transform: rotate(-60deg);
/* IE */
-ms-transform: rotate(-60deg);
/* Opera */
-o-transform: rotate(-60deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
h4.rotateAxis { height:60px; width:50px;}
.hideNumber h3{visibility:hidden;}
label.hideNumber{white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;}
/* #heatmap .journey-tab-inner-counter{margin-top:5px}  */
.journey-tab-inner-counter + div{ margin-right:25px; border-radius:2px 0 0 2px !important; padding-right:25px; word-wrap:break-word; overflow:hidden}
.tab-icon i{
	width:100%;
	text-align:center;
	margin-top:12px;
}
.margin-top-10{
	margin-top:10px!important;
}
.height-650{
	height:650px!important;	
}
.search-bar-3{
	width:100%;margin:0;padding:0;margin-bottom:10px;
}
.text-capitalize{
	text-transform:capitalize!important;	
}
.margin-top-_10{
	margin-top:-10px!important;
}
.margin-top-_5{
	margin-top:-5px!important;
}
.map-generator{
	height:374px;	
}
.box-10{
	float:left;
	width:100%;
	background:#e4edf2;
	padding:5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	margin-bottom:19px;
}
.box-10-icon{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:10px;	
}
.box-10-label{
	float:left;
	width:100%;
	text-align:center;
	font-size:16px;
}
.explore-navigation-box{
	width:300px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	position:absolute;
	top:6px;
	left:220px;	
	z-index:1000000000;
	background:#FFF;
	padding-bottom:40px;
}
.explore-navigation-box-label{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	width:100%;
	float:left;
	background:#6ca898;
	padding:10px;
	position:relative;
}
.explore-navigation-box-label-arrow{
	position:absolute;	
	color:#6ca898;
	font-size:30px;
	left:-15px;
	top:-2px;
}
.explore-navigation-box-text{
	float:left;
	color:#FFF;	
	width:80%;
	position:absolute;
}
.explore-navigation-box-i{
	float:right;	
	color:#FFF;
}
.explore-navigation-box-i i{
	cursor:pointer;
}
.explore-navigation-box-contents{
	float:left;
	width:94%;
	margin-left:3%;	
}
.explore-navigation-box-contents img{
	width:100%;
	margin-top:8px;
}
.float-left-previews{
	float:left;	
	cursor:pointer;
	color:#6ca898;
}
.float-right-next{
	float:right;	
	cursor:pointer;
	color:#6ca898;
}
.width-120{
	width:120px!Important;
}
.style-12{
	border:0;padding:0;background:none!important
}
#left-program-icon, 
#right-program-icon{background-color:#dee0e2; color:#666; font-size:20px; height:58px; padding:0px; position:absolute; text-align:center; top:0; width:27px; z-index:100; line-height:33px;}
#left-program-icon{left:0px;}
#right-program-icon{right:0px;}
.light-blue-bg {
    background: none repeat scroll 0 0 #d8e8e5 !important;
    color: #676767 !important;
}
.page-header-bar {
    border-radius: 4px;
    overflow: hidden;
}
/*Start: Account Health Chart*/

.chart-accounthealth .title-panel h3{border-bottom:1px solid #BDC2C6; font-size:14px; font-weight:bold; margin:10px 5px; padding-bottom:10px;}
.row-wofm-status.act-userdetail{margin-left: 100px; margin-right:5px;}
.row-wofm-status.act-userdetail>div>div{vertical-align: top;}

.row-wofm-status.act-userdetail .col-score{width: 32px; float:left; padding-top: 3px;min-width: 32px;}
.row-wofm-status.act-userdetail .col-score .score{top: -8px;}
.row-wofm-status.act-userdetail .col-score i, .row-wofm-status .act-userdetail .col-score span{ display: block;}
.row-wofm-status.act-userdetail .message-text{margin-left:36px;}

.row-wofm-status.act-userdetail .promoter{color:#8EAF5A;}
.row-wofm-status.act-userdetail .detractor{color:#E96060;}
.row-wofm-status.act-userdetail .not-responded{color:#A3A9AF;}
.row-wofm-status.act-userdetail .passive{color:#939085;}

.row-wofm-status.act-userdetail .message-text h5.username{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
	line-height:23px;
	text-transform: capitalize;
}
.row-wofm-status.act-userdetail .message-text .userpost{font-size: 13px; font-weight: normal;overflow: hidden;
    text-overflow: ellipsis;  width: 100%;    white-space: nowrap;}
.row-wofm-status.act-userdetail .message-text .userstatus{font-size: 12px; font-weight: normal; font-style: italic; text-transform:capitalize;}
.row-wofm-status.act-userdetail>[class*='col-']{border: 1px solid #E2E9ED; border-left-width:0; border-bottom-width:0px}
.row-wofm-status.act-userdetail>[class*='col-'].add-bottom-border{border-bottom: 1px solid #E2E9ED;}
@media (min-width:992px){
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(1),
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(2),
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(3),
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(4){border-top-width:0px}
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(4n){border-right-width:0;}
}
.row-wofm-status.act-userdetail:last-child{border-bottom:0;}
.row-wofm-status.act-userdetail > [class*="col-"]:nth-child(4):last-child{border-right:0;}
.row-wofm-status.act-userdetail>[class*='col-']:hover>div,
.row-wofm-status.act-userdetail>[class*='col-']:hover>div.col-score i{color:#5A6066; cursor:pointer;}
/*.row-wofm-status.act-userdetail>[class*='col-']:hover>div.col-score i + .score{background-color:#5A6066;}*/
.row-wofm-status.act-userdetail>[class*='col-']:hover>div.col-score .score{background-color:#5A6066;}
@media (min-width:420px) and (max-width:991px){ 
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(1),
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(2){border-top-width:0px}
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(2n){border-right-width:0;}
}
@media (min-width:770px) and (max-width:1024px){ /* tablet horizontal orientation */
    .row-wofm-status.act-userdetail {margin-left:6px;}
    .row-wofm-status.act-userdetail > [class*="col-"]{padding:13px 5px;}
}
@media (min-width:420px) and (max-width:769px){ /* tablet vertical orientation + phone horizontal orientation*/
    .row-wofm-status.act-userdetail {margin-left:6px;}
    .row-wofm-status.act-userdetail > [class*="col-"]{padding:13px 5px; width: 50%; }
    .row-wofm-status.act-userdetail{border-bottom: 0;}
    .row-wofm-status.act-userdetail > [class*="col-"]:nth-child(even){border-right: 0;}
}
@media screen and (max-width:419px){/* phone vertical orientation */
.row-wofm-status.act-userdetail>[class*='col-']:nth-child(1){border-top-width:0px}
    .row-wofm-status.act-userdetail {margin-left:6px;}
    .row-wofm-status.act-userdetail > [class*="col-"]{padding:13px 5px; border-right: 0;}
    .row-wofm-status.act-userdetail{border-bottom: 0;}
}
/* dashboard specific */
.dashboard-chart-area .chart-accounthealth .hasscroll{max-height:305px !important;}
.dashboard-chart-area .row-wofm-status.act-userdetail{margin-left:0px; margin-right:0px;}
.dashboard-chart-area .chart-accounthealth.well-sm{padding-top:0;}
.dashboard-chart-area .chart-accounthealth .col-lg-3, .dashboard-chart-area .chart-accounthealth .col-md-3{width:50%;}
.dashboard-chart-area .row-wofm-status.act-userdetail>[class*='col-']{border: 1px solid #E2E9ED; border-left-width: 0; border-right-width:0; border-top-width: 0px;}
.dashboard-chart-area .row-wofm-status.act-userdetail>[class*='col-']:nth-child(2n-1){border-right-width: 1px; }
.dashboard-chart-area .row-wofm-status.act-userdetail>[class*='col-']:nth-child(2n-1):last-child{border-bottom-width:0;}

.dashboard-chart-area .nps-distributionwidget[charttype="stackedbar"] .col-responses label,
.dashboard-chart-area .nps-distributionwidget[charttype="stackedbar"] .col-nps label{word-wrap:normal; white-space:nowrap;}
.dashboard-chart-area .nps-distributionwidget[charttype="stackedbar"] .col-distribution .stackedchart{width:100%; display:table; table-layout:fixed;}
.dashboard-chart-area .nps-distributionwidget[charttype="stackedbar"] .col-distribution .stackedchart [class^="col-"]{ display:table-cell; float:none; vertical-align:middle;}
.dashboard-chart-area .nps-distributionwidget[charttype="stackedbar"] .col-distribution .stackedchart [class^="col-"] .s-hide{ display:block !important; visibility:hidden;}

/*End: Account Health Chart*/

/*Home Page + dashboard styles*/
.dashboard-chart-area .controlar-carousel table{ margin-left:0 !important;}
.dashboard-chart-area .chart-forms{display:none;}
.survey-label {
	min-width:192px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.survey-label .display-count{
	line-height:1.1;
}
.dashboard-controls{float:right; padding-top:6px;}
.dashboard-chart #journeyList{display:none;}
div.dashboard-chart .widget-grid .widget-content{overflow:hidden; }
div.dashboard-chart.home-chart.chart-widget + div + div
{margin-top:26px;}
div.dashboard-chart .chartarea .well-lg{padding:0 10px;}
/* div.dashboard-chart div.dashboard-chart-area{padding:0 8px; width:100%; overflow:auto; height:300px;} */
.dashboard-chart.score-card.col-md-3{margin-bottom: 18px;}
.dashboard-chart.score-card.col-md-3 dl{margin-bottom: 0}

.fixed-height{min-height:170px !important; overflow:hidden;}
.dashboard-chart.score-card.col-md-3.fixed-height{min-height:152px !important;}
.dashboard-usage{margin-bottom:12px;}
.survey-label .display-count i{
	font-size:32px;
}
.survey-label .display-count strong{
	font-size:42px;
}
.survey-label .display-count span{
	font-size:16px;
	font-weight:normal;
}
.survey-label .display-count .fa{
	font-size: 22px;
    opacity: 0.56;
	display:none;
}
.survey-label .display-count .fa-arrow-circle-o-up{
    vertical-align: top;
}
.survey-label .display-count .fa-arrow-circle-o-down{
    vertical-align: bottom;
}
.survey-label .total-count,
.survey-label .survey-name{
	line-height:20px;
}
.fixed-height.survey-label .survey-name{
	height: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.survey-label .total-count,
.survey-label .total-count i,
.survey-label .total-count span{
	font-size:12px;
}
.survey-label .survey-name h6{
	font-size:13px;
}
.home-chart .widget-body{min-height:400px;}
.home-chart h2{ color:#000000; display:inline-block; width:100%;}
a.home-widget:hover{text-decoration:none; cursor:pointer;}
a.home-widget:hover h2{color:#6ca898; font-weight:bold;}
div.dash-chart-header i, div.edit-card i{
	opacity:0;transition: opacity 0.2s ease-in-out 0.2s; 
	font-size:16px;
	color:#000000;
}
.right-panel .btn-delchart{display:none;}
.right-panel.edit-dashboard .btn-delchart{display:inline-block; padding: 0 0 0 8px;}

.edit-dashboard a.home-widget:hover h2, 
.edit-dashboard div.dash-chart-header i, 
.dashboard-chart.score-card:hover div.edit-card i,
.dashboard-chart.score-card div.edit-card:hover i,
/*.survey-label:hover + div.edit-card i,
.survey-label + div.edit-card:hover i,*/
.edit-dashboard div.edit-card i{
	opacity:1;
	color:#000000; 
	font-weight:normal;
}
.survey-label + div.edit-card i{margin-right:9px;}
.edit-dashboard .survey-label + div.edit-card i{margin-right:0;}
div.edit-card{ 
	position:absolute; 
	top:0; 
	right:14px;
}
div.dash-chart-header i{
	margin-left:-30px;
	font-size:20px;
	display:inline;
}
.edit-dashboard div.dash-chart-header i{margin-left:-2px;}
.edit-dashboard div.dash-chart-header a.home-widget{width:90%; display:inline-block;}
.edit-dashboard div.dash-chart-header a.home-widget i{margin-left:-18px;}
div.dash-chart-header:hover i{opacity:1;}
.add-chart-widget .search-input{
	width:300px;
	margin:0 auto;
	color:#6ca898 !important;
	padding:15px 0 0;
}
.add-chart-widget .widget-content{border:2px dashed #DDDDDD; box-shadow:0 0 0;}
.add-chart-widget .search-input div.search-field{
	border-bottom:1px solid #BAD1CA;
	height:35px;
	padding:0 20px;
}
/*.add-chart-widget .icon-addon .form-control:focus+.glyphicon,*/
.add-chart-widget .icon-addon:hover .glyphicon,
.add-chart-widget .search-input .form-control{
	color:#6ca898;
}
.add-chart-widget .icon-addon.addon-md.search-input label{
	font-size:24px;
	padding:15px 0 0;
	left:32px;
}
.form-control::-moz-placeholder{
	color:#BAD1CA;
}

.add-chart-widget .search-input .form-control {
    background: none repeat scroll 0 0 transparent;
    padding-left: 45px;
	border-width:0;
	font-size:20px;
}
.add-chart-widget .search-desc{
	color: #8E8E8E;
    font-size: 18px;
    margin: 0 auto;
    padding-top: 18px;
    text-align: center;
    width: 340px;
}
#pre-ribbon.edit-dash-ribbon{
	background: none repeat scroll 0 0 #c9e2de;
    padding: 3px 13px 8px 22px;
}
#pre-ribbon.edit-dash-ribbon label{font-size:18px;}
#pre-ribbon + #ribbon.edit-dash-ribbon{
	top:92px;
}
.edit-dash-ribbon .btn {
	background: none repeat scroll 0 0 #6aa696;
    border-radius: 2px;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
	margin-left:10px;
}
#pre-ribbon.edit-dash-ribbon .btn a{
	color:#ffffff;
}
#pre-ribbon.edit-dash-ribbon .btn a:hover{
	color:#ffffff;
	text-decoration:none;
}
#pre-ribbon.edit-dash-ribbon .well-sm{
	padding-top: 5px;
}
@media (max-width:767px) {
	div.dashboard-chart.home-chart.chart-widget:first-child{margin-top:10px;}
	div.dashboard-chart.home-chart.chart-widget + div{margin-top:26px;}
}
/* single card full screen */
.single-card .total-count br{display:inline;}
.single-card .total-count span:after{content:""}

.single-card .survey-name br{display:inline;}

@media (min-width:992px) { /* big screen */
.single-card dl{
	padding:20px !important;
}
.single-card dd{
	display:inline-block;
    float: left;
    text-align: left;
	vertical-align:middle;
}
.single-card dl>dd:first-child{
	width:20%;
}
.single-card dd + dd{ 
	width:40%;
	padding-top: 15px !important;
}

.single-card dl dd+dd+dd{ 
	float: right;
    text-align: right;
}
.single-card .total-count br{display:none;}
.single-card .total-count span:first-of-type:after{content:" | "}
.single-card .survey-name br{display:none;}

}
/* single card full screen end */
/* single cards in tablet screen*/
@media (min-width:768px) and (max-width:991px) { /* tablet screen */
.single-card dl{
	padding:20px !important;
}
.single-card dd{
	display:inline-block;
    float: left;
    text-align: left;
	vertical-align:middle;
}
.single-card dl>dd:first-child{
	width:30%;
}
.single-card dd + dd{ 
	width:65%;
	padding-top:5px !important;
	display:block !important;
}
.single-card .total-count br{display:none;}
.single-card .total-count span:first-of-type:after{content:" | "}

.single-card .survey-name br{display:none;}
}
/* single cards in tablet screen end*/
/* 2 cards in full screen + tablet*/
.two-card .total-count br{display:inline;}
.two-card .total-count span:after{content:""}

.two-card .survey-name br{display:inline;}
@media (min-width:1130px) { 
.two-card dl{
	padding:20px !important;
}
.two-card dd{
	display:inline-block;
    float: left;
    text-align: left;
	vertical-align:middle;
}
.two-card dl>dd:first-child{
	width:38%;
}
.two-card dd + dd{ 
	width:62%;
	padding-top:5px !important;
	display:block !important;
}
.two-card .total-count br{display:none;}
.two-card .total-count span:first-of-type:after{content:" | "}

.two-card .survey-name br{display:none;}
}
@media (min-width:1131px) and (max-width:1679px) { 
	.two-card dl>dd:first-child{
		width:38%;
	}
	.two-card dd + dd{ 
		width:62%;
	}
}
@media (min-width:1680px) { 
	.two-card dl>dd:first-child{
		width:25%;
	}
	.two-card dd + dd{ 
		width:70%;
	}
}
/* 2 cards in full screen end*/


/*End: Home Page + dashboard styles*/	

/*Start: dragtable css*/
.dragtable-sortable {list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;}
.dragtable-sortable li {margin: 0; padding: 0; float: left; font-size: 1em; background: white; }
.dragtable-sortable th, .dragtable-sortable td{border-left: 0px;}
.dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {border-left: 0px solid #CCC; }


.ui-sortable-placeholder { }
.ui-sortable-placeholder * {/* opacity: 0.0; visibility: hidden; */}
/*End: dragtable css*/

.textanalytics-chart-axis-label-active{background:#BDBDBD; color:#FFF; border-radius:3px; padding:2px}
.textanalytics-chart-axis-label{cursor:pointer}
.gray-title-bar{ background:#efefef;color:#434143;padding:10px;width:100%; }
.contents-style-10{ padding:10px;width:100%;line-height:30px;}
.font-center{text-align:center}
.padding-button{padding-top:10px!important;padding-bottom:10px!important;margin-top:0px!important;}
.padding-button a{padding-left:50px!important;padding-right:60px!important;}
.padding-button-2{padding-top:10px!important;padding-bottom:10px!important;margin-top:30px!important;}
.padding-button-2 label{line-height:30px!important;}
.padding-button-2 .btn-2{width:100%!important;text-align:center!important;margin-top:25px!important;padding-top:5px!important;padding-right:5px!important;padding-top:10px!important}
/*preview page*/
.preview-wrap{margin-top:80px}
.preview-box {padding-bottom:30px }
.preview-wrap h1{ margin:0px; font-weight:100;}
.preview-wrap h1#previewTitle{font-weight:18px; font-weight:300; color:#bbbbbb;}
header.previewH1{background-color:#c9e2de; height:34px; padding:5px 5px 5px 50px; color:rgb(51,51,51)}
.preview-wrap h1{margin-bottom:10px !important;font-size:18px;}
.preview-wrap h1 .label-readonly,
.preview-wrap h1 span.editable{font-weight:400; } 

.preview-wrap  .icon-logo-nps + span > img{margin-top:-10px}
.preview-wrap .footer a i{color:#424142}

.map-grid{border:1px solid #CCC; margin:20px 0}
.map-grid .col-lg-6{padding-top:10px; padding-bottom:10px}
.map-grid  .row-head .col-lg-6{background:#C9E2DE}

/*rootcause side panel */
.side-box{border:1px solid #e7e7e7; /*box-shadow: 0 0 3px #DDDDDD; */}
.side-box  .dl-horizontal {border-bottom:1px solid #e7e7e7}
.side-box  .dl-horizontal:last-child{border-bottom-width:0px}
.side-box  .dl-horizontal dt{width:35px}
.side-box  ul li .col-score .score{margin-right:10px; vertical-align: sub;}
.side-box  .dl-horizontal dd{margin-left:35px; overflow:hidden}
.side-box  ul {border-top:1px solid #c4c4c4}
.side-box  ul li{line-height:22px; list-style-type:none; display:table; border-bottom:1px solid #e7e7e7; width:100%} 
.side-box dd .col-md-3 label{ overflow: hidden;text-overflow: ellipsis; display:block}
.side-box dd .col-md-3{padding:0px !important}
.side-box  ul li:last-child{border-bottom-width:0px}
.side-box h3, .side-box ul{margin-bottom:0px}
.bg-color{background:none repeat scroll 0 0 #F9F9F9}

.chart-invitedelivery .dl-horizontal dt {
    float: left;
    clear: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.promoter-score{background:#ABC97F; color:#526031 !important;}
.detractor-score{background:#EB5E57; color:#f9e1e1 !important;}
.passive-score{background:#f7e07f; color:#7a7868 !important;}
.insufficient-score{background:#c1c1c1; color:#7f7f7f !important;}
.leverage-score{background:#6aa6d3; color:#e1f1f9 !important;}

.theme-controller section{min-height:320px}
.theme-controller fieldset + fieldset {border-top: 0px !important; margin-top:20px}

.progresswrap{position:fixed;bottom:20px;width:500px;left:50%; margin-left:-250px; background:#2e2e2e;padding:7px 13px; z-index:1000;}
.progresswrap label{color:#FFF; margin-bottom:0}
.progress .bar{height:20px;background:#74a99f;width:0%;}
.progresswrap > .row{margin-left:-5px; margin-right:-5px;}
.progresswrap > .row > [class*="col-"]{padding-left: 5px; padding-right: 5px;}
.progresswrap .percent{position:absolute; display:inline-block; top:3px; left:48%;font-size:10px;color:#FFF;}
.hideprogress{cursor:pointer;}
.progresswrap .progress{height:37px}
.progresswrap .progress .progress-bar{line-height:35px}
.progresswrap .btn{background-color:#000; border-color:#000; height:37px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%}
.fileuploadstatus{position:absolute;width:260px;background:#74a99f;padding:10px;height:40px;z-index:100000000000;right:22px;top:-10px;color:#FFF;text-align:center}
.s-overview-widget {  line-height: 37px; margin-right: 13px; float: none !important}

/* translation UI updates */
.s-translationgrid-wrap > .padding-small{padding:0}
.s-translationgrid-wrap .s-accordian-head{background: none repeat scroll 0 0 #DCEBE8 !important;border-radius: 4px 4px 4px 4px;padding: 10px 15px; margin:5px 0px; cursor:pointer}
.s-translationgrid-wrap .s-accordian-head .s-col-defaultlang{width:100% !important}
.s-translationgrid-wrap  .s-col-defaultlang{vertical-align:top !important}
.s-translationgrid-wrap .s-accordian-head .s-col-defaultlang + .s-col-translatelang{display:none !important}
.s-translationgrid-wrap .s-accordian-head .s-col-defaultlang .icon{background: none repeat scroll 0 0 #C8E1DD;
    border-radius: 0 4px 4px 0; color: #6CA898; float: right; font-size: 10px; margin: -10px -20px 0 0;padding: 20px 17px;}
.s-translationgrid-wrap .s-accordian-head .s-button-accordianlink{font-size:15px}
.s-translationgrid-wrap .s-accordian-parent {border-left:0px solid rgba(0, 0, 0, 0.05)}
.s-translationgrid-wrap .s-accordian-head + .formsview .s-grid-row-body-accordian:last-child{border-bottom:1px solid rgba(0, 0, 0, 0.1)}
.s-translationgrid-wrap  .s-gridlayout .s-grid-row-body .s-layout-fluid [class*="s-cols"]:first-child .s-leftmargin{border-left:0px solid rgba(0, 0, 0, 0.1);}
.s-translationgrid-wrap .s-gridlayout-borders .s-grid-row-body > .s-layout-fluid [class*="s-cols"] > div{ border-bottom:0px solid rgba(56, 56, 56, 0.05); padding-top:5px}
.s-translationgrid-wrap .s-gridlayout .s-grid-row-head{border-bottom:1px solid rgba(0, 0, 0, 0.05)}
.s-translationgrid-wrap  .s-col-systemfield .s-leftmargin.s-rightmargin{min-height:37px  !important;}
.s-translationgrid-wrap  .s-listofvalues, .s-translationgrid-wrap  .s-col-systemfield{border-left:0px solid rgba(0, 0, 0, 0.1)}
.s-translationgrid-wrap  .s-accordian-head + div,.s-translationgrid-wrap .messagesview{border-bottom:1px solid rgba(0, 0, 0, 0.1)}
.s-translationgrid-wrap  .s-accordian-head + div[class="formsview"]{border-bottom:0px}
.s-translationgrid-wrap   .formsview .s-grid-row-body-accordian:last-child{border-bottom:1px solid rgba(0, 0, 0, 0.1)}
.s-translationgrid-wrap  .s-col-translatelang .s-leftmargin.s-rightmargin{min-height:30px !important}
.s-gridtranslation-overview .s-grid-row-head .s-leftmargin.s-rightmargin{min-height:34px; border-bottom:0px !important }
.s-col-systemfield .s-form-translate .label{display: block;font-weight: bold;padding-top: 6px;}
.s-colscrubvalue .s-form-translate h4.control-label{color:#6a6a6a !important}
#translation-content + .s-slfsrvice-pagewrap > .s-viewport-pads .padding-large{padding:10px  !important}
.messagesview .s-col-defaultlang{min-height:35px}
.s-gridlayout-borders .messagesview  .s-grid-row-body > .s-layout-fluid [class*="s-cols"] > div {border-left:0px}

.s-modal .s-uploadbtns-wrap{margin-bottom:5px; height:140px !important; background:none repeat scroll 0 0 #f7f7f7; border:1px solid #ddd; box-shadow:0 1px 1px #ececec inset; padding:5px; border-radius:3px;}
.s-modal .s-uploadbtns-wrap .alert{margin:0; padding:0; border:none; color:#424142}
.s-modal .s-uploadbtns-wrap .alert .head{margin:0}
.s-modal .s-uploadbtns-wrap .alert .head + .head{margin-top:5px}
.s-modal .s-uploadbtns-wrap .alert .head h2{font-size:14px}
.s-modal .s-uploadbtns-wrap .s-alertwrap p.clearfix{display:inline-block; margin:0}
.s-modal .s-uploadbtns-wrap .s-alertwrap p{ margin:0}
.s-modal .s-uploadbtns-wrap .s-alertwrap h2.s-alertwrap-count{display:inline-block; margin:0; font-weight:bold}

.s-grid-row .s-layout-fluid{width:100%; display:table; table-layout:fixed}
.s-grid-row .s-layout-fluid [class*="s-col"]{display:table-cell; vertical-align:middle; float:none}
.s-grid-row .s-layout-fluid [class*="s-col"][style*="block"]{display:table-cell !important}
.s-grid-row .s-layout-fluid [class*="s-col"] > div{ height:inherit!important}
/*left nav loader */
.left-nav-loader {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;padding: 25px 0;color:#666}
.left-nav-loader .icon-preloader {background: url("../images/xpui/left-nav-loader.png") no-repeat scroll 0 0 transparent !important;
    display: block;height: 15px;margin: 0 auto;width: 200px; z-index: 10000;}
.stream_slides_container{margin-left:400px; overflow:hidden}
.stream_slides{overflow:hidden; }
.stream_slides .templateselection > .left-panel + .right-panel{min-height:inherit }
.stream_slides > *{float:left}
.panel-title  a.collapsed .fa-angle-up{display:block !important}
.panel-title  a.collapsed .fa-angle-down{display:none !important}
.smart-accordion-default .panel-heading a > .fa{color: #999999;font-size: 20px;}
nav  #fbktabheader  ul li.active > a:before{width:12px !important}
#fbktabheader  .nav-tabs > li > a, #fbktabheader  .nav-tabs > li > a:hover, #fbktabheader  .nav-tabs > li > a:focus{color:#fff !important}
.controlar-main-tab-col1-row { background:#dee0e2;float:left;width:100%;padding:0;margin:0;
	
}
.controlar-main-tab-row{
	height:58px;	
	border-right:1px solid #dbdbdb;
}
.controlar-main-tab-col1 .list-unstyled .add-touchpoints{ width:100%;padding:0px;border-bottom:1px solid #c9cbcd;color:#6ca797;padding-left:10px;height:29px}
.controlar-main-tab-col1 .list-unstyled .add-touchpoints .list-unstyled-btn{
	float:left;
	width:100%;
	padding:5px;
	cursor:pointer; font-weight:bold
}
.controlar-main-tab-col1 .list-unstyled .add-datachannels .list-unstyled-btn{
	padding:3px;	
	padding-right:5px;
}
.controlar-main-tab-col1 .list-unstyled .add-touchpoints .label-icon ,.controlar-main-tab-col1 .list-unstyled .add-datachannels .label-icon{
	float:left;
	margin-top:0px;
	position:relative;
}
.controlar-main-tab-col1 .list-unstyled .add-touchpoints .label-icon i,.controlar-main-tab-col1 .list-unstyled .add-datachannels .label-icon i{
	cursor:pointer;
}
.controlar-main-tab-col1 .dropdown-menu li a:hover, .controlar-main-tab-col1 .dropdown-menu li a:focus{
	background:#c9e2df!important;	
}
.dropdown-label{
	margin-top:4px;	
	float:left;
}

.journey-selection .list-unstyled{padding-top:10px; padding-bottom:10px}
.journey-selection .list-unstyled li{margin-bottom:5px}
.journey-selection .list-unstyled li.active{font-weight:bold}

.ico-help:hover,.ico-help:focus,.ico-help:active{text-decoration:none}
.contents10-container.program-container .contents10-paging{margin-left: -14%;}
.contents10-container.program-container{margin-left: 0;width: 100%;}
/*Chrome fixes*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn-moveblock .s-controls-updown .btn .icon{ position:relative; left:0px; top:0px}
.editable-text-working input[type="text"]{top:-25px;}
.update-pic .s-button-uploadimg p{overflow:hidden;}
.update-pic .s-button-uploadimg input[type="file"]{height:auto; top:-20px}
.profilepic-holder .update-pic .s-button-uploadimg input[type="file"]{top:0px}
#content> div > .titlepanel > .inline-edit{height:38px}
.multiselect-search + .input-group-btn .btn{padding: 6px 12px 6px;}
.select2-container .select2-choice{overflow:visible}
.list-plus-icon{width:30px; padding-left:0; padding-right:0}
.profilepic-holder + div.col-score .score {line-height: 19px;width: 19px;height: 19px;}
.col-score .score{top:2px}
#left-panel nav > ul[style*="overflow"]{overflow:visible !important;}
#promoter-mobilization-content-area .highcharts-container{width:100%!important;}
}
@media (min-width:481px) and (max-width:993px){
	#conditionBlock .controls .col-xs-12{ width:50%; }
	#conditionBlock .controls #valueContainer.col-xs-12{margin-top:8px; width:100%;}
}

@media (min-width:200px) and (max-width:770px){
	.row-wofm-status [class*="col-"] h4 {
		font-size: 24px;
		font-weight: bold;
	}
	.row-wofm-status [class*="col-"] h6 {
		font-size: 12px;
		font-weight: normal;
		margin: 0;
	}
	.row-wofm-status [class*="col-"] dt i{
		font-size:32px;
	}
	.minified #left-panel li#analytics ul li.visible-minified{display:none !important;}
}

.text-analytics-steam-tooltip{padding: 2px; border-style: solid; border-width: 2px; border-radius: 4px; border-color: #D8D8D8; -moz-box-shadow: 0 0 8px #888;-webkit-box-shadow: 0 0 8px#888;box-shadow: 0 0 8px #888;}

.unassigned-survey-panel{background:#f2f2f2; padding:0 7px !important}
.unassigned-survey-panel .surveycard footer{height:38px !important}
.unassigned-survey-panel .single-survey-tab{width:100% !important}
.form-error-table .invalid{margin-top:-8px; display:block}
.close:not(.s-button){font-size:35px}
.ques-view{line-height:50px;}
#invitation-email-container .dl-horizontal dt{width:175px }
.templateselection .controlar-col1 #program_table_button .box-12-row-label i{margin-right: 0; text-align:center; margin-top:3px}
/* controlling dropdown arrow position of program page*/
.dropup.centerright .dropdown-menu:after {border-top: 6px solid rgba(0, 0, 0, 0);bottom: 173px;left:-6px;top: auto;}
.centerright .dropdown-menu:after {border-bottom: 6px solid rgba(0, 0, 0, 0);border-left-width: 0;border-right: 6px solid #fff;}
.centerright .dropdown-menu{margin-left:5px}
.dropup.centerright .dropdown-menu:before {border-bottom: 7px solid transparent; border-right: 7px solid rgba(0, 0, 0, 0.15); border-top: 7px solid transparent;border-width: 7px 7px 7px 0;
    bottom: 172px; left: -6px !important;}
.dropup.centerleft .dropdown-menu::before {border-bottom: 7px solid transparent;border-left: 7px solid rgba(0, 0, 0, 0.5); border-top: 7px solid transparent;
    bottom: 172px;left: 217px !important;}
.dropup.centerleft .dropdown-menu::after {border-color: rgba(0, 0, 0, 0) transparent rgba(0, 0, 0, 0) #fff;border-style: solid none solid solid;
    border-width: 6px medium 6px 6px; bottom: 173px; left: 218px; top: auto;}
/*cursor styles*/
.cursor{cursor:pointer ;}
.cursor-default{cursor:default !important}
/*schedule page*/
/*.emaildiststeps-content .toggle-sty {margin-top:-7px}*/
.adduser-circle{border: 1px solid;border-radius: 30px;display: inline-block;height: 30px; margin-bottom: -3px;position: relative;width: 30px; margin-right:10px}
.adduser-circle i{bottom: -1px;margin: 0 !important;position: absolute;right: 4px;}
/*walkme button*/
.walkme-custom-launcher-outer-div{z-index:100 !important}

/*stream dropdown*/
.navbar-nav-stream .dropdown-menu li{padding:0px !important; border:none !important}

.form-createjourney{background-color:#dceae7; margin-top:-13px; margin-bottom:10px}

.nps-distributionwidget .highcharts-tooltip span, .followup-aging .highcharts-tooltip span, .distributionwidget .highcharts-tooltip span, .mainChartResponseRate .highcharts-tooltip span,
#mainChartResponseRate .highcharts-tooltip span, #dashboard-main-container .highcharts-tooltip span,
#key-dri-chart-container .highcharts-tooltip span, #chartPanel .highcharts-tooltip span,#comments-tray-area-chart .highcharts-tooltip text,#nbarchartbarchartmain .highcharts-tooltip text,#nbarchartstackedbarchartmain  .highcharts-tooltip text,
.net-promoter-trend .highcharts-tooltip span, .net-promoter-heatmap .highcharts-tooltip span,#prom-mobi-top-influencers-chart-main .highcharts-tooltip span, #act-dri-chart-container .highcharts-tooltip span, .srvy-response .highcharts-tooltip span 
{ z-index: 9999 !important; }
/*.highcharts-tooltip.nps{ z-index: 9999 !important; padding:2px !important; background:white; opacity:1 !important;}
.highcharts-tooltip.nps .tooltip-body{padding:5px; opacity:1 !important; }*/

/* autohide highcharts scrollbar */
/*.highcharts-scrollbar {opacity: 0.1;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
   	transition: opacity 1s ease-in-out }
.highcharts-scrollbar:hover {opacity: 1;}*/


#chartPanel .highcharts-container{overflow:visible !important}
div.heatmap.net-promoter-heatmap .highcharts-tooltip>span{padding:0; border:0;}
div.heatmap.net-promoter-heatmap .highcharts-tooltip span .tooltip-body{border:1px solid #aaaaaa; border-radius:2px;}
/*.highcharts-drilldown-point{
	cursor:default !important;
}*/
.icon-selected-item{color:#63BADE;}
.icon-arrowthin-up{color:#8FB741; font-size:12px; font-weight:bold;}
.icon-arrowthin-down{color:#FD0303;  font-size:12px; font-weight:bold;}

/*#notificationwidget .profile-message{overflow:scroll;}*/
header#header{background-color:#000000;}
.marginTop{margin-top:5px;}
.chartsettings-panel .btn-publishstream, .publishsettings-panel .btn-preview, .publishsettings-panel .btn-designwidget, .publishsettings-panel .btn-publishdone {
    border-radius: 2px;
    margin-right:2px;
    margin-top: 6px;
    height:auto;
}
.publishsettings-panel .nav-tabs {
    background-color: transparent;
    color: #424142;
}
.publishsettings-panel .nav-tabs a {
    color: #424142 !important;
}
.publishsettings-panel .left-panel {
    box-shadow: none;
    float: left;
    width: 400px;
}
.publishsettings-panel .right-panel {
    vertical-align: middle;
}
.publishsettings-panel .right-panel > .row > [class*="col-"] {
    height: 44px;
}
.publishsettings-panel .right-panel > .row > .switchview-box[class*="col-"] {
    margin-bottom: 0;
}
.publishsettings-panel .right-panel .select2-container {
    margin-left: 7px;
    margin-top: 7px;
}
.publishsettings-panel .left-panel + .right-panel {
    margin-left: 400px;
}
.publishsettings-panel {
    animation: 1s ease 0s normal none 1 running hide_publishsettings;
    display: none;
    opacity: 0;
}
.switchview-box {
    border-bottom: 0px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 30px;
    padding-top: 0;
    padding-right:17px;
}
.chartsettings-panel .toggle-sty{
    display: inline-block;
}
.no-padmar {
    margin: -13px -13px 0;
    padding-bottom: 16px;
    padding-left: 13px;
    padding-top: 16px;
}
#public-comments .nav-tabs > li i {
    font-size: 22px;
}
#public-comments .nav-tabs > li > a, #public-comments .nav-tabs > li span {
    border: 0 none;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: 20px;
    padding: 0 0 13px;
}
.bg-color-bottlegreen {
    background-color: #dceae7 !important;
}
#public-comments {
    margin: 0 -10px 0 -13px;
    padding: 0;
}
#public-comments ul.nav.nav-tabs.navbar-nav{float:none;}
#public-comments .nav-tabs > li.active {
    background-color: #dbdddd;
}
#public-comments .nav-tabs {
    background-color: #f4f4f4;
    width: 100%;
}
#public-comments .nav-tabs > li {
    padding: 19px 0 0;
    text-align: center;
    width: 33%;
}
#public-comments .icon-twitter,#public-comments .icon-facebook,#public-comments .icon-linkedin,#public-comments .icon-delete,#public-comments .icon-link,#public-comments .icon-edit {
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    font-family: "icomoon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}
#public-comments .nav-tabs > li.active {
    background-color: #dbdddd;
}
#public-comments .nav-tabs > li.active > a::before {
    border-bottom: 6px solid #666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -1px;
    content: "";
    left: 50%;
    margin-left: -6px;
    position: absolute;
    right: auto;
    width: auto;
}
#public-comments .nav-tabs > li > a, #public-comments .nav-tabs > li.active > a, #public-comments .nav-tabs > li.active > a:hover, #public-comments .nav-tabs > li.active > a:focus {
    color: #424142 !important;
}
#public-comments .nav-tabs > li > a, #public-comments .nav-tabs > li.active > a, #public-comments .nav-tabs > li.active > a:hover, #public-comments .nav-tabs > li.active > a:focus {
    color: #424142 !important;
}
#public-comments .nav-tabs > li > a, #public-comments .nav-tabs > li span {
    border: 0 none;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: 20px;
    padding: 0 0 13px;
}
.bt-parent-control .icon-bar{background:black;}
.contents10-container-full{
	float:left;
	width:100%;
	padding:20px;
	margin-bottom:20px;	
}
.inline-title{display:inline-block}
.breadcrumb-10{
	float:left;
	width:100%;
	font-size:11px;	
}
.breadcrumb-10 span{
	color:#74a99e;	
}
.quick-info-icons{
	float:left;
	width:100%;
	text-align:right;	
}
.quick-info-icons i{
	font-size:12px;
	float:right;
	padding-right:10px;	
}
.quick-info-icons .social-icon-image{
	margin-top:-4px!important;
}
.quick-info-icons .social-icon-image-text{
	margin-top:-3px!important;
}
.quick-info-icons .social-icon-image-text span{
	font-style:normal;
	font-weight:bold;
}
.quick-info-icons .social-icon-image img{
	width:15px;
	height:15px;
}
.breadcrumb-10-label{
	float:left;
	width:100%;
	font-size:16px;
	padding-top:15px;	
	padding-bottom:5px;
}
.tabel-10-th{
	float:left;
	width:100%;
	background:#424142;	
	color:#FFF;
}
.tabel-10-th-label1{
	float:left;
	padding:10px;
	background:#232323;
}
.tabel-10-th-label1 i{
	font-size:12px;	
}
.tabel-10-th-label2{
	float:left;
	padding:10px;	
}
.tabel-10-th-label3{
	padding:10px;
	float:left;	
}
.tabel-10-th-label4{
	float:right;
	padding:10px;	
}
.tabel-10-td{
	float:left;
	width:100%;
	background:#fff;	
}
.tabel-10-contents-container{
	float:left;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:60px;
}
.tabel-10-col1{
	float:left;
	width:18%;
	padding-right:30px;
}
.tabel-10-col2{
	float:left;
	width:15%;	
	padding-right:30px;
}
.tabel-10-col3{
	float:left;
	width:26%;	
	padding-right:30px;
}
.tabel-10-col4{
	float:left;
	width:40%;	
}
.tabel-10-th-seperator{
	float:left;
	width:100%;
	border-top:1px solid #d7d7d7;
}
.tabel-10-td-seperator{
	float:left;
	width:100%;
	height:10px;		
}
.tabel-10-cell-bar{
	float:left;
	width:100%;	
	position:relative;
}
.meter-bar{
	float:left;
	width:100%;
	position:relative;	
}
.meter{
	background:#000;
	float:left;
}
.meter span{
	text-align:center;
	display:block;	
}
.orange-meter{
	background:#ea6060;	
}
.yellow-meter{
	background:#f7e07f;	
}
.green-meter{
	background:#aacc7a;	
}
.gray-meter{
	background:#d3d5dd;	
}
.tabel-10-cell-text{
	float:left;
	width:20%;
	text-align:right;	
}
.tabel-10-cell-bar{
	float:left;
	padding-left:10px;
	width:80%;	
}
.tabel-10-footer{
	float:left;
	width:100%;
	border-top:1px solid #d7d7d7;
	padding:10px;
}
.tabel-10-footer-label1{
	float:left;
	width:50%;
	color:#74a99e;	
}
.tabel-10-footer-label2{
	float:right;
	width:50%;
	text-align:right;
}
.chart-10-label{
	float:left;
	padding:12px;
	background:#414141;
	padding-left:30px;
	font-size:18px;
	color:#FFF;	
	margin-top:30px;
	margin-bottom:30px;
}
.chart-10-tr{
	float:left;
	width:100%;
	border-top:1px solid #dddddd;
	background:#f9f9f9;	
	border-bottom:2px solid #dddddd;
}
.chart-10-tr-col1 ,.chart-10-tr-col2 ,.chart-10-tr-col3 ,.chart-10-tr-col4 ,.chart-10-tr-col5 ,.chart-10-tr-col6 ,.chart-10-tr-col7 ,.chart-10-tr-col8 ,.chart-10-tr-col9 ,.chart-10-tr-col10 ,.chart-10-tr-col11 ,.chart-10-tr-col12{
	float:left;
	width:7%;
	padding:10px;
	height:100px;
	border-right:1px solid #dddddd;
}
.chart-10-tr-col1{
	width:10%	
}
.chart-10-tr-col10{
	width:4%;	
}
.chart-10-tr-col8{
	font-weight:bold;	
}
.chart-10-tr-col3 ,.chart-10-tr-col4 ,.chart-10-tr-col5{
	width:9%;
}
.chart-10-tr-col11 ,.chart-10-tr-col12{
	width:12%;
}
.chart-10-tr-col12{
	border-right:0;
}
.chart-10-td{
	float:left;
	width:100%;	
}

.chart-10-td .chart-10-tr-col1 ,.chart-10-td .chart-10-tr-col2 ,.chart-10-td .chart-10-tr-col3 ,.chart-10-td .chart-10-tr-col4 ,.chart-10-td .chart-10-tr-col5 ,.chart-10-td .chart-10-tr-col6 ,.chart-10-td .chart-10-tr-col7 ,.chart-10-td .chart-10-tr-col8 ,.chart-10-td .chart-10-tr-col9 ,.chart-10-td .chart-10-tr-col10 ,.chart-10-td .chart-10-tr-col11 ,.chart-10-td .chart-10-tr-col12{
	height:40px;	
}
.chart-10-td .chart-10-tr-col1 ,.chart-10-td .chart-10-tr-col4 ,.chart-10-td .chart-10-tr-col6 ,.chart-10-td .chart-10-tr-col7 ,.chart-10-td .chart-10-tr-col9 ,.chart-10-td .chart-10-tr-col10 ,.chart-10-td .chart-10-tr-col11{
	border-right:1px solid #fff;	
}
.chart-10-td .chart-10-tr-col5{
	background:#ddebca;
}
.chart-10-td-seperator{
	border-top:2px solid #dddddd;	
	border-bottom:1px solid #dddddd;	
}
.chart-11-tr{
	float:left;
	width:100%;	
}
.chart-11-tr-col1{
	float:left;
	width:20%;
	padding-right:20px;	
}
.chart-11-tr-col1-label1{
	float:left;
	width:100%;
	text-align:right;
	font-weight:bold;
	color:#9e9e9e;	
}
.chart-11-tr-col1-label2{
	float:left;
	width:100%;
	text-align:right;
	padding-right:10px;
	padding-top:20px;
}
.chart-11-tr-col2{
	float:left;
	width:80%;
	
	border-top:2px solid #dddddd;	
	margin-top:10px;
	padding-left:20px;
}
.chart-11-tr-col{
	float:left;
	width:33%;
	padding:10px;	
}
.chart-11-tr-col-col1{
	float:left;
	width:30%;	
}
.chart-11-tr-col-col2{
	float:left;
	width:70%;
	padding:20px;
}
.chart-11-tr-col-col2 span{
	font-weight:bold;	
}
.chart-11-tr-col-col1 .chart-11-pic{
	float:left;
	width:100%;
	margin-top:18px;
}
.chart-11-pic-notification{
	float:left;
	width:20px;
	height:20px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;	
	background:#cecece;
	text-align:center;
	font-size:10px;
	margin-top:10px;
	margin-left:18px;
}
.chart-11-pic-notification-circle{
	margin-top:2px;
	margin-left:1px;	
}
.red-contents .chart-11-pic-notification{
	background:#ea5f62;
	color:#fff;
}
.red-contents .chart-11-tr-col-col2{
	color:#ea5f62;
}
.green-contents .chart-11-pic-notification{
	background:#aaca7e;
	color:#fff;
}
.green-contents .chart-11-tr-col-col2{
	color:#aaca7e;
}
.yellow-contents .chart-11-pic-notification{
	background:#e3d17f;
	color:#fff;
}
.yellow-contents .chart-11-tr-col-col2{
	
}
.blue-header{
	background:#a3cfe8!important;	
	color:#37637c!important;
	padding-bottom:8px!important;
	padding-top:14px!important;
	padding-left:20px!important;
	padding-right:20px!important;
}
.blue-header a{
	color:#37637c!important;
}
.header10-label{
	float:left;
	width:50%;
	font-size:22px;	
}
.blue-header .header10-quick-links{
	float:left;
	width:50%;	
}
.box-12{
	float:left;
	width:100%;	
	padding:10px;
}
.blue-box-12{
	background:#6aa4d1;	
}
.box-12-label1{
	float:left;
	width:100%;
	text-align:center;
	color:#FFF;	
}
.box-12-label2{
	text-align:center;	
}
.process-step-offset{
	float:left;
	position:relative;
	width:100%;
	overflow:hidden;
}
.process-step-container{
	background:#f7f7f7;	
	border:1px solid #d7d7d7;
	border-left:0;
	border-bottom:0;
	padding-left:9px;
	padding-right:9px;
	padding-top:10px;	
	width:100%;
}
.process-step-container .heading{
	float:left;
	width:100%;	
	color:#4C4F53;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;	
}
.process-step-container ul{
	list-style:none;
	width:100%;	
	float:left;
	padding:0;
}
.process-step-container ul li a{
	width:100%;	
	float:left;
	background:#d1d2d3;
	color:#181415;
	padding:0px 16px;
		margin-bottom:6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor:pointer; text-decoration:none; line-height:42px
}
.process-step-container ul li i{
	float:right;
	font-size:22px;
	font-weight:normal!important; line-height:42px; display:none; color:#599c89;
}
.process-step-container ul li:last-child a{margin-bottom:0px}
.process-step-container ul li.active-step > a > i, 
.process-step-container ul li.completed-step > a > i,
.process-step-container ul.child li.completed-step > a > i.icon-check-circle{display:block}
.process-step-container ul li.completed-step i.fa-ellipsis-horizontal,
.process-step-container ul li.active-step i.icon-check-circle{display:none}

.process-step-container ul li.active-step > a{
	background:#c9e2de;
}
.process-step-container ul li.active-step.open > a{margin-bottom:0px}
.completed-step i{
	
}
.process-step-container ul li.active-step i{
	color:#599c89;	
}
.process-step-container .child li.active-sub-step i{display:none}
.process-step-container ul li.completed-step i{color:#599c89}
.process-step-container .child{
	width:100%;	
	float:left;
	margin-top:0px; margin-bottom:5px
}
.process-step-container .child li a{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-bottom:1px solid #e2e2e2;
	background:#fff;
	margin-bottom:0;color:#181415;
}
.process-step-container .child li.active-sub-step a{
	color:#6ca797!important;
	font-weight:bold;
}
.process-step-container .child li.no-border{
	border:0;
}
.processing-box{
	float:left;
	width:100%;
	margin-top:30px;	
}
.processing-box .processing-box-cion{
	float:left;
	width:100%;	
	text-align:center;
	margin-bottom:10px;
}
.processing-box .processing-box-cion i{
	font-size:60px;	
	color:#d1d2d3;
}
.processing-box .processing-bar{
	float:left;
	width:80%;	
	margin-left:10%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	height:16px;
	background:#eaeaea;
	overflow:hidden;
	position:relative;
}
.processing-box .processing-bar .processing-bar-completed{
	position:absolute;
	height:40px;
	background:#6aa696;
	width:20px;	
}
.processing-bar-label{
	float:left;
	width:100%;
	margin-top:8px;
	font-size:12px;
	color:#666769;
	text-align:center;	
}
.processing-close{
	float:left;
	width:100%;
	text-align:center;
	margin-top:50px;	
}
.processing-close .processing-close-btn{
	float:left;
	width:70%;	
	margin-left:15%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color:#FFF;
	overflow:hidden;
	position:relative;
	padding:4px;
}
.processing-close .processing-close-btn a{
	display:block;	
	color:#FFF;
	text-decoration:none; padding:3px
}
.processing-close-label{
	float:left;
	width:70%;
	margin-left:15%;
	margin-top:8px;
	font-size:10px;
	color:#666769;
	text-align:center;	
	margin-bottom:20px;
}
.header10-container{
	background:#c9e2de;
	padding:15px 40px;	
	}
.header10-quick-links{
	text-align:right;
	color:#6aa696;
}
.header10-quick-links a{
	color:#347060;
	text-decoration:none;
}
.header10-quick-links span{
	color:#1e1e1e;
	font-style:italic;
}
.header10-icon{
	float:left;
	width:100%;
	text-align:center;
	margin-top:26px;	
}
.header10-icon i{
	color:#6aa696;
	font-size:24px;	
}
.header10-title{
	margin-top:12px; margin-bottom:12px;
	font-size:26px;
	color:#6aa696;
	text-align:center; font-weight:300;
}
.header10-title i{font-size:85%; margin-right:5px}
.header10-short-description{ width:75%; margin:0px auto
}
.header10-seperator{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.header10-seperator-inner{
	float:left;
	width:60%;
	margin-left:20%;
	background:#6aa696;
	height:1px;	
}
.controlar-main-tab-col1 .list-unstyled .add-datachannels{ width:100%;border-bottom:1px solid #d7dddd;background:transparent;color:#6ca797;height:30px;padding-left:0px; font-weight:bold}
.controlar-main-tab-col1 .list-unstyled .add-datachannels .btn-group{display:block}
.controlar-main-tab-col1 .list-unstyled .add-datachannels button{
	background:none;
	cursor:pointer;
	width:100%;
	cursor:pointer;
	border:0;
	padding-top:5px;
	text-align:left;
	padding-left:15px;
}
.controlar-main-tab-col1 .list-unstyled .add-datachannels button i{
	float:right!important;
	padding-top:0px;
}
.controlar-main-tab-col1 .list-unstyled .add-touchpoints > div,
.controlar-main-tab-col1 .list-unstyled .add-datachannels > div > button {
    overflow: hidden;
    padding-right: 25px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
	position:relative;
}

.controlar-main-tab-col1 .list-unstyled .add-touchpoints > div .label-icon,
.controlar-main-tab-col1 .list-unstyled .add-datachannels > div > button .fa-plus {
    float: right;
    margin-right:0; position:absolute; right:8px; top:8px;
}

.contents10-container{ padding-bottom:60px}
.contents10-container .tab-content.top-padding-60{padding-top:20px}
.contents10-paging{
	position:fixed;
	margin-left:0%;
	margin-bottom:0px;
	background:#c9e2de;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:20px; left:220px; z-index:4;right:0; bottom:0; transition:all 0.05s ease-in-out 0s;
}
.contents10-paging .btn{min-width:80px}
.contents10-paging .btn:not(.hide) + .btn{margin-left:10px}
.minified .contents10-paging{left:45px}
.templateselection .contents10-paging{left:463px; opacity:0.8; bottom:-58px;}
.templateselection .contents10-paging:hover,
.templateselection .contents10-paging.active,
.templateselection .contents10-paging.active:hover{ opacity:1; bottom:0}

.minified .templateselection .contents10-paging{left:288px}

.contents10-paging-btn{
	width:48%;	
}
.contents10-paging-btn.single-btn{width:54%}
.contents10-paging i{
	color:#6ca798;
	font-size:50px;	
}
.contents10-label{
	float:left;
	width:100%;
	text-align:center;
	color:#6ca798;
	padding-bottom:20px;	
}

.full-image .input-datepicker img {
    width: auto;
}
.contents10-paging-btn a{
	padding:5px 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background:#6aa696;
	color:#FFF;
	text-decoration:none; min-width:90px; display:inline-block; text-align:center
}
.text-right{
	text-align:right;	
}
.contents10-paging-btn .disable-page{
	background:#e5e6e7;
	color:#4d4c4d; cursor:default
}
.top-padding-60{
	padding-top:60px;	
}
.field-label{
	float:left;
	width:100%;
	margin-bottom:5px;	
}
.field{
	
	width:100%;
	margin-bottom:20px;	
}
.red{
	color:#F00;	
}
.field strong{
	font-weight:bold;
	color:#6ca797!important;	
	
}
.ui-dialog-titlebar{
	float:left;
	width:100%;
	border:0!important;
}
.ui-dialog-titlebar span{
	display:none!important;	
}
.ui-dialog-titlebar button{
	margin-top:26px!important;
	z-index:1000000000!important;
}
.dialog-title{
	float:left;
	width:100%;
	text-align:center;
	font-size:26px;
	margin-bottom:5px;	
	margin-top:16px;
}
.dialog-title-2{
	float:left;
	width:100%;
	text-align:center;
	font-size:12px;
}
.dialog-row{
	float:left;
	width:100%;
	margin-top:16px;	
	margin-bottom:20px;
}
.dialog-col1{
	float:left;
	width:46%;	
}
.dialog-col2{
	float:left;
	width:8%;	
	text-align:center;
	margin-top:40px;
	font-size:22px;
	height:100px;
}
.dialog-col3{
	float:left;
	width:100%;	
}
.dialog-icon{
	float:left;
	width:100%;
	text-align:center;
}
.dialog-icon .dialog-icon-circle{
	width:80px;
	height:80px;
	padding:20px;
	margin:0 auto;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;	
	background:#c9e2de;
}
.dialog-icon .dialog-icon-circle i{
	color:#6aa696;
	font-size:40px;	
}
.dialog-icon-label{
	float:left;
	width:100%;
	margin-top:10px;
	text-align:center; min-height:40px	
}
@media (min-width:200px) and (max-width:830px){.dialog-icon-label{min-height:60px}}
.dialog-icon-btn{
	text-align:center;	
	margin-bottom:10px;
	margin-top:30px;
}
.dialog-icon-btn a,
.dialog-icon-btn .btn{
	text-decoration:none; white-space:normal;
}
#user_table ,#user_table_labels{
	float:left;
	width:100%;	
}
.user_table_labels{
	
}
.user_table_col1{
	width:25%;
	padding-right:10px;
	padding-bottom:10px;
}
.user_table_col2{
	width:25%;	
	padding-right:10px;
	padding-bottom:10px;
}
.user_table_col3{
	width:46%;	
	padding-bottom:10px;
}
.user_table_col4{
	width:4%;
	text-align:center;
	padding-bottom:10px;
}
.user_table_col4 i{
	cursor:pointer; color:#6CA898
}
.add-more-users{
	float:left;
	width:100%;
	padding-top:40px;
	text-align:center;	
}
.add-more-users span{
	cursor:pointer;
	color:#6ca798;
	font-weight:bold;
}
.box-12-row{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #f4f4f4;
	background:#f4f4f4;	
	float:left;
	width:100%;
}
.box-12-row-label{
	padding-top:6px;
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:6px;	
}
.box-12-row-label i{
	font-size:11px;
}
.box-12{
	float:left;
	width:100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #f4f4f4;
	background:#dee0e2;
	min-height:110px;
	width:140px!important;
	height:120px;
	padding:10px;
	margin-right:5px;
	margin-top:5px;
}
.box-12-2{
	width:100%!important;
	margin-right:0!important;	
}
.padding-bottom-6{padding-bottom:6px}
.program_table_row_2{
	background:#dee0e2;
	height:30px;
	text-align:center;	
	margin-bottom:30px;
}
.program_table_row_2 th{
	text-align:center!important;
	font-weight:normal;    padding-bottom: 34px;
    padding-top: 5px;
}
.contents10-container-full #left-program-icon{
	top:25px!important;
	left:10px;	
}
.contents10-container-full #right-program-icon{
	top:25px;
	right:10px;	
}
.contents10-container-full .controlar-col1{
	width:150px;	
}
.contents10-container-full .controlar-col1 .padding-10-box-10{
	padding-left:0;	
}
.contents10-container-full .controlar-col1 + .controlar-col2{
	margin-right:0;
}
.dak-gray-bg{
	background:#dee0e2;
	border:1px solid #e3e3e3;	
}
.box-12-icon{
	float:left;
	width:100%;
	margin-top:10px;
	text-align:left;	
}
.box-12-icon i{
	font-size:18px;	
	
}
.box-12-label-1{
	float:left;
	width:100%;
	margin-top:4px;
	text-align:left;
	color:#777; overflow:hidden; text-overflow:ellipsis;word-wrap:break-word
}
.box-12-label-2{
	float:left;
	width:100%;
	text-align:center;
	color:#777777;
	margin-top:30px;
	font-size:12px;
	padding-bottom:10px;	
}
.light-blue{
	background:#c9e2de;
	border:1px solid #c9e2de;	
}
.box-12-white{
	background:#ffffff;
	border:1px solid #e3e3e3;	
}
.light-blue .box-12-label-1 ,.box-12-white .box-12-label-1{
	color:#6aa797;
}
.box-12-icon-2{
	float:left;
	width:100%;
	padding:10px 0px;	
}
.box-12-icon-2 input[type='radio']{
	
}
.padding-10-box-10{
	padding:0px;	
	
}
.box-12-row-box{
	text-align:left;
/*	border-right:1px solid #d5d5d5;*/
	background:#dee0e2;
	width:100%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.box-12-row-border{
	border-bottom:1px solid #c9cbcd;
}
.box-12-row-box .box-12-row-label{
	text-align:left;
	padding-left:10px; color:#6ca797; font-weight:bold
}
.logo-dark , a.logo-dark:hover, a.logo-dark:focus{color:#7B8087; text-decoration:none}
.logo-dark span {line-height: 21px; vertical-align:top}
.trialexpiry {text-align:center; overflow:hidden}
.trialexpiry h2{color:#24937E; font-size:20pt; margin-top:15px}
.trialexpiry p{font-size:13px; color:#595D63; line-height:19px}
.trialexpiry .btn{ width:175px; overflow:hidden; margin:45px auto 10px auto; text-transform:uppercase; border:none; font-size:12px}
.trialexpiry .modal-footer{background:none; border:0px}
.trialexpiry  .totalcontacts-holder{background:#24937E; width:69px; height:69px; margin:0px auto}
.trialexpiry  .totalcontacts-holder > i{ font-size: 48px;line-height: 69px;}
.trialexpiry  .modal-footer{padding-bottom:20px}
.trialexpiry  .modal-body {padding: 13px 37px;}

.videoImgContainer{position: relative; width: auto;}
.videoImgContainer img{width:auto!important; max-width:100%}
.videoImgContainer .fa.fa-play-circle{position: absolute; left: 50%; top: 50%; color: #d1d2d3; cursor:pointer; font-size: 100px; margin-top: -50px; margin-left: -50px; text-shadow:0 0 12px rgba(0,0,0,0.6);}
/*wizard button styles*/
.wizard-buttons{ text-transform: uppercase !important; font-size:14px !important;padding:6px 15px !important; min-width:130px !important;  position:relative }
.wizard-buttons i{font-size:15px !important; color:#fff !important; position:absolute;line-height:21px }
.wizard-buttons i.left{left:7px}
.wizard-buttons i.right{right:7px}
.cookie-wrap .icon-cookie{font-size:80px; color:#23937d}
.cookie-wrap h1{font-size:30px; color:#23937d; margin-bottom:20px }
.cookie-wrap p{font-size:18px; color:#5a5d64; font-weight: 200;}
.cookie-wrap a{text-decoration:none; color: #2f3130}
.cookie-wrap a .icon-logodark{line-height: 24px;vertical-align: top;}
.cookie-wrap footer{margin-top:163px}
.cookie-wrap{overflow:hidden; margin-top:118px}
@media (min-width:200px) and (max-width:500px){
.cookie-wrap footer{margin-top:50px}}
#custom-preview .icon-nopreview{font-size:191px; color:#6ca898}.no-preview p{padding-top:120px; font-style:italic}

.more-panel{background:#f7f7f7}
.more-panel:hover{cursor:pointer}
.form-horizontal.customfield-wrap .radio, 
.form-horizontal.customfield-wrap .checkbox{padding-top:2px}

/* visual captcha style  */
.visualCaptcha-possibilities .img{float:left;padding: 5px; background:#efefef; margin:15px 4px;border-radius:50%; cursor:pointer;}
.visualCaptcha-possibilities .img.active{ background:#6ca898}
.visualCaptcha-button-group{margin-right:24px; float:right}
.visualCaptcha-button-group a.btn{height: 38px;padding:0px; line-height:38px;margin:15px 4px; width: 38px; background-color: #f87056; border: 1px solid #f87056;}

/* Global Filter */
.globalfilter-panel > .well{width:100%; display:table}
.globalfilter-panel > .well > .control-label{padding:10px; padding-bottom:0; margin:0}
.globalfilter-panel .filter-btn{ width:45px; min-height:45px; text-align:center; padding:5px 0 !important; border-radius:2px 0 0 0; display:table-cell; float:none !important; vertical-align:middle }
.globalfilter-panel .filter-btn [class*="icon"]{line-height:35px; color:#424142}
.globalfilter-panel .filter-btn .button-filter{color:#fff; padding:0; border:none}
.globalfilter-panel .filter-btn + .controls{margin-left:0; display:table-cell; height:45px; vertical-align:middle}
.globalfilter-panel .group-narrowby{margin-bottom:0;}
.globalfilter-panel .group-narrowby .narrowby-panel{background-color:transparent}
.globalfilter-panel .col-pagination .btn{ padding-left:4px; padding-right:4px; background-color:transparent; box-shadow:none; color:#6ca898}

/* admin more  */
.admin-more ul.media-list li i{font-size:24px; display:block; color:#8e8e8e}
.admin-more ul.media-list li h4 a{font-size:16px; color:#8e8e8e; line-height:14px}
.admin-more ul.media-list li h4 a:hover{text-decoration:none}
.admin-more ul.media-list li h4{margin-bottom:2px;  line-height: 14px;}
.admin-more ul.media-list li p{color:#8e8e8e}
.admin-more .media > .pull-left { margin-right: 17px;}
.admin-more .media{cursor:pointer}
.admin-more .media:hover i,.admin-more .media:hover h4 a, .admin-more .media.active i,.admin-more .media.active h4 a{color:#6ca898}
.admin-more .media:hover p,.admin-more .media.active p{color:#333}

.search-views .glyphicon-search{left:0!important}
.search-views .form-control{padding-left:20px !important; border-width:0 0 1px 0; border-color:#c9e2de}

.pagebreak-panel{background:url(../images/xpui/bgimg-pagebreak.png) repeat-x 0 0; height:31px}

/*home page style */
.col-npsscore .target-box{position:absolute; bottom:0px; left:0px; right:0px; background:#5f99c1; padding:5px; text-align:center; text-transform:uppercase}
.score-card.stackedchart [class*="bar-"]{line-height:33px; min-height:33px}
.score-card.stackedchart + div{margin-top:20px}
.chart-box.scorechart {border-top:1px solid #dddddd}
.chart-box.scorechart .well{box-shadow:none}
.chart-box.scorechart > div{height:380px; }
.chart-box.scorechart > div + div{border:none}
.scorechart .grid-body .show-grid{border-bottom:1px solid #ddd; padding:10px 0}
.driver-details.col-detractorscore .score {background: #eb5e57;}
.driver-details.col-promoterscore .score{background:#abc97f}
.driver-details.col-passivescore .score{background:#f7e07f; color:#666 !important}
.driver-details.col-insufficientscore .score{background:#c1c1c1; color:#666 !important}
.driver-details.col-score{padding:0px; margin-top:-2px}
.col-score.commentscore.text-center i{font-size:23px}
.latestsurveycomment{margin-bottom:5px; display:block}
.mobilize-promoter [class*="icon-"]{font-size:30px}
#survey-comments .chart-box.scorechart .scroll-body{padding-right:10px}
@media (min-width:120px) and (max-width:1200px){.mobilize-promoter [class*="icon-"]{font-size:24px}} 
.mobilize-promoter .icon-facebook{color: #6ba4d1;}
.mobilize-promoter .icon-twitter{color:#8acdc4}
.mobilize-promoter .icon-linkedin{color:#7266a8}
.grid-head.correlation .row, .grid-head.performance  .row{line-height:37px}
.chart-box.scorechart .grid-head .row [class^="col-"] label, .chart-box.scorechart .grid [class*="col-"] label {word-break: normal !important;word-wrap: normal !important;
 display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    word-break: normal;  word-wrap: normal; padding:0px }
.chart-box.scorechart.border-right{border-right:1px solid #ddd}
.chart-box.scorechart .col-nps b{font-weight:bold; margin:0px}
.chart-box.scorechart  .show-grid + .show-grid{margin-bottom:0px}

#company-drivers .chart-box.scorechart .grid-head .row [class^="col-"] label, #company-drivers .chart-box.scorechart .grid [class*="col-"] label, #my-drivers .chart-box.scorechart .grid-head .row [class^="col-"] label, #my-drivers .chart-box.scorechart .grid [class*="col-"] label {
     padding: 0px 8px!important;
}

/* ADD view*/
.viewpanel-accordion .ui-accordion-header .ui-accordion-header-icon{margin-left:0px;}
.viewpanel-accordion .accordion-header h4{margin-bottom:0}
.viewpanel-accordion .accordion-content{border-width:0px; margin-top:2px; overflow:auto!important}
.tree-list .ui-accordion-content{border-width:0px; padding:1px !important}
.tree-list .ui-accordion-content .dd-handle.subviewheader{position:relative; padding:7px 30px 7px 7px; word-wrap:break-word;}
.tree-list .ui-accordion-content .dd-handle.subviewheader .btn-add{ position:absolute; top:8px; right:10px; padding:0; border-width:0}
.cropit-image-preview{/*background-color: #f8f8f8;*/  border: 0px dotted #ccc; background-size: cover;  border-radius: 0px; margin:0px; width: 200px; height: 100px; cursor: move;}
.cropit-image-background {opacity: 0.2; cursor: auto;}
.image-size-label {margin-top: 10px;}
.image-editor input {/* Use relative position to prevent from being covered by image background */
        position: relative; z-index: 10; display: block;}
.viewpanel-accordion{margin-bottom:20px}		

.export {margin-top: 10px;}
.rangeslider [class*="col-"]:not(.col-slider){padding-left:0; padding-right:0; width:20px; height:13px; line-height:13px; margin-bottom:0}
.rangeslider [class*="col-"] [class*="icon-"]{color:#424142}
.rangeslider .col-min{text-align:right}
.rangeslider .col-max{text-align:left}
.rangeslider .col-min ~ .col-slider{margin-left:20px}
.rangeslider .col-max + .col-slider{margin-right:20px}

.displaycheck.dl-horizontal dt{width:30px} 
.displaycheck.dl-horizontal dt+dd{margin-right:40px}
.paragraph-panel .cke_chrome{border-width:0px; box-shadow:none}
.widget-panel [class*="-controlpanel"] button.btn-remove{ font-size:16px; padding:0}
.widget-panel [class*="-controlpanel"] button.btn-remove [class*="icon-"]{font-size:100%; color:#aaa}
.widget-panel [class*="-controlpanel"] > .row-grid > [class*="col-"]{height:44px}

.widget-panel .right-panel .control-panel + .view-body{margin-top:0}
.widget-panel .right-panel .control-panel + .view-body .well-lg{padding:0}
.uploadimage-container + .viewpanel-accordion{margin-top:20px}

.paragraph-panel{border: 1px dotted #ccc;}

.cropit-image-preview-container{ display:inline-block }
.image-controlpanel{background-color:#ddd}
.image-controlpanel .row-grid > [class*="col-"]{height:45px}
.image-editor{position:relative; border: 1px dotted #ccc; background-color:#fff}
.image-editor .browseimage-controls{position:absolute; top:50%; z-index:5; margin-top:-10px; width:150px; left:50%; margin-left:-75px; display:inline-block; text-align:center}
.browseimage-controls .button-uploadimage{color:#bebebe; position:relative; padding:0}
.image-editor.imageloaded .browseimage-controls{display:none;}
.image-editor.imageloaded:hover .browseimage-controls{display:inline-block}
.browseimage-controls .s-nav-textlinks a{color:#fff; background-color:rgba(0,0,0,0.6); padding:4px 10px}
.browseimage-controls .s-nav-textlinks a:hover{background-color:rgba(0,0,0,0.8); text-decoration:none}
.browseimage-controls .s-nav-textlinks li{border-left-width:0px; padding:0}
.browseimage-controls .s-nav-textlinks li + li a{border-left:1px solid rgba(255,255,255,0.5);}
.browseimage-controls .s-nav-textlinks li:first-child a{border-radius:3px 0 0 3px}
.browseimage-controls .s-nav-textlinks li:last-child a{border-radius:0 3px 3px 0}

.droppable-widget{ border:1px dashed #ccc; min-height:50px}
.droppable-widget .row-grid > [class*="col-"]{min-height:100px}
.droppable-widget > .placeholder{margin:50px 0; text-align:center}
.droppable-widget > .placeholder a{color:#bebebe;}
.droppable-widget > .placeholder a .icon-add{font-size:80%}


/* saved filter */
.fieldset-filtercontrol .row-grid > [class*="col-"]:first-child{padding-left:0}
.fieldset-filtercontrol .row-grid > [class*="col-"]:last-child{padding-right:0}
.fieldset-filtercontrol .row-grid > [class*="col-"]:first-child h5{margin-bottom:0}
.fieldset-filtercontrol .row-grid{margin-bottom:10px}
.filtercreation{border-bottom:1px solid #ddd; padding-bottom:5px}
.selectfilter-component .select2-container{float:left}
.selectfilter-component .select2-container ~ .select2-container{margin-left:-1px}
.selectfilter-component .selecttype .select2-choice{ background-color:#eee}
.selectfilter-component .selecttype .select2-choice .select2-arrow{border-left-width:0}
.s-formswrap .select-savedfilter .input-autowidth{width:220px !important}
.s-questionerror{clear:both}
.editableinput-wrap ~ .savefilterdonepanel{margin-left:5px; position:relative; top:3px;}

.cobranding{}
.cobranding span{width:84px; height:24px; display:block}
.cobranding span img{max-height:24px}

.otherfrequency .select2-search-field { width: 100%;}/*BG-5748*/
.s-translationgrid label{white-space:normal}
#advanceddispsettings-content .reportsty .icon-calendar{color: #6ca898;}
.chart-box.scorechart #no-data p{font-size: 18px;margin-top: 25%;}

label.select-frequency{ height:32px; line-height:32px; padding-left:8px}

#create-report-ribbon .row-grid > [class^="col-"]:first-child{padding-left:13px}
#create-report-ribbon .row-grid > [class^="col-"]:last-child{padding-right:13px}
.createcustomreport .viewpanel-accordion .accordion-header h4{ margin-left: 15px;}
.createcustomreport .viewpanel-accordion .ui-accordion-header .ui-accordion-header-icon{margin-top:-8px !important}
.createcustomreport .viewpanel-accordion .accordian-btn-remove{font-size:20px; line-height:14px; position:absolute; right:0; top:50%; margin-top:-12px;}
.createcustomreport .left-panel .ui-accordion .panel-body{padding-left:3px; padding-right:3px}
.createcustomreport .right-panel .viewpanel-accordion .accordion-header{margin-top:0px; padding:5px 30px 4px 10px !important}
.createcustomreport .right-panel .viewpanel-accordion .accordion-header .editableinput-wrap .label-readonly{margin-bottom:0; padding-top:3px;}
.createcustomreport .right-panel .comp-paragraph{position:relative; margin-top:20px}
.createcustomreport .right-panel .comp-paragraph .accordian-sub-item-btn-remove{margin-top:4px}
.createcustomreport .right-panel .comp-paragraph .jarviswidget header{background-color:#f7f7f7; border:1px solid #ccc !important; border-width:1px 1px 0 !important; height:30px}
.createcustomreport .right-panel .comp-paragraph .jarviswidget header .accordian-sub-item-btn-remove{color:#414241; line-height:14px; margin-top:0px; height:29px; padding:3px 5px !important; font-size:15px;}
.createcustomreport .right-panel .comp-paragraph div[contenteditable="true"]{margin-bottom:0}
.ui-widget-content a:not(.btn){color:#6ca898}
.ui-widget-content a.select2-choice{color:#424142}
.question-text h4{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.s-form-qnlabel a, .s-form-qnlabel a:hover {color: #6a6a6a;padding:5px 12px}
.create-report-section-main + .create-report-section-main{margin-top:20px}

/* Draggable View Navigation */
.draggable-views.ui-sortable li:not(.search-filter){margin-left:5px; margin-right:5px}
.draggable-views.ui-sortable .ui-state-default{background-color:transparent}
.draggable-views.ui-sortable .ui-sortable-placeholder{background-color:#32423f; border:1px dotted #CCCCCC !important;/* visibility:visible !important*/}
.draggable-views.ui-sortable .ui-state-highlight{background-color:#32423f; border:1px dotted #CCCCCC !important; height:32px/* visibility:visible !important*/}
.draggable-views.ui-sortable .ui-sortable-helper,
.draggable-views.ui-sortable .ui-state-default.active{background-color:#78aaa0 !important; color:#fff}
.draggable-views.ui-sortable .ui-state-default a{position:relative}
.draggable-views.ui-sortable .ui-state-default a:before,
.draggable-views.ui-sortable .ui-state-default a:after{display:none !important}
.draggable-views.ui-sortable .ui-state-default .close-btn{color:inherit; font-size:16px; position:absolute; right:10px; top:50%; margin-top:-11px }

.shuffle-header,
.shuffle-footer{background-image:none !important; margin:0px -1px 0px -1px; box-shadow:none; padding:0px}
.shuffle-content{padding-top:10px; padding-bottom:10px}
.shuffle-content .s-botlinks{top:-10px; bottom:-10px}
.shuffle-content:empty{padding:0}
.shuffle-header .s-questoolbar{margin-top:0px; top:0; position:relative}
.shuffle-header .s-formswrap{margin-bottom:0}
.shuffle-header .s-editableinput-wrap .label-readonly{min-width:inherit; color:#424142}
.shuffle-header .s-editableinput-wrap .input-editfield{width:auto}
.s-surveydesigner .shuffle-header .alert .input-editfield{margin-top:-10px}
.shuffle-header .form-group label{margin-bottom:0}
.shuffle-header .form-inline .form-group + .form-group{margin-left:3px}
.s-surveyquestion-shuffled > .padding-bg{background-color:#eaf4f3 !important; border:0px solid #6CA898; box-shadow:none}
.s-surveyquestion-linked > .padding-bg{background-color:#eaf4f3; border:2px solid transparent; padding:0px; box-shadow:none}
.s-surveyquestion-linked > .padding-bg:hover{border:2px solid #77aaa1;}

.s-surveyquestion-linked .s-surveyquestion{margin-bottom:0}
.s-linkedbar{margin-bottom:0px; background:url(../images/xpui/bg-bind.png) repeat-x left center; height:20px; position:relative; z-index:3}
.s-linkedbar .pull-left:first-child{padding-left:10px}
.s-linkedbar .pull-right:last-child{padding-right:10px}
.s-surveyquestion + .s-linkedbar{margin-top:-10px}
.s-linkedbar + .s-surveyquestion{margin-top:-9px}

.s-surveysettings-panel .padding-small .version-title > .padding-small{padding:0}
.importinstructions-modal{z-index:10001}
.importinstructions-modal .modal-header{color:#fff; background-color:#232323; border-radius:0}
.importinstructions-modal .modal-header .npxlogo{font-size:18px; display:inline-block}
.importinstructions-modal .modal-header .npxlogo i + i{margin-left:10px}
.importinstructions-modal .modal-header .close{color:#fff; box-shadow:none}
.importinstructions-modal .grid .row-grid [class^="col-"]{word-wrap:break-word}

@media (min-width:0px) and (max-width:560px){.chart-box.scorechart .grid .row [class^="col-"]:last-child{padding-right:5px !important}.chart-box.scorechart{height:295px !important}}
.heatmap .highcharts-container {width: auto!important}
.cookie-wrap.sso .text-center i {color: #23937d !important;font-size:75px !important;}
.cookie-wrap.sso .text-center .img{margin-left:55px}
.cookie-wrap.sso .text-center .img i{font-size:60px !important}
.cookie-wrap.sso  footer a+a{font-size: 15px;text-decoration: underline;}

.notice{ display:inline-block; padding:13px}
.notice .btn-group .btn-primary{background-color:transparent; border-width:0px;padding:0px !important}
.notice .btn-group .btn-primary + .btn-primary{margin-left:15px}
.notice .btn-group .btn-primary [class*="icon-"]{margin-right:5px}

/* Start: Passiion error pages*/
.passion-errorpage{width:100%; height:100%; position:absolute; left:0; top:0}
.passion-errorpage.text-align-center{text-align:center;}
.passion-errorpage h1{font-weight:500;}
.img-circle{border-radius:500px}
.passion-errorpage{background-color:#f7f9f9; font-family:"Open Sans",Helvetica Neue,Arial,Sans-Serif}
.passion-errorpage .bg-primary{ background-color:#24937e}
.passion-errorpage .text-primary,
.passion-errorpage a{color:#24937e}

.passion-errorpage .jumbotron{margin-top:118px; padding-bottom:48px; padding-top:48px} 
.passion-errorpage .jumbotron{background:none}
.passion-errorpage .jumbotron .image{display:inline-block; height:90px; font-size:55px; margin-bottom:0; text-align:center}
.passion-errorpage .jumbotron .image [class*="icon-"]{line-height:90px}
.passion-errorpage .jumbotron h1{font-size:36px;}
.passion-errorpage .jumbotron p{color:#595d63; font-size:18px; font-weight:200;}
.passion-errorpage footer p{color:#000; font-size:14px; margin-bottom:40px}
.passion-errorpage div.footer [class*="icon-"]{color:#232323; top:2px; position:relative}
.passion-errorpage div.footer a{color:#595d63;}
.passion-errorpage div.footer a:hover,
.passion-errorpage div.footer a:focus,
.passion-errorpage div.footer a:active{text-decoration:none}
.passion-errorpage div.footer{font-size:13px}

@media (max-width:767px){
.passion-errorpage .jumbotron{margin-top:0; padding:26px 13px}
.passion-errorpage .jumbotron h1{font-size:24px; margin-bottom:0}
.passion-errorpage .jumbotron p{font-size:16px;}
.passion-errorpage .jumbotron p br{display:none}
}
/* End: Passiion error pages*/

/* Follow-up details page design change*/
.profiletab.padding-bottom-0 + .followupdetails .row-profiledetails .col-score {padding:13px}
.profiletab.padding-bottom-0 + .followupdetails .row-profiledetails .col-score .score{margin:0px 10px; top:0px}
.profiletab.padding-bottom-0 + .followupdetails .row-profiledetails #contactprofile{font-weight:normal;font-size:16px}
.profiletab.padding-bottom-0 + .followupdetails .row-profiledetails .media-list dd{font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.profiletab.padding-bottom-0 + .followupdetails .row-profiledetails + .panel-group .panel{border:none;box-shadow:none}
.profiletab.padding-bottom-0 + .followupdetails  .col-followup-panel .jarviswidget .widget-content{box-shadow:none}
.profiletab.padding-bottom-0 + .followupdetails  .col-followup-panel .jarviswidget .widget-body, .col-followup-panel .jarviswidget .widget-body .well,
.profiletab.padding-bottom-0 + .followupdetails .col-followup-panel .chartsettings-panel,.profiletab.padding-bottom-0 + .followupdetails  .col-followup-panel .jarviswidget div{background:#f8f8f8; box-shadow:none; border:none}
.feedbackedit-fields ul.media-list li{width:33.33%; float:left; overflow:hidden; text-overflow:ellipsis;padding-right: 15px;}
.feedbackedit-fields ul.media-list li + li.hide + li{ width:66.66%;}
/* BG-11008 */
.feedbackedit-fields ul.media-list li.srch{ width:33.33%!important; border-top:0!important; border-bottom:1px!important;}
.feedbackedit-fields ul.media-list li.srch dt{ border-top:0!important;}

.followupdetails .row-profiledetails .media-list dd{font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.profiletab.padding-bottom-0 + .followupdetails .col-followup-panel .profile-message li.message.message-reply{background:transparent}
.profiletab.padding-bottom-0 + .followupdetails .row-profiledetails{border:none}
.trans-btn{margin-top:-28px; margin-right:5px}
.padding-bottom-0{padding-bottom:0px}
.cntrl-btn{  display: table; width: 100%; margin-bottom:8px}
.cntrl-btn label{display: table-cell !important;}
.cntrl-btn .editable-buttons{ display: table-cell !important;margin: 0;width: 1%;}
.cntrl-btn .editable-buttons .btn{border-radius:0px; margin:0px; border-left:0px !important; box-shadow:none; padding:8px 10px; width:33px}
.cntrl-btn label textarea{height:71px !important; }
.cntrl-btn .editable-buttons i{font-size: 80%;height: 15px;width: 15px; color:#666}
.cntrl-btn .editable-buttons .btn + .btn{border-top:0px}
.translate-panel{background:#eaf4f3}
.translate-panel hr{border-color:#b6d3ce; margin:8px -11px;}
.survey-lang h4{margin-bottom:3px}
@media (min-width:0px) and (max-width:767px) {.profiletab.padding-bottom-0 + .followupdetails .col-followup-panel .form-horizontal .form-group, .profiletab.padding-bottom-0 + .followupdetails .followuprocess .widget-body .row {margin-left:0px; margin-right:0px} .col-followup-panel  .form-bootstrapWizard {margin: 0 25px !important;}}
/*  End: Follow-up details page design change*/
.cke_border{border:1px solid #ccc !important}/* ck editor border*/

.s-progress-bar-type-button-group > a{padding:10px; width:36px;  color:#555;}
.s-progress-bar-type-button-group i[class*="icon-"]{color:#555; font-size:8px; line-height:22px}
.s-progress-bar-type-button-group i.icon-btnsfuelindicator{font-size:5px}
.s-progress-bar-type-button-group > a.active,.s-progress-bar-type-button-group > a:hover,.s-progress-bar-type-button-group > a:focus{color:#555}
.s-progress-bar-type-btn .icon{background-image:none !important}
.s-progress-bar-type-btn .icon-btnspagination {font-family: inherit; font-size: 10px !important; font-style: normal;}
.s-progress-bar-type-btn .icon-btnspagination:before{content:none !important}

.topbottombox{width:30px; height:30px; margin:0 auto; border:3px solid #fff; box-shadow:0 0 1px #000}

/*look n feel popup*/
.theme-widget .fuelindicator{min-width:40px}
.fuelindicator .progress-bar {background-color: #555; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #fff;float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; width: 0;}
.fuelindicator  .progress {background-color: #f5f5f5;border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; height: 10px; margin-bottom: 0px;  overflow: hidden;}
.fuelindicator .sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;  width: 1px;}
.fuelindicator{ display: inline-block;    width: 15%; min-width:160px}
.theme-widget  .powered-satmetrix{background: rgb(255, 255, 255) none repeat scroll 0 0; font-size: 7px;
    text-align: center; padding-bottom:3px}

/*TK-2540*/
.feedbackheader-fixed{position:fixed; right:22px; left:242px; top:88px; z-index:80}
#ribbon-sys-msg:not(.hide) ~ #content .feedbackheader-fixed{top:150px;}
body.minified .feedbackheader-fixed{left:67px;}
body.mobile-view-activated .feedbackheader-fixed{left:22px;}
.sharetofav{display: inline-block;position: absolute; right: 104px;top: 2px; cursor:pointer}/*TK-2543*/
.sharetofav i{margin-right:5px}
/* BG-10085 */
#terms-trial label{ display:block; text-align:center;}
#terms-trial ul{ display:block; text-align:center; margin-top: 7px;}
#terms-trial ul li{ display:inline; float:none; border-color:#999!important; padding:0 10px;}
.visualCaptcha-button-group{ margin-right:0;}
@media (min-width:0px) and (max-width:320px) {
	#terms-trial ul li a{ font-size:12px!important;}
	.visualCaptcha-button-group{ display:block; margin:0; text-align:center; float:none;}
	.visualCaptcha-button-group a.btn{ margin-bottom:0;}
	#login .row-field [class*="col-"]:first-child{ padding-right:13px;}
	.visualCaptcha-possibilities .img:first-child{ margin-left:13px;}
	#login #content .well header{ font-size:20px;}
}
/* BG-7611 */
.viewhome{ padding-top:13px;}
.viewhome .chartarea{ padding-left:0; padding-right:0;}
.viewhome .chartarea, .viewhome .chart-box{ margin-bottom:26px;}
.viewhome .chartarea dl{ margin-bottom:0;}
.viewhome .chart-box{ box-shadow:0px 0px 3px #cccccc; min-height:400px;}
/* BG-4011 */
#program-touchpoints-ctr .controlar-carousel-column .journey-tab{ height:99px!important;}
#program-touchpoints-ctr .journey-tab.width-120{ width:151px!important;}
/* BG-10660 */
#resetform .row.row-field{ margin:0;}
#resetform .row.row-field .col-xs-12{ margin:0; padding:0;}
#resetform .row.row-field .col-xs-12 p{ margin-top:10px;}
.visualCaptcha-possibilities #captcha0{ margin-left:0;}
.visualCaptcha-button-group a.btn{ margin-right:0;}
.lbl-resetform{ margin-bottom:15px; margin-top:-4px;}
/*BG-10698 */
.scroll-ttip{height:250px;overflow-y:scroll;}
/*TK-2648*/
.link-sty-fav{position:absolute; right:56px}
.link-sty-fav a{color:inherit; line-height:25px}.link-sty-fav a i{color:#6ca898}
.link-sty-fav a:hover,.link-sty-fav a:focus{text-decoration:none}
/*TK-2649-left rail mgmt*/
nav > ul > li > ul > li> a b { position: absolute !important;right: 15px;}
.folder.active.open > a:after,.folder.active.open > a:before,.folder.active > a:after,.folder.active > a:before {border:none !important}
.newtag{background: #6ca898 none repeat scroll 0 0; border-radius: 1px; font-size: 10px !important;font-style: normal;margin-top: 2px; width: 26px !important;}
.dragover {box-shadow: 0 0 3px #7c7c7a;border: 1px solid #7c7c7a;}
.dragout {box-shadow:none;}

.noreport em{color:#bad1ca}
/*BG-11238*/
.form-horizontal  .form-group.row-grid {margin-left: 0; margin-right: 0;}
.form-horizontal .form-group.row-grid label{padding-top:0px}
/*BG-11231*/
.minified #left-panel .btn-addview {width:auto !important}
.minified #left-panel .btn-addview i{margin-left:0px !important}
/*BG-10508*/
.s-senticomment-bot .s-sharepnl [class*="icon"]{font-size:30px}
.s-senticomment-bot .s-sharepnl .icon-facebook{color: #3B5998;}
.s-senticomment-bot .s-sharepnl .icon-twitter{color: #00aced;}
.s-senticomment-bot .s-sharepnl .icon-linkedin{color: #0077B5;}
/*internal names style */
.grid-hdr-dropdwn{ line-height: 35px; width:124px}
.grid-hdr-dropdwn a .icon-angledown{    font-size: 10px !important; margin-left: 3px;}
.grid-hdr-dropdwn a:hover{text-decoration:none}
/*BG-12132*/
.marketingdata.new-data{position:relative}
.marketingdata.new-data p{color:#1f2c3b;   padding-right: 540px;}
.marketingdata.new-data .marketing-graphic{color: #fff; height:101px; position: relative; right: 0; top: -25px; width: 429px;transform:skew( -42deg);  -ms-transform: skew(-42deg); /* IE 9 */ -webkit-transform: skew(-42deg); /* Chrome, Safari, Opera */  }
.graphic-holder{  background: #f0eada url("../images/xpui/pattern_dotted.png") repeat scroll 0 0; clear: both;
 height: 76px;  padding-left: 40px; position: absolute; right: -3px;top: 0; transform:skew( 42deg); -ms-transform: skew(42deg); /* IE 9 */ -webkit-transform: skew(42deg); /* Chrome, Safari, Opera */ z-index:1 }
/*.register-btn{  background: #f96008 none repeat scroll 0 0;color: #fff; padding: 5px 10px; position: absolute; right: 101px;
 top: 39px; font-weight:bold; cursor:pointer;transform:skew( -42deg)  }	*/

@media (min-width:0px) and (max-width:470px) {
.marketingdata.new-data .marketing-graphic{width:300px}
.graphic-holder{height:52px; padding-right:20px; padding-left:20px}	
}
/*BG-11918*/
.once-per-visit-div .form-control{width:100% !important}

@media (min-width:0px) and (max-width:767px) {
.desktop-detected .chartsettings-panel .filter-btn.hidden-xs{
	 display:table-cell !important;
	}

.desktop-detected  .reportsty .icon-calendar {
    display: inline-block !important;;
}

.desktop-detected  .chartsettings-panel .groupby_form .form-group:first-child{
	border-left:0px
	}

.desktop-detected .chartsettings-panel .othersettings > .form-group.hidden-xs{
	display:block !important;
}
.desktop-detected .chartsettings-panel .navbar-nav > li + li#chartType{
	display:inline-block !important
	}
.desktop-detected .chartsettings-panel .navbar-nav > li + li#chartType label{
	color:#666;
}
.desktop-detected .section-groupby.chart-groupby .btn-groupbycontainer.select2-container-multi .select2-choices .select2-search-choice{
	float:left;
}
}