.DivOpacity{
    z-index:198;
    height:100vh;
    width:100%;
    opacity : 0.7;
    background-color: #C0C0C0;
    content:"-";
    position: absolute;
    top:0;
    left:0;
filter: brightness(20%);


}
.FancyNotificationBox{
    z-index:200;
    height:auto;
    border:1px solid blue;border-radius:3px;
    min-height:56px;
    min-width: 550px;
    left: calc(50% - 250px);
    top:25%;
    position:fixed;
    background-color:white;
    text-align:left;
    font-size: 14px!important;
    display:grid;
    box-shadow: 4px 5px #d0e4f5;
}
.FancyNotificationBoxD::before{
    content:"";
    display: block;
    text-align:left;
    padding-left: 5px;
    margin-right: 1px;
    font-family: "Font Awesome 6 Free";
    font-size: 48px;
    content: "\f071";
    color:orange;
    top: 10%;
    position: relative;
    width: 60px;
}
.FancyNotificationBox .IconBox {
    display: block;
    text-align:left;
    padding-left: 5px;
    margin-right: 1px;
    top: 10%;
    position: relative;
    width: 60px;
}
.FancyNotificationBox .IconBox .IconWarningOrange::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f071";color:orange;}
.FancyNotificationBox .IconBox .IconWarningBlue::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f071";color:blue;}
.FancyNotificationBox .IconBox .IconWarningRed::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f071";color:red;}
.FancyNotificationBox .IconBox .IconWarningGreen::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f071";color:green;}

.FancyNotificationBox .IconBox .IconCorrectOrange::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f00c";color:orange;}
.FancyNotificationBox .IconBox .IconCorrectBlue::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f00c";color:blue;}
.FancyNotificationBox .IconBox .IconCorrectRed::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f00c";color:red;}
.FancyNotificationBox .IconBox .IconCorrectGreen::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f00c";color:green;}

.FancyNotificationBox .IconBox .IconInfoOrange::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f05a";color:orange;}
.FancyNotificationBox .IconBox .IconInfoBlue::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f05a";color:blue;}
.FancyNotificationBox .IconBox .IconInfoRed::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f05a";color:red;}
.FancyNotificationBox .IconBox .IconInfoGreen::before{ font-family: "Font Awesome 6 Free";font-size: 48px;content: "\f05a";color:green;}

.FancyNotificationBox .CloseNot{
    content:"";
    display: block;
    width:20px;
    height:20px;
    top:-10px;
    right: -10px;
    background-image:url("images/close.png");
    background-size: cover;
    
    position: absolute;
    cursor:pointer;
}
.FancyNotificationBox .ButtonCloseArea{ position: absolute;right: 10px;top: 40%;vertical-align: middle;margin-bottom: 15px; }
/*.FancyNotificationBox .FloatTitulo { text-align:left;  margin: 5px 10px 5px 5px; width: 100%; font-size: 14pt!important; font-weight: bold; }*/
.FancyNotificationBox .FloatInfoArea { text-align:left; height:100%; position: relative; left: 60px; top: -65px; width: calc(100% - 160px);}
.FancyNotificationBox .FloatInfoArea .FloatTitulo { text-align:center;  font-size: 14pt!important; font-weight: bold; border-bottom:1px solid #C0C0C0;}
.FancyNotificationBox .FloatInfoArea .FloatMensagem { text-align:center; width: 100%; font-size: 14pt!important;padding-top: 5px;white-space: normal; }
/*.FancyNotificationBox >* { font-size: 16px!important; }*/