/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom button Style Sheet
 */

[class*="btn"],
[class*="btn"] + [class*="btn"],
[class*="button-"],
[class*="button-"] + [class*="button-"] {
  margin-right: 10px;
}

[class*="button-"], .ease-effect {
    transition: all 0.15s ease-in-out 0s;
}

td [class*="button-"] {
  margin-right: 0px;
}

.btn,
.button-grey, 
.button-blue, 
.button-green,
.button-red,
.button-black,
.button-orange,
.disabled {
  text-align: center;
  border: 1px solid white;
  border-radius: 20px;
  background-image: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  text-shadow: none;
  min-width: 70px;
  white-space: nowrap;
  font-weight: normal;
  color: white;
  cursor: pointer;
  line-height: 25px;
  padding: 6px 20px;
  font-size: 14px;
  text-decoration: none;
  background-color: rgb(255, 255, 255);
  border-color: rgb(204, 204, 204);
  color: rgb(51, 51, 51);
}

.btn-default,
.button-grey {
  background-color: rgb(255, 255, 255);
  border-color: rgb(204, 204, 204);
  color: rgb(51, 51, 51);
}

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active,
.button-grey:hover, 
.button-grey:focus, 
.button-grey:active, 
.button-grey.active {
  background-color: rgb(230, 230, 230);
  border-color: rgb(173, 173, 173);
  color: rgb(51, 51, 51);
  text-decoration: none;
}

.btn-primary,
.button-blue {
  background-color: rgb(66, 139, 202);
  border-color: rgb(53, 126, 189);
  color: rgb(255, 255, 255);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.button-blue:hover, 
.button-blue:focus, 
.button-blue:active, 
.button-blue.active {
  background-color: rgb(48, 113, 169);
  border-color: rgb(40, 94, 142);
  color: rgb(255, 255, 255);
  text-decoration: none;
}

#submit_btn,
.btn-success,
.button-green { 
  background-color: rgb(92, 184, 92);
  border-color: rgb(76, 174, 76);
  color: rgb(255, 255, 255);
}

#submit_btn:hover, 
#submit_btn:focus, 
#submit_btn:active, 
#submit_btn.active,
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active,
.button-green:hover, 
.button-green:focus, 
.button-green:active, 
.button-green.active {
  background-color: rgb(68, 157, 68);
  border-color: rgb(57, 132, 57);
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.button-green.disabled {
  /*background-color: rgb(92, 184, 92);
  border-color: rgb(76, 174, 76);*/
}

.btn-danger,
.button-red {
  background-color: rgb(217, 83, 79);
  border-color: rgb(212, 63, 58);
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active, 
.btn-danger.active,
.button-red:hover, 
.button-red:focus, 
.button-red:active, 
.button-red.active {
  background-color: rgb(201, 48, 44);
  border-color: rgb(172, 41, 37);
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.btn-warning,
.button-orange {
  background-color: rgb(240, 173, 78);
  border-color: rgb(238, 162, 54);
  color: rgb(255, 255, 255);
}

.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active, 
.btn-warning.active,
.button-orange:hover, 
.button-orange:focus, 
.button-orange:active, 
.button-orange.active {
  background-color: rgb(236, 151, 31);
  border-color: rgb(213, 133, 18);
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.disabled {
  background-color: #EEE;
  border-color: #EEE;
  color: #999;
}

.disabled:hover, 
.disabled:focus, 
.disabled:active, 
.disabled.active {
  background-color: #DDD;
  border-color: #DDD;
  color: #999;
  text-decoration: none;
}