/* MEWA Bg-Colors */
.mewa-bg-dark-blue {
    background-color: #00305A;
}
.mewa-bg-blue {
    background-color: #5B9BD5;
}
.mewa-bg-dark-green {
    background-color: #008840;
}
.mewa-bg-green {
    background-color: #63BD69;
}
.mewa-bg-gray {
    background-color: #E2E7E8;
}
.mewa-bg-dark-red {
    background-color: #9e0000;
}

/* MEWA Buttons */
.mewa-btn {
    border: none;
    border-radius: 10px;
    padding: 4px 8px;
    margin: 4px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.4s;
    cursor: pointer;
}

  /* Dark Blue */
.mewa-btn-dark-blue {
    background-color: #00305A;
    color: white;
    border: 2px solid #00305A;
}
.mewa-btn-dark-blue:hover {
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    transform: translateY(-4px);
}
.mewa-btn-outline-dark-blue {
    background-color: white;
    color:  #00305A;
    border: 2px solid #00305A;
}
.mewa-btn-outline-dark-blue:hover {
    background-color: #00305A;
    color: white;
}

  /* Blue */
.mewa-btn-blue {
    background-color: #5B9BD5;
    color: black;
    border: 2px solid #5B9BD5;
}
.mewa-btn-blue:hover {
    color: black;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    transform: translateY(-4px);
}
.mewa-btn-outline-blue {
    background-color: white;
    color: #5B9BD5;
    border: 2px solid #5B9BD5;
}
.mewa-btn-outline-blue:hover {
    background-color: #5B9BD5;
    color: black;
  }

/* Dark Green */
.mewa-btn-dark-green {
    background-color: #008840;
    color: white;
    border: 2px solid #008840;
}
.mewa-btn-dark-green:hover {
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    transform: translateY(-4px);
}
.mewa-btn-outline-dark-green {
    background-color: white;
    color: #008840;
    border: 2px solid #008840;
}
.mewa-btn-outline-dark-green:hover {
    background-color: #008840;
    color: white;
}

/* Green */
.mewa-btn-green {
    background-color: #63BD69;
    color: black;
    border: 2px solid #63BD69;
}
.mewa-btn-green:hover {
    color: black;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    transform: translateY(-4px);
}
.mewa-btn-outline-green {
    background-color: white;
    color: #63BD69;
    border: 2px solid #63BD69;
}
.mewa-btn-outline-green:hover {
    background-color: #63BD69;
    color: black;
}

/* Gray */
.mewa-btn-gray {
    background-color: #888888;
    color: black;
    border: 2px solid #888888;
}
.mewa-btn-gray:hover {
    color: black;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    transform: translateY(-4px);
}
.mewa-btn-outline-gray {
    background-color: white;
    color: #888888;
    border: 2px solid #888888;
}
.mewa-btn-outline-gray:hover {
    background-color: #888888;
    color: black;
}

/* Red */
.mewa-btn-dark-red {
    background-color: #9e0000;
    color: white;
    border: 2px solid #9e0000;
}
.mewa-btn-dark-red:hover {
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    transform: translateY(-4px);
}
.mewa-btn-outline-dark-red {
    background-color: white;
    color: #9e0000;
    border: 2px solid #9e0000;
}
.mewa-btn-outline-dark-red:hover {
    background-color: #9e0000;
    color: white;
}