/* Copyright 2019-2020 Lovac42
 * Copyright 2018 hkr <hkrysg@gmail.com>
*/

/*
    CSS was taken from and modified as needed:
        Large and Colorful Buttons
        https://ankiweb.net/shared/info/1829090218
*/




/* ReMemorize Buttons */
.rem_time1 ~ button {
    background-color: lightgray !important;
}
.rem_time2 ~ button {
    background-color: darkgray !important;
}
.rem_time3 ~ button  {
    background-color: gray !important;
}
.rem_time4 ~ button  {
    background-color: #455A64 !important;
}
.rem_error ~ button  {
    background-color: maroon !important;
    font-weight: bold;
}

.rem_time1 {
    color: lightgray !important;
}
.rem_time2 {
    color: darkgray !important;
}
.rem_time3 {
    color: gray !important;
}
.rem_time4 {
    color: #455A64 !important;
}
.rem_error  {
    color: red !important;
    font-weight: bold;
}


/* All buttons at the bottom of the review screen
   (including the "Edit" and "More" button) */
button {
%s
    min-width: 60px;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin: 2px 6px 6px !important;
}

/* the "Show Answer" button */
#ansbut {
    width: 300px !important;
    background-color: #455A64 !important;
    font-weight: normal;
    opacity: .8;
}

/* the "Show Next" button */
#nxtbut {
    width: 20px !important;
    min-width: 20px !important;
    font-weight: normal;
    opacity: .75;
    margin-left: -7px !important;
}


/* All rating buttons */
#middle button {
    width: 48px;
    color: white;
}

/* the "Good" button */
#defease {
    background-color: #4CAF50 !important;
}

/* the "Again" button */
button[onclick*="ease1"]:not(#defease) {
    background-color: #D32F2F;
}

/* the "Hard" button */
button[onclick*="ease2"]:not(#defease) {
    background-color: #455A64;
}

/* the "Easy" button */
button[onclick*="ease3"]:not(#defease),
button[onclick*="ease4"]:not(#defease) {
    background-color: #03A9F4;
}

/* the "Edit" button */
button[onclick*="edit"] {
    font-weight: normal;
    font-size: 11px;
    opacity: .75;
}

/* the "More" button */
button[onclick*="more"] {
    font-weight: normal;
    font-size: 11px;
    opacity: .76;
}

