.titleColor{
    --background:var(--header-bg-color);
    color: #FFFFFF;
}
.titleColor1,.bodyColor1{
    --background: #2299A8;
    color: #000000;
}
.imgColor0 {
    background-color: #60DB2F;
    color: #000000;
}
.imgColor1 {
    background-color: #D5C80B;
    color: #000000;
}

.imgColor2 {
    background-color: #D6366B;
    color: #000000;
}

.imgColor3 {
    background-color: #29B3C2;
    color: #000000;
}

.imgColor4 {
    background-color: #E99414;
    color: #000000;
}
.imgColor5 {
    background-color: #6750A4;
    color: #000000;
}
.bsuccess{
    background-color: #2dd36f;
    color: #FFFFFF;
}
.bWarning{
    background-color: #ffc409;
    color: #FFFFFF;
}
.bPrimary{
    background-color: #3880ff;
    color: #FFFFFF;
}
.bSecondary{
    background-color: #3dc2ff;
    color: #FFFFFF;
}
.bTertiary{
    background-color: #5260ff;
    color: #FFFFFF;
}
.text-black{
    color: #000000;
    text-align: center;
}
.text-white{
    color: #FFFFFF;
    text-align: center;
}
.t-head{
    background-color: whitesmoke;
    color: #000000;
}
.dash-slide{
    background-color: #000000b3;
}
.ml-auto{
    margin-left: auto;
}
.mr-auto{
    margin-right: auto;
}
.close-button {
    background-color: rgb(236, 233, 67);
    color: #080505;
    padding: 10px;
    margin: 3px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(236, 233, 67);
    }
}
.reject-button {
    background-color: rgb(214, 39, 39);
    color: #080505;
    margin: 3px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(214, 39, 39);
    }
}

.proxy-button {
    background-color: rgb(233, 165, 20);
    color: #fff;
    padding: 10px;
    margin: 3px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(233, 165, 20);
    }
}

.user-button {
    background-color: rgb(185, 11, 201);
    color: #fff;
    padding: 10px;
    margin: 3px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(185, 11, 201);
    }
}

.jsa-link-button {
    margin: 3px;
    background-color: rgb(67, 185, 236);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(67, 149, 236);
    }
}
.env-link-button {
    margin: 3px;
    background-color: rgb(11, 179, 36);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(6, 130, 24);
    }
}
.delete-button {
    background-color: red;
    color: #fff;
    padding: 10px;
    margin: 3px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(128, 9, 9);
    }
}
.view-button {
    background-color: rgb(16, 187, 16);
    color: #fff;
    margin: 3px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(11, 119, 11);
    }
}

.edit-button {
    background-color: rgb(67, 67, 236);
    color: #fff;
    margin: 3px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(19, 19, 190);
    }
}

.person-add {
    color: #2d06a2;
    margin-left: 10px;
    font-size: 28px;
    /* border-radius: 10px; */
   
}
.person-remove{
    color: #b90909;
    margin-left: 10px;
    font-size: 28px;
}

.person-circle {
    color: #25a206;
    /* margin: 3px; */
    margin-left: 10px;
    font-size: 28px;
   
}

.thumb-up {
    /* color: #25a206;
    margin-left: 10px;
    font-size: 20px; */
    background-color: rgb(16, 187, 16);
    color: #fff;
    margin: 3px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(11, 119, 11);
    }
   
}
.thumb-down {
    background-color: rgb(204, 16, 32);
    color: #fff;
    margin: 3px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(204, 16, 32);
    }
   
}
.mail-button {
    color: #109193;
    margin-left: 10px;
    /* font-size: 20px; */
    background-color: rgb(49, 212, 240);
    color: #fff;
    margin: 3px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(49, 212, 240);
    }
   
}

.hourglass-button {
    color: #280909;
    margin-left: 12px;
    font-size: 25px;
}
.file-button {
    background-color: rgb(196, 212, 18);
    color: #fff;
    padding: 10px;
    margin: 3px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(131, 142, 11);
    }
}
.active-menu {
    background-color: rgb(196, 212, 18);
    color: white;
}

.evaluation-button {
    background-color: rgb(69, 237, 156);
    color: #080505;
    padding: 10px;
    margin: 3px;
    border-radius: 10px;
    box-shadow: -5px -3px 5px 0px var(--menus-bg-color);
    &:hover {
        background-color: rgb(69, 237, 156);
    }
}