img.predef{
	height: 100px;width:auto;
}


.img-brand {
	height: 30px !important;
	width: auto;
}

div.card-ecomatic{ 
	cursor: pointer;
	border-radius:0;
	height:180px;
	background-color:#000;
	border:none;
}

.white-color{
	color: #fff !important;
}

.ecomatic-wrapper{
	margin: 5% auto;
	position: relative;
	max-width: 900px !important;
}

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

.bg-ecomatic{
	background-color: #F05050 !important;
}

.btn-ecomatic{
	background-color: #F05050;
	border:none !important;
	color: #fff;
}

.btn-ecomatic:hover, .btn-ecomatic:focus, .btn-ecomatic:active{
	background-color: #fff;
	color: #F05050;
	border:#F05050 2px solid;
}

.color-ecomatic{
	color: #F05050 !important;
}

tbody tr{
	cursor: pointer;
}

 /* Scale canvas with resize attribute to full size */
canvas[resize] {
    width: 100%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
}