body {
	font-family: 'Roboto', sans-serif;
}
a:hover {
	text-decoration: none;
}
h1 {
	color: #0C3575;
}
.btn-primary {
    color: #fff;
    background-color: #0C3575;
    border-color: #0C3575;
}
.navbar {
    padding: .2rem .3rem;   background-color: #0C3575;
    border-bottom: solid 7px #fff;
    margin-bottom: 1.5rem;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.logo img {
 	max-height: 3.1rem;
 	margin-left: 2rem;
}
.nav-link {
	font-weight: 300;
}
.nav-link:hover {
	color: #fff !important;
}

/*CT Energy Unique Styles*/
.cdp-solar-icon {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 2rem;
    padding-top: .5rem;
}
.cdp-solar-icon img {
	width: 6rem;
}
.cdp-solar-icon-mobile {
	display: none;
}
.vendor-box {

}
.vendor-logo {
	padding: 1rem;
}
.vendor-contact {
	text-align: center;
}
.vendor-box h2 {
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: bold;
	margin-top: 1.5rem;
}
.vendor-phone {
	margin-top: .6rem;
}
.vendor-contact-button {
	margin-top: 2rem;
}

/*FORM*/
.form-container {
	margin-top: 1.5rem;
}
.checkboxes-large {
	font-size: 1.1rem;
}
.form-warning {
	color: #0f80ff;
	font-size: .9rem;
	font-style: italic;
	margin-bottom: .7rem;
}
.promo-message {
	background-color: #a4e8a2;
	padding: 2rem 1.5rem;
	margin-top: 2.5rem;
	font-size: 1.4rem;
	line-height: 1.9rem;
	text-align: center;
	border-radius: .4rem;
}
.form-buttons {
	text-align: right;
	margin-bottom: 2rem;
}
.user-info {
	padding: 1.2rem;
	border: solid 1px #cccccc;
	background-color: #f0f3f3;
	border-radius: .4rem;
	margin-top: 2rem;
}

/*ADMIN STYLES*/
.signin-container {
	max-width: 20rem;
	margin: 5rem auto;
	padding: 1.5rem;
	border-radius: .4rem;
	border: solid 1px #b3b3b3;
}
.signin-logo {
	padding: 1.5rem;
	background-color: #0C3575;
	margin-bottom: 1.5rem;
}
.form-signin input {
	margin-bottom: .5rem;
}
.tab-item a {
    font-size: 1.2rem;
    padding: .8rem 1.5rem;
}
.nav-tabs .tab-link {
    background-color: #eef1f1;
    margin-right: .4rem;
    text-align: center;
}
.nav-tabs .tab-link:hover {
    color: #000 !important;
}
.tab-link {
	color: #999999;
}
.tab-link.active {
	color: #0C3575 !important;
	font-weight: 800;
}
.tab-content {
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
	padding: 1.5rem;
}
.tab-count {
	font-weight: 600;
	padding-left: .5rem;
}
.tab-link.active > .tab-count {
	color: #fc0107 !important;
	font-weight: 500;
}
.table-grid {
	border: solid 1px #dee2e6;
	font-size: .9rem;
}
.table-grid thead {
	background-color: #000;
	color: #fff;
	font-size: .8rem;
	border: solid 1px #000;
}
.table-grid.table th {
    padding: .4rem;
    border-top: none;
    font-weight: 400;
}
.modal-buttons-top {
	margin-bottom: 1rem;
}
.grid-name {
	font-weight: 700;
}
.uploaded-photo {
	margin: .4rem 0rem 1.4rem 0rem;
}
.uploaded-photo img {
	max-height: 8rem;
}
.grid-logo {
	max-height: 3rem;
}
.grid-status {
	text-align: center;
	border-bottom: solid 1px #fff;
}
.modal-images {
	padding: 1.5rem;
}







	/* ----------------------------------  Medium only START */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)  {
	



	}
	/* ----------------------------------  Medium only END */







	/* ----------------------------------  Medium PORTRAIT only START */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {

	


	}
	/* ----------------------------------  Medium PORTRAIT only END */








		/* ---------------------------------- Small only START */
		@media screen and (max-width: 576px) {
		.navbar-collapse {
			margin-top: 1rem;
		}
		.nav-item {
			border-top: dotted 1px #526F9D;
		}
		.top-bar {
		    background-color: transparent;
		    padding: 0rem .5rem;
		    border-bottom: none;
		    margin-top: 1rem;
		    display: block !important;
		}
		.top-bar-nav {
			display: block;
			float: none;
		}
		.top-bar-link {
			display: inline-block;
			border: dotted 1px #526F9D;
		    margin-bottom: .4rem;
		}
		.top-bar a {
			color: rgba(255,255,255,.5);
		}
		.logo img {
		 	max-height: 3.1rem;
		 	margin-left: 0rem;
		}
		.cdp-solar-icon {
		    display: none;
		}
		.cdp-solar-icon-mobile {
			display: block;
			float: right;
		}
		.cdp-solar-icon-mobile img {
			width: 5rem;
		}
		.vendor-box {
			margin-top: 2rem;
		}
		.form-buttons {
			text-align: center;
		}
		.tab-content {
		    padding: .5rem;
		}
		


		




		}
		/* ----------------------------------  Small only END */