.blue-text {
    color: #005a8c;
}

.purple-text {
    color: #a535b9;
}

.phosphorus-text {
    color: #44cdd2
}

.red-text {
    color: #e74c3c;
}

.orange-text {
    color: #f88300;
}

.green-text {
    color: #309340;
}

.blue-bg {
    background-color: #005a8c;
}

.blue-bg:hover {
    background-color: #004974;
}

.dwblue-bg {
    background-color: #1471e7;
}

.dwblue-bg:hover {
    background-color: #156fe3;
}

.purple-bg {
    background-color: #a535b9;
}

.purple-bg:hover {
    background-color: #9c32af;
}

.red-bg {
    background-color: #e74c3c;
}

.red-bg:hover {
    background-color: #cb4333;
}

.green-bg {
    background-color: #309340;
}

.green-bg:hover {
    background-color: #2c873b;
}

.orange-bg {
    background-color: #f88300;
}

.orange-bg:hover {
    background-color: #e57900;
}

.gray-bg {
    background-color: #afafaf;
}

/*********************************************************BUTTONS*****************************************/
.btn-area {
    float: right;
    width: 100%;
    text-align: center;
}

.not-allowed {
    cursor: not-allowed;
}

.btn {
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 0.8em 1em;
    border-radius: 5px;
    display: flex;
    align-items: center;
    line-height: 0;
    justify-content: center;
}

.btn i {
    margin-left: .3em
}

.purple-btn {
    background-color: #a535b9;
    fill: #ffffff
}

.purple-btn-hover:hover,
.purple-btn:hover {
    background-color: #9c32af;
}

.blue-btn {
    background-color: #1572e8;
    fill: #ffffff
}

.blue-btn-hover:hover,
.blue-btn:hover {
    background-color: #1061c7;
}

.red-btn {
    background-color: #e74c3c;
}

.red-btn-hover:hover,
.red-btn:hover {
    background-color: #cb4333;
}

.newgreen-btn {
    background-color: #61be4d;
    fill: #ffffff
}

.newgreen-btn-hover:hover,
.newgreen-btn:hover {
    background-color: #5bba45
}

.green-btn {
    background-color: #309340;
}

.phosphorus-btn {
    background-color: #44cdd2
}

.green-btn-hover:hover,
.green-btn:hover,
input[type=submit]:hover {
    background-color: #2c873b;
}

.orange-btn {
    background-color: #f88300;
    fill: #ffffff
}

.orange-btn-hover:hover,
.orange-btn:hover {
    background-color: #e57900;
}

.black-btn {
    background-color: #3b3b3b;
}

.black-btn-hover:hover,
.black-btn:hover {
    background-color: #303030;
}

.amazonite-btn {
    background-color: #10b0b0;
}

.amazonite-btn-hover:hover,
.amazonite-btn:hover {
    background-color: #0f9494;
}

.blue-gradient-btn {
    background: linear-gradient(225deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%)
}

.blue-gradient-btn:hover {
    background: linear-gradient(250deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%)
}

.green-gradient-btn {
    background: linear-gradient(to right, #45b649, #dce35b)
}

.green-gradient-btn:hover {
    background: linear-gradient(50deg, #45b649, #dce35b);
}

.blue-btn,
.purple-btn,
.red-btn,
.green-btn,
.orange-btn,
.black-btn,
.amazonite-btn,
.blue-gradient-btn,
.green-gradient-btn,
.phosphorus-btn {
    transition: 500ms;
    color: #ffffff !important;

}

.blue-btn-hover,
.purple-btn-hover,
.red-btn-hover,
.green-btn-hover,
.orange-btn-hover,
.black-btn-hover {
    background-color: #cfcfcf;
    fill: #ffffff
}