/* Update progress modal */
.modal-layout
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
    z-index: 10;
}
.modal-layout.always-on-top
{
    z-index: 100;
}
.modal-layout.ajax-error
{
    display: none;
}


.modal-layout .panel-message
{
    position: relative;
    padding: 24px;
    background-color: White;
    border: 4px solid #394178;
    border-radius: 8px;
    text-align: center;
    -webkit-box-shadow: 4px 4px 18px 0px rgba(50, 50, 50, 0.7);
    -moz-box-shadow: 4px 4px 18px 0px rgba(50, 50, 50, 0.7);
    box-shadow: 4px 4px 18px 0px rgba(50, 50, 50, 0.7);
}

.modal-layout .panel-message.error-message
{
    left: calc(50% - (452px) / 2 );
    top: 30%;
    width: 400px;
    border-color: #aa4139;
}

.modal-layout .panel-message.ajax-wait
{
    z-index: 99;
    left: calc(50% - (352px) / 2 );
    top: 30%;
    width: 300px;
}

.modal-layout .panel-message.sendemail, .modal-layout .panel-message.askcreditcardpayment
{
    left: calc(50% - (452px) / 2 );
    top: 30%;
    width: 400px;
    height: 180px;

}

.modal-layout .panel-message.subscription
{
    left: calc(50% - (402px) / 2 );
    top: 100px;
    width: 350px;
    padding-bottom: 6px;
}
.modal-layout .panel-message.subscription input[type='submit'], .modal-layout .panel-message.askforquery input[type='submit']
{
    margin-top: 1em;
}



.modal-layout .panel-message.subscription ul {
    margin: 1.5em 0;
}
.modal-layout .panel-message.subscription ul li
{
    color: #333;
    border-bottom: 1px dotted #aaa;
    padding: 0.35em 0em;
}

.modal-layout .panel-message.subscription ul li:first-child
{
    border-top: 1px dotted #aaa;
}

.modal-layout .panel-message.bonosconfirm {
    margin-top: 100px;
}