.panel {
    padding: 20px;
    position: fixed;
    top: 65px;
    right: 20px;
    display: none;
    background: rgb(255,255,255);
    width: 290px;
    height: 280px;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.profileMenu-maincontent {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom: 1px solid #bcbec0;
}

.fill {
    cursor: pointer;
    transition-duration: 0s;
}

.fill:hover {
    color: #ed2985;
    cursor: pointer;
}

.AddFormPanel {
    padding: 20px;
    position: fixed;
    top: 20%;
    right: 35%;
    left: 35%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    border-radius: 25px;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.AddFolderPanel {
    padding: 20px;
    position: fixed;
    top: 20%;
    right: 35%;
    left: 35%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    border-radius: 25px;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.AddTemplateFormPanel {
    max-height: 70%;
    overflow-y: auto;
    padding: 20px;
    position: fixed;
    top: 20%;
    right: 35%;
    left: 35%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    border-radius: 25px;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.AddQuestionPanel {
    max-height: 70%;
    overflow-y: auto;
    padding: 20px;
    position: fixed;
    top: 20%;
    right: 30%;
    left: 30%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    border-radius: 25px;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}
.deleteMassengePanel {
    padding: 20px;
    position: fixed;
    top: 40%;
    right: 30%;
    left: 30%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.successUpDataMassengePanel {
    padding: 20px;
    position: fixed;
    top: 40%;
    right: 30%;
    left: 30%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.errorUpDataMassengePanel {
    padding: 20px;
    position: fixed;
    top: 40%;
    right: 30%;
    left: 30%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.EditQuestionPanel {
    max-height: 70%;
    overflow-y: auto;
    padding: 20px;
    position: fixed;
    top: 20%;
    right: 30%;
    left: 30%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    border-radius: 25px;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.SendEmailPanel {
    padding: 20px;
    position: fixed;
    top: 20%;
    right: 30%;
    left: 30%;
    display: none;
    background: rgb(255,255,255);
    border: 1px solid #000000;
    border-radius: 25px;
    width: auto;
    height: auto;
    padding: 10px,10px,10px,10px;
    z-index: 1000;
}

.messange {
    display: none
}
.messangeRed{
    color: red;
}
.messangeGreen {
    color: green;
}

.margin-top-05 {
    margin-top: 0.5rem;
}