body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #666666
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Sofia Sans Extra Condensed', sans-serif;
  font-weight: 500;
  color: #666666;
}

a {color: #0b8442; font-weight: bold; text-decoration: none;}
a:hover {color: #ffcc33; font-weight: bold; text-decoration: underline;}

.header-green {
  background-color: #0b8442;
  height: 10px;
}

.header-white {
  background-color: #ffffff;
  padding: 30px 15px;
}

.header-menu {
  background-color: #0b8442;
}

.main-content {
  padding: 50px 15px;
}
.main-content-area {
  padding: 50px 15px;
}
.home-propane {
  background-color: #fdf9e7;
  margin: 50px 0;
  padding: 50px;
  background-image: url(/_images/home/banner_propane_iS1164904657.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-residential {
  background-color: #fdf9e7;
  margin: 50px 0;
  padding: 50px;
  background-image: url(/_images/home/banner_residential_iS1076190950.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-commercial {
  background-color: #fdf9e7;
  margin: 50px 0;
  padding: 50px;
  background-image: url(/_images/home/banner_commercial_iS1386396448.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-servicearea {
  background-color: #fdf9e7;
  margin: 50px 0;
  padding: 50px;
  background-image: url(/_images/home/banner_locations_iS157525559.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.footer-top {
  background-color: #fdf9e7;
  padding: 20px;
  border-top: 10px solid #ffcc33;
}

.footer-bottom {
  background-color: #0b8442;
  color: #ffffff;
  padding: 40px;
}
  .footer-bottom a {color: #ffffff; text-decoration: none;}
  .footer-bottom a:hover {color: #ffcc33; text-decoration: underline;}


  .youtube {
  	position:relative;
  	padding-bottom:56.25%;
  	padding-top:30px;
  	height:0;
  	overflow:hidden;
  	}

  .youtube iframe, .youtube object, .youtube embed {
  	position:absolute;
  	top:0;
  	left:0;
  	width:100%;
  	height:100%;
  	}


  #navbarAccount  .nav-link {
        display: block;
        /* padding: 0.5rem 1rem; */
        color: #666666;
        text-decoration: none;
        /* margin-right: 20px; */
        /* font-weight: 700; */
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }
    @media (prefers-reduced-motion: reduce) {
        .nav-link {
            transition: none;
        }
    }
#navbarAccount    .nav-link:hover,
#navbarAccount    .nav-link:focus {
        color: #0b8442;
    }
    #navbarAccount    .nav-link.active {
            color: black;
        }




/* INVUE PORTAL */


h2.account {
    font-size:18px;
    padding:0px;
    margin:0px;
    color:#2a853b;
    line-height:22px;
}

.account_section {
    background-color:#f9f7f4;
    border:1px solid #e6dcd0;
    padding:20px;
    width:85%;
    border-radius: 15px;
    overflow:auto;
}

.subnav {
    padding-top:15px;
    padding-left:20px;
	position: relative;
	border-top:1px solid #e6dcd0;
	border-bottom:1px solid #e6dcd0;
	background-color:#f9f7f4;
	margin-bottom:20px;
}
.subnav ul {
	margin: 0;
	padding: 0;
}
.subnav li {
	margin: 0 13px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	text-align:left;
	vertical-align: top;
}
.subnav a {
	padding: 3px 6px;
	text-decoration: none;
	color: #09604f;
	line-height: 100%;
}
a.subnavlink:hover {
	color: #023128;
	text-align:left;
}

.subnav .current .subnavbox {
    font-weight:bold;
    color:#023128;
}

.subnav .current .subnavbox a {
	color: #023128;
}

#mobile_nav {
	display: none;
}


.field_label {
    float:left;
    margin-right:4px;
    margin-bottom:3px;
    background-color:transparent;
    color:#000000;
    text-shadow: none;
    font-size:13px;
    text-align:right;

}

.field_value {
    float:left;
    margin-bottom:8px;
    text-align:left;

}

.clear {
	clear: both;
	display: block;
	width: 100%;
}

.account_alerts {
	background-color:#ffffff;
	border:2px solid #9f1500;
	padding:10px;
	color:#000000;
	text-align:center;
	opacity: 0.70; -moz-opacity: 0.70; filter:alpha(opacity=70);
	border-radius:10px;
}

.account_notification {
	background-color:#ffffff;
	border:2px solid #68a104;
	padding:10px;
	color:#000000;
	text-align:center;
	opacity: 0.70; -moz-opacity: 0.70; filter:alpha(opacity=70);
	border-radius:10px;
}

.alt1 {
    background-color:#f1efe8;
    padding:10px;
}

.alt2 {
    background-color:#f9f7f4;
    padding:10px;
}

@media screen and (max-width: 600px) {

	.new_nav {
		color:#09604f;
		background-color:#f9f7f4;
		display: block;
		margin-bottom:20px;
		width:100%;
	}

	#mobile_nav {
	    display: block;
	}

	.subnav {
	    display: none;
	}

	.field_label {
		float:left;
		margin-right:4px;
		margin-bottom:2px;
		background-color:transparent;
		color:#000000;
		text-shadow: none;
		font-size:13px;
		text-align:right;
	}

	.div_columns1, .div_columns2, .div_columns3, .div_columns4, .div_columns5, .div_columns_end {
		float:left;
		margin-right:20px;
		overflow: auto;
		width:100%;
	}

	.accountLoginReg {
		padding: 10px;
		font-size:15px;
		background: #1f752f;
		background: -moz-linear-gradient(top, #2a863b 0%, #1f752f 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a863b), color-stop(100%,#1f752f));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a863b', endColorstr='#1f752f',GradientType=0 );
		color:#ffffff;
		text-align:center;
		margin-bottom:10px;
		max-width:100%;
	}

}


@media screen and (min-width: 600px) {

    .sublabel {
		float:left;
		margin-left:4px;
	}

	.field_label {
		float:left;
		margin-right:4px;
		margin-bottom:8px;
		text-align:right;
	}

	.field_value {
	    text-align:left;
	}

	.field_value2 {
		float:left;
		text-align:left;
		margin-right:20px;
	}

	.div_columns1 {
	    float:left;
		overflow: auto;
		width:45%;
		margin-right:20px;
	}

	.div_columns2 {
	    float:left;
		overflow: auto;
		width:35%;
	}

	.div_columns3 {
		float:left;
		margin-right:20px;
		overflow: auto;
		width:30%;
	}

	.div_columns4 {
		float:left;
		margin-right:20px;
		overflow: auto;
		width:20%;
	}

	.div_columns5 {
		float:left;
		margin-right:20px;
		overflow: auto;
		width:15%;
	}

	.div_columns_end {
		float:left;
		overflow: auto;
		width:15%;
	}

	.accountLoginReg {
		padding: 10px;
		font-size:15px;
		background: #1f752f;
		background: -moz-linear-gradient(top, #2a863b 0%, #1f752f 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a863b), color-stop(100%,#1f752f));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a863b', endColorstr='#1f752f',GradientType=0 );
		color:#ffffff;
		text-align:center;
		margin-bottom:10px;
		max-width:300px;
	}

}



b.success {
    color:#006900;
}

b.error {
    color:#9d0606;
}

input[type=radio], input[type=checkbox] {
	padding-bottom:0px;
	margin-bottom:5px;
	margin-right:2px;
}


/* END INVUE PORTAL */

/* DASHBOARD */

.dash-btn {
    padding: 7px;
	-webkit-box-shadow: 0px 6px 4px rgb(112,112,112);
	-moz-box-shadow: 0px 6px 4px rgb(112,112,112);
	box-shadow: 0px 6px 4px rgb(112,112,112);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: #1f752f;
	width:130px;
	height:130px;
	margin-top:7px;
}

.dash-btn2 {
    padding: 20px !important;
	-webkit-box-shadow: 0px 6px 4px rgb(112,112,112);
	-moz-box-shadow: 0px 6px 4px rgb(112,112,112);
	box-shadow: 0px 6px 4px rgb(112,112,112);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: #1f752f;
	width:210px !important;
	height:210px !important;
	margin-top:7px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
	overflow:visible;
}

.dash-btn2-inactive {
    padding: 20px !important;
	-webkit-box-shadow: 0px 6px 4px rgb(112,112,112);
	-moz-box-shadow: 0px 6px 4px rgb(112,112,112);
	box-shadow: 0px 6px 4px rgb(112,112,112);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: #A1D89C;
	width:125px !important;
	height:125px !important;
	margin-top:7px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
	overflow:visible;
}


.dash-btn-user {
    padding: 7px !important;
	-webkit-box-shadow: 0px 6px 4px rgb(112,112,112);
	-moz-box-shadow: 0px 6px 4px rgb(112,112,112);
	box-shadow: 0px 6px 4px rgb(112,112,112);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: #1f752f;
	width:140px !important;
	height:140px !important;
	margin-top:7px;
}

.dash-btn-text {
    padding-top:5px;
    color:#ffffff;
    opacity: 0.8;
    font-size:16px;
}

h1.dashboard, h1.dashboard a {
    padding:0px;
    margin:0px;
    font-size:24px;
    color:#1f752f !important;
    text-decoration:none;
}

a.dash-logout {
    color:#1f752f !important;
    text-decoration:none;
    font-size:14px;
}


.dash-section {
    background-color:#ffffff;
    padding:20px;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #d3cbcb;
    width:90%;
}

.account-alerts {
	background-color:#ffffff;
	border:1px solid #579f3c;
	padding:15px;
	width:98%;
	color:#000000;
	text-align:center;
}
.header-row {
	min-height: 100px;
	}
	.header-row img {
		padding: 20px;
		max-height: 100px; }


.color-row {
	min-height: 40px;
	background-color: #1f752f;
	}

.center-content {
	padding: 20px;
	}

.footer-row {
	padding: 20px;
	color: #333333;
	}




h2.account {
    font-size:18px;
    padding:0px;
    margin:0px;
    color:#2a863b;
    line-height:22px;
}


.btn-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1f752f;
  *background-color: #1f752f;
  background-image: -moz-linear-gradient(top, #f89406, #f37121);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#f37121));
  background-image: -webkit-linear-gradient(top, #f89406, #f37121);
  background-image: -o-linear-gradient(top, #f89406, #f37121);
  background-image: linear-gradient(to bottom, #f89406, #f37121);
  background-repeat: repeat-x;
  /*border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
}

.btn-custom {
  background-color: hsl(26, 100%, 44%) !important;

  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1aaa0b", endColorstr="#187502");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#1aaa0b), to(#187502));
  background-image: -moz-linear-gradient(top, #1aaa0b, #187502);
  background-image: -ms-linear-gradient(top, #1aaa0b, #187502);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1aaa0b), color-stop(100%, #187502));
  background-image: -webkit-linear-gradient(top, #1aaa0b, #187502);
  background-image: -o-linear-gradient(top, #1aaa0b, #187502);
  background-image: linear-gradient(#1aaa0b, #187502);
  border-color: #187502 #187502 hsl(26, 100%, 41.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}


label { font-weight: bold;}

fieldset.aaa {
	border: 5px solid #1f752f;
	padding: 20px;
	margin-bottom: 10px;
	}

legend.aaa {
  display: block;
  width: auto;
  padding: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	line-height: 20px;
  color: #333333;
  border: 0;
  margin-bottom: 0;
}



@media (max-width: 600px) {
img.image_phone {

float:none !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;

max-width:90% !important;



}

div.image_phone {

float:none !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;

max-width:60% !important;



}

}