<!doctype html>
<html lang="en">
    <head>
        <title>Account Disabled</title>
    </head>
<body> 
    {literal}
    <style type="text/css">
    *{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        border: none;
        transition: all 0.6s;
    }

    html {
        height: 100%;
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
    }

    body{
        color: #888;
        margin: 0;
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
    }

    #main{
        display: table;
        width: 100%;
        height: 100vh;
        text-align: center;
    }

    .fof{
        display: table-cell;
        vertical-align: middle;
    }

    .fof h1 {
        max-width: 960px;
        font-size: 50px;
        display: inline-block;
        padding-right: 12px;
    }

    .fof p {
        max-width: 500px;
        margin: 0 auto;
        font-size: 20px;
        display: block;
        padding-right: 12px;
    }

    .fof .btn {
        max-width: 200px;
        margin: 20px auto 0 auto;
        font-size: 18px;
        display: block;
        padding: 15px 25px;
        color: #fff;
        background: #F58727;
        text-decoration: none;
        border-radius: 10px;
    }
    </style>
    {/literal}

    <div id="main">
    	<div class="fof">
        	<h1>Hi {$user.first_name},</h1>
            <p>You currently can't access the dashboard. We will process your request and get back to you soon. If you think this is an error please contact us at {$site_email}.</p>
    	    <a class="btn" href="{$base_uri}/logout">Log out</a>
        </div>
    </div>
</body>
</html>