input.btn {
  padding: 6px 7px 7px;
  background: #68b8d3;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  border: none;
  font: 0.923em Verdana, sans-serif;
  color: #fff;
}

span.btn {
  position: relative;
  display: inline-block;
  padding: 0;
  background: #68b8d3;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  border: none;  
  height: auto !important;
}

span.btn input 
{
    display: block;  
  position: relative;
  z-index: 2;
  padding: 5px 9px 6px 35px;
  background: transparent;
  color: #fff;
  border: none;
  font: 0.923em Verdana, sans-serif;
}


span.btn:before {
  position: absolute;
  z-index: 1;
  left: 8px;
  top: 2px;
  display: inline-block;
  width: 30px;
  height: 20px;
  padding: 0 0 0 0;
  content: '';
}

span.btn.btn-save {
  background: #34b74f;
  vertical-align: bottom;
}

span.btn.btn-save:before {
  background: transparent url(images/sprite-clouds.png) no-repeat -30px -180px;
}

span.btn.btn-reset {
  background: #a6a6a6;
}

span.btn.btn-reset:before {
  background: transparent url(images/sprite-clouds.png) no-repeat -30px -210px;
}


a.btn-create {
  display: inline-block;
  padding: 5px 9px 5px 7px;
  background: #68b8d3;
  font: 0.923em Verdana, sans-serif;
  color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-decoration: none;
}

a.btn-create:before {
  display: inline-block;
  width: 25px;
  height: 13px;
  padding: 0 5px 0 0;
  margin: 0 5px 0 0;
  vertical-align: -3px;
  background: transparent url(images/sprite-clouds.png) no-repeat -30px -120px;
  content: '';
}

a.btn-create.disabled {
  pointer-events: none;
  cursor: default;
  background: #d8d8d8;
}

a.btn-reset {
  display: inline-block;
  padding: 4px 9px 5px 7px;
  background:  #a6a6a6;
  font: 0.923em Verdana, sans-serif;
  color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-decoration: none;

    vertical-align: bottom;
}

a.btn-reset:before {
  display: inline-block;
  width: 30px;
  height: 15px;
  padding: 0 0 0 0;
  vertical-align: -3px;
  background: transparent url(images/sprite-clouds.png) no-repeat -30px -210px;
  content: '';
}

a.btn-reset.disabled {
  pointer-events: none;
  cursor: default;
  background: #d8d8d8;
}


a.btn-create#create-cloud {
  margin-bottom: 21px;
}

a.btn-create#create-cloud:before {
  background-position: -30px -120px;
}

a.btn-create#create-cloud.disabled:before {
  background-position: 0 -120px;
}

a.btn-create#create-vm {
  margin-bottom: 10px;
}

a.btn-create#create-vm:before {
  background-position: -30px -150px;
}

a.btn-create#create-vm.disabled:before {
  background-position: 0 -150px;
}