@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;}
.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*/

.smart-accordion-style2 .panel-body{border:0!important; background:none!important; box-shadow:none!important; padding:0!important; padding-top:20px!important;}
.form-actions .btn[style*="display"][style*="inline"]{display: inline-block !important;}
.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;}

.panel-heading-row-style2 .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;}
#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;}

.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-style3{
	float:left;
	margin-top:-4px;
}
.table-style2 th .checkbox-style3{
	float:left;
	margin-bottom:-3px!important;
}
.row-wofm-status [class*="col-"]{color:var(--dark-theme-color, #007CBE); 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:var(--dark-theme-color, #007CBE); 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:var(--dark-theme-color, #007CBE);	
	margin-top:40px;
	margin-bottom:30px;
}
.icons-4 i{
	font-size:60px;
	color:var(--dark-theme-color, #007CBE);	
}
.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:var(--program-sidetop-row-bgcolor);}

.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
}

.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:var(--dark-theme-color, #007CBE);
	padding:10px;
	position:relative;
}
.explore-navigation-box-label-arrow{
	position:absolute;	
	color:var(--dark-theme-color, #007CBE);
	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:var(--dark-theme-color, #007CBE);
}
.float-right-next{
	float:right;	
	cursor:pointer;
	color:var(--dark-theme-color, #007CBE);
}
.width-120{
	width:120px!Important;
}
.style-12{
	border:0;padding:0;background:none!important
}

.light-blue-bg {
    background: none repeat scroll 0 0 #d8e8e5 !important;
    color: #676767 !important;
}
.page-header-bar {
    border-radius: 4px;
    overflow: hidden;
}

.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-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:var(--dark-theme-color, #007CBE); 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:var(--dark-theme-color, #007CBE) !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:var(--dark-theme-color, #007CBE);
}
.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 var(--dark-theme-color, #007CBE);
    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:var(--dark-theme-color, #007CBE); height:34px; padding:5px 5px 5px 50px; color:var(--white)}
.preview-wrap h1{margin-bottom:10px !important;font-size:18px;}
.preview-wrap h1 .label-readonly,
.preview-wrap h1 span.editable{font-weight:400; } 

.cxone-fm-brand{
	font: normal normal 600 16px/22px Open Sans;
    color: var(--black-text);
}

.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:var(--dark-theme-color, #007CBE)}


.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-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}

/*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{ max-width:50%; }
	#conditionBlock .controls #valueContainer.col-xs-12{margin-top:8px; max-width:100%;}
}
@media (min-width:768px) and (max-width:993px){
	#conditionBlock .controls .col-xs-12{ max-width:50%; }
	#conditionBlock .controls #valueContainer.col-xs-12{margin-top:0px; max-width:100%;}
	#conditionBlock .controls #valueContainer .col-xs-12{max-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:var(--lighter-theme-color); margin-top:-13px; margin-bottom:10px;border:1px solid var(--filter-active-icon)}

.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;}*/
.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;
}
.no-padmar {
    margin: -13px -13px 0;
    padding-bottom: 16px;
    padding-left: 13px;
    padding-top: 16px;
}
.bt-parent-control .icon-bar{background:black;}
.contents10-container-full{
	float:left;
	width:100%;
	padding:20px;
	margin-bottom:20px;	
}

.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;	
}

.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;	
}
.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;
}

.full-image .input-datepicker img {
    width: auto;
}
.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;
}
.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}
.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-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:var(--dark-theme-color, #007CBE);
	border:1px solid var(--dark-theme-color, #007CBE);	
}
.box-12-white{
	background:#ffffff;
	border:1px solid #e3e3e3;	
}
.light-blue .box-12-label-1 ,.box-12-white .box-12-label-1{
	color:#6aa797;
}
.padding-10-box-10{
	padding:0px;		
}
.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;}

.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:var(--dark-theme-color, #007CBE)}.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}

/* 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:var(--dark-theme-color, #007CBE)}


.search-views .glyphicon-search{left:0!important}
.search-views .form-control{padding-left:20px !important; border-width:0 0 1px 0; border-color:var(--dark-theme-color, #007CBE)}

.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;}

/* 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 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: var(--dark-theme-color, #007CBE);}
.chart-box.scorechart #no-data p{font-size: 18px;margin-top: 25%;}

label.select-frequency{ height:32px; line-height:32px; padding-left:8px}

.ui-widget-content a:not(.btn){color:var(--dark-theme-color, #007CBE)}
.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}

/* 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:var(--survey-randamize-qtn-bgcolor) !important; border:0px solid var(--dark-theme-color, #007CBE); 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 var(--ques-linked-border-color);}

.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}

@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: var(--dark-theme-color, #007CBE) !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}

.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:var(--white); 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;}

@media (min-width:0px) and (max-width:320px) {
	#terms-trial ul li a{ font-size:12px!important;}
	
}
/* 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;}
.lbl-resetform{ margin-bottom:15px; margin-top:-4px;}
label#clickImgQuestion{color:var(--btn-bgcolor) !important;}
/*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:var(--dark-theme-color, #007CBE)}
.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: var(--dark-theme-color, #007CBE) 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;}
/*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;
}
}