/**
 * css variables
 */
 :body {
	--btn-hover-color: #f9ad19;
}
/*
 Table Of Contents
 1.) Eric Meyer's Reset
 2.) Global Typography
 2.0.1) Font Face
 2.0.2) Global Headings
 2.0.3) Form Elements
 2.0.4) List styles
 2.0.5) General Text Formatting
 2.0.6) Link elements
 2.0.7) Table Elements
 2.0.8) Button Styles
 2.0.9) Sprite Icons

 3.) Site Wide Content
 4.) Header Style
 5.) Footer Style
 ===============================================*/
/*
 1.) Eric Meyer's Reset
 ----------------------------------------*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Proxima Nova Rg', "Avenir", Helvetica, Arial, sans-serif;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	cursor:pointer;
}
/*
 1.) Global Typography
 ----------------------------------------*/
*, :before, :after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}
body {

	/*background: url(../images/black-bg.jpg) no-repeat center top;*/
	font-size: 24px;
	/*font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;*/
	font-family: 'Proxima Nova Rg', "Avenir", Helvetica, Arial, sans-serif;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	background: #fff;
}
/*
 2.0.2) Global Headings
 -----------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	/*color: #161e21;*/
	color: #444;
}
h1 {
	font-size: 32px;
	font-weight: 500;
}
h2 {

}
h3 {

}
h4 {

}
h5 {

}
h6 {

}
img {
	height: auto;
	max-width: 100%;
	width: auto;
}
textarea::-webkit-input-placeholder {
	color: #000;
	opacity: 1;
}
textarea:-moz-placeholder {/* Firefox 18- */
	color: #000;
	opacity: 1;
}
textarea::-moz-placeholder {/* Firefox 19+ */
	color: #000;
	opacity: 1;
}
textarea:-ms-input-placeholder {
	color: #000;
	opacity: 1;
}

textarea{
	color:#000;
}

/*
 2.0.3) Form Elements
 -----------------------------*/
select, textarea {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: inherit;
	background: #fff;
	border: 1px solid #ccc;
}
input {
	line-height: normal;
}
input[type="text"], input[type="email"], input[type="password"], select {
	font-size: 18px;
	color: #000;
	border: none;
	padding: 10px 10px 10px;
	border-bottom: 1px solid #dadada;
	width: 100%;
	font-weight: 400;
	border-radius: 0px;
	height: 36px;
	/*font-family: 'Raleway', sans-serif;*/
	font-family: "Avenir", Helvetica, Arial, sans-serif;
}

input::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #8E8E8E;
	opacity: 1;
}

input:-ms-input-placeholder {/* Internet Explorer 10-11 */
	color: #8E8E8E;
	opacity: 1
}

input::-ms-input-placeholder {/* Microsoft Edge */
	color: #8E8E8E;
	opacity: 1;
}

select {
	padding-bottom: 4px;
	outline: none;
}
select::-ms-expand {
	display: none;
}
input:focus, select:focus, textarea:focus, button:focus {
	outline: 0;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	border: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"] {
	-webkit-appearance: none;
	cursor: pointer;
	line-height: normal;
	overflow: visible;
	/*font-family: 'Raleway', sans-serif;*/
	font-family: "Avenir", Helvetica, Arial, sans-serif;
}
button[disabled], input[disabled] {
	cursor: default;
	color: #999;
	border-color: #ccc;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
/*
 2.0.4) List Styles
 ---------------------------------*/
ul, ol, dl {
	font-size: 100%;
	line-height: 1.5;
}
li, dt {
	line-height: 1.5em;
}
dl {
	margin: 0 0 1em 0;
}
dd {
	margin: 0 0 1em 0.8em;
}
ul {
	list-style-type: disc;
	margin: 0 0 0 0;
}
ol {
	list-style-type: decimal;
	margin: 0 0 1em 0;
}
ul ul, ol ul {
	list-style-type: circle;
	margin-top: 0;
}
ol ol {
	list-style-type: lower-latin;
	margin-top: 0;
}

/*
 2.0.5) General Text Formatting
 -----------------------------------*/
p {

}
blockquote, cite, q, var, dfn {
	font-style: italic;
}
blockquote {
	background: transparent;
	color: #666666;
}
pre, code, kbd, tt, samp, var {
	font-size: 100%;
}
pre {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code {
	color: #880000;
}
kbd, samp, var {
	color: #666666;
	font-weight: bold;
}
acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	cursor: help;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/*
 2.0.6) Link style
 -------------------------*/
a {
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
}
a:active {
	outline: none;
}
/* 2.0.7) Button Styles
 -------------------------*/
.btn {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	background: #f38355;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 7px 17px;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn-grey {
	background-color: #eeeeee;
	font-size: 18px;
	color: #1e1e1e;
	min-width: 148px;
	padding: 13px;
}
.btn-grey:hover {
	/*background-color: #f8ae19;*/
	background-color: var(--btn-hover-color);
	color: #fff;
}

.btn-orange {
	background-color: #f8ae19;
	font-size: 18px;
	color: #fff;
	min-width: 148px;
	padding: 13px;
}
.btn-orange:hover {
	background-color: #f8ae19;
	color: #fff;
}

.btn-orange:disabled{
	background-color: #bebebf;
	color: #fff;
}

.btn-orange:disabled:hover {
	background-color: #bebebf;
	color: #fff;
}

.btn-purple {
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 7px 14px;
	border: 1px solid #4b3693;
	background-color: #fff;
	color: #4b3693;
}
/* Containers
 ----------------------------------------------------------------------------------------------------*/
.container {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}
.container-fluid {
	width: 100%;
	padding: 0 25px;
}
.sub-container {
	margin: 0 auto;
	max-width: 1093px;
	width: 100%;
}
/* `Clear Floated Elements
 ----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/*
 The following zoom:1 rule is specifically for IE6 + IE7.
 Move to separate stylesheet if invalid CSS is a problem.
 */
/*
 3.) Site Wide Content
 ------------------------------*/
.relative {
	position: relative;
}
.text-center {
	text-align: center;
}
.d-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-align-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.flex-align-center {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.flex-align-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.justify-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.justify-left {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: left;
}

.justify-content-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.d-block {
	display: block;
}
/*
 4.) Header Styles
 ------------------------------*/
.header {
	background: #4c3794;
	padding: 12px 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	right: 0;
	z-index: 999;
	height:70px;
}
.program-search .form-group {
	position: relative;
	float: left;
	width: 69%;
	padding: 0 0 0 21%;
}
.profile-wrap {
	position: relative;
	float: right;
	/*margin-right: 35px;*/
	cursor: pointer;
}
/* .profile-wrap ul {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	top: 100%;
	background: #fff;
	display: none;
} */
.profile-wrap figure {
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
	width: 40px;
	margin-right: 6px;
	height: 40px;
}
.icon-drop {
	display: inline-block;
	vertical-align: middle;
	height: 13px;
	width: 19px;
}
.profile-wrap ul li a {
	font-size: 14px;
	display: block;
	text-align: center;
	color: #000;
}
.btn-search {
	position: absolute;
	right: 24px;
	top: 50%;
	background-color: transparent;
	border: none;
	padding: 0 3px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.program-search .form-group input {
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	color: #777;
	font-weight: 300;
	padding: 7px 56px 6px 30px;
	width: 100%;
	float: none;
	height: 40px;
	line-height: 1.2;
}

.logo {
    float: left;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    padding: 9px 0;
}

.program-search {
	/*float: left;
	width: 87%;*/
	width:100%
}
/*
 5.) Footer Styles
 ------------------------------*/

 /*
 6.) Margin Styles
 ------------------------------*/

 .margin-top-20{
	 margin-top:20px;
 }

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

 /*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/
/*
 1.) Media Query for Handheld Devices
 ===============================*/
@media only screen and (max-width : 1199px) {
	.survey-sec{
		width: calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		padding-bottom: 15px;
	}
	.bottom-wrapper{
		padding: 0px 15px 0px 15px;
		/* margin-top: 129px; */
	}
}
/*
 2.) Media Query for Tablet
 ===============================*/
@media only screen and (max-width : 991px){

	.survey-sec{
		width: calc(100% - 70px);
		width: -webkit-calc(100% - 70px);
		width: -moz-calc(100% - 70px);
	}
	.bottom-wrapper{
		padding:0px 15px 0px 15px;
		margin-top: 0;
	}
	.overview-card-heading-row{
		padding: 5px 0px 5px;
	}
	.overview-card-heading-row h5{
		font-size:10px;
	}
	.overview-card-heading-row span{
		font-size:10px;
	}

	.desc-row{
		padding: 5px 0px 5px;
	}
	.desc-row h5{
		font-size:10px;
	}
	.desc-row span{
		font-size:10px;
	}
}
/*
 3.) Media Query for mobile
 ===============================*/
@media only screen and (max-width : 767px){
	.body-slider1 .wrapper,.body-slider .wrapper{
		overflow: hidden;
        height: 100vh;
	}
	.body-slider1 .wrapper{
		opacity: 0.3;
	}
	.survey-sec{
		width:100%;
		/* padding-top: 192px; */
		padding-top: 150px;
	}
	a{
		font-size: 14px;
	}
		.survey-bottom{
			position: relative;
		}
		.bottom-wrapper{
			padding-top: 0;
			margin-top: 0;
		}
		/* .first-row-card{
			height:85px;
			width:calc((100% - 20px)/2);
			width:-webkit-calc((100% - 20px)/2);
			width:-moz-calc((100% - 20px)/2);
			float:left;
			margin-right:20px;
			border: 1px solid #EBEBEB;
			border-radius:3px;
			box-shadow: 0px 0px 10px #EBEBEB;
			padding:18px 20px 20px 20px;
			margin-top:0px;
		}
		.first-row-card:nth-child(2n+2){
			float:right;
			margin-right:0px;
		} */
		.performance-card{
			width:calc((100% - 20px)/2);
			width:-webkit-calc((100% - 20px)/2);
			width:-moz-calc((100% - 20px)/2);
			float:left;
			margin-right:20px;
		}
		.response-trend-card{
			width:calc((100% - 20px)/2);
			width:-webkit-calc((100% - 20px)/2);
			width:-moz-calc((100% - 20px)/2);
			float:right;
			margin-right:0px;
		}
		.top-bottom-subdiv{
			width:calc((100% - 20px)/2);
			width: -webkit-calc(100% - 20px)/2;
			width: -moz-calc(100% - 20px)/2;
		}
		.top-bottom-subdiv:nth-child(2n+2){
			float:right;
			margin-right:0px;
		}
		.top-bottom{
			height:auto;
		}
		/* .responses{
			width:100%;
		} */
		.first-row-card{
			width:calc((100% - 40px)/5);
			width:-webkit-calc((100% - 40px)/5);
			width:-moz-calc((100% - 40px)/5);
			float:left;
			margin-right:10px;
			padding-left:15px;
		}
		.first-row-card:nth-child(5n+5){
			float:right;
			margin-right:0px;
		}
		.first-row-card img{
			display:none;
		}
}

@media only screen and (min-width : 768px) and (max-width : 960px){
	.first-row-card{
		padding:18px 20px 18px 20px;
	}
	.first-row-card img{
		display:none;
	}
}

@media only screen and (min-width : 768px) and (max-width : 893px){
		.numbers-subdiv{
			width:50%;
			margin-right:0px;
			height: 60px;
		  float: left;
		}
	.numbers-subdiv:nth-child(2n+2){
		float:right;
		margin-right:0px;
	}
	.surveys-opened{
		display:none;
	}
}

@media only screen and (max-width : 479px){
	}

@media only screen and (max-width : 580px){
	.survey-sec{
		padding-top:170px;
	}
	.overview-chart-card{
		/* top:204px; */
		height:350px;
		width:100%;
		float:left;
		margin-right:20px;
		margin-top:20px;
		border: 1px solid #EBEBEB;
		border-radius:3px;
		box-shadow: 0px 0px 10px #EBEBEB;
		padding:18px 20px 20px 20px;
	}
	.top-bottom{
			height:auto;
			box-shadow: none;
			border:none;
			/*opacity:0%;*/
			padding:0px;
		}
		.first-row-card{
			padding-left:10px;
		}
}
@media only screen and (min-width : 768px) and (max-width : 1024px){
	}


/*
 1.) Content Style
 ------------------------------*/
 .content{
	/* margin-top: 62px; */
}
.sidebar-menu{
	width:123px;
	padding: 43px 0px;
	box-shadow:0px 3px 6px rgba(0,0,0,0.16);
	position: fixed;
	margin-top: 62px;
	left: 0;
	top: 0;
	height:calc(100vh - 66px);
	height:-webkit-calc(100vh - 66px);
	height:-moz-calc(100vh - 66px);
	float: left;
	z-index:3;
}
.survey-sec{
	width: calc(100% - 123px);
	width: -webkit-calc(100% - 123px);
	width: -moz-calc(100% - 123px);
	float: right;
}

/* CSS to be added for Metrics page start from here */
/*global additions*/
 body {
	line-height: 1;
	font-size: 24px;
	font-family: 'Proxima Nova', 'Avenir', Helvetica, Arial, sans-serif;
	color: #43425D;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}
h2{
 font-size: 24px;
 font-family: 'Proxima Nova', 'Avenir', Helvetica, Arial, sans-serif;
 color:#52475C;
 margin-bottom: 21px;
}
h5 {
 font-size:16px;
 color:#060105;
 font-family: 'Proxima Nova', 'Avenir', Helvetica, Arial, sans-serif;
 font-weight:500;
 margin-bottom: 5px;
}
h6 {
 font-size:16px;
 color:#000;
 line-height: 1.25;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
	color: #535252;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

strong , span{
	display: inline-block;
}
span{
	font-size: 14px;
}
img{
	max-width: 100%;
	height: auto;
}
/* End of global part here */

.bottom-wrapper{
	padding:28px;
	/* margin-top:162px; */
	margin-bottom:30px;
	max-width:100%;
	/*background: #F9FAFE;*/
	background: #ffffff;
}
.overview-chart-card{
	/* top:204px; */
	height:420px;
	width:calc((100% - 20px)/2);
	width:-webkit-calc((100% - 20px)/2);
	width:-moz-calc((100% - 20px)/2);
	float:left;
	margin-right:20px;
	margin-top:20px;
	border: 1px solid #EBEBEB;
	border-radius:3px;
	box-shadow: 0px 0px 10px #EBEBEB;
	padding:18px 20px 20px 20px;
	background: #ffffff;
}
.overview-chart-card:nth-child(2n+2){
	float:right;
	margin-right:0px;
}
.performance-card{
	width:calc((100% - 20px)/3);
	width:-webkit-calc((100% - 20px)/3);
	width:-moz-calc((100% - 20px)/3);
	float:left;
	margin-right:20px;
}
/* @supports (width:calc((100% - 20px)/3)) {
    .performance-card {
        width: calc((100% - 20px)/3);
				width:-webkit-calc((100% - 20px)/3);
				width:-moz-calc((100% - 20px)/3);
				float:left;
				margin-right:20px;
    }
}
@supports not (width:calc((100% - 20px)/3)) {
	.performance-card {
			width: calc(-9px + 33.33%);
			float:left;
			margin-right:20px;
	}
} */
@supports (-ms-ime-align: auto) {
 /* Microsoft EdgeV13&14 CSS styles go here */
.performance-card{
            width: calc(-9px + 33.33%);
            float:left;
            margin-right:20px;
}
}
@supports (-ms-accelerator: true) {
  /* Microsoft EdgeV13 CSS styles go here */
.performance-card {
            width: calc(-9px + 33.33%);
            float:left;
            margin-right:20px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & IE11 CSS styles go here */
    .performance-card {
			width: calc(-9px + 33.33%);
			float:left;
			margin-right:20px;
    }
}
.performance-card .chart-area{
	background-color: white;
}
.response-trend-card{
	width:calc(((100% - 20px)/3)*2);
	width:-webkit-calc(((100% - 20px)/3)*2);
	width:-moz-calc(((100% - 20px)/3)*2);
	float:right;
	margin-right:0px;
}
.overview-card-heading-row{
	height:auto;
	margin-bottom:18px;
	position:relative;
}
.desc-row{
	height:auto;
	/* margin-bottom:5px; */
}
.q-text{
	float: left;
	margin-right:10px;
	height:35px;
	width: 100%;
	margin-top:4px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	font-size: 16px;
  color: #535252;
	padding-top:1px;
}
.desc-text{
	float: left;
	margin-right:10px;
	height:auto;
	width: 100%;
	/* margin-top:4px; */
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	font-size: 14px;
  color: #535252;
	/* padding-top:1px; */
}
.trademark-text{
	float: left;
	margin-right:10px;
	height:13px;
	width: 100%;
	/*margin-top:9px;*/
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	font-size: 12px;
  color: #535252;
	padding-top:1px;
}
.first-row-card{
	height:85px;
	width:calc((100% - 80px)/5);
	width:-webkit-calc((100% - 80px)/5);
	width:-moz-calc((100% - 80px)/5);
	float:left;
	margin-right:20px;
	border: 1px solid #EBEBEB;
	border-radius:3px;
	box-shadow: 0px 0px 10px #EBEBEB;
	padding:18px 10px 18px 16px;
	margin-top:0px;
	background: #ffffff;
	position: relative;
}
.first-row-card:nth-child(5n+5){
	float:right;
	margin-right:0px;
}

.response-trend-card .q-text{
	width: calc(100% - 127px);
	width:-webkit-calc(100% - 127px);
	width:-moz-calc(100% - 127px);
}
.response-trend-card .chart-area{
	height:184px;
}
.metrics-card .q-text{
	width: calc(100% - 127px);
	width:-webkit-calc(100% - 127px);
	width:-moz-calc(100% - 127px);
}
.performance-card .q-text{
	width: calc(100% - 80px);
	width:-webkit-calc(100% - 80px);
	width:-moz-calc(100% - 80px);
	/* width: auto;
	overflow: visible; */
}
.chart-toggle-button{
	background-color: #9C8FC4;
	color:white;
	float: right;
	margin-right:0px;
	height:auto;
	border-radius:2px;
	box-shadow: 0px 2px 3px #F4F4F4;
	padding: 7px 10px;
	font-size:14px;
	cursor:pointer;
}
.chart-toggle-button:hover{
	background-color: #8e7dc3;
	box-shadow: 3px 5px 3px #F4F4F4;
}
.metric-scale{
	height:10px;
	padding-top:5px;
	font-size:12px;
}
.chart-area{
	background-color:#fff;
	min-height:219px;
	height: 225px;
	position:relative;
	width:100%
}
.scale-dropdown select{
	float:right;
	width:115px;
	height:30px;
	border: 1px solid #D7DAE2;
	border-radius: 3px;
	font-size: 14px;
	font-family: "Proxima Nova", "Avenir", arial, sans-serif;
	cursor: pointer;
	padding: 0px 5px 0px 8px;
	outline:none;
}
.channel-dropdown select{
	float:right;
	width:70px;
	height:30px;
	border: 1px solid #D7DAE2;
	border-radius: 3px;
	font-size: 14px;
	font-family: "Proxima Nova", "Avenir", arial, sans-serif;
	cursor: pointer;
	padding: 0px 5px 0px 8px;
	outline:none;
}
.q-text sup{
	font-size:100%;
    top: -0.1em;
    left: 0.2em;
}
/* select, option {
  -webkit-appearance: none;
  -moz-appearance: none;
} */

.top-bottom{
	width:100%;
	height:200px;
	box-shadow: none;
	border:none;
	/*opacity:0%;*/
	padding:0px;
}
.top-bottom-subdiv{
	width: calc(50% - 20px);
	margin-right:20px;
	margin-top:15px;
	min-height:191px;
	height: auto;
	float:left;
	border:1px solid #4B3693;
	border-radius:5px;
	padding: 0px 10px 0px 10px;
}
.top-bottom-subdiv:nth-child(4n+4){
	float:right;
	margin-right:0px;
}
.subdiv-heading{
  width:80px;
  margin-top:-14px;
  margin-left:5%;
  background:white;
	display: flex;
}
.overview-chart-card .categories-overlay p{
	display: flex;
	justify-content: center;
	align-items: center;
	left:0;
	right: 0;
	bottom:0;
	top:0;
	margin:auto;
	position: absolute;
}
.top-segments{
	width:150px;
	margin-bottom:15px;
}
.bottom-segments{
  width:175px;
	margin-bottom:10px;
}
.top-categories{
  width:155px;
	margin-bottom:15px
}
.bottom-categories{
	width:180px;
	margin-bottom:10px;
}
.subdiv-heading-icon-top{
	margin-right:7px;
  margin-bottom: -2px;
	width:24px;
	height:auto;
	display:inline-block;
}
.subdiv-heading-text-top{
	margin-left:-2px;
	padding-bottom:2px;
  padding-left: 5px;
  padding-top: 6px;
	/*font-size: 1.1em;*/
}
.subdiv-heading-icon-bottom{
	margin-right:7px;
  margin-bottom: -7px;
	width:24px;
	height:auto;
	display:inline-block;
	/*padding-top: 5px;*/
}
.subdiv-heading-text-bottom{
	margin-left: -2px;
	/*padding-bottom:7px;
	font-size: 1.1em;*/
  padding-bottom: 2px;
  padding-left: 5px;
  padding-top: 6px;
}
.top-bottom-subdiv-card{
	border: 1px solid #EBEBEB;
	border-radius:3px;
	box-shadow: 0px 0px 10px #EBEBEB;
	padding:15px;
	margin-top:5px;
	margin-bottom:5px;
  /* height:44px; */
  height:51px;
  background-color: white;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:100%;
	font-size: 14px;
  color: #535252;
  line-height: 1.4;
  /* display: flex;
  align-items: flex-end; */
}
.top-bottom-subdiv-card:hover{
  width: auto;
  white-space: normal;
  word-break: break-word;
  z-index:5;
  background-color:white;
  height:auto;
}
.overall-sentiment-card{
  margin-top:40px;
}
.word-cloud-card{
  margin-top:40px;
}
.first-row-card img{
	float: left;
	width: 44px;
	height: 39px;
	margin-right: 15px;
	margin-top: 5px;
	opacity:.4;
}
.first-row-card p{
	font-size:14px;
	color:#A6A6A6;
}
.first-row-card span{
	font-size:32px;
	font-weight:600;
	color: #535252;
	margin-bottom:2px;
}
.numbers-subdiv{
	width:calc(100%/3);
	width: -webkit-calc(100%/3);
	width: -moz-calc(100%/3);
	margin-right:0px;
	height: 60px;
  float: left;
  border-left: 1px solid #4B3693;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0px 10px;
  font-size: 12px;
  line-height: 1.4;
}
.surveyOpenedCount > div:first-child{
	border-left: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & IE11 CSS styles go here */
    .numbers-subdiv {
			width:33%;
			margin-right:0px;
			height: 60px;
		  float: left;
		  border-left: 1px solid #4B3693;
		  margin-bottom: 20px;
		  margin-top: 20px;
		  padding: 0px 10px;
		  font-size: 12px;
		  line-height: 1.4;
    }
}
.numbers-subdiv:nth-child(3n+3){
	float:right;
	margin-right:0px;
}
.numbers-subdiv span{
	margin-right:10px;
	font-size: 24px;
  font-weight: 600;
  color: #535252;
	margin-bottom:5px;
	line-height:1;
}
.r-rate{
	height:60px;
	display: flex;
	align-items: center;
	padding-left:10px;
	font-size:16px;
	position:relative;
}
.r-rate .rate{
	height:60px;
	display: flex;
	align-items: center;
	padding-left:10px;
	font-size:16px;
	position:relative;
}
.r-rate span{
	margin-right:10px;
	font-size: 32px;
  font-weight: 600;
  color: #535252;
}
.a-rate{
	height:60px;
	display: flex;
	font-size:16px;
	align-items: center;
	padding-left:10px;
	position:relative;
}
.a-rate .rate{
	height:60px;
	display: flex;
	font-size:16px;
	align-items: center;
	padding-left:10px;
	position:relative;
}
.a-rate span{
	margin-right:10px;
	font-size: 32px;
  font-weight: 600;
  color: #535252;
}

.draft-state-overlay{
	background-color: white;
	height:100%;
	width:100%;
	position:absolute;
	top:50;
	right:0;
	z-index:3;
	opacity:.90;
	display:none;
	/* display:block; */
	min-height: 1100px;
}
.draft-state-overlay p{
	color: #535252;
  padding-top:160px;
  text-align: center;
	font-size: 16px;
	line-height: 1.4;
	position:fixed;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
}

.img-tooltip{
	padding-left:3px;
	cursor: pointer;
}
/* .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
.img-tooltip:hover .tooltiptext {
  visibility: visible;
} */
.desc{
	height: 20px;
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.trademark{
	height: 33px;
	display: flex;
	align-items: center;
	font-size: 10px;
	line-height: 1.4;
}
.viz{
	height:170px;
}
.tabs{
  font-size:15px;
  padding:0px;
  list-style:none;
  background:#fff;
  display:inline-block;
  position:relative;
}
.tabs li{
   text-decoration: none;
    color: #BDC4C9;
    margin: 0px 20px 10px 0px;
    /* padding-bottom: 4px; */
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
		cursor: pointer;
}
.tabs li:hover{
    color: #4B3693;
}
.tabs li.active{
  color:#4B3693;
   border-bottom: 1.5px solid #4B3693;
	 font-weight: 500;
}
.tabs .selector{
  height:100%;
  display:inline-block;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  border-radius:50px;
  transition-duration:0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.select-css {
	display: block;
	font-size: 16px;
	color: #535252;
	line-height: 1.3;
	padding: 0px 5px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url(/assets/images/dropdown_Icon.svg),
	linear-gradient(to bottom, #ffffff 0%,#ffffff 100%) !important;
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	cursor: pointer;
	outline: none;
}
.select-css::-ms-expand {
	display: none;
}
/* .select-css:focus {
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
} */
/* .select-css option {
	font-weight:normal;
} */

.box-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,1);
  z-index: 2;
  cursor: pointer;
	display:block;
	/* display:none; */
}

.box-overlay p{
	color: #BABABA;
	padding-top:80px;
	text-align: center;
	font-size: 16px;
}
.top-bottom-subdiv .box-overlay p,
.top-bottom-subdiv .categories-overlay p{
	position: absolute;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	padding:0;
	top:50%;
	left: 50%;
}
.subdiv-heading-text-top,
.subdiv-heading-text-bottom{
	margin:0 !important;
	padding:0 !important;
}
.subdiv-heading-icon-bottom{
	margin-bottom:0 !important;
}
.segments,
.top-bottom-subdiv .categories{
	position:relative;
	height:calc(100% - 24px);
}
.segments-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,1);
  z-index: 2;
  cursor: pointer;
	padding:0px 12px;
	display:block;
	/* display:none; */
}

.segments-overlay p{
	color: #BABABA;
  padding-top:50px;
  text-align: center;
	font-size: 14px;
	line-height: 1.4;
}

.categories{
	position:relative;
}
.categories-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,1);
  z-index: 2;
  cursor: pointer;
	padding:0px 12px;
	display:block;
	/* display:none; */
}

.categories-overlay p{
	color: #BABABA;
  /* padding-top:62px; */
  text-align: center;
	font-size: 15px;
	line-height: 1.4;
}

.tooltip {
    display:inline-block;
    /* position:relative; */
}

.right {
    min-width:200px;
    max-width:400px;
    top:50%;
    left:180px;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:0;
    color:#EEEEEE;
    background-color:#444444;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
		visibility:hidden; opacity:0; transition:opacity 0.8s;
		white-space: normal;
}

.r-rate .right {
    min-width:200px;
    max-width:400px;
    top:50%;
    left:220px;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:0;
    color:#EEEEEE;
    background-color:#444444;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.a-rate .right {
    min-width:200px;
    max-width:400px;
    top:50%;
    left:230px;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:0;
    color:#EEEEEE;
    background-color:#444444;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover + .right,
.tooltip sup:hover + .right  {
    visibility:visible; opacity:1;
}

.subdiv-heading-text-top .tooltip .right,
.subdiv-heading-text-bottom .tooltip .right{
	left:10px;
}

.text-content {
    padding:10px 20px;
		line-height:1.4;
}

.right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}
.right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#444444;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.nps-gauge{
	float:left;
	display:inline-block;
	width: 50%;
}
.nps-numbers{
 width: 35%;
 display: block;
 /* float: right;
 margin-right: -150px; */
 margin-left:7%;
 float: left;
}
.nps-chart-area{
	height:170px;
}

.box_overlay{
	display: block;
	background: #fff;
	position: absolute;
	z-index: 1;
	width: 100%;
	left:0;
	top:0;
}
.box_overlay p{
	text-align: center;
}
.small-div{
	padding: 18px 0 18px 0;
	width: 13%;
}
.t-top .right{
    min-width:200px;
    max-width:200px;
    left:350px;
    top:auto;
    margin-top: -10px;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:0;
    color:#EEEEEE;
    background-color:#444444;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.top-view{
	left:-104px !important;
	top:60px !important;
}
.top-view i{
	top:-6px;
	right:50%;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.box_overlay.small-div{
	width: 100%;
	height: 100%;
	padding:0;
	width: 100%;
}