{% load i18n %}
{% load staticfiles %}
{% get_current_language as LANGUAGE_CODE %}
<html>
<head>
  <meta charset="utf-8">
  <title>{% block title %}{% endblock %} | CIRCLE</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
  <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<style type="text/css">
    html, body {
      background-color: #eee;
    }
    body {
      margin-top: 40px; 
    }
    .container {
      width: 600px;
    }

    ul, li {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .container > .content {
      background-color: #fff;
      padding: 20px;
      -webkit-border-radius: 10px 10px 10px 10px;
         -moz-border-radius: 10px 10px 10px 10px;
              border-radius: 10px 10px 10px 10px;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
              box-shadow: 0 1px 2px rgba(0,0,0,.15);
    }
  
    .login-form-errors .alert {
      margin-right: 30px;
      margin-left: 30px;
    }

    .login-form {
      margin-top: 40px;
      padding: 0 10px;
    }

    .login-form form {
      padding: 0 20px;
    }

    .input-group {
      margin-bottom: 10px;
    }
    
    .input-group-addon {
      width: 38px;
    }

    .form-group label {
      margin-top: 20px;
    }

    #submit-password-button {
      margin-top: 15px;
    }

    /* fix for crispy-forms' html */
    .form-group {
      margin-bottom: 0px;
    }

    .help-block {
      display: none;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="content">
      {% block content %}{% endblock %}
    </div>
  </div> <!-- /container -->
</body>
</html>