md-sidenav {
   width: 100px;
   min-width: 250px;
   max-width: 250px;
 }

md-badge{
  background-color: red;
  color: white;
  padding: 2px 4px;
  border-radius: 40%;
  position: relative;
  left: 10px;
  top:-20px;
}


.menu-items {
	list-style-type: none;
	padding: none;
}

.table-headers {
	font-weight: bold;
}

.manager-table:hover{
	background-color: #ddd;
};


.striped-table:nth-child(even) {
	background-color: #f2f2f2
}

.striped-table:hover,
#admin-table:hover {
	background-color: #ddd;
}

#striped-table:nth-child(even) {
	background-color: #e6f2ff;
	color: black;
}

#uncatalogued-products:hover,
#admin-table:hover {
	background-color: #ddd;
}

.borderded-table{
	border: 5px solid;
}




#toaster {
  position: fixed;
  top: 56px;
  height: 48px;
  left: 0;
  width: 100%;
  z-index: 10000;
}


.thumbnail-img {
	height: 3em;
	max-width: 100%;
}


.image-preview {
	height: 10em;
	max-width: 100%;
}


.warn {
	background-color: red;
}

.info {
	background-color: #99ff99;
}

.angular-with-newlines {
    white-space: pre-line;
}

.description-card {
	height: 20em;
}

.accordion-handle{
	height: 2em;
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	background-color: blue;
}

.confirmed {
	color: #99ff33;
}

#homepage-banner{
	background-image: url('/images/homepage2.jpg');
	background-repeat: no-repeat;
	height: 80vh;
	background-size:cover;
	background-position:center;
}


#solutions-page-header{
	background-image: url('/images/light-bulb.jpg');
	background-repeat: no-repeat;
	height: 40vh;
	background-size:cover;
	background-position:center;
}

#solutions-home{
	background-image: url('/images/solar-home.jpg');
	background-repeat: no-repeat;
	height: 40vh;
	background-size:cover;
	background-position:center;
}

#solutions-office{
	background-image: url('/images/office.jpg');
	background-repeat: no-repeat;
	height: 40vh;
	background-size:cover;
	background-position:center;
}

#solutions-estate{
	background-image: url('/images/estate.jpg');
	background-repeat: no-repeat;
	height: 40vh;
	background-size:cover;
	background-position:center;
}

#solutions-others{
	background-image: url('/images/street-lights.jpg');
	background-repeat: no-repeat;
	height: 40vh;
	background-size:cover;
	background-position:center;
}

.banner-text {
	color: white;
	font-weight: bold;
	font-size: 2em;
	text-transform: uppercase;
	font-family: 'Dokdo', cursive;
}

.text-box {
	opacity: 1.0;
	color: white;
	font-weight: bold;
}

.text-box-dark {
	opacity: 1.0;
	color: black;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.5);
}

.table-ref {
	font-weight: bold;
}

.poise-logo-text{
	font-family: 'Audiowide', cursive;
	font-weight: bolder;
	color: #b366ff;
}

.energy-logo-text{
	font-family: 'Audiowide', cursive;
	color: #00b300;
}

@media screen and (max-width: 680px) {
  .poise-logo-text {
    font-size: 5vw;
  }
  .energy-logo-text{
  	font-size: 4vw;
  }

}

@media screen and (min-width: 681px) {
  .poise-logo-text {
    font-size: 2.5vw;
  }
  .energy-logo-text{
  	font-size: 2vw;
  }
  #solutions-page-header{
  	height:100vh;
  }
  #solutions-home{
  	height: 100vh;
  }
  #solutions-office{
  	height: 100vh;
  }
  #solutions-estate{
  	height: 100vh;
  }
  #solutions-others{
  	height: 100vh;
  }


}

.large-display{
	font-size: 3.5em;
	text-align: center;
	font-weight: bold;
}

.large-display2{
	font-size: 2em;
	text-align: center;
	font-weight: bold;
} 

.warn-text {
	color: red;
}

.info-text {
	color: green;
}

.info-light-text {
	color: #00ff00;
}

.grey-back {
	background-color: rgb(230, 255, 230);
}

.greener-back {
	background-color: rgb(179, 255, 179);
}

.section-box {
	border: 0.05em solid;
	border-radius: 1em;
	padding: 1em;
	margin: 0.5em;
}

.rounded-card {
	border-radius: 2em;
}

.boxed-solution{
	border: 0.05em solid;
	height: 20em;
}
/**Archive styles **/


.navbar {
	margin-bottom: 0;
}

.nav > li > a {
 font-size:1.3em;
 margin-top: 1em;
 text-transform: uppercase;
}

.nav > li > a:hover {
	font-size: 1.2em;
}

.nav > .active {
	background-color: #4d096bff;
	font-size: 1.2em;
}

.navbar-left {
	margin-right: 3em;
	padding: 1em;
}

.content-container {
	margin-top: 4em;
};

.catalogue-products {
	margin: auto;
}


#utility-bar {
	margin-bottom: 4em;
}

#price-setter {
	margin-top: 3.3em;
}

#price-slider {
	margin-top:0.5em;
}

.product-card {
	margin: 2em;
	padding: 0 2em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 1em;
	-webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; /* Safari */
    transition: width 0.5s, height 0.5s, transform 0.5s;
}

.height-card {
	height: 20vh;
	font-size: 1.3em;
}


.product-card:hover {
	-ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); /* Standard syntax */
}


.product-details-panel {

}

#product-name {
	font-size: 0.9em;
}


footer {
	color: white;
    padding: 25px;
    margin-top: 10em;
    padding-left: 10em;
}

footer > div a {
	color: white;
	text-decoration: none;
}

.contact-info {
	padding:5em;
}

#thumbnail-image {
	cursor: pointer;
}

#thumbnail-image:hover {
	border: solid 2px gray;
}

#selected-image img {
	border:none;
	cursor: pointer;
	width: 60%;
	margin:auto;
}

#product-detail-price {
	font-size: 2em;
	margin-top:1em;
}

#product-details-action-column {
	margin-top:2em;
	margin-bottom: 10em;
}

#key-features {
	margin-top: 1em;
}

.description-and-review {
	padding:4em;
}

.price-control-label{
	padding-left: 1em;
}

#full-description {
	margin-top:3em;
}

#product-tag-container {
	margin-top: 1em;
}

#product-tag-title {
	display: inline-block;
	padding:0.8em;
	margin:0.3em;
	background-color: #7a2da2ff;
	border-radius: 0.5em;
	border: 0.3px solid;
	color:white;
}

.product-tags {
	padding:0.8em;
	border-radius: 0.5em;
	background-color: #f2f2f2;
}

.tag-iterator {
	margin-left:1em;
	margin-top: 2.2em;
	display: inline-block;
}


#breadcrumbs-row {
	background-color: #f2f2f2;
	margin-top:3em;
	border: 2px solid #e6e6e6;
	border-radius: 1em;
}

.breadcrumbs {
	list-style-type: none;
}

.breadcrumbs li a{
	padding: 1em;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-decoration: none
}

.breadcrumbs li a:hover{
	background-color: #7a2da2ff;
	color: white;
}

#breadcrumb-chevron {
	color:blue;
}



.colour-codes{
	width: 2em;
	height: 2em;
	border: 1px solid;
	margin: 0em 0.5em 0em 1.5em;
}

.approved {
	background-color: #ccffcc;
}

.rejected {
	background-color: #ffcccc;
}



.form-error-message {
	background-color: red;
	color: white;
	font-weight: bold;
}

.review-table {
	border:1px solid;
	overflow-wrap: break-word;
}

#admin-sidebar {
	list-style-type: none;
	padding: 0px;
}
#admin-sidebar li {
	padding:1em 0;
}

#admin-sidebar li a {
	padding:1em;
	font-size: 1.2em
}

#admin-sidebar-container {
	padding: 0;
}

#admin-table {
	padding:1em;
}

.admin-input {
	margin-top: 1em;
	margin-bottom: 1em;
}

.collapse-text-toggle {
    font-size: 0.9em;
    color: blue;
    cursor: pointer;
}
.collapse-text-toggle:hover {
    color: #222222;
}
.collapse-text-toggle:before {
    content: '\00a0(';
}
.collapse-text-toggle:after {
    content: ')';
}

.border-box {
	border: solid 1px;
	padding: 2em;
}

.border-box-with-hover {
	border: solid 0.5px;
	padding: 2em;
}

.border-box-with-hover:hover {
	border: 2px;
}

.selected {
	background-color: gray;
}