.pageBackground{
    background-image: url('./assets/MainBackGround.jpg') !important;
    background-attachment: fixed  !important;
    height: auto  !important; min-height: 100vh  !important;
}
.mainPageInf{
    width: 70% !important;
    min-width: 320px !important;
    height: fit-content !important;
    background-color: rgba(66,66,66,0.8) !important;
    padding:2% !important;
    border-radius: 20px !important;
}
.rounded-8{
    border-radius: 20px;
}
.modal-dialog-style{
    height: fit-content !important;
    width: 80% !important;
}
.modalStyle{
    background-color: #9b9b9b !important;
    border: 7px solid #424242 !important
}
.PictureButton{
    height: 200px !important;
    width: 300px !important;
}
.purple{
    background-color: #8c00e2 !important;
}
.dark-grey{
    background-color: #424242 !important;
}
.light-grey{
    background-color: #d9d9d9 !important;
}
.no-color{
    background-color: rgba(155,155,155,0) !important;
}
.formStyle{
    background-color: rgba(155,155,155,0.8) !important;
    border: 7px solid #424242 !important
}
.formSizeStyle{
    width: 70% !important;
    min-width: 320px!important;
}
.accauntPanel{
    height: 100px !important;
    width: 290px !important;
}
.wfitcon{
    width: fit-content !important;
}
.hfitcon{
    height: fit-content !important;
}
.minH-500{
    min-height: 500px !important;
}
.minW-160{
    min-width: 160px !important;
}
.width-100{
    width: 100% !important;
}
.height-200{
    height: 200px !important;
}
.height-300{
    height: 300px !important;
}
.height-450{
    height: 450px !important;
}
.height-500{
    height: 500px !important;
}
.bg-image{position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:50%}