/*
 * Meshki v2.0.0 (https://borderliner.github.io/Meshki/)
 * Copyright 2017 Mohammadreza Hajianpour <hajianpour.mr@gmail.com>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
button.yellow,
a.button.yellow,
input[type="submit"].yellow,
input[type="reset"].yellow,
input[type="button"].yellow {
  border: 2px #f9f300 solid;
  color: #f9f300; }

button.yellow:hover,
a.button.yellow:hover,
input[type="submit"].yellow:hover,
input[type="reset"].yellow:hover,
input[type="button"].yellow:hover {
  background-color: #f9f300;
  border-color: #f9f300;
  color: #222; }

button.yellow:active,
a.button.yellow:active,
input[type="submit"].yellow:active,
input[type="reset"].yellow:active,
input[type="button"].yellow:active {
  background-color: #bfbb1a;
  border-color: #bfbb1a; }

button.crimson,
a.button.crimson,
input[type="submit"].crimson,
input[type="reset"].crimson,
input[type="button"].crimson {
  border: 2px #9a0000 solid;
  color: #9a0000; }

button.crimson:hover,
a.button.crimson:hover,
input[type="submit"].crimson:hover,
input[type="reset"].crimson:hover,
input[type="button"].crimson:hover {
  background-color: #9a0000;
  border-color: #9a0000;
  color: #e1e1e1; }

button.crimson:active,
a.button.crimson:active,
input[type="submit"].crimson:active,
input[type="reset"].crimson:active,
input[type="button"].crimson:active {
  background-color: #6f0606;
  border-color: #6f0606; }

button.purple,
a.button.purple,
input[type="submit"].purple,
input[type="reset"].purple,
input[type="button"].purple {
  border: 2px #9c27b0 solid;
  color: #9c27b0; }

button.purple:hover,
a.button.purple:hover,
input[type="submit"].purple:hover,
input[type="reset"].purple:hover,
input[type="button"].purple:hover {
  background-color: #9c27b0;
  border-color: #9c27b0;
  color: #e1e1e1; }

button.purple:active,
a.button.purple:active,
input[type="submit"].purple:active,
input[type="reset"].purple:active,
input[type="button"].purple:active {
  background-color: #7b1fa2;
  border-color: #7b1fa2; }

button.lime,
a.button.lime,
input[type="submit"].lime,
input[type="reset"].lime,
input[type="button"].lime {
  border: 2px #c0ca33 solid;
  color: #c0ca33; }

button.lime:hover,
a.button.lime:hover,
input[type="submit"].lime:hover,
input[type="reset"].lime:hover,
input[type="button"].lime:hover {
  background-color: #c0ca33;
  border-color: #c0ca33;
  color: #222; }

button.lime:active,
a.button.lime:active,
input[type="submit"].lime:active,
input[type="reset"].lime:active,
input[type="button"].lime:active {
  background-color: #9e9d24;
  border-color: #9e9d24; }

button.brown,
a.button.brown,
input[type="submit"].brown,
input[type="reset"].brown,
input[type="button"].brown {
  border: 2px #8d6e63 solid;
  color: #8d6e63; }

button.brown:hover,
a.button.brown:hover,
input[type="submit"].brown:hover,
input[type="reset"].brown:hover,
input[type="button"].brown:hover {
  background-color: #8d6e63;
  border-color: #8d6e63;
  color: #e1e1e1; }

button.brown:active,
a.button.brown:active,
input[type="submit"].brown:active,
input[type="reset"].brown:active,
input[type="button"].brown:active {
  background-color: #6d4c41;
  border-color: #6d4c41; }

button.space,
a.button.space,
input[type="submit"].space,
input[type="reset"].space,
input[type="button"].space {
  border: 2px #607d8b solid;
  color: #607d8b; }

button.space:hover,
a.button.space:hover,
input[type="submit"].space:hover,
input[type="reset"].space:hover,
input[type="button"].space:hover {
  background-color: #607d8b;
  border-color: #607d8b;
  color: #e1e1e1; }

button.space:active,
a.button.space:active,
input[type="submit"].space:active,
input[type="reset"].space:active,
input[type="button"].space:active {
  background-color: #455a64;
  border-color: #455a64; }

button.rose,
a.button.rose,
input[type="submit"].rose,
input[type="reset"].rose,
input[type="button"].rose {
  border: 2px #e91e63 solid;
  color: #e91e63; }

button.rose:hover,
a.button.rose:hover,
input[type="submit"].rose:hover,
input[type="reset"].rose:hover,
input[type="button"].rose:hover {
  background-color: #e91e63;
  border-color: #e91e63;
  color: #e1e1e1; }

button.rose:active,
a.button.rose:active,
input[type="submit"].rose:active,
input[type="reset"].rose:active,
input[type="button"].rose:active {
  background-color: #c2185b;
  border-color: #c2185b; }

button.cyan,
a.button.cyan,
input[type="submit"].cyan,
input[type="reset"].cyan,
input[type="button"].cyan {
  border: 2px #00e5ff solid;
  color: #00e5ff; }

button.cyan:hover,
a.button.cyan:hover,
input[type="submit"].cyan:hover,
input[type="reset"].cyan:hover,
input[type="button"].cyan:hover {
  background-color: #00e5ff;
  border-color: #00e5ff;
  color: #222; }

button.cyan:active,
a.button.cyan:active,
input[type="submit"].cyan:active,
input[type="reset"].cyan:active,
input[type="button"].cyan:active {
  background-color: #00b8d4;
  border-color: #00b8d4; }