.eco-button
{
	padding:2px;
	margin: 2px;
    padding-left:4px;
	border: 1px solid #dddddd;
    border-radius: 3px;
	background-color: white;
	color:black;
	vertical-align: middle;
	text-align: center;
	cursor:pointer;
    height: 30px !important ;
    display: inline-block;
}

.eco-button[disabled]
{
	background-color: #cccccc !important;
	color:#555555 !important;
    border: 1px solid #888888;
    pointer-events: none !important;
}

.eco-button[disabled] > .eco-button-text,
.eco-button[disabled] > i
{
    color: #777777  !important;
}


.eco-button-text
{
	color:black;
	font-size: 14px;
	text-align: center;
	margin: 2px;
    padding: 2px;
    text-align:center;
    vertical-align:middle;
}

.eco-button-icon
{
	width: 20px;
	height: 20px;
	color:white;
    padding: 2px;
	font-size: 15px;
}

.eco-button-default .eco-button-text,
.eco-button-positive .eco-button-text,
.eco-button-negative .eco-button-text,
.eco-button-warning .eco-button-text,
.eco-button-showDetails .eco-button-text,
.eco-button-dissociate .eco-button-text {
    color: white;
}

.eco-button-normal .eco-button-text,
.eco-button-normal i
{
    color: #23537c;
}

.eco-button-normal
{
    border:1px solid  #23537c;
	background-color: white;
}

.eco-button-normal:hover:not([disabled])
{
	background-color: #dddddd;
}

.eco-button-default
{
	border: 1px solid #1f4464;
	background-color: #23537c;
	color: white;
}

.eco-button-default:hover:not([disabled])
{
	background-color: #1f4464;
}

.eco-button-showDetails {
    border: 1px solid #43729a;
    background-color: #538dbf;
    color: white;
}

.eco-button-showDetails:hover:not([disabled]) {
   background-color: #43729a;
}

.eco-button-dissociate {
    border: 1px solid #c25252;
    background-color: #e05d5d;
    color: white;
}

.eco-button-dissociate:hover:not([disabled]) {
    background-color: #c25252;
}

.eco-button-positive {
    border: 1px solid #367736;
    background-color: #4a994a;
    color: white;
}

.eco-button-positive:hover:not([disabled])
{
	background-color: #367736;
}

.eco-button-negative
{
	border: 1px solid #8d2f2c;
	background-color: #b64441;
	color: white;
}

.eco-button-negative:hover:not([disabled])
{
	background-color: #8d2f2c;
}

.eco-button-warning
{
	border: 1px solid #96740d;
	background-color: #bc8e03;
	color: white;
}

.eco-button-warning:hover:not([disabled])
{	
	background-color: #96740d;
	color: white;
}

.eco-button-component .eco-loading {
    margin-right: 5px;
}

.eco-button-component .eco-spinner .dx-loadindicator-segment {
    background: white;
}