button { text-align: center; text-transform: uppercase !important; }
/*
button, input, input[type="password"], input[type="search"], isindex, textarea, select {
    height: 40px; font-size: 14px !important; outline: 0; -webkit-appearance: textfield; background-color: #FFF; border: transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; width: 100%;
border-image-repeat: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; letter-spacing: normal; border-radius: 5px;
word-spacing: normal; text-transform: none; text-indent: 0px; padding: 10px 14px; text-shadow: none; display: inline-block; text-align: start;
-webkit-writing-mode: horizontal-tb; font-weight: normal; line-height: 1.5; -webkit-box-shadow: none; box-shadow: none; transition: all .15s ease-in-out; color: #666666 !important; resize: none; }
button { text-align: center; text-transform: uppercase !important; }
*/



.button { -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; font-family: 'GudeaBold'; }
.button-block { width: 100%; }
.button-flex { display: flex !important; }
.button-flex .btn { width: 100% !important; }

.button-blue, .btn-button-blue {  border-color: #008cab; background-color: #008cab; color: #FFF; }
.button-blue:hover, .btn-button-blue:hover { color:#FFFFFF !important; background-color:#036b82 !important; }
.button-blue:active, .btn-button-blue:active { color:#FFFFFF !important; background-color:#036b82 !important; }
.button-blue.active, .btn-button-blue.active { color:#FFFFFF !important; background-color:#036b82 !important; }
.button-blue-hover, .btn-button-blue-hover { color:#FFFFFF !important; background-color:#036b82 !important; }

.button-red, .btn-button-red { border-color: #F44336; background-color: #F44336; color: #FFF; }
.button-red:hover, .btn-button-red:hover { color:#FFFFFF !important; background-color:#b3180d !important; }
.button-red:active, .btn-button-red:active { color:#FFFFFF !important; background-color:#b3180d !important; }
.button-red.active, .btn-button-red.active { color:#FFFFFF !important; background-color:#b3180d !important; }
.button-red-hover, .btn-button-red-hover { color:#FFFFFF !important; background-color:#b3180d !important; }

.button-purple, .btn-button-purple { border-color: #7209b7; background-color: #7209b7; color: #FFF; }
.button-purple:hover, .btn-button-purple:hover { color:#FFFFFF !important; background-color:#3a0ca3 !important; }
.button-purple:active, .btn-button-purple:active { color:#FFFFFF !important; background-color:#3a0ca3 !important; }
.button-purple.active, .btn-button-purple.active { color:#FFFFFF !important; background-color:#3a0ca3 !important; }
.button-purple-hover, .btn-button-purple-hover { color:#FFFFFF !important; background-color:#3a0ca3 !important; }

.button-grey, .btn-button-grey { border-color: #9e9e9e; background-color: #9e9e9e; color: #FFF; }
.button-grey:hover, .btn-button-grey:hover { color:#FFFFFF !important; background-color:#666 !important; }
.button-grey:active, .btn-button-grey:active { color:#FFFFFF !important; background-color:#666 !important; }
.button-grey.active, .btn-button-grey.active { color:#FFFFFF !important; background-color:#666 !important; }
.button-grey-hover, .btn-button-grey-hover { color:#FFFFFF !important; background-color:#666 !important; }

.button-green-lemon, .btn-button-lemon { border-color: #8bc34a; background-color: #8bc34a; color: #FFF; }
.button-green-lemon:hover, .btn-button-lemon:hover { color:#FFFFFF !important; background-color:#77a93c !important; }
.button-green-lemon:active, .btn-button-lemon:active { color:#FFFFFF !important; background-color:#77a93c !important; }
.button-green-lemon.active, .btn-button-lemon.active { color:#FFFFFF !important; background-color:#77a93c !important; }
.button-green-lemon-hover, .btn-button-lemon-hover { color:#FFFFFF !important; background-color:#77a93c !important; }

.button-green, .btn-button-green { border-color: #4dc5db; background-color: #4dc5db; color: #FFF; }
.button-green:hover, .btn-button-green:hover { color:#FFFFFF !important; background-color:#3e9cad !important; }
.button-green:active, .btn-button-green:active { color:#FFFFFF !important; background-color:#3e9cad !important; }
.button-green.active, .btn-button-green.active { color:#FFFFFF !important; background-color:#3e9cad !important; }
.button-green-hover, .btn-button-green-hover { color:#FFFFFF !important; background-color:#3e9cad !important; }

.button-white, .btn-button-white { border-color: #FFF; background-color: #FFF; color: #251e68; }
.button-white:hover, .btn-button-white:hover { color:#FFFFFF !important; background-color:#666 !important; }
.button-white:active, .btn-button-white:active { color:#FFFFFF !important; background-color:#666 !important; }
.button-white.active, .btn-button-white.active { color:#FFFFFF !important; background-color:#666 !important; }
.button-white-hover, .btn-button-white-hover { color:#FFFFFF !important; background-color:#666 !important; }

.button-yellow, .btn-button-yellow { border-color: #e4d06c; background-color: #e4d06c; color: #FFF; }
.button-yellow:hover, .btn-button-yellow:hover { color:#FFFFFF !important; background-color:#b99d27 !important; }
.button-yellow:active, .btn-button-yellow:active { color:#FFFFFF !important; background-color:#b99d27 !important; }
.button-yellow.active, .btn-button-yellow.active { color:#FFFFFF !important; background-color:#b99d27 !important; }
.button-yellow-hover, .btn-button-yellow-hover { color:#FFFFFF !important; background-color:#b99d27 !important; }

.button-orange, .btn-button-orange { border-color: #fbb75a; background-color: #fbb75a; color: #FFF; }
.button-orange:hover, .btn-button-orange:hover { color:#FFFFFF !important; background-color:#e2a046 !important; }
.button-orange:active, .btn-button-orange:active { color:#FFFFFF !important; background-color:#e2a046 !important; }
.button-orange.active, .btn-button-orange.active { color:#FFFFFF !important; background-color:#e2a046 !important; }
.button-orange-hover, .btn-button-orange-hover { color:#FFFFFF !important; background-color:#e2a046 !important; }
.select-color-orange { color:#e2a046 !important; }

.button-disable { cursor: default !important; opacity: .2 !important; /* background-color: #ccc !important; */ }
.button-disable:hover { background-color: #ccc !important; opacity: .2 !important; }
.btn-cancel { border-color: #03A9F4; background-color: #03A9F4; }
.btn-cancel:hover { color:#FFFFFF !important; background-color:#03A9F4 !important; }
.btn-off { opacity: .5 !important; }
.btn-off:hover { opacity: 1 !important; }

.btn-whatsapp { background: #8bc34a !important; }
.btn-whatsapp:hover { background: #71a732 !important; }
.btn-whatsapp .icon-system-whatsapp { color: #f7ecc1; }

.btn-website { background: #03A9F4 !important; }
.btn-website:hover { background: #167ead !important; }
.btn-website .icon-system-globe { color: #f7ecc1; }

.button-clean { cursor: pointer; background: transparent !important; border-color: transparent !important; background-color: transparent !important; }
.button-clean:hover,
.button-clean:active { background: transparent !important; border-color: transparent !important; background-color: transparent !important; }
.button-clean .icon { font-size: 20px; }
.button-clean .icon:hover { opacity: 0.4; }