.buttonHover {
    display: inline-block;
    border-radius: 5px;
    background-color: #0483b2;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

    .buttonHover:hover {
        background-color: #0f68ad;
        border: 1px;
        border-color: black;
    }

    .buttonHover:focus {
        background-color: #56086c;
        border: 1px;
        border-color: white;
    }

.buttonHoverDanger {
    display: inline-block;
    border-radius: 5px;
    background-color: red;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}


.buttonPuple {
    display: inline-block;
    border-radius: 5px;
    background-color: #aa28fe;
    border: none;
    color: white;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}


.buttonHoverInTable {
    display: inline-block;
    border-radius: 5px;
    background-color: #0726c5;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 7pt;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
}

    .buttonHoverInTable:hover {
        background-color: #047eab;
        border: 1px;
        border-color: black;
    }


.buttonRichElectricBlue {
    display: inline-block;
    border-radius: 5px;
    background-color: #0e94d4;
    border: none;
    color: white;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    font-weight: bold;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}


.buttonGenericViridian {
    display: inline-block;
    border-radius: 5px;
    background-color: #008868;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

    .buttonGenericViridian:hover {
        background-color: #307766;
        border: 1px;
        border-color: black;
    }

    .buttonGenericViridian:focus {
        background-color: #307766;
        border: 1px;
        border-color: white;
    }


.buttonSormeei {
    display: inline-block;
    border-radius: 5px;
    background-color: #108;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

    .buttonSormeei:hover {
        background-color: #0d0066;
        border: 1px;
        border-color: black;
    }

    .buttonSormeei:focus {
        background-color: #0d0066;
        border: 1px;
        border-color: white;
    }



.buttonYellow {
    display: inline-block;
    border-radius: 5px;
    background-color: #e4ec3d;
    border: none;
    color: #000000;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

    .buttonYellow:hover {
        background-color: #8ca407;
        border: 1px;
        border-color: black;
    }

    .buttonYellow:focus {
        background-color: #8ca407;
        border: 1px;
        border-color: white;
    }


.buttonBanafsh {
    display: inline-block;
    border-radius: 5px;
    background-color: #a21dc7;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

    .buttonBanafsh:hover {
        background-color: #de78fb;
        border: 1px;
        border-color: black;
    }

    .buttonBanafsh:focus {
        background-color: #de78fb;
        border: 1px;
        border-color: white;
    }



.buttonGhermezPorang {
    display: inline-block;
    border-radius: 5px;
    background-color: #ae1d24;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

    .buttonGhermezPorang:hover {
        background-color: #ae1d24;
        border: 1px;
        border-color: black;
    }

    .buttonGhermezPorang:focus {
        background-color: #ae1d24;
        border: 1px;
        border-color: white;
    }

.buttonSabzRoshan {
    display: inline-block;
    border-radius: 5px;
    background-color: #C8FFA4;
    color: black;
    border: none;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

    .buttonSabzRoshan:hover {
        background-color: #C8FFA4;
        border: 1px;
        border-color: black;
        color: black;
    }

    .buttonSabzRoshan:focus {
        background-color: #C8FFA4;
        border: 1px;
        border-color: white;
        color: black;
    }



.buttonPersianBlue {
    display: inline-block;
    border-radius: 5px;
    background-color: #1d48c7;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: medium;
    transition: all 0.5s;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

    .buttonPersianBlue:hover {
        background-color: #265af4;
        border: 1px;
        border-color: black;
    }

    .buttonPersianBlue:focus {
        background-color: #265af4;
        border: 1px;
        border-color: white;
    }