/* CONTAINER DIV */
.mn-container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000000000000;
    width: 100%;
    background-color:#2876aa;
    height:50px;
    display:none;
}
/* MESSAGE DIV*/
.msg-div{
    text-align:center;
    color:white;
    font-size:14px;
    height:100%;
    vertical-align:middle;
    line-height:50px;
    width:95%;
    text-decoration:underline;
}

.msg-div:hover {
    cursor: pointer;
}

.mn-link{
    color:white;
}

#svgImg {
    width: 40px;
    height: 40px;
    fill: #fff;
    margin-right: 5px;
    vertical-align: middle;
}

/*  Close icon ---------------------------------*/
    .mn__close { width: 40px; height: 40px; position: absolute; right: 0; top: 50%; overflow: hidden; text-indent: 100%; cursor: pointer; 
    /* BACKFACE  */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;
    /* TRANSFORM */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }


    .mn__close:hover, 
    .mn__close:focus { outline: none; }

    .mn__close::before,
    .mn__close::after { content: ''; position: absolute; width: 1px; height: 60%; top: 50%; left: 50%; background: white; }

    .mn__close:hover::before,
    .mn__close:hover::after { width: 2px; }

    .mn__close::before { /* TRANSFORM */ -webkit-transform: translate(-50%,-50%) rotate(45deg);  -moz-transform: translate(-50%,-50%) rotate(45deg);  -ms-transform: translate(-50%,-50%) rotate(45deg);  -o-transform: translate(-50%,-50%) rotate(45deg);  transform: translate(-50%,-50%) rotate(45deg); }
    .mn__close::after  { /* TRANSFORM */ -webkit-transform: translate(-50%,-50%) rotate(-45deg); -moz-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); -o-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); }