div.modalpopup
{
    display: flex;
    flex-direction: column;
    border: 3px solid #C8C8C8;
    background-color: White;
    __position: fixed;
    max-width: 90vw;
    max-height: 90vh;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box; 
    
    border-radius: 5px;
}  

div.modalpopup-warning
{
    background-color: White;
    color: #800;
    padding-bottom: 10px;
}  

    
/* Isto evita que os div's internos (título, conteúdo e comandos) ultrapassem o limite do popup, já que este possui um padding interno */    
div.modalpopup>div
{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}    
    
div.modalpopup_title
{
  background-image: url('../../img/bg_grad_cinza_mapa_site.gif');
  background-repeat: repeat-x;
  background-color: White;

  color: #909090;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  padding: 10px 5px 10px 5px;
  border-radius: 10px 10px 0px 0px;
}  

div.modalpopup_content
{
    padding: 10px !important;
    __flex-basis: 100%;
}  

div.modalpopup_commands
{
    border-top: solid 1px #E8E8E8;
    padding: 8px 5px 8px 5px;
    background-color: #F8F8F8;
    border-radius: 0px 0px 10px 10px;
}  

div.modalpopup_background
{
    background-color: #000000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    position: absolute;
}

@media only screen and (max-width: 399px) 
{
    div.modalpopup 
    {
        border: none;
        width: 100%;
        border-radius: 0px;
    }
}

div.popup
{
    border: 1px solid #DDD;
    border-radius: 3px;
    background-color: White;
    padding: 8px 5px 8px 5px;
    position: absolute;
    box-shadow: 0px 0px 7px 0px Silver;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box; 
}  


div.popup .popup-menu a
{
    display: block;
    color: #565;
    padding: 2px 12px 2px 12px;
    text-decoration: none;
}

div.popup .popup-menu a:hover
{
    background-color: #575;
    color: white;
}

.popup_useraccount 
{
    background-color: Silver;
    padding: 20px;
}

div.popup-quick-help
{
    width: 200px;
    max-width: 100%;
    font-size: 8pt;
}