/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'amaranthregular';
    src: url('../fonts/amaranth-webfont.eot');
    src: url('../fonts/amaranth-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amaranth-webfont.woff') format('woff'),
         url('../fonts/amaranth-webfont.ttf') format('truetype'),
         url('../fonts/amaranth-webfont.svg#amaranthregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'amaranthregular';
    src: url('../fonts/amaranth-bold-webfont.eot');
    src: url('../fonts/amaranth-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amaranth-bold-webfont.woff') format('woff'),
         url('../fonts/amaranth-bold-webfont.ttf') format('truetype'),
         url('../fonts/amaranth-bold-webfont.svg#amaranthregular') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'amaranthregular';
    src: url('../fonts/amaranth-bolditalic-webfont.eot');
    src: url('../fonts/amaranth-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amaranth-bolditalic-webfont.woff') format('woff'),
         url('../fonts/amaranth-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/amaranth-bolditalic-webfont.svg#amaranthregular') format('svg');
    font-weight: bold;
    font-style: italic;

}
@font-face {
    font-family: 'amaranthregular';
    src: url('../fonts/amaranth-italic-webfont.eot');
    src: url('../fonts/amaranth-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amaranth-italic-webfont.woff') format('woff'),
         url('../fonts/amaranth-italic-webfont.ttf') format('truetype'),
         url('../fonts/amaranth-italic-webfont.svg#amaranthregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

body{
	font-family: Helvetica, Arial, sans-serif;
	color:#54667a;
	font-size:18px;
	font-weight:normal;
}



h1,h2,h3,h4 {
margin:0px !important;
padding:0px !important;


}
.wrapper{

width:100% ;
}

.blue{
color: #54667a !important;
}
.white{
	color:#FFF !important;
}

.lightgrey{
	color:#7f8c9b !important;
}


.navbar {
  background-image: none !important;
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #ffffff, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-repeat: repeat-x;
  border-radius: 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffff', GradientType=0);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
	text-align:center;
	margin-top:10px;

}


  .navbar-header {
   text-align:center !important;
	float:none !important;
  }


.tagline {
  text-align:center;
}

.tagline h1 {
  font-weight:bold;
 margin-top:10px !important;
  
  font-size:36px !important;
}

.tagline p {
  
}
.input-group-addon{
  color: white !important;
  background-color: #54667a !important;
  border-color:#54667a !important;
  text-shadow:none;
}

h3 {
	
	font-size:32px;
	font-weight:bold;
}	


h4 {
	font-size:22px !important;
	font-weight:normal !important;
	padding: 20px 0px !important;
}


.hlogo{
width:226px;
height:242px;
}

.margin-t{
	margin-top:30px !important;
}

.margin-b{
	margin-bottom:30px !important;
}
.figure{
font-size:48px;
font-weight:bold;
}


.btn-result,
.btn-result:hover,
.btn-result:active {
  color: white;
  
  background-color: #f4bb33;
}

.btn-result:hover{
	 background-position: 0 -15px;
}

.btn-reset,
.btn-reset:hover,
.btn-reset:active {
  color: white !important;
 background-image:none !important;
  background-color: #54667a !important;
  border-color:#54667a !important;
  text-shadow:none;
}


.btn-result:hover{
	 background-position: 0 -15px;
}

.ddl button{
	border-bottom-left-radius:0px !important;
	border-top-left-radius: 0px !important;
}

.ddl .caret{
	border-top-color:#FFF !important;

}
.ddlrow{

	margin-left:0px !important;
	padding-left:0pc !important;
}
.ddltextrow{
	margin-right:0px !important;
	padding-right:0pc !important;

}
.ddltext{
	border-bottom-right-radius:0px !important;
	border-top-right-radius: 0px !important;
}
.bootstrap-select:not([class*="span"]){
	width:110px !important;
}

footer {
	padding-top:50px;
	text-align:center !important;
	float:none;
	font-size:14px;
  }
footer p{
text-align:center !important;
margin:10px 0px !important;

}
footer img{
margin:0px !important;
padding:0px !important;

}
.rowback{
background-color: #54667a;
color:#FFF;
}
.center{
text-align:center !important;
}
.left{
	text-align:left !important;
}
.right{
	text-align:right !important;
}

.square{
	width:10px;
	height:10px;
	display:inline-block;
	margin-right:10px;
}

.income_clr{
	background-color:#f5bb35 !important;
}
.housing_costs_clr{
		background-color:#a864a8 !important;
}
.food_drink_clr{
		background-color:#b9d5fa !important;
}
.medical_clr{
		background-color:#30cb70 !important;
}
.transport_clr{
		background-color:#e84c3d !important;
}
.recreation_clr{
		background-color:#ad9ab6 !important;
}
.other_clr{
		background-color:#3497da !important;
}
.gambling_clr{
		background-color:#f48631 !important;
}



.finance_clr{
	background-color:#30cb70 !important;
}
.travel_clr{
	background-color:#f2a018 !important;
}
.housing_clr{
	background-color:#e84c3d !important;
}
.entertainment_clr{
	background-color:#ad9ab5 !important;
}
.career_clr{
	background-color:#3497da !important;
}
.nav-tabs{
border:none !important;
}
.nav-tabs>li{
	color:#FFF !important;
	border-radius:0px;
	margin-right:1%;
	width:19.2% !important;
	height:180px !important;
	
	
}



.nav-tabs>li:first-child{
	border-color:#30cb70;
}

.nav-tabs>li:first-child + li {
	border-color:#f2a018;
}
.nav-tabs>li:first-child + li + li{
	border-color:#e84c3d;
}
.nav-tabs>li:first-child + li + li + li{
	border-color:#ad9ab5;
}

.nav-tabs>li:first-child + li + li + li + li{
	border-color:#3497da;
	margin-right:0px !important;
}
.tab-content>div:nth-child(1){

	margin-top:10px !important;
}
.nav-tabs>li>a{
	color:#FFF !important;
	border-radius:0px;
	padding: 30px 15px !important;
	font-size:22px !important;
	background-color:transparent !important;
}

.nav-tabs>li>a>img{
height: 100px;
padding-bottom: 10px;
}

.nav-tabs>li.active:after {
content: "";
position: absolute;
bottom: -10px;
left: 0px;
border-width: 6px;
border-style: solid;
border-color:inherit !important;
display: block;
width: 100%;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
text-decoration:none !important;
border:none !important;
}
.nav-tabs>li>a:hover{
border-color: transparent !important;
}
.accordion-heading{
text-align:left !important;
padding: 20px 0px !important;
}
a.accordion-toggle {
	text-align:left !important;
	color:#FFF !important;
	font-size:22px !important;
	background-color:transparent !important;
	display:block;
	text-transform:capitalize !important;
	padding: 10px 5px !important;
}
a.accordion-toggle, a.accordion-toggle:hover, a.accordion-toggle:focus{
text-decoration:none !important;
border:none !important;
}
.accordion-group{
margin-bottom:20px;
}

a.accordion-toggle>img{
width:50px !important;
max-height:40 !important;
padding-right: 10px;
}
.accordion-inner{
padding:20px 20px;
}


.d_chart_lbl{
	position:absolute;
	top:200px;
	left:255px;
}

.avg_income_chart_lbl{
	width:90%;
	position:absolute;
	top:45%;
	left:5%;
	
}

.income_lbl, .house_lbl{
	display:none;
}

.income_chart_lbl{
	position:absolute;
	top:48%;
	left:5%;
	width:90%;
	
}

.income_legends_position{
	position:absolute;
	top:190px;
	left:30px;
}

.house_legends_position{
	position:absolute;
	top:135px;
	left:8px;
}

.income_legends_position_m{
	padding-top: 5%;
	text-align:left;
	display:inline-table;
}

.house_legends_position_m{
	
	padding: 5% 0px 0px 15%;
	text-align:left;
	display:inline-table;
}


.d_chart{
	
	text-align:center !important;
	
}

.vr{
	width:1px;
	height:210px;
	margin-left:50%;
	margin-bottom:10px;
}

.finance_vr_clr{
	background-color:#15ac53;
}
.travel_vr_clr{
	background-color:#dc8f0f;
}
.housing_vr_clr{
	background-color:#cf392a;
}
.entertainment_vr_clr{
	background-color:#a186ac;
}
.career_vr_clr{
	background-color:#2785c4;
}

.hr{
	width:100%;
	height:1px;
	
}

.motivationImg{
	/*display:none;*/
	position:absolute;
	-webkit-backface-visibility: hidden;
	vertical-align:bottom !important;
}
#tip img{
	margin: 10px 0px;
}

#tip p{
text-align:left;
margin:0px 15px 20px 15px;

}


#tip h5{
	font-size:18px;
	margin-bottom:20px !important;
	
}


#tip span {
	font-size:14px !important;
	text-align:left !important;
	margin-bottom:30px;
}

#tip a,#tip a:active{
color:inherit;
text-decoration:underline;
text-align:left !important;
}

#tip a:hover  {
color:#fdb816;
}


.disclaimer{
	text-align:center !important;
	margin:0px !important;
}

.flogo{
	width:300px;
	height:auto;
}
#errorContainer {
    display: none;
    overflow: auto;
    background-color: #FFDDDD;
    border: 1px solid #FF2323;
    padding-top: 0;
}
 
#errorContainer label {
    float: none;
    width: auto;
}
input.error {
    border: 1px solid #FF2323;
}

.panel{
	border:none !important;
	border-radius:0px !important;
	background-image:none!important;
}
.panel-collapse, .panel-body, .panel-heading{

	background-image:none !important;
	border:none !important;
	border-radius:0px !important;
}


/**** jqbar**/
.jqbar
{
/*    position: relative;
    top: 100px;*/
}

/*horizontal*/

.jqbar.horizontal span
{
    display: inline-block;
    font-size: 24px;
	font-weight:bold;
	

}
.jqbar.horizontal .bar-label{
	
	text-align:left;
	margin-bottom:10px;
}
.jqbar.horizontal .bar-level{
	border-radius:7px;;

}




.jqbar.horizontal .bar-percent
{
    font-size: 32px;
	font-weight:bold;
    height: 32px;
    margin-top: 2px;
	margin-left:20px;
	position:absolute;
	
}

.bootstrap-select:not([class*="span"]){
width:120px !important;
}

/**************************font***************/
.font-48{
	font-size:48px !important;
}

.font-36{
	font-size:36px !important;
}

.font-32{
	font-size:32px !important;
}

.font-28{
	font-size:28px !important;
}
.font-24{
	font-size:24px !important;
}

.font-20{
	font-size:20px !important;
}

.font-18{

	font-size:18px !important;
}
.font-16{
	font-size:16px !important;
}

.font-14{
	font-size:14px !important;
}

.bold{
font-weight:bold !important;
}

.normal{
font-weight:normal !important;
}

#response_msg{

display:none;
}





/*****************end font ******************/

.youcould{
font-size:24px;
margin-bottom:20px;
margin-top:10px;

}
.alert{
	text-shadow:none !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	
}
.alert h2{

font-size: 24px !important;
margin:15px 0px !important;
text-align:center !important;
color:#ff0000 !important;
}
.alert a:hover{
 color:#ff0000 !important;
}

.alert a{

color:#54667a !important;
text-decoration:underline;
}
.alert p{
 text-align:left !important;
 font-size:14px !important;
}
.alert-error{

 border: 1px solid #ff0000;
 background-color:#ffe5e5;
}

.alert > .close{
	color:#ff0000 !important;
	text-decoration:none !important;
}


canvas{
	width:290px !important;
	height:420px !important;

}

/* Smartphones (portrait and landscape) ----------- */
@media (max-width : 480px) {
/* Styles */

.bar-level{

	height:35px !important;
}
.jqbar.horizontal .bar-percent
{
    font-size: 18px !important;
  	margin-left:10px !important;
	margin-top: 5px !important
}
.jbar-t{

margin-top: 10px !important;
}

.jqbar.horizontal .bar-label{
	font-size:18px !important;
	margin-bottom:8px !important;

}


.flogo{
	width:200px !important;
	height:auto !important;

}


.tagline h1 {
    font-size:24px !important;
	margin-top:0px !important;
}

h3 {
	
	font-size:24px;
	font-weight:bold;
}	


#tip p{
text-align:left;
margin:0px 5px 20px 5px;

}

	.hlogo{
		width:148px;
		height:auto;
	}


canvas{
	width:220px !important;
	height:319px !important;
	margin-top:-9% !important;
}

canvas#avg_household_chart, canvas#avg_income_chart{
	margin-top:-30% !important;
}

.income_chart_lbl{
top:40% !important;	
font-size:14px !important;
	
}

.avg_income_chart_lbl{
top:25% !important;
font-size:14px !important;

}


}
/* iPads (portrait) ----------- */
@media (max-width: 800px){
	
/* Styles */
canvas {
	margin-top:-7%;
}

.income_chart_lbl{
top:40%;

	
}

canvas#avg_household_chart, canvas#avg_income_chart{
	margin-top:-15%;
}
.avg_income_chart_lbl{
	top:25%;
}

#tip p{
text-align:left;
margin:0px 5px 20px 5px;

}
.disclaimer{
	text-align:left !important;
}
.mleft{
	
	text-align:left !important;
}

}

.m-margin{
	margin-top:-35px;
}

/* Desktops and laptops ----------- */
@media (min-width : 1224px) {
/* Styles */
.bootstrap-select:not([class*="span"]){
width:130px !important;
}
}

/* Large screens ----------- */
@media (min-width : 1824px) {
/* Styles */
.bootstrap-select:not([class*="span"]){
width:130px !important;
}
}