.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);
}



.buttonHover2 {
    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: 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

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

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

.buttonHoverDanger2 {
    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: 2px;
    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;
    }

.buttonGhermezPorang2 {
    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: 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(0,0,0,0.4);
}

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

    .buttonGhermezPorang2: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;
    }


.buttonHoverBanafsh {
    display: inline-block;
    border-radius: 5px;
    background-color: #F56BD3;
    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);
}

    .buttonHoverBanafsh:hover {
        background-color: #B90D8E;
        border: 1px;
        border-color: black;
    }

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


.buttonHoverSabzRoshan {
    display: inline-block;
    border-radius: 5px;
    background-color: #206846;
    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);
}

    .buttonHoverSabzRoshan:hover {
        background-color: #03850D ;
        border: 1px;
        border-color: black;
    }

    .buttonHoverSabzRoshan:focus {
        background-color: #06D215;
        border: 1px;
        border-color: white;
    }



.buttonMidnightGreen {
    display: inline-block;
    border-radius: 5px;
    background-color: #004d55;
    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);
}

.buttonMidnightGreen:hover {
        background-color: #047b87;
        border: 1px;
        border-color: black;
    }

    .buttonMidnightGreen:focus {
        background-color: #033338;
        border: 1px;
        border-color: white;
    }



.buttonDenim {
    display: inline-block;
    border-radius: 5px;
    background-color: #1765c9;
    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);
}

    .buttonDenim:hover {
        background-color: #0f4180;
        border: 1px;
        border-color: black;
    }

    .buttonDenim:focus {
        background-color: #0f4180;
        border: 1px;
        border-color: white;
    }