.helpstyle {
    color:black;
    background-color:white;
    /*font-family: Roboto, Noto, sans-serif;*/
    /*font-family: Roboto, Noto, sans-serif;*/
    font-family: Roboto, Noto, sans-serif;
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 8px;
    margin: 8px;
    border: 0px dotted blue;

    text-align: justify;
    text-indent: 1.2em;
}
.subscriptionhelpstyle {
    color:black;
    background-color:white;
    /*font-family: Roboto, Noto, sans-serif;*/
    /*font-family: Roboto, Noto, sans-serif;*/
    font-family: Roboto, Noto, sans-serif;
    font-size: 1.1em;
    line-height: 1.3em;
    padding: 16px;
    margin: 0px;
    border: 1px dotted blue;
    text-align: justify;
    text-indent: 1.2em;
    top : 240px !important;
    width : 1394px !important;
}

.disabled-section-text {
    font-family: Roboto, Noto, sans-serif;
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 8px;
    text-align: center;
}

html {
	overflow-x: hidden;
    overflow-y: hidden;
}

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}
.type2 {
    width: 17px;
    height: 17px;
    background:black;
    border:  solid #000;
    text-align:center;
    font-size:15px;
    color:#fff;
    line-height:15px;
}
.img-circle {
  width: 40px;
  height: 40px;
  border-radius: 180%;
  margin: -16px 0px 0px 0px;
  background-color: #fff;
  color:#fff;
}
.img-circleDemo {
  width: 35px;
  height: 35px;
  border-radius: 180%;
  margin: 10px 0px 0px 0px;
  background-color: #fff;
  color:#fff;
}
.img-circle1 {
  width: 40px;
  height: 40px;
  border-radius: 180%;
  margin: -43px 0px 0px 0px;
  background-color:#33691E;
  color:#FFFFFF;
  z-index: 100px;
    font-size: 27px;
  }
.transbox1 {
  margin: 8px;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}
 .img-circle2 {
  width: 80px;
  height: 80px;
  border-radius: 200px !important;
  margin: 10px 0px 0px 0px;
  background-color:#fff;
  color:#FFFFFF;
}
 .img-circle3 {
  width: 80px;
  height: 80px;
  border-radius: 200px !important;
  margin: -85px 0px 0px 0px;
  background-color:#33691E;
  color:#FFFFFF;
  z-index: 100px;
}
.transbox {
  margin: 8px;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}
.circle {
  background: url(klematis.jpg) repeat;
  display: block;
  width: 80px;
  height: 80px;
  margin: 1em auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 5px solid #eee;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.transbox p {
  margin: -6px -10px -10px 10px;
  font-size: 60px;
  color: #000000;
}

/*header-css*/
.subscription-table{border-collapse: separate;border-spacing: 0 2em;}
.subscription-table td{text-align:left;}
.subscription-table tr{vertical-align:top}
.subscription-table .sbutton{width:12%}
.subscription-table .sdesc{width: 88%; text-align: left; text-indent: 0em;}
.t-header{width: 100%; height: 60px; float: left; padding-right: 10px;}
.t-header .info-col{
	height: 12px;
	font-family: Roboto, Noto, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}
.t-header .nav{font-size: 16px;font-weight: normal;margin-right: 12px;text-align: right;}
.t-header .nav a{color: #367fbc; font-size: 1em; text-decoration: none;}
.t-header .nav a:hover{color: #999; font-size: 1em; text-decoration: none;}
.t-header .nav span{color: #e5e5e5; font-size: 12px; padding: 0 5px;}
.t-header .mail-info{color: #367fbc;float: right; width: auto;font-size: 1em; text-decoration: none; }
.t-header .mail-info a{color: #367fbc; font-size: 1em; text-decoration: none; }
.t-header .mail-info a:hover{color: #999; font-size: 1em; text-decoration: none; }
.t-header .links{width: auto; float: right;}
.t-header-email{
	width: 48.5px;
	height: 7px;
	font-family: Roboto, Noto, sans-serif;
	font-size: 4px;
	text-align: left;
	color: #ffffff !important;
}

.t-header-table {
	background-color:#15406B;
	height: 12px;
	font-family: Roboto, Noto, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
 	color: #ffffff;
  box-shadow: rgba(91, 91, 91, 0.5) -3px 2px 2px 0px;
}

div[eventproxy='topHeaderId'] {
  z-index: unset !important;
}

.no-pad-top{padding-top: 0!important;}


 .configPopUp{
    border: 1px solid #ffffff;
	height: 42px;
	width: 33%;
	margin: 0px 0px 0px 100px;
	text-align: left;
}
.configPopUpContent{
	float: left !important;
	padding: 5px;
}

select {
    background-color: white;
}
#mode-prompt {
    font-size: 16px;
    font-weight: bold;
}
#mode {
    font-size: 16px;
}

.surveySectionHeader{
	color:black;
	position:relative;
	left:-8px;
	padding: 15px 0px;
}
.surveySectionHeader:after{
	content:'';
    display:block;
    border:1px solid black;
    opacity:0.3;
}
.cdgQuestion{
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	margin-left: 10px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
}
.headerLogo {
	position: relative; 
	z-index: 310595; 
	width: 204px; 
	height: 126px;
	background: #15406B none repeat scroll 0% 0%; 
	margin-left: -10px; 
	margin-top: -45px;
	/* box-shadow: -3px 2px 2px 0px rgba(91, 91, 91, 0.5); */
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.headerLogo {
		margin-top: -68px;
	}
}
.cmaHeader {
	border-top: 0px solid #419CF6;
}
.incomediscoveryLogo {
	width: 158px;
	height: 58px;
	margin: 65px 30px 3px;	
}
.logoText {
	color: white;
	font-family: Roboto,Noto,sans-serif;
	font-size: 17.8px;
	font-weight: 500;
}
.logoHolder {
	margin-top: 35px;
	margin-left: 21px;
	margin-right: 10px;
}
.splashScreen {
	top: 0px !important;
	left: 0px !important; 
}
div.splashScreen img {
	max-width: 278px;
	max-height: 183px;
	margin: 225px 200px 200px 450px;
}
.optimizePlanHorizontalLine{
	color:black;
	position:relative;
	margin-top: 10px;
}
.optimizePlanHorizontalLine:after{
	content:'';
    display:block;
    border-bottom: solid 0.5px rgba(0, 0, 0, 0.14);
}
.optimizePlanFooter {
	font-family: Roboto;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 14px;
	padding-top: 11px;
}
.optimizePlanHeader {
	font-family: Roboto;
 	font-size: 19px;
  	font-weight: bold;
  	text-align: left;
  	color: #424242;
}
.optimizePlanSubHeader {
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: rgba(0, 0, 0, 0.54);
	text-transform: uppercase;
}
.optimizePlanCheckBoxLabel {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	opacity: 0.87;
	color: rgba(0, 0, 0, 0.75);
}
.invisibleRowSpacer {
	padding: 0px;
	display: none;
}
.optimizeRowStyle {
    padding-bottom: 20px;
    padding-left: 10px;
}
.optimizeEffectiveTaxRate {
	color : black !important;
	font-weight:normal;
	float:left !important;
	padding-left: 29px;
}
.optimizeGreyedOutText {
	color:#949494;
	font-weight:normal;
	font-size:10pt;
	padding-left: 17px;
}
.optimizeGreyedOutFooterText {
	color:#949494;
	font-weight:normal;
	font-size:10pt;
	padding-left: 27px !important;
}

[eventproxy="wndSelectStrategyOptions"] td.optimizeGreyedOutFooterText {
   padding-left: 10px !important;
}

.planCardTopHeader {
	color: rgba(0, 0, 0, 0.87);
	font-family: Roboto;
	font-size: 16px;
	padding: 20px 6px 16px 6px;
	font-weight: bolder;
}
.coloredTextBox,
.coloredTextBoxOver
 {
	border-radius: 3px;
	border: 0px;
	padding-left: 14px !important;
    color: rgba(0, 0, 0, 0.87) !important;
	font-size: 13px !important;
	border-left: solid 0px white;
	line-height: 1.5;
}
.coloredTextBoxHint,
.coloredTextBoxFocused {
	border-radius: 3px;
	border: 0px;
	padding-left: 14px !important;
	background-color: #fff !important;
    color: rgba(0, 0, 0, 0.87) !important;
    font-size: 13px !important;
    border-left: solid 0px white;
    line-height: 1.5;
    outline: none;
}

.cdgSubHeader {
	padding-left: 36px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.54);
}

select#soflow, select#soflow-color {
  -webkit-appearance: button;
  background-image: url(../images/arrow_drop_down.svg), -webkit-linear-gradient(#419cf6, #419cf6);
  background-position: 90%;
  background-repeat: no-repeat;
  background-color: #419cf6 !important;
  border: 0px;
  color: rgba(255, 255, 255, 0.71);
  font-size: inherit;
  overflow: hidden;
  white-space: nowrap;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  width: 120px;
}


.dropbtn {
  border: none;
  color: rgba(255, 255, 255, 0.71);
  font-size: 14px !important;
  overflow: hidden;
  white-space: nowrap;
  width: 120px;
  padding-left: 4px;
  outline:none;
}
.dropbtn:hover, .dropbtn:focus {
    background-color: #419cf6;
}
.dropdown {
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-image: url(../images/arrow_drop_down.svg);
    background-position: 95%;
    min-width: 120px;
   width: 120px;
    font-size: 14px !important;
   background-repeat: no-repeat;
}
.dropdown-content {
    display: none;
    cursor: pointer;
    position: relative;
    margin-right: 70px;
    background-color: #f6f6f6;
    min-width: 130px;
    width: 140px;
    overflow: hidden;
    border: 1px solid #ddd;
    z-index: 900000;
    margin-top: 95px;
    font-family: Roboto;
    font-size: 14px !important;
    background-color: #ffffff;
    border: solid 1px #BBBBBB;
    border-radius: 2px;
    box-shadow: 0px 0px 15px #999;
    float: right;
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.24), 0 0 24px 0 rgba(0, 0, 0, 0.12);
}
.collapse-mode {
  color: rgba(0, 0, 0, 0.54) !important;
  padding: 12px 16px; 
  width: 140px; 
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-image: url(../images/drop_up.svg);
  background-position: 65%;
  background-repeat: no-repeat;
}
.dropdown-content a {
    color:#474e5d;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px !important; 
    font-weight: 500;
}
.dropdown-content a:hover {
  background-color: #fff;
  color:#419cf6 !important;
}
.dropdown a:hover {
	background-color: #fff;
}
 
 .show {display:block;
}