.message { border: 1px solid #e99612; color: #b27d20; background: #f4e293; text-align: right; position: relative; width:100%; margin-bottom:15px;z-index:100;padding:5px;}
 .message>i.close { position: absolute; right: 14px; top: 4px; font-size: 14px; cursor: pointer; color: #a56a0b;}

 .message>div{text-align:left; margin:5px;font-size:14px; margin-left:25px;text-align:center}
 div#popup_box { position: absolute; right: 0; width:100%;  max-width:540px; top:25px;}

.message.greenbox 
{
  border: 1px solid #88ba45 !important;
  color:#5a7c2c !important;
  background: #c8e0a7 !important;
}

.greenbox i.fa
{
 color:#4d701d !important;
}

.message_box .border .fa {
  font-size: 25px;
  margin-right: 10px;
  position: relative;
  top: 4px;
}




div.popup_box{position:fixed;top:0px;left:0px;width:100%;    z-index: 100}

div.popup_box #not_null>div {text-align:left !important;}

div.popup_box #not_null{

display: none;
}


div.popup_box .message .buttonpanel {display: inline-block;width: 100%;    text-align: left;}



.buttonpanel> .button{display:inline-block;width: auto !important;
 background-color: #a56a0b; color: #fff;
 margin-right: 3px;    margin-left: 3px;
    width: auto !important;
    text-align: center;
    padding: 0px 13px;
    font-family: roboto;
    font-size: 14px;
    cursor: pointer;

}

.message.simple div i.fa {margin-right:10px}
ul.popup_menu ,a.action div, .popup_info_box {
    position: absolute;
    border: 1px solid rgba(0,0,0,0.25);

    width: 100%;
    max-width: 326px;
    background: #f3f3f3;
    z-index: 100;
    padding: 11px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    font-size: 12px;
    color: #444;

}


a.action div::after, .popup_info_box::after {
    content: " ";
    position: absolute;

    display: block;
    top: -6px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    right: 22px;
    border-top:1px solid rgba(0,0,0,0.25);
    border-left:1px solid rgba(0,0,0,0.25);
    background: #f3f3f3;

}