/************************************** Buttons ripple effect ************************************/
.ripple-button-acm {
	outline: none;
    border: none;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	max-height: 30px;
	position:relative;
	overflow:hidden;
	-webkit-transition: all 0.2s ease-in-out 0s; /* Este último 0 es el retardo al empezar*/
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	z-index:0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ripple-button-acm.without-input {
	cursor: pointer;
	color: #ffffff;
    font-family: "Roboto",sans-serif;
	font-size: 14px;
	padding: 8px 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 100%;
    text-decoration: none;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	display: block;
    min-width: 110px;
    text-align: center;
    box-sizing: border-box;
    height: 30px;
	outline: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	width: auto;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: transparent;
	margin: 0;
	border: 0;
	border: none;
	box-sizing: border-box !important;
}
.ripple-button-acm a,
.ripple-button-acm input {
	cursor: pointer;
	color: #ffffff;
	font-family: "Roboto",sans-serif;
	font-size: 14px;
	padding: 8px 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 100%;
    text-decoration: none;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	display: block;
  text-align: center;
  box-sizing: border-box;
  height: 30px;
	outline: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	width: auto;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	background: transparent;
	margin: 0;
	border: 0;
	border: none;
	min-width: 110px;
}
.ripple-button-acm.mini a, .ripple-button-acm.mini input {
	height: 20px;
	padding: 8px 14px;
	font-size: 13px;
	line-height: 40%;
    min-width: 100px;
}
.ripple-button-acm input:hover,
.ripple-button-acm input:focus {
	cursor: pointer;
}
.ripple-button-acm input::-moz-focus-inner {
    padding: 0;
    border: 0
}
.ripple-button-acm.disabled {
	opacity: 0.4;
	pointer-events: none;
}
.ripple-button-acm.disabled a,
.ripple-button-acm.disabled input {
	cursor: default;
}
.ripple-button-acm .overlay {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 0.40);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}
.ripple-button-acm .animate {
	-webkit-animation:ripple-animation 0.65s linear;
   	   -moz-animation:ripple-animation 0.65s linear;
	    -ms-animation:ripple-animation 0.65s linear;
    	 -o-animation:ripple-animation 0.65s linear;
        	animation:ripple-animation 0.65s linear;
}
@-webkit-keyframes ripple-animation {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple-animation {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple-animation {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple-animation {
    100% {opacity: 0; transform: scale(2.5);}
}


.ripple-button-acm.blue {
	background: #4EA8D1;
}
.ripple-button-acm.blue.disabled:hover,
.ripple-button-acm.blue.disabled:focus {
	background: #4EA8D1;
}
.ripple-button-acm.blue:hover,
.ripple-button-acm.blue:focus {
	background-color: #6EC8F1;
}
.ripple-button-acm.lightblue {
	background: #79bcb8;
}
.ripple-button-acm.lightblue.disabled:hover,
.ripple-button-acm.lightblue.disabled:focus {
	background: #79bcb8;
}
.ripple-button-acm.lightblue:hover,
.ripple-button-acm.lightblue:focus {
	background-color: #91c8c4;
}
.ripple-button-acm.bee {
	background: #4EA8D1 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -171px -413px;
}
.ripple-button-acm.bee:hover,
.ripple-button-acm.bee:focus {
	background: #6EC8F1 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -171px -413px;
}
.ripple-button-acm.twitter {
	background: #55acee url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -762px -744px;
}
.ripple-button-acm.twitter.disabled:hover,
.ripple-button-acm.twitter.disabled:focus {
	background: #55acee url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -762px -744px;
}
.ripple-button-acm.twitter:hover,
.ripple-button-acm.twitter:focus {
	background: #6CB7F0 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -762px -744px;
}
.ripple-button-acm.facebook {
	background: #3b5998 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -762px -770px;
}
.ripple-button-acm.facebook.disabled:hover,
.ripple-button-acm.facebook.disabled:focus {
	background: #3b5998 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -762px -770px;
}
.ripple-button-acm.facebook:hover,
.ripple-button-acm.facebook:focus {
	background: #4264AA url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -762px -770px;
}
.ripple-button-acm.orange {
	background-color: #fa8d21;
}
.ripple-button-acm.orange.disabled:hover,
.ripple-button-acm.orange.disabled:focus {
	background: #fa8d21;
}
.ripple-button-acm.orange:hover,
.ripple-button-acm.orange:focus {
	background-color: #FF6F09;
}
.ripple-button-acm.grey {
	background-color: #c0c9ce;
}
.ripple-button-acm.grey.disabled:hover,
.ripple-button-acm.grey.disabled:focus {
	background: #c0c9ce;
}
.ripple-button-acm.grey:hover,
.ripple-button-acm.grey:focus {
	background-color: #b0b9be;
}
.ripple-button-acm.white {
	background-color: #FFFFFF;
}
.ripple-button-acm.white.disabled:hover,
.ripple-button-acm.white.disabled:focus {
	background: #FFFFFF;
}
.ripple-button-acm.white a,
.ripple-button-acm.white input {
	color: #424242;
	text-shadow: 0 0 1px rgba(66, 66, 66, 0.2);
}
.ripple-button-acm.white .overlay {
	background:rgba(187, 187, 187, 0.35);
}
.ripple-button-acm.purple-1 {
	background: #764875;
}
.ripple-button-acm.purple-1.disabled:hover,
.ripple-button-acm.purple-1.disabled:focus {
	background: #764875;
}
.ripple-button-acm.purple-1:hover,
.ripple-button-acm.purple-1:focus {
	background-color: #8e698e;
}

.left-icon a,
.left-icon input {
	padding-left: 36px;
}
.right-icon a,
.right-icon input {
	padding-right: 36px;
}
.ripple-button-acm.orange.next input,
.ripple-button-acm.orange.next a {
	background: #fa8d21 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll 81px -452px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
    min-width: 120px;
}
.ripple-button-acm.orange.next:hover input,
.ripple-button-acm.orange.next:focus input,
.ripple-button-acm.orange.next:hover a,
.ripple-button-acm.orange.next:focus a {
	background: #FF6F09 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll 81px -452px;
}
.ripple-button-acm.orange.previous input,
.ripple-button-acm.orange.previous a {
	background: #fa8d21 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -1px -371px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
    min-width: 120px;
}
.ripple-button-acm.orange.previous:hover input,
.ripple-button-acm.orange.previous:focus input,
.ripple-button-acm.orange.previous:hover a,
.ripple-button-acm.orange.previous:focus a {
	background: #FF6F09 url("/static/img/editor_icos.e448bab1c29b.png") no-repeat scroll -1px -371px;
}
.ripple-button-acm.blue.add-payment input,
.ripple-button-acm.blue.add-payment a {
	background: #4ea8d1 url("/static/img/redesign_v4/icon-add-payment.38ee03e5fd2e.svg") no-repeat scroll 20px 3px / 24px auto;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	padding-left: 60px;
}
.ripple-button-acm.blue.add-payment:hover input,
.ripple-button-acm.blue.add-payment:focus input,
.ripple-button-acm.blue.add-payment:hover a,
.ripple-button-acm.blue.add-payment:focus a {
	background: #6EC8F1 url("/static/img/redesign_v4/icon-add-payment.38ee03e5fd2e.svg") no-repeat scroll 20px 3px / 24px auto;
}
/************************************ Fin buttons ripple effect **********************************/