From 20c5bff79d2bdc081ad70dcab511c3fd0700f87e Mon Sep 17 00:00:00 2001
From: Sebastian Henschel <sebastian@tesobe.com>
Date: Fri, 21 Jul 2017 12:47:42 +0200
Subject: [PATCH] Made the webapp responsive

---
 .../code/model/dataAccess/AuthUser.scala      |   59 +-
 .../code/snippet/ConsumerRegistration.scala   |   66 +-
 .../code/snippet/CreateTestAccountForm.scala  |   19 +-
 src/main/scala/code/snippet/Login.scala       |    4 +-
 .../code/snippet/OAuthAuthorisation.scala     |    4 +-
 src/main/scala/code/snippet/WebUI.scala       |    4 +-
 src/main/webapp/consumer-registration.html    |  288 ++--
 src/main/webapp/create-sandbox-account.html   |   95 +-
 src/main/webapp/index.html                    |  286 ++--
 src/main/webapp/media/css/bootstrap.min.css   |    6 +
 .../webapp/media/css/responsive_login.css     |  201 ---
 src/main/webapp/media/css/website.css         | 1400 ++++-------------
 src/main/webapp/media/js/bootstrap.min.js     |    7 +
 src/main/webapp/media/js/website.js           |   80 +-
 src/main/webapp/oauth/authorize.html          |   88 +-
 src/main/webapp/oauth/thanks.html             |   52 +-
 src/main/webapp/templates-hidden/_login.html  |   60 +-
 src/main/webapp/templates-hidden/default.html |  258 +--
 18 files changed, 977 insertions(+), 2000 deletions(-)
 create mode 100644 src/main/webapp/media/css/bootstrap.min.css
 delete mode 100644 src/main/webapp/media/css/responsive_login.css
 create mode 100644 src/main/webapp/media/js/bootstrap.min.js

diff --git a/src/main/scala/code/model/dataAccess/AuthUser.scala b/src/main/scala/code/model/dataAccess/AuthUser.scala
index 7acefd0f7..a5d5db03d 100644
--- a/src/main/scala/code/model/dataAccess/AuthUser.scala
+++ b/src/main/scala/code/model/dataAccess/AuthUser.scala
@@ -366,22 +366,17 @@ import net.liftweb.util.Helpers._
   }
 
   override def lostPasswordXhtml = {
-    <div id="authorizeSection">
-      <div id="userAccess">
-        <div class="account account-in-content">
-          Enter your email address or username and we'll email you a link to reset your password
-          <form class="forgotPassword" action={S.uri} method="post">
-            <div class="field username">
-              <label>Username or email address</label> <user:email />
+    <div id="recover-password">
+          <h1>Recover Password</h1>
+          <div id="recover-password-explanation">Enter your email address or username and we'll email you a link to reset your password</div>
+          <form action={S.uri} method="post">
+            <div class="form-group">
+              <label>Username or email address</label> <span id="recover-password-email"><user:email /></span>
             </div>
-            <div class="field buttons">
-              <div class="button button-field">
+            <div id="recover-password-submit">
                 <user:submit />
-              </div>
             </div>
           </form>
-        </div>
-      </div>
     </div>
   }
 
@@ -423,32 +418,34 @@ import net.liftweb.util.Helpers._
     if (url.isEmpty) {
       s""
     } else {
-      scala.xml.Unparsed(s"""<tr><td colspan="2"><input type="checkbox" id="agree-terms-input" /><span id="agree-terms-text">I hereby agree to the <a href="$url" title="T &amp; C">Terms and Conditions</a></span></td></tr>""")
+      scala.xml.Unparsed(s"""<div id="signup-agree-terms" class="checkbox"><label><input type="checkbox" />I hereby agree to the <a href="$url" title="T &amp; C">Terms and Conditions</a></label></div>""")
     }
   }
 
 
   override def signupXhtml (user:AuthUser) =  {
-    <div id="authorizeSection" class="signupSection">
-      <div class="signup-error"><span class="lift:Msg?id=signup"/></div>
-      <div>
-        <form id="signupForm" method="post" action={S.uri}>
-          <table>
-            <tr>
-              <td colspan="2">{ S.?("sign.up") }</td>
-            </tr>
-              {localForm(user, false, signupFields)}
-              {agreeTerms}
-            <tr>
-              <td>&nbsp;</td>
-              <td><user:submit/></td>
-            </tr>
-          </table>
-        </form>
-      </div>
+    <div id="signup">
+      <form method="post" action={S.uri}>
+          <h1>Sign Up</h1>
+          <div id="signup-error" class="alert alert-danger hide"><span data-lift="Msg?id=error"/></div>
+          {localForm(user, false, signupFields)}
+          {agreeTerms}
+          <div id="signup-submit">
+            <user:submit />
+          </div>
+      </form>
     </div>
   }
 
+  override def localForm(user: TheUserType, ignorePassword: Boolean, fields: List[FieldPointerType]): NodeSeq = {
+    for {
+      pointer <- fields
+      field <- computeFieldFromPointer(user, pointer).toList
+      if field.show_? && (!ignorePassword || !pointer.isPasswordField_?)
+      form <- field.toForm.toList
+    } yield <div class="form-group"><label>{field.displayName}</label> {form}</div>
+  }
+
   def userLoginFailed = {
     info("failed: " + failedLoginRedirect.get)
     // variable redir is from failedLoginRedirect, it is set-up in OAuthAuthorisation.scala as following code:
@@ -882,7 +879,7 @@ import net.liftweb.util.Helpers._
           }
 
         case xs =>
-          xs.foreach(e => S.error("signup", e.msg))
+          xs.foreach(e => S.error("error", e.msg))
           signupFunc(Full(innerSignup _))
       }
     }
diff --git a/src/main/scala/code/snippet/ConsumerRegistration.scala b/src/main/scala/code/snippet/ConsumerRegistration.scala
index f6ac6463f..51895d28e 100644
--- a/src/main/scala/code/snippet/ConsumerRegistration.scala
+++ b/src/main/scala/code/snippet/ConsumerRegistration.scala
@@ -77,41 +77,41 @@ class ConsumerRegistration extends MdcLoggable {
 
     def registerWithoutWarnings =
       register &
-      "#registration-errors" #> ""
+      "#register-consumer-errors" #> ""
 
     def register = {
-      ".register" #> {
-          ".appTypeClass" #> SHtml.select(appTypes, Empty, appType(_)) &
-          ".appNameClass" #> SHtml.text(nameVar.is, nameVar(_)) & 
-          ".appRedirectUrlClass" #> SHtml.text(redirectionURLVar, redirectionURLVar(_)) &
-          ".appDevClass" #> SHtml.text(devEmailVar, devEmailVar(_)) &
-          ".appDescClass" #> SHtml.textarea(descriptionVar, descriptionVar (_)) &
-          ".appUserAuthenticationUrlClass" #> SHtml.text(authenticationURLVar.is, authenticationURLVar(_)) &
-          "type=submit" #> SHtml.submit("Send", () => submitButtonDefense)
+      "form" #> {
+          "#appType" #> SHtml.select(appTypes, Empty, appType(_)) &
+          "#appName" #> SHtml.text(nameVar.is, nameVar(_)) & 
+          "#appRedirectUrl" #> SHtml.text(redirectionURLVar, redirectionURLVar(_)) &
+          "#appDev" #> SHtml.text(devEmailVar, devEmailVar(_)) &
+          "#appDesc" #> SHtml.textarea(descriptionVar, descriptionVar (_)) &
+          "#appUserAuthenticationUrl" #> SHtml.text(authenticationURLVar.is, authenticationURLVar(_)) &
+          "type=submit" #> SHtml.submit("Register consumer", () => submitButtonDefense)
       } &
-      ".success" #> ""
+      "#register-consumer-success" #> ""
     }
 
     def showResults(consumer : Consumer) = {
       val urlOAuthEndpoint = Props.get("hostname", "") + "/oauth/initiate"
       val urlDirectLoginEndpoint = Props.get("hostname", "") + "/my/logins/direct"
       //thanks for registering, here's your key, etc.
-      ".app-consumer_id *" #> consumer.id.get &
-      ".app-name *" #> consumer.name.get &
-      ".app-redirect-url *" #> consumer.redirectURL &
-      ".app-user-authentication-url *" #> consumer.userAuthenticationURL &
-      ".app-type *" #> consumer.appType.get.toString &
-      ".app-description *" #> consumer.description.get &
-      ".app-developer *" #> consumer.developerEmail.get &
-      ".auth-key *" #> consumer.key.get &
-      ".secret-key *" #> consumer.secret.get &
-      ".registration" #> "" &
-      ".oauth-endpoint a *" #> urlOAuthEndpoint &
-      ".oauth-endpoint a [href]" #> urlOAuthEndpoint &
-      ".directlogin-endpoint a *" #> urlDirectLoginEndpoint &
-      ".directlogin-endpoint a [href]" #> urlDirectLoginEndpoint &
-      ".post-consumer-registration-more-info-link a *" #> registrationMoreInfoText &
-      ".post-consumer-registration-more-info-link a [href]" #> registrationMoreInfoUrl
+      "#app-consumer_id *" #> consumer.id.get &
+      "#app-name *" #> consumer.name.get &
+      "#app-redirect-url *" #> consumer.redirectURL &
+      "#app-user-authentication-url *" #> consumer.userAuthenticationURL &
+      "#app-type *" #> consumer.appType.get.toString &
+      "#app-description *" #> consumer.description.get &
+      "#app-developer *" #> consumer.developerEmail.get &
+      "#auth-key *" #> consumer.key.get &
+      "#secret-key *" #> consumer.secret.get &
+      "#oauth-endpoint a *" #> urlOAuthEndpoint &
+      "#oauth-endpoint a [href]" #> urlOAuthEndpoint &
+      "#directlogin-endpoint a *" #> urlDirectLoginEndpoint &
+      "#directlogin-endpoint a [href]" #> urlDirectLoginEndpoint &
+      "#post-consumer-registration-more-info-link a *" #> registrationMoreInfoText &
+      "#post-consumer-registration-more-info-link a [href]" #> registrationMoreInfoUrl &
+      "#register-consumer-input" #> ""
     }
 
     def showRegistrationResults(result : Consumer) = {
@@ -125,7 +125,7 @@ class ConsumerRegistration extends MdcLoggable {
     def showErrors(errors : List[FieldError]) = {
       val errorsString = errors.map(_.msg.toString)
       register &
-      "#registration-errors *" #> {
+      "#register-consumer-errors *" #> {
         ".error *" #>
           errorsString.map({ e=>
             ".errorContent *" #> e
@@ -135,7 +135,7 @@ class ConsumerRegistration extends MdcLoggable {
 
     def showUnknownErrors(errors : List[String]) = {
       register &
-        "#registration-errors *" #> {
+        "#register-consumer-errors *" #> {
           ".error *" #>
             errors.map({ e=>
               ".errorContent *" #> e
@@ -144,11 +144,11 @@ class ConsumerRegistration extends MdcLoggable {
     }
 
     //TODO this should be used somewhere else, it is check the empty of description for the hack attack from GUI.
-    def showErrorsForDescription (descriptioinError : String) = {
+    def showErrorsForDescription (descriptionError : String) = {
       register &
-        "#registration-errors *" #> {
+        "#register-consumer-errors *" #> {
           ".error *" #>
-            List(descriptioinError).map({ e=>
+            List(descriptionError).map({ e=>
               ".errorContent *" #> e
             })
         }
@@ -166,7 +166,7 @@ class ConsumerRegistration extends MdcLoggable {
       redirectionURLVar.set(redirectionURLVar.is)
 
       if(submitButtonDefenseFlag.isEmpty)
-        showErrorsForDescription("The 'Send' button random name has been modified !")
+        showErrorsForDescription("The 'Register' button random name has been modified !")
       else if(descriptionVar.isEmpty)
         showErrorsForDescription("Description of the application can not be empty !")
       else{
@@ -280,4 +280,4 @@ class ConsumerRegistration extends MdcLoggable {
 
   }
 
-}
\ No newline at end of file
+}
diff --git a/src/main/scala/code/snippet/CreateTestAccountForm.scala b/src/main/scala/code/snippet/CreateTestAccountForm.scala
index 059cd0026..f6ef8e251 100644
--- a/src/main/scala/code/snippet/CreateTestAccountForm.scala
+++ b/src/main/scala/code/snippet/CreateTestAccountForm.scala
@@ -50,21 +50,22 @@ object CreateTestAccountForm{
   def showSuccess(createdAccount : BankAccount) : JsCmd = {
     hideErrorMessage &
     showSuccessMessage &
-    SetHtml("created-account-id", <span>{createdAccount.accountId.value}</span>) &
-    SetHtml("created-account-bank-id", <span>{createdAccount.bankId.value}</span>) &
-    SetHtml("created-account-initial-balance", <span>{createdAccount.balance}</span>) &
-    SetHtml("created-account-currency", <span>{createdAccount.currency}</span>)
+    SetHtml("create-account-id", <span>{createdAccount.accountId.value}</span>) &
+    SetHtml("create-account-bank-id", <span>{createdAccount.bankId.value}</span>) &
+    SetHtml("create-account-initial-balance", <span>{createdAccount.balance}</span>) &
+    SetHtml("create-account-currency", <span>{createdAccount.currency}</span>)
   }
 
   def showError(msg : String) : JsCmd = {
     hideSuccessMessage &
-    showErrorMessage(msg)
+    showErrorMessage &
+    SetHtml("create-account-error", <span>{msg}</span>)
   }
 
-  private val hideErrorMessage = SetHtml("create-account-error-message", NodeSeq.Empty)
-  private val showSuccessMessage = Show("account-created-successfully")
-  private val hideSuccessMessage = Hide("account-created-successfully")
-  private def showErrorMessage(msg : String) = SetHtml("create-account-error-message", <span>{msg}</span>)
+  private val showSuccessMessage = Show("create-account-success")
+  private val hideSuccessMessage = Hide("create-account-success")
+  private def showErrorMessage = Show("create-account-error")
+  private val hideErrorMessage = Hide("create-account-error")
 
   /**
    * Attempts to create a new account, based on form params
diff --git a/src/main/scala/code/snippet/Login.scala b/src/main/scala/code/snippet/Login.scala
index 54b757377..4ca0f5780 100644
--- a/src/main/scala/code/snippet/Login.scala
+++ b/src/main/scala/code/snippet/Login.scala
@@ -49,7 +49,7 @@ class Login {
       ".logout [href]" #> {
         AuthUser.logoutPath.foldLeft("")(_ + "/" + _)
       } &
-      ".username *" #> AuthUser.getCurrentUserUsername
+      ".logout #username *" #> AuthUser.getCurrentUserUsername
     }
   }
 
@@ -91,7 +91,7 @@ class Login {
       val specialLoginInstructions  = scala.xml.Unparsed(Props.get("webui_login_page_special_instructions", ""))
       // In case we use Extraction.decompose
       implicit val formats = net.liftweb.json.DefaultFormats
-      "#login_special_instructions *" #> specialLoginInstructions
+      "#login-special-instructions *" #> specialLoginInstructions
     }
 
 
diff --git a/src/main/scala/code/snippet/OAuthAuthorisation.scala b/src/main/scala/code/snippet/OAuthAuthorisation.scala
index c3703705c..2ee7f7fda 100644
--- a/src/main/scala/code/snippet/OAuthAuthorisation.scala
+++ b/src/main/scala/code/snippet/OAuthAuthorisation.scala
@@ -81,7 +81,7 @@ object OAuthAuthorisation {
 
     def error(msg: String): CssSel = {
       ErrorMessageSel #> S.?(msg) &
-        "#userAccess" #> NodeSeq.Empty &
+        "#authorise-token-success" #> NodeSeq.Empty &
         VerifierBlocSel #> NodeSeq.Empty
     }
 
@@ -210,4 +210,4 @@ object OAuthAuthorisation {
     Tokens.tokens.vend.deleteExpiredTokens(currentDate)
     Nonces.nonces.vend.deleteExpiredNonces(currentDate)
   }
-}
\ No newline at end of file
+}
diff --git a/src/main/scala/code/snippet/WebUI.scala b/src/main/scala/code/snippet/WebUI.scala
index ef4407e64..782e28156 100644
--- a/src/main/scala/code/snippet/WebUI.scala
+++ b/src/main/scala/code/snippet/WebUI.scala
@@ -52,7 +52,7 @@ class WebUI extends MdcLoggable{
   // http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm#section_2
   def cookieConsent = {
     var onclick = "removeByIdAndSaveIndicatorCookie('cookies-consent'); "
-    val buttonString = """<input id="clickMe" type="button" value="Accept and close" onclick="%s"/> <script>showIndicatorCookiePage('cookies-consent'); </script>""".format(onclick)
+    val buttonString = """<input id="clickMe" class="btn btn-default" type="button" value="Accept and close" onclick="%s"/> <script>showIndicatorCookiePage('cookies-consent'); </script>""".format(onclick)
     val button  = scala.xml.Unparsed(s"""$buttonString""")
     "#clickMe" #> button
   }
@@ -82,7 +82,6 @@ class WebUI extends MdcLoggable{
     "img [src]" #> Props.get("webui_header_logo_right_url", "")
   }
 
-
   def footer2LogoLeft = {
     "img [src]" #> Props.get("webui_footer2_logo_left_url", "")
   }
@@ -91,7 +90,6 @@ class WebUI extends MdcLoggable{
     "#footer2-middle-text *" #> scala.xml.Unparsed(Props.get("webui_footer2_middle_text", ""))
   }
 
-
   def aboutBackground: CssSel = {
     "#main-about [style]" #> ("background-image: url(" + Props.get("webui_index_page_about_section_background_image_url", "") + ");")
   }
diff --git a/src/main/webapp/consumer-registration.html b/src/main/webapp/consumer-registration.html
index db36e142a..ac67a6aec 100644
--- a/src/main/webapp/consumer-registration.html
+++ b/src/main/webapp/consumer-registration.html
@@ -24,191 +24,121 @@ Berlin 13359, Germany
   TESOBE (http://www.tesobe.com/)
   by
   Simon Redfern : simon AT tesobe DOT com
-  Stefan Bethge : stefan AT tesobe DOT com
-  Everett Sochowski : everett AT tesobe DOT com
-  Ayoub Benali: ayoub AT tesobe DOT com
+  Sebastian Henschel : sebastian AT tesobe DOT com
 -->
+<div id="register-consumer" data-lift="surround?with=default;at=content">
+	<div data-lift="ConsumerRegistration.registerForm">
+		<h1>Register your consumer</h1>
 
-<div id="main" class="lift:surround?with=default;at=content">
-	<div id="registerAppSection" class="lift:ConsumerRegistration.registerForm">
-		<div class="registration account-in-content">
-		    <h1 class="register-header">Register your application</h1>
-			<div id="registration-errors">
+		<div id="register-consumer-input">
+			<div id="register-consumer-explanation">Please complete the information about your application below, so we can create your OAuth consumer key and secret.</div>
+
+			<div id="register-consumer-errors" class="alert alert-danger">
 				<div class="error">
 					<span class="errorContent"></span>
 				</div>
 			</div>
-			<form class="register" method="post">
-        Please complete the information below so we can create your OAuth token and secret key.
-        <div class="form-column">
-            <div>
-            <label for="appType">Application Type</label>
-            <select name="app-type" id="appType" class="appTypeClass">
-                <option class="app-type-option"></option>
-            </select>
-            </div>
-            <div>
-            <label for="appName">Application Name</label>
-            <input type="text" name="app-name" id="appName" class="appNameClass">
-            </div>
-            <div>
-                <label for="appRedirectUrl">Redirect URL</label>
-                <input type="text" name="app-redirect-url" id="appRedirectUrl" class="appRedirectUrlClass">
-            </div>
-            <!--Note for the commented div : 719aa7fd 04/10/15 Stefan. Hongwei just reformatted the code -->
-             <!--<div>-->
-            <!--<label for="appUserAuthenticationUrl">Authentication URL</label>-->
-            <!--<input type="text" name="app-user-authentication-url" id="appUserAuthenticationUrl" class="appUserAuthenticationUrlClass" >-->
-            <!--<img src="/media/images/moreInfo.png" title="The user will redirected to that URL during the authentication phase to authenticate. Leave it blank so that the user will see the default login page."-->
-                 <!--alt="more info" class="moreInfoIcon"/>-->
-            <!--</div>-->
-            <div>
-            <label for="appDev">Developer Email</label>
-            <input type="text" name="app-developer" id="appDev" class="appDevClass">
-            </div>
-        </div>
-        <div class="form-column">
-            <div>
-                <label for="appDesc">Description of the application</label>
-                <textarea rows="4" name="app-description" id="appDesc" class="appDescClass"></textarea>
-            </div>
-            <div class="submit">
-                <input type="submit" value="Send" />
-            </div>
-        </div>
+
+			<form method="post">
+				<div class="row">
+					<div class="col-xs-12 col-sm-6">
+						<div class="form-group">
+							<label for="appType">Application Type</label>
+							<select name="app-type" id="appType" class="form-control">
+								<option class="app-type-option"></option>
+							</select>
+						</div>
+						<div class="form-group">
+							<label for="appName">Application Name</label>
+							<input type="text" name="app-name" id="appName" class="form-control">
+						</div>
+						<div class="form-group">
+							<label for="appRedirectUrl">Redirect URL</label>
+							<input type="text" name="app-redirect-url" id="appRedirectUrl" class="form-control">
+						</div>
+						<!--Note for the commented div : 719aa7fd 04/10/15 Stefan. Hongwei just reformatted the code -->
+						 <!--<div class="form-group">-->
+						<!--<label for="appUserAuthenticationUrl">Authentication URL</label>-->
+						<!--<input type="text" name="app-user-authentication-url" id="appUserAuthenticationUrl" class="form-control" >-->
+						<!--<img src="/media/images/moreInfo.png" title="The user will redirected to that URL during the authentication phase to authenticate. Leave it blank so that the user will see the default login page." alt="more info" class="more-info-icon"/>-->
+						<!--</div>-->
+						<div class="form-group">
+							<label for="appDev">Developer Email</label>
+							<input type="text" name="app-developer" id="appDev" class="form-control">
+						</div>
+					</div>
+					<div class="col-xs-12 col-sm-6">
+						<div class="form-group">
+							<label for="appDesc">Description of the application</label>
+							<textarea rows="4" name="app-description" id="appDesc" class="form-control"></textarea>
+						</div>
+					</div>
+				</div>
+				<input type="submit" value="Register consumer" class="btn btn-default" />
 			</form>
-	    </div>
-        <div class="success">
-            <h1 class="success-message"></h1>
-            <table>
-                <tbody>
-                    <tr>
-                        <td colspan="2" >
-                            Thank you for registering to use the Open Bank API. Here is your developer information. Please save it in a secure location.
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            Consumer ID</label>
-                        </td>
-                        <td>
-                            <span class="app-consumer_id">123</span>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            Application Type</label>
-                        </td>
-                        <td>
-                            <span class="app-type">web</span>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            Application Name
-                        </td>
-                        <td>
-                            <span class="app-name">ABC</span>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            User redirect URL
-                        </td>
-                        <td>
-                            <span class="app-redirect-url">ABC</span>
-                        </td>
-                    </tr>
-                    <!-- <tr>
-                        <td>
-                            User authentication URL
-                        </td>
-                        <td>
-                            <span class="app-user-authentication-url">ABC</span>
-                        </td>
-                    </tr>
-                    -->
-                    <tr>
-                        <td>
-                            Developer Email
-                        </td>
-                        <td>
-                            <span class="app-developer">abc@example.com</span>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            App Description
-                        </td>
-                        <td>
-                            <span class="app-description">ABCDEF</span>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            Consumer Key
-                        </td>
-                        <td>
-                            <span class="auth-key">23432432432432</span>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            Consumer Secret
-                        </td>
-                        <td>
-                            <span class="secret-key">3334543543543</span>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            OAuth Endpoint
-                        </td>
-                        <td>
-							<span class="oauth-endpoint"><a href="#">endpoint</a></span><br />
-                        </td>
-                    </tr>
+		</div>
 
-                    <tr>
-                        <td>
-                            OAuth Documentation
-                        </td>
-                        <td>
-                            <a href="https://github.com/OpenBankProject/OBP-API/wiki/OAuth-1.0-Server">How to use OAuth for OpenBankProject</a>
-                        </td>
-                    </tr>
-
-
-
-                    <tr>
-                        <td>
-                            Direct Login Endpoint
-                        </td>
-                        <td>
-                            <span class="directlogin-endpoint"><a href="#">endpoint</a></span><br />
-                        </td>
-                    </tr>
-                    
-                    <tr>
-                        <td>
-                            Direct Login Documentation
-                        </td>
-                        <td>
-                            <a href="https://github.com/OpenBankProject/OBP-API/wiki/Direct-Login">How to use Direct Login</a>
-                        </td>
-                    </tr>
-                    <tr>
-
-                        <td>
-                            &nbsp;
-                        </td>
-
-                        <td>
-                            <span class="post-consumer-registration-more-info-link"><a href="#"></a></span><br />
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>
+		<div id="register-consumer-success">
+			<p>Thanks for registering your consumer with the Open Bank API! Here is your developer information. Please save it in a secure location.</p>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">Consumer ID</div>
+				<div class="col-xs-12 col-sm-8"><span id="app-consumer_id">123</span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">Application Type</div>
+				<div class="col-xs-12 col-sm-8"><span id="app-type">web</span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">Application Name</div>
+				<div class="col-xs-12 col-sm-8"><span id="app-name">ABC</span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">User redirect URL</div>
+				<div class="col-xs-12 col-sm-8"><span id="app-redirect-url">ABC</span></div>
+			</div>
+			<!--
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">User authentication URL</div>
+				<div class="col-xs-12 col-sm-8"><span id="app-user-authentication-url">ABC</span></div>
+			</div>
+			-->
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">Developer Email</div>
+				<div class="col-xs-12 col-sm-8"><span id="app-developer">abc@example.com</span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">App Description</div>
+				<div class="col-xs-12 col-sm-8"><span id="app-description">ABCDEF</span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">Consumer Key</div>
+				<div class="col-xs-12 col-sm-8"><span id="auth-key">23432432432432</span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">Consumer Secret</div>
+				<div class="col-xs-12 col-sm-8"><span id="secret-key">3334543543543</span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">OAuth Endpoint</div>
+				<div class="col-xs-12 col-sm-8"><span id="oauth-endpoint"><a href="#">endpoint</a></span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">OAuth Documentation</div>
+				<div class="col-xs-12 col-sm-8"><a href="https://github.com/OpenBankProject/OBP-API/wiki/OAuth-1.0-Server">How to use OAuth for OpenBankProject</a></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">Direct Login Endpoint</div>
+				<div class="col-xs-12 col-sm-8"><span id="directlogin-endpoint"><a href="#">endpoint</a></span></div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4">Direct Login Documentation</div>
+				<div class="col-xs-12 col-sm-8"><a href="https://github.com/OpenBankProject/OBP-API/wiki/Direct-Login">How to use Direct Login</a>
+</div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12 col-sm-4"></div>
+				<div class="col-xs-12 col-sm-8"><span id="post-consumer-registration-more-info-link"><a href="#"></a></span></div>
+			</div>
+		</div><!-- success -->
+	</div>
 </div>
diff --git a/src/main/webapp/create-sandbox-account.html b/src/main/webapp/create-sandbox-account.html
index 0461cd25b..a75cc2378 100644
--- a/src/main/webapp/create-sandbox-account.html
+++ b/src/main/webapp/create-sandbox-account.html
@@ -24,56 +24,53 @@ Berlin 13359, Germany
   TESOBE (http://www.tesobe.com/)
   by
   Simon Redfern : simon AT tesobe DOT com
-  Stefan Bethge : stefan AT tesobe DOT com
-  Everett Sochowski : everett AT tesobe DOT com
-  Ayoub Benali: ayoub AT tesobe DOT com
+  Sebastian Henschel: sebastian AT tesobe DOT com
 -->
 
-<div id="main" class="lift:surround?with=default;at=content">
-    <div id="create-sandbox-account" class="">
-        <div id="create-account-explanation">
-            This form is designed to allow developers to create test accounts. When an account is created,
-            a view with VIEW_ID "owner" will be created, and access to this view will be granted to the user
-            (you) who created it. If you wish, you may then populate the account with transactions using the
-            <a href="https://github.com/OpenBankProject/OBP-API/wiki/REST-API-V1.2.1#payments">v1.2.1 payments API</a>.
-            If you wish to do this, you will probably want to create some other accounts to send payments to and receive
-            payments from.
-        </div>
-        <div id="create-account-instructions">
-            Create a new test bank account:
-        </div>
-        <div id="create-account-error-message"></div>
-        <div id="account-created-successfully" style="display:none">
-            Thank you, account <span id="created-account-id">ACCOUNT_ID</span> has
-            been created at bank <span id="created-account-bank-id">BANK_ID</span> with
-            an initial balance of <span id="created-account-initial-balance">INITIAL_BALANCE</span>
-            <span id="created-account-currency">CURRENCY</span>.
-        </div>
+<div id="create-account" data-lift="surround?with=default;at=content">
+	<h1>Create new test bank account</h1>
 
-        <form data-lift="form.ajax">
-            <div data-lift="CreateTestAccountForm" class="form-column middle">
-                <div>
-                    <label for="bank-id">Bank</label>
-                    <select id="create-account-bank-selector" name="bank-id">
-                        <option class="bank-option" value="bankid">Bank id</option>
-                    </select>
-                </div>
-                <div>
-                    <label for="account-id">Desired Account Id</label>
-                    <input type="text" name="account-id" placeholder="Account Id">
-                </div>
-                <div>
-                    <label for="currency">Desired Account Currency</label>
-                    <input type="text" name="currency">
-                </div>
-                <div>
-                    <label for="account-id">Desired Initial Balance</label>
-                    <input type="text" name="initial-balance">
-                </div>
-                <div class="submit">
-                    <input type="submit">
-                </div>
-            </div>
-        </form>
-    </div>
+	<div id="create-account-explanation">
+		This form is designed to allow developers to create test accounts. When an account is created,
+		a view with VIEW_ID "owner" will be created, and access to this view will be granted to the user
+		(you) who created it. If you wish, you may then populate the account with transactions using the
+		<a href="https://github.com/OpenBankProject/OBP-API/wiki/REST-API-V1.2.1#payments">v1.2.1 payments API</a>.
+		If you wish to do this, you will probably want to create some other accounts to send payments to and receive
+		payments from.
+	</div>
+
+	<form data-lift="form.ajax">
+		<div id="create-account-success" class="alert alert-success" style="display:none">
+			Thank you!<br />
+			Account <span id="create-account-id">ACCOUNT_ID</span> has
+			been created at bank <span id="create-account-bank-id">BANK_ID</span> with
+			an initial balance of <span id="create-account-initial-balance">INITIAL_BALANCE</span>
+			<span id="create-account-currency">CURRENCY</span>.
+		</div>
+		<div id="create-account-error" class="alert alert-danger" style="display: none"></div>
+
+		<div data-lift="CreateTestAccountForm">
+			<div class="form-group">
+				<label for="bank-id">Bank</label>
+				<select id="create-account-bank-selector" class="form-control" name="bank-id">
+					<option class="bank-option" value="bankid">Bank id</option>
+				</select>
+			</div>
+			<div class="form-group">
+				<label for="account-id">Desired Account Id</label>
+				<input type="text" class="form-control" name="account-id">
+			</div>
+			<div class="form-group">
+				<label for="currency">Desired Account Currency</label>
+				<input type="text" class="form-control" name="currency">
+			</div>
+			<div class="form-group">
+				<label for="account-id">Desired Initial Balance</label>
+				<input type="text" class="form-control" name="initial-balance">
+			</div>
+			<div class="submit">
+				<input type="submit" class="btn btn-default">
+			</div>
+		</div>
+	</form>
 </div>
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 3f130dd91..28b7bdb51 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -24,156 +24,157 @@ Berlin 13359, Germany
   TESOBE (http://www.tesobe.com/)
   by
   Simon Redfern : simon AT tesobe DOT com
-  Stefan Bethge : stefan AT tesobe DOT com
-  Everett Sochowski : everett AT tesobe DOT com
-  Ayoub Benali: ayoub AT tesobe DOT com
+  Sebastian Henschel: sebastian AT tesobe DOT com
 -->
+<div id="main" data-lift="surround?with=default;at=content">
 
-<div id="main" class="lift:surround?with=default;at=content">
-
-	
-	<div id="main-about" class="lift:WebUI.aboutBackground">
-		<div id="main-about-box">
-			<div id="main-about-text" class="lift:WebUI.aboutText">
-				<h2>Welcome to the API Sandbox powered by the Open Bank Project!</h2>
-				<p>This sandbox, powered by the Open Bank Project, provides a standard RESTful interface for developers to create customer facing applications for account types. You can use it as a flexible toolbox of data and services to help bring your ideas to life! Use this sandbox to explore the API catalogue, test an example API-powered application, and register for a developer key so you can start building your own applications., test an example API-powered application, and register for a developer key so you can start building your own applications., test an example API-powered application, and register for a developer key so you can start building your own applications.<br> </p>
-			</div>
-			<div id="main-about-buttons">
-				<a href="/consumer-registration">GET API KEY</a>
-				<a class="api-explorer-link" data-lift="WebUI.apiExplorerLink" href="">EXPLORE API</a>
-				<a class="api-manager-link" data-lift="WebUI.apiManagerLink" href="">MANAGE API</a>
-				<a class="sofi-link" data-lift="WebUI.sofiLink" href="">UTILITY APP</a>
+	<div id="main-about" data-lift="WebUI.aboutBackground">
+		<div class="row">
+			<div class="col-xs-12 col-md-5"></div>
+			<div class="col-xs-12 col-md-7">
+				<div id="main-about-box">
+					<div id="main-about-text" data-lift="WebUI.aboutText">
+						<h2>Welcome to the API Sandbox powered by the Open Bank Project!</h2>
+						<p>This sandbox, powered by the Open Bank Project, provides a standard RESTful interface for developers to create customer facing applications for account types. You can use it as a flexible toolbox of data and services to help bring your ideas to life! Use this sandbox to explore the API catalogue, test an example API-powered application, and register for a developer key so you can start building your own applications., test an example API-powered application, and register for a developer key so you can start building your own applications., test an example API-powered application, and register for a developer key so you can start building your own applications.<br> </p>
+					</div>
+					<div id="main-about-buttons">
+						<a href="/consumer-registration">GET API KEY</a>
+						<a class="api-explorer-link" data-lift="WebUI.apiExplorerLink" href="">EXPLORE API</a>
+						<a class="api-manager-link" data-lift="WebUI.apiManagerLink" href="">MANAGE API</a>
+						<a class="sofi-link" data-lift="WebUI.sofiLink" href="">UTILITY APP</a>
+					</div>
+				</div>
 			</div>
 		</div>
 	</div>
 	
 	
-	<div id="main-get_started">
+	<div id="main-get-started">
 		<h1>Get Started</h1>
-		<div class="main-get_started-row">
-			<div class="main-get_started-cell main-get_started-icon">
+		<div class="row">
+			<div class="visible-md visible-lg col-md-5 main-get-started-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/get-started/create_account.png" width="260" height="260" alt="create account" />
 			</div>
-			<div class="main-get_started-cell">
+			<div class="visible-md visible-lg col-md-2 main-get-started-item">
 				<img src="https://static.openbankproject.com/images/sandbox/get-started/item-1.png" width="75" height="300" alt="item-1" />
 			</div>
-			<div class="main-get_started-cell">
+			<div class="col-xs-12 col-md-5 main-get-started-text">
 				<h2>Create an account</h2>
 				<p>First, create a free developer account on this sandbox and request a developer key. You will be asked to submit basic information about your app at this stage. Register <a href="/user_mgt/sign_up">here</a>.</p>
 			</div>
 		</div>
-		<div class="main-get_started-row">
-			<div class="main-get_started-cell">
+		<div class="row">
+			<div class="col-xs-12 col-md-5 main-get-started-text">
 				<h2>Connect your app</h2>
 				<p>Use our SDKs to connect your app to the Open Bank Project APIs. You will need your developer key, which was provided to you when you created an account. See all available APIs on the API Explorer. Please make sure you are using the correct base URL.</p>
 			</div>
-			<div class="main-get_started-cell">
+			<div class="visible-md visible-lg col-md-2 main-get-started-item">
 				<img src="https://static.openbankproject.com/images/sandbox/get-started/item-2.png" width="75" height="300" alt="item-2" />
 			</div>
-			<div class="main-get_started-cell main-get_started-icon">
+			<div class="visible-md visible-lg col-md-5 main-get-started-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/get-started/connect_app.png" width="370" height="260" alt="connect app" />
 			</div>
 		</div>
-		<div class="main-get_started-row">
-			<div class="main-get_started-cell main-get_started-icon">
+		<div class="row">
+			<div class="visible-md visible-lg col-md-5 main-get-started-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/get-started/test_data.png" width="285" height="270" alt="test data" />
 			</div>
-			<div class="main-get_started-cell">
+			<div class="visible-md visible-lg col-md-2 main-get-started-item">
 				<img src="https://static.openbankproject.com/images/sandbox/get-started/item-3.png" width="75" height="300" alt="item-3" />
 			</div>
-			<div class="main-get_started-cell">
+			<div class="col-xs-12 col-md-5 main-get-started-text">
 				<h2>Test your app using customer data</h2>
 				<p>Once your app is connected, you can test it using test customer credentials. You can find a list of available customer logins for this sandbox <a class="example_sandbox_credentials_link" data-lift="WebUI.exampleSandboxCredentialsLink" href="https://github.com/OpenBankProject/OBP-API/wiki/">here</a>.</p>
 			</div>
 		</div>
 
-		<div class="green-button">
+		<div class="bigbutton">
 			<a href="/consumer-registration">Get your API key</a>
 		</div>
 	</div>
 
 	<div id="main-apis">
 		<h1>Your APIs</h1>
-		<div class="main-apis-row">
-			<div class="main-apis-cell">
+		<div class="row">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-accounts.png" width="100" height="100" alt="accounts" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Accounts</h2>
 				<p>Access the user's list of accounts and account information such as the balance. <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=Account" href="">Explore...</a> </p>
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-branches.png" width="100" height="100" alt="branches" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Branches, ATMs</h2>
 				<p>Access the list of branches and ATMs for the specified bank including geolocation and opening hours. <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=Bank" href="">Explore...</a></p>
 			</div>
 		</div>
 
-		<div class="main-apis-row">
-			<div class="main-apis-cell">
+		<div class="row">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-transactions.png" width="100" height="100" alt="transactions" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Transactions</h2>
 				<p>Access the transaction history and metadata of accounts. <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=Transaction,Metadata" href="">Explore...</a></p>
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-metadata.png" width="100" height="100" alt="metadata" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Metadata</h2>
 				<p>Enrich transactions and counterparties with metadata including geolocations, comments, pictures and tags (e.g. category of spending). <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=Transaction,Counterparty,Metadata" href="">Explore...</a></p>
 			</div>
 		</div>
 
-		<div class="main-apis-row">
-			<div class="main-apis-cell">
+		<div class="row">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-counterparties.png" width="100" height="100" alt="counterparties" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Counterparties</h2>
 				<p>Access the payers &amp; payees of an account including metadata such as their aliases, labels, logos and home pages. <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=Counterparty" href="">Explore...</a></p>
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-entitlements.png" width="100" height="100" alt="entitlements" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Entitlements</h2>
 				<p>Enable account holders to grant fine-grained access to third-party users and applications. For instance, a business account might provide auditors with full read-only access whilst coworkers might only see the account balance. <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=View" href="">Explore...</a> </p>
 			</div>
 		</div>
 
-		<div class="main-apis-row">
-			<div class="main-apis-cell">
+		<div class="row">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-messages.png" width="100" height="100" alt="messages" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Customer meetings, messages and video conferencing.</h2>
 				<p>Enable customer meetings, messages and video conferencing for KYC and CRM operations (uses third party video streaming). <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=KYC,Onboarding" href="">Explore...</a></p>
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-security.png" width="100" height="100" alt="security" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Security challenges</h2>
 				<p>Step up authentication using the generic challenge / response mechanism for sensitive operations e.g. to progress a transfer, the user must supply a mobile TAN <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=TransactionRequest" href="">Explore...</a></p>
 			</div>
 		</div>
-		<div class="main-apis-row">
-			<div class="main-apis-cell">
+		<div class="row">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-requests.png" width="100" height="100" alt="requests" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Payments & Transaction requests</h2>
 				<p>Initiate transfers. View and confirm charges (as per PSD2). <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=TransactionRequest" href="">Explore...</a></p>
 
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-2 col-lg-1 main-apis-icon">
 				<img src="https://static.openbankproject.com/images/sandbox/icons/icon-kyc.png" width="100" height="100" alt="kyc" />
 			</div>
-			<div class="main-apis-cell">
+			<div class="col-xs-12 col-sm-4 col-lg-5 main-apis-text">
 				<h2>Onboarding & KYC</h2>
 				<p>Perform user, customer and account creation. Access Know Your Customer (KYC) documents, media and KYC status.  <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink?tags=KYC,Onboarding" href="">Explore...</a></p>
 			</div>
@@ -181,8 +182,8 @@ Berlin 13359, Germany
 	</div>
 
 
-	<div id="main-apiexplorer" class="green-button">
-       	<a class="api-explorer-link" data-lift="WebUI.apiExplorerLink" href="">Go to API Explorer</a>
+	<div id="main-apiexplorer" class="bigbutton">
+		<a class="api-explorer-link" data-lift="WebUI.apiExplorerLink" href="">Go to API Explorer</a>
 	</div>
 
 
@@ -243,93 +244,114 @@ Berlin 13359, Germany
 	<div id="main-faq">
 		<h1>Technical FAQs</h1>
 
-		<div class="main-faq-row">
-			<div class="main-faq-cell">
-				<ul>
-					<li class="plus collapse">
-						<h2>What is the correct base URL for this sandbox?</h2>
-						<p>
-							The base URL is<br />
-							<a class="api-link" data-lift="WebUI.apiLink" href="">http://apisandbox.openbankproject.com</a><br />
-							Please make sure you are using this in all your API calls
-						</p>
-					</li>
-
-					<li class="plus collapse">
-						<h2>How should I login?</h2>
-						<p>There are two ways to authenticate a user: <a href="https://github.com/OpenBankProject/OBP-API/wiki/OAuth-Client-SDKS">OAuth</a> and <a href="https://github.com/OpenBankProject/OBP-API/wiki/Direct-Login">Direct Login</a>. If you are using this sandbox for a hackathon, we recommend you use Direct Login to authenticate as it is easier than the OAuth workflow.
-						</p>
-					</li>
-
-					<li class="plus collapse">
-						<h2>Where can I read the API documentation?</h2>
-						<p>
-							Please use the <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink" href="">API Explorer</a>
-						</p>
-
-					</li>
-
-					<li class="plus collapse">
-						<h2>Where does the data come from?</h2>
-						<p class="faq-data-text" data-lift="WebUI.faqDataText">Text is replaced</p>
-					</li>
-				</ul>
+		<div class="row">
+			<div class="hidden-xs col-sm-1"></div>
+			<div class="col-xs-12 col-sm-5">
+				<div data-toggle="collapse" data-target="#main-faq-item0" class="collapsed main-faq-button">
+					<h2>What is the correct base URL for this sandbox?</h2>
+					<p id="main-faq-item0" class="collapse">
+						The base URL is<br />
+						<a class="api-link" data-lift="WebUI.apiLink" href="">http://apisandbox.openbankproject.com</a><br />
+						Please make sure you are using this in all your API calls
+					</p>
+				</div>
 			</div>
-			<div class="main-faq-cell">
-				<ul>
-					<li class="plus collapse">
-						<h2>I got a 404 error, what am I doing wrong</h2>
-						<ol>
-							<li>
-								Avoid using trailing slashes, else, you would get a 404 error. Example:<br />
-								.../obp/v1.4.0 200 OK<br />
-								.../obp/v1.4.0/ 404 Not Found<br />
-							</li>
-							<li>Double check parameters are spelt correctly (including http vs https etc.)</li>
-							<li>Check your encoding (use UTF8)</li>
-						</ol>
-					</li>
-
-					<li class="plus collapse">
-						<h2>How can I use OAuth or Direct Login?</h2>
-						<p>
-							If you want to use OBP with OAuth, we recommend you use (and fork) one of our <a href="https://github.com/OpenBankProject/OBP-API/wiki/OAuth-Client-SDKS">OAuth Starter SDKs</a>.
-							If you are using this sandbox for a hackathon, we recommend you use <a href="https://github.com/OpenBankProject/OBP-API/wiki/Direct-Login">Direct Login</a>.
-							For an OAuth walkthrough example with sample code, please see <a href="http://obp.sckhoo.com/">here</a>. We use OAuth 1.0a. For deepish technical details of the flow <a href="https://github.com/OpenBankProject/OBP-API/wiki/OAuth-1.0-Server">see here</a><br />
-
-						</p>
-					</li>
-
-					<li class="plus collapse">
-						<h2>How can I use the example customer data?</h2>
-						<p>You will need to login to the API as a sandbox customer. You can do this using the API Explorer, or any REST client. You can find some example credentials <a class="example_sandbox_credentials_link" data-lift="WebUI.exampleSandboxCredentialsLink" href="https://github.com/OpenBankProject/OBP-API/wiki/">here</a>.</p>
-					</li>
-
-					<li class="plus collapse">
-						<h2>Where can i get more information and support?</h2>
-						<p>Please refer to our <a class="faq-link" data-lift="WebUI.faqLink" href="" target="_blank">FAQ</a>, <a class="faq-link" href="https://github.com/OpenBankProject/OBP-API/wiki/Glossary" target="_blank">Glossary</a>, join our <a class="faq-link" href="https://slack.openbankproject.com" target="_blank">Slack channels</a> or email us at <a class="faq-email" data-lift="WebUI.faqEmail" href="">contact@openbankproject.com</a></p>
-					</li>
-
-				</ul>
+			<div class="col-xs-12 col-sm-5">
+				<div data-toggle="collapse" data-target="#main-faq-item1" class="collapsed main-faq-button">
+					<h2>I got a 404 error, what am I doing wrong</h2>
+					<ol id="main-faq-item1" class="collapse">
+						<li>
+							Avoid using trailing slashes, else, you would get a 404 error. Example:<br />
+							.../obp/v1.4.0 200 OK<br />
+							.../obp/v1.4.0/ 404 Not Found<br />
+						</li>
+						<li>Double check parameters are spelt correctly (including http vs https etc.)</li>
+						<li>Check your encoding (use UTF8)</li>
+					</ol>
+				</div>
 			</div>
+			<div class="hidden-xs col-sm-1"></div>
+		</div>
+
+		<div class="row">
+			<div class="hidden-xs col-sm-1"></div>
+			<div class="col-xs-12 col-sm-5">
+				<div data-toggle="collapse" data-target="#main-faq-item2" class="collapsed main-faq-button">
+					<h2>How should I login?</h2>
+					<p id="main-faq-item2" class="collapse">
+						There are two ways to authenticate a user: <a href="https://github.com/OpenBankProject/OBP-API/wiki/OAuth-Client-SDKS">OAuth</a> and <a href="https://github.com/OpenBankProject/OBP-API/wiki/Direct-Login">Direct Login</a>. If you are using this sandbox for a hackathon, we recommend you use Direct Login to authenticate as it is easier than the OAuth workflow.
+					</p>
+				</div>
+			</div>
+
+			<div class="col-xs-12 col-sm-5">
+				<div data-toggle="collapse" data-target="#main-faq-item3" class="collapsed main-faq-button">
+					<h2>How can I use OAuth or Direct Login?</h2>
+					<p id="main-faq-item3" class="collapse">
+						If you want to use OBP with OAuth, we recommend you use (and fork) one of our <a href="https://github.com/OpenBankProject/OBP-API/wiki/OAuth-Client-SDKS">OAuth Starter SDKs</a>.
+						If you are using this sandbox for a hackathon, we recommend you use <a href="https://github.com/OpenBankProject/OBP-API/wiki/Direct-Login">Direct Login</a>.
+						For an OAuth walkthrough example with sample code, please see <a href="http://obp.sckhoo.com/">here</a>. We use OAuth 1.0a. For deepish technical details of the flow <a href="https://github.com/OpenBankProject/OBP-API/wiki/OAuth-1.0-Server">see here</a><br />
+					</p>
+				</div>
+			</div>
+			<div class="hidden-xs col-sm-1"></div>
+		</div>
+
+		<div class="row">
+			<div class="hidden-xs col-sm-1"></div>
+			<div class="col-xs-12 col-sm-5">
+				<div data-toggle="collapse" data-target="#main-faq-item4" class="collapsed main-faq-button">
+					<h2>Where can I read the API documentation?</h2>
+					<p id="main-faq-item4" class="collapse">
+						Please use the <a class="api-explorer-link" data-lift="WebUI.apiExplorerLink" href="">API Explorer</a>
+					</p>
+
+				</div>
+			</div>
+			<div class="col-xs-12 col-sm-5">
+				<div data-toggle="collapse" data-target="#main-faq-item5" class="collapsed main-faq-button">
+					<h2>How can I use the example customer data?</h2>
+					<p id="main-faq-item5" class="collapse">
+						You will need to login to the API as a sandbox customer. You can do this using the API Explorer, or any REST client. You can find some example credentials <a class="example_sandbox_credentials_link" data-lift="WebUI.exampleSandboxCredentialsLink" href="https://github.com/OpenBankProject/OBP-API/wiki/">here</a>.</p>
+									</div>
+			</div>
+			<div class="hidden-xs col-sm-1"></div>
+		</div>
+
+		<div class="row">
+			<div class="hidden-xs col-sm-1"></div>
+			<div class="col-xs-12 col-sm-5">
+				<div data-toggle="collapse" data-target="#main-faq-item6" class="collapsed main-faq-button">
+					<h2>Where does the data come from?</h2>
+					<p id="main-faq-item6" class="collapse faq-data-text" data-lift="WebUI.faqDataText">Text is replaced</p>
+				</div>
+			</div>
+			<div class="col-xs-12 col-sm-5">
+				<div data-toggle="collapse" data-target="#main-faq-item7" class="collapsed main-faq-button">
+					<h2>Where can i get more information and support?</h2>
+					<p id="main-faq-item7" class="collapse">
+						Please refer to our <a class="faq-link" data-lift="WebUI.faqLink" href="" target="_blank">FAQ</a>, <a class="faq-link" href="https://github.com/OpenBankProject/OBP-API/wiki/Glossary" target="_blank">Glossary</a>, join our <a class="faq-link" href="https://slack.openbankproject.com" target="_blank">Slack channels</a> or email us at <a class="faq-email" data-lift="WebUI.faqEmail" href="">contact@openbankproject.com</a></p>
+				</div>
+			</div>
+			<div class="hidden-xs col-sm-1"></div>
 		</div>
 	</div>
 
 
 	<div id="main-start_building">
-		<h1>Get started building your application using this sandbox now, register for a developer key</h1>
-		<div class="green-button">
+		<h1>Get started building your application using this sandbox now</h1>
+		<div class="bigbutton">
 			<a href="/consumer-registration">Get your API key</a>
 		</div>
 	</div>
 
 
 
-    <div id="main-partners" class="lift:WebUI.createMainPartners">
-        <a href="">
-            <img src="" alt="">
-        </a>
-    </div>
+	<div id="main-partners" class="lift:WebUI.createMainPartners">
+		<a href="">
+			<img src="" alt="">
+		</a>
+	</div>
 
 	
 
diff --git a/src/main/webapp/media/css/bootstrap.min.css b/src/main/webapp/media/css/bootstrap.min.css
new file mode 100644
index 000000000..ed3905e0e
--- /dev/null
+++ b/src/main/webapp/media/css/bootstrap.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
+/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/src/main/webapp/media/css/responsive_login.css b/src/main/webapp/media/css/responsive_login.css
deleted file mode 100644
index 93e6c04bc..000000000
--- a/src/main/webapp/media/css/responsive_login.css
+++ /dev/null
@@ -1,201 +0,0 @@
-body {
-  min-width: 320px;
-}
-
-.signup {
-  line-height: 26px;
-}
-
-input, input[type="submit"] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.account-in-content form.login .button .submit, .account-in-content form.login .button .signup {
-  padding: 0 20px;
-  height: 34px;
-  line-height: 34px;
-}
-
-.account-in-content form.login .field.buttons {
-  float: left;
-  width: 100%;
-  height: auto;
-  min-height: 1px;
-  overflow: hidden;
-  margin: 10px 0 20px;
-  height: 36px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-.account-in-content form.login .field.buttons .button-field:last-child {
-  margin: 0;
-}
-
-@media all and (max-width: 1070px) {
-  #logo-left, #logo-right {
-	margin-left: auto;
-	margin-right: auto;
-	display: block;
-	float: none;
-	width: 611px;
-  }
-  #logo-right {
-	margin-left: auto;
-	margin-right: auto;
-	display: block;
-	float: none;
-	width: 156px;
-  }
-
-  #wrapper {
-    padding: 0;
-  }
-}
-@media all and (max-width: 767px) {
-  #logo-left, #logo-right {
-	max-width: 500px;
-  }
-  #logo-left img, #logo-right img {
-	max-width: 500px;
-	height: auto;
-  }
-  #nav {
-    padding: 4px 15px 0;
-    float: left;
-    width: 100%;
-    height: auto;
-    min-height: 1px;
-    overflow: hidden;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  #nav ul {
-    margin: 0;
-    padding: 0;
-  }
-  #nav ul li {
-    height: 90%;
-  }
-  #nav ul a {
-    padding: 8px 18px 10px;
-    border-radius: 0 0 0 0;
-    font-size: 15px;
-  }
-  #nav .nav-login-state-item {
-    margin: 3px 0 0 0;
-  }
-  #nav .nav-login-state-item a {
-    padding-right: 0;
-  }
-
-  #userAccess {
-    padding: 0;
-  }
-
-  .account {
-    max-width: 70%;
-    min-width: 70%;
-    margin: 0 auto;
-    min-width: 0;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 20px 10px;
-    font-size: 22px;
-  }
-
-  #authorizeSection {
-    padding: 0;
-    max-width: 100%;
-    width: 100%;
-    margin-top: 0;
-    float: left;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  #authorizeSection form.login {
-    width: 100%;
-  }
-
-  .account-in-content form.login .field input {
-    height: 50px;
-    padding: 0 10px;
-    font-size: 20px;
-    margin-bottom: 10px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-
-  .account-in-content form.login .field .forgot {
-    float: right;
-    margin: 1px 6px 20px 0;
-    padding: 2px 0 0;
-    font-size: 17px;
-    width: 100%;
-    color: white;
-  }
-
-  #footer {
-    display: block;
-    height: auto;
-    min-height: 1px;
-    overflow: hidden;
-    width: 100%;
-    font-size: 16px;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 10px;
-    margin: 30px 0 10px;
-    float: left;
-  }
-  #footer div:last-child {
-    margin: 10px 0;
-    position: relative;
-  }
-  #footer div:last-child:before {
-    display: block;
-    content: '';
-    width: 10%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    background: #fff;
-  }
-  #footer div:last-child a {
-    display: block;
-    width: 100%;
-    text-align: center;
-  }
-}
-@media all and (max-width: 500px) {
-  #logo-left, #logo-right {
-	max-width: 320px;
-  }
-  #logo-left img, #logo-right img {
-	max-width: 320px;
-	height: auto;
-  }
-  .navitem {
-	  display: none;
-  }
-  .navitem.navitem-home {
-	  display: block;
-  }
-  .account {
-    max-width: 100%;
-    width: 100%;
-  }
-}
diff --git a/src/main/webapp/media/css/website.css b/src/main/webapp/media/css/website.css
index caae3ba24..69d2467a2 100644
--- a/src/main/webapp/media/css/website.css
+++ b/src/main/webapp/media/css/website.css
@@ -1,13 +1,31 @@
 @import url('reset.css');
 
 html {
-    height: 100%
+	height: 100%
 }
 
 
-body, div, h1, h2, h3, h4, p, span {
+body {
 	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size: 18px;
+	line-height: 24px;
 	font-weight: 400;
+	color: #333;
+}
+
+h1 {
+	font-size: 36px;
+	line-height: 40px;
+	text-align: center;
+	font-weight: bold;
+	margin-bottom: 30px;
+}
+
+h2 {
+	font-weight: bold;
+	font-size: 24px;
+	line-height: 28px;
+	margin-bottom: 10px;
 }
 
 a {
@@ -15,415 +33,190 @@ a {
 	text-decoration: none;
 }
 
-a:hover {
-	color: #156759;
+header .logo {
+	margin: 20px 0;
+}
+header .logo img {
+	max-height: 80px;
+}
+header .logo-xs img {
+	max-width: 280px;
+	max-height: 80px;
+	margin: 10px auto;
+}
+header #logo-right {
+	text-align: right;
+}
+header #header-decoration {
+	background-color: #53C4EF;
+	height: 35px;
+}
+header #lift__noticesContainer__ {
+	display: none;
 }
 
-a.sort {
-	overflow: hidden;
-	display: inline-block;
-	width: 7px;
-	height: 9px;
-	background: transparent url(../images/sort.png) no-repeat 50% 0;
-	text-indent: -9999em;
+nav {
+	margin-bottom: 0 !important;
 }
-
-a.add {
-	display: inline-block;
-	padding: 0 0 0 20px;
-	background: transparent url(../images/add-off.png) no-repeat 0 0;
-	line-height: 16px;
+.navbar {
+	border-radius: 0;
+}
+.navbar-default {
+	background-color: #53C4EF;
+	border: none;
+}
+.navbar-default .navbar-nav > li > a:link, .navbar-default .navbar-nav > li > a:visited {
+	color: white;
+}
+.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
+	color: #eee;
+}
+.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:visited {
+	color: #555;
+	background-color: white;
+	border: none;
+}
+.navbar-default .navbar-toggle {
+	border-color: white;
+}
+.navbar-default .navbar-toggle .icon-bar {
+	background-color: white;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+    background-color: #33a4cf;
+}
+.navbar-btn a {
+	margin-left: 15px;
+	text-transform: uppercase;
+}
+.navbar-btn .login {
+	margin-right: 25px;
+}
+.navbar-btn .logout {
+	margin-right: 20px;
+}
+.navbar-btn .logout #username {
 	font-size: 12px;
-	text-decoration: none;
+}
+
+
+
+footer {
+	padding: 50px 10px;
 	color: #999999;
+	background-color: #3C3C3C;
+	text-align: center;
+	line-height: 20px;
+}
+footer a, footer a:hover {
+	color: white;
 }
 
-a.add:hover {
-	background-image: url(../images/add-on.png);
-	text-decoration: underline;
-	color: #666666;
+footer #copyright {
+	margin-bottom: 10px;
 }
 
-a.edit {
-	overflow: hidden;
-	display: inline-block;
-	width: 16px;
-	height: 16px;
-	background: transparent url(../images/edit-off.png) no-repeat 0 0;
-	text-indent: -9999em;
-}
 
-a.edit:hover {
-	background-image: url(../images/edit-on.png);
-}
-
-input.edit {
-	float: left;
-	vertical-align: middle;
-	background: #ffffff;
-	border: 1px solid #aaaaaa;
-	border-radius: 2px;
-	padding: 1px;
-	font-size: 10px;
-	width: 60%;
-}
-
-input.submit {
-	float: left;
-	margin: 0 0 0 2px;
-	cursor: pointer;
-}
-
-#wrapper {
-	width: 100%;
-	min-width: 320px;
-	margin:0 auto;
-}
-
-#header {
-	overflow: auto;
-	margin:0 auto;
-	width: 1050px;
-	padding: 0px 0 20px;
-}
-
-#header-decoration {
-    background-color: #53C4EF;
-    width: 1050px;
-    height: 35px;
-}
-
-#lift__noticesContainer__ {
-    display: none;
-}
-
-#social {
-	float: right;
-}
-
-#nav {
-    padding: 4px 10px 0 10px;
-    background: #EEEEEE;
-    margin:auto;
-    height: 40px;
-    width: 1030px;
-}
-
-#nav ul {
-    height: 40px;
-    margin-left: 20px;
-    width: 1050px;
-}
-
-#nav ul li {
-	float: left;
-	margin: 3px 0 0 3px;
-	height: 100%;
-}
-
-#nav ul li:nth-child(1):before {
-    background-image: url(../images/nav-home-icon.png);
-    content: " ";
-    height: 25px;
-    width: 25px;
-    display: inline-block;
-    margin-right: -5px;
-    float: left;
-}
-
-#nav ul li:nth-child(2) a:after,
-#nav ul li:nth-child(3) a:after,
-#nav ul li:nth-child(4) a:after,
-#nav ul li:nth-child(5) a:after,
-#nav ul li:nth-child(6) a:after {
-    position: absolute;
-    display: block;
-    width: 2px;
-    height: 39px;
-    margin-top: -26px; /* position ::after item vertically */
-    margin-left: -20px; /* position ::after item horizontally */
-    content: " ";
-    background-image: url(../images/nav-separator.png);
-}
-
-#nav ul li a {
-	display: inline-block;
-	padding: 8px 25px 10px;
-	border-radius: 5px 5px 0 0;
-	color: black;
-	text-decoration: none;
-	font-size: 14px;
-}
-
-#nav ul li a.selected {
-	float: left;
-	text-shadow: none;
-	color: #101010;
-}
-
-#nav .nav-login-state-item {
-    float: right;
-    margin-right: 10px;
-    color: darkgray;
-}
-
-#nav .nav-login-state-item .logout {
-    color: black;
-}
-
-#logo-left {
-	margin: 20px 0 0 120px;
-	float: left;
-	display: inline-block;
-	/* height: 75px; */
-}
-
-#logo-left img {
-    max-height: 80px;
-}
-
-#logo-right {
-	margin: 20px 120px 0 0;
-	float: right;
-	display: inline-block;
-}
-
-#logo-right img {
-    max-height: 80px;
-}
-
-#main {
-    color: #333333;
-}
 
 #main-about {
-    padding-top: 80px;
-    /* background-image: url(../images/bnpp/bnpp-background.jpg); */
-    width:1050px;
-    margin:0px auto;
-    background-size:cover;
-    background-repeat:no-repeat;
+	padding-top: 50px;
+	background-size: cover;
+	background-repeat: no-repeat;
+	font-size: 17px;
 }
-
 #main-about h1 {
-    color: white;
-	font-size: 36px;
+	color: white;
 }
-
 #main-about h2 {
-    padding: 20px 10px 2px 10px;
-    color: white;
-    margin-left: 20px;
-    margin-right: 10px;
-	margin-bottom: 20px;
-	margin-top:20;
-	line-height:45px;
-	font-size: 42px;
+	padding: 20px 10px 2px 10px;
+	color: white;
+	margin: 20px 10px 20px 20px;
+	font-size: 40px;
+	line-height: 42px;
+	font-weight: normal;
 	text-align: left;
-	/*font-family: "Times New Roman", Georgia, Serif;*/
 }
-
 #main-about p {
- padding: 0px 10px 10px 30px;
-
-display: block;
-    margin-top: 1em;
-    margin-left: 0;
-    margin-right: 0;
-    color: white;
-    font-size: 17px;
-    text-align: left;
-    line-height: 20px;
-}
-
-#main-about-box a {
-    text-decoration: underline;
-    color: white;
-}
-
-#main-about-box {
-	display: inline-block;
-	background-color: rgba(83, 196, 239, 0.7);
-	margin-top: 240px ;
-	margin-left: 450px ;
-	width: 600px;
-	/*height: 390px;*/
-	font-size: small;
-}
-
-#main-about-box #main-about-buttons {
-      margin: 10px 25px 20px 25px;
-      text-align: left;
-}
-
-#main-about-box #main-about-buttons a {
-      padding: 5px 15px;
-      display: inline-block;
-      text-decoration: none;
-      border-radius: 10px;
-      color: black;
-      background-color: white;
-      margin: 10px 5px;
-      font-size: 15px;
-}
-
-#main-links {
-    background-color: #3C3C3C;
-    text-align: center;
-    height: 105px;
-}
-
-#main-links a {
-    padding: 5px 25px 5px 25px;
-    display: inline-block;
-    text-decoration: none;
-    color: white;
-    border: 2px solid gray;
-    border-radius: 25px;
-    margin: 30px 20px 0px 20px;
-	font-size: 24px;
-}
-
-#main-sandbox {
-  background-color: #9A9A9A;
-  color: #333333;
-  padding: 25px 50px 100px 100px;
-  text-align: left;
-}
-
-#main-sandbox h1 {
-    color: white;
-    font-size: 36px;
-    margin-bottom: 15px;
-    margin-left: -5px;
-    margin-top: 15px;
-}
-
-
-#main-get_started {
+	padding: 10px 10px 10px 30px;
+	color: white;
 	text-align: left;
-	width:1050px;
-	margin: 50px auto;
-	background-color: #f1f4f8;
 }
-
-.main-get_started-row {
-	display: table-row;
-}
-.main-get_started-cell {
-	display: table-cell;
-	vertical-align: top;
-	color: #838b98;
-}
-.main-get_started-cell:nth-child(1) {
-	width: 45%;
-	padding: 0 10px;
-}
-
-.main-get_started-cell:nth-child(2) {
-	width: 95px;
-	height: 300px;
-}
-.main-get_started-cell:nth-child(2) img {
-	margin: 0 10px;
-	display: block;
-}
-
-.main-get_started-cell:nth-child(3) {
-	width: 45%;
-	padding: 0 10px;
-}
-
-.main-get_started-icon {
-	text-align: center;
-}
-
-#main-get_started h1 {
-	text-align: center;
-	font-weight: bold;
-	font-size: 36px;
-	margin: 30px 0 30px 0;
-	display: table-caption;
-}
- 
-#main-get_started h2 {
-	font-weight: bold;
-	font-size: 24px;
-	color: #333333;
-}
-
-#main-get_started .green-button {
+#main-about #main-about-box {
+	background-color: rgba(83, 196, 239, 0.7);
+	margin-top: 240px;
 	padding-bottom: 40px;
 }
+#main-about #main-about-text a {
+	text-decoration: underline;
+	color: white;
+}
+#main-about #main-about-buttons {
+	margin: 10px 25px 0 25px;
+	text-align: left;
+}
+#main-about #main-about-buttons a {
+	padding: 5px 15px;
+	display: inline-block;
+	text-decoration: none;
+	border-radius: 10px;
+	color: #333;
+	background-color: white;
+	margin: 10px 5px;
+	font-size: 15px;
+}
+
+
+
+#main-get-started {
+	padding: 50px 10px;
+	background-color: #f1f4f8;
+}
+#main-get-started h2 {
+	font-weight: bold;
+	font-size: 24px;
+	margin-bottom: 10px;
+}
+#main-get-started .main-get-started-icon, #main-get-started .main-get-started-item {
+	text-align: center;
+}
+#main-get-started .main-get-started-item {
+	margin-bottom: -6px;
+}
+#main-get-started .main-get-started-text {
+	padding: 20px 30px;
+	text-align: left;
+}
+
 
 
 #main-apis {
-	text-align: left;
-	position:center;
-	margin: 50px auto;
-	display: table;
-	width:1050px;
-}
-.main-apis-row {
-	display: table-row;
-}
-.main-apis-cell {
-    margin:50px auto;
-	display: table-cell;
-	vertical-align: top;
-	padding-bottom: 30px;
-}
-.main-apis-cell:nth-child(1) {
-	width: 10%;
-}
-.main-apis-cell:nth-child(2) {
-	width: 40%;
-}
-.main-apis-cell:nth-child(3) {
-	width: 10%;
-}
-.main-apis-cell:nth-child(4) {
-	width: 40%;
-}
-
-#main-apis h1 {
-	text-align: center;
-	font-weight: bold;
-	font-size: 36px;
-	padding:40px 0px 40px 0px;
-	display: table-caption;
+	padding-top: 50px;
 }
 #main-apis h2 {
 	font-weight: bold;
 	font-size: 24px;
 	margin-top: 13px;
 }
+#main-apis .main-apis-text {
+	margin-bottom: 50px;
+}
+
 
 
 #main-showcases {
-	margin: 50px auto;
-	width:1050px;
-	padding: 60px 0;
+	margin-top: 70px;
+	padding: 50px 10px;
 	color: white;
-	background-color: #31b9ce;
+	background-color: #53C4EF;
+	text-align: center;
 }
-
-#main-showcases h1 {
-	margin-bottom: 60px;
-	font-size: 36px;
-}
-
-#main-showcases h2 {
-	font-size: 24px;
-}
-
 .main-showcases-item {
 	display: inline-block;
 	margin: 30px 10px;
 	width: 230px;
 	font-size: small;
 }
-
 .main-showcases-item a {
 	color: white;
 }
@@ -432,118 +225,70 @@ display: block;
 }
 
 
+
 #main-faq {
 	text-align: left;
-	width:970px;
-	margin: 50px auto;
-	padding:0px 0px 0px 80px;
+	padding: 50px 0;
 	background-color: #f1f4f8;
 }
-
-#main-faq h1 {
-	text-align: center;
-	font-weight: bold;
-	font-size: 36px;
-	margin: 30px 40px 30px 0px;
-	display: table-caption;
-}
- 
 #main-faq h2 {
-	font-size: 18px; /* text won't fit on line with 24px */
-	font-weight: bold;
-	color: #333333;
+	font-size: 18px;
+	margin-left: 30px;
 }
- 
-#main-faq .collapse {
+#main-faq p, #main-faq ol {
+	margin-top: 10px;
+}
+#main-faq .main-faq-button {
+	margin: 10px;
+	background-image: url('https://static.openbankproject.com/images/sandbox/faq/minus.png');
 	background-repeat:no-repeat;
-	padding-left: 30px;
-	margin-bottom: 30px;
-	list-style: none;
 }
-#main-faq .collapse.plus {
+#main-faq .main-faq-button.collapsed {
 	background-image: url('https://static.openbankproject.com/images/sandbox/faq/plus.png');
 }
-#main-faq .collapse.minus {
-	background-image: url('https://static.openbankproject.com/images/sandbox/faq/minus.png');
-}
-#main-faq .collapse h2:hover {
+#main-faq .main-faq-button:hover {
 	cursor: pointer;
 }
-
 #main-faq ol {
 	list-style-type: decimal;
-	display: none;
+	margin-left: 20px;
 }
 
-#main-faq p {
-	display: none;
-}
-
-.main-faq-row {
-	display: table-row;
-}
-
-.main-faq-cell {
-	display: table-cell;
-	vertical-align: top;
-	color: #838b98;
-	font-size: 16px;
-	width:485px;
-}
-
-
 
 
 #main-start_building {
-	margin: 50px auto;
-	width:920px;
-	padding: 0 80px;
-}
-#main-start_building h1 {
-    margin: auto;
-	font-size: 36px;
-	font-weight: bold;
-	line-height: 40px;
+	padding: 50px 0;
 }
 
 
+
 #main-partners {
-	margin: 50px auto;
+	padding-bottom: 50px;
 	text-align: center;
-	width:1080px;
 }
-
 #main-partners img {
 	width: 160px;
 }
-
 #main-partners a {
-    margin:auto;
-    display: inline-block;
-    /* *display: inline; */
-    /* zoom: 1; */
-    padding:30px 30px 30px 30px;
+	margin:auto;
+	display: inline-block;
+	padding: 30px 30px 30px 30px;
 }
 
 
 
 #main-support {
-	margin: auto;
-	width:930px;
-	margin-bottom: -20px; /* touch footer */
-	padding: 60px;
+	padding: 60px 10px;
 	color: white;
-	background-color: #31b9ce;
+	background-color: #53C4EF;
+	text-align: center;
 }
-
 #main-support h2 {
 	font-size: 24px;
 }
-
 .main-support-item {
 	display: inline-block;
 	margin: 30px 10px;
-	width: 280px;
 }
 .main-support-item a {
 	color: white;
@@ -551,682 +296,191 @@ display: block;
 
 
 
-.green-button {
-	width: 300px;
+.bigbutton {
 	margin: 30px auto;
 	text-align: center;
 }
-.green-button a {
+.bigbutton a {
 	border: 3px solid green;
 	border-radius: 25px;
 	color: green;
 	padding: 10px;
 	font-size: 24px;
+	text-decoration: none;
+}
+.bigbutton a:hover {
+	background-color: green;
+	color: white;;
 }
 
 
 
-
-
-
-.stretch {
-    width: 100%;
-    display: inline-block;
-    font-size: 0;
-    line-height: 0
+#authorise,
+#recover-password,
+#signup,
+#create-account,
+#register-consumer {
+	background-color: #53C4EF;
+	padding: 20px 10px;
+	color: white;
+	margin: 30px auto;
 }
-
-.account-upper{
-	height: 100%;
-	padding: 2px 0 0;
-	float: right;
+#authorise #login-special-instructions {
+	text-align: center;
+	margin-bottom: 20px;
 }
-
-.account-in-content{
-	height: 100%;
-	padding: 10px 20px 30px 10px;
-    text-align: center;
+#authorise form,
+#authorise #oauth-done-thanks,
+#recover-password form,
+#recover-password #recover-password-explanation,
+#signup form {
+	max-width: 400px;
+	margin: 0 auto;
 }
-
-.account .profile-info {
-	float: right;
-	margin: 0 10px 0 0;
-	font-size: 12px;
+#authorise .authorise-button {
+	margin-bottom: 10px;
 }
-
-.account .account-info {
-	padding: 7px 15px 8px;
-	border: 1px solid #dddddd;
-	border-radius: 10px;
-	background: #ffffff;
-	font-size: 17px;
-	color: #666666;
+#authorise #authorise-submit {
+	text-align: left;
 }
-
-.account .logout {
-	font-size: 12px;
+#authorise #authorise-submit input,
+#recover-password #recover-password-submit input,
+#signup #signup-submit input {
+	/* Copy of bootstrap .btn */
+	display: inline-block;
+	padding: 6px 12px;
+	margin-bottom: 0;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1.42857143;
+	white-space: nowrap;
+	vertical-align: middle;
+	touch-action: manipulation;
+	cursor: pointer;
+	background-image: none;
+	border: 1px solid transparent;
+	border-radius: 4px;
+	border-color: #ccc;
+	color: #333;
+	background-color: white;
+	text-transform: uppercase;
 }
-
-.account form.login .field {
-	width: 164px;
+#authorise #authorise-submit input:hover,
+#recover-password #recover-password-submit input:hover,
+#signup #signup-submit input:hover {
+	background-color: #e6e6e6;
 }
-
-.account form.login .buttons {
-	margin-top: 30px;
-	height: 2em;
-	display: flex;
+#authorise #authorise-signup {
+	text-transform: uppercase;
 }
-
-.account form.login .field input {
-  clear: left;
-  width: 150px;
-  background: #ffffff;
-  border: 1px solid #999999;
-  border-radius: 3px;
-  padding: 2px;
-}
-
-.account form.login .field .signup {
-  float: right;
-  margin: 1px 8px 0 0;
-  padding: 2px 0 0;
-  font-size: 11px;
-}
-
-.account form.login .button-field {
-    height: 2em;
-}
-
-.account form.login .button .submit {
-  float: left;
-  background: #c1e7e1;
-  border: 1px solid #22a890;
-  border-radius: 3px;
-  padding: 2px 5px;
-  color: #58988e;
-  font-size: 12px;
-  cursor: pointer;
-  margin: 14px 0 0;
-}
-
-.account form.login .field .forgot {
-  float: right;
-  margin: 1px 8px 0 0;
-  padding: 2px 0 0;
-  font-size: 11px;
-}
-
-.account-in-content form.login .field input {
-  width: 100%;
-  background: #ffffff;
-  border: 1px solid #CCC;
-  border-radius: 6px;
-  padding: 2px;
-  height: 1.8em;
-}
-
-.account-in-content form.login .button .signup, #openid-button {
-    border: 1px solid white;
-    border-radius: 20px;
-    padding: 2px 18px;
-    color: #535456;
-    font-size: 20px;
-    cursor: pointer;
-    text-decoration: none;
-    display: inline-block;
-    float: right;
-    margin: 0;
-    text-transform: uppercase;
-    background-color: white;
-    font-weight: 500;
-    height: 26px;
-}
-
-.account-in-content form.login .button .submit {
-  background: white;
-  border: gray;
-  border-radius: 20px;
-  padding: 7px 20px;
-  color: #535456;
-  font-size: 18px;
-  cursor: pointer;
-  text-decoration: none;
-  display: inline-block;
-  height: initial;
-  margin: 0;
-  width: inherit;
-  text-transform: uppercase;
-  font-weight: 500;
-}
-
-.account-in-content form.login .field .forgot {
-	float: right;
-	margin: 1px 6px 0 0;
-	padding: 2px 0 0;
+#authorise #authorise-recover-password {
 	font-size: 12px;
 	color: white;
 }
-
-.account-upper form.login {
-	float: right;
+#authorise .login-error {
+	margin-bottom: 10px;
+	color: red;
 }
 
-.account-upper form.login .field,
-.account-upper form.login .button {
-	float: left;
-}
 
-.account-upper form.login .field label {
-	font-size: 11px;
-}
 
-.account-upper form.login .field input {
-	float: left;
-	font-size: 12px;
-}
-
-.account-in-content form.login{
-	/* width: 555px;*/
-	margin:0 auto
-}
-
-.account-in-content form.login .field{
-	margin-top: 15px;
+#recover-password #recover-password-email input,
+#signup input[type="text"],
+#signup input[type="password"]
+{
+	/* Copy of bootstrap .form-control */
+	display: block;
 	width: 100%;
-}
-
-.account-in-content form.login .field label {
-	/* font-size: 12px; */
-}
-
-.account-in-content form.login .field input {
+	height: 34px;
+	padding: 6px 12px;
 	font-size: 14px;
+	line-height: 1.42857143;
+	color: #555;
+	background-color: #fff;
+	background-image: none;
+	border: 1px solid #ccc;
+	border-radius: 4px;
+	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+}
+#recover-password #recover-password-email input:focus,
+#signup input[type="text"]:focus,
+#signup input[type="password"]:focus {
+	border-color: #66afe9;
+	outline: 0;
+	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
+}
+#recover-password h1 + div {
+	text-align: center;
+}
+#recover-password .form-group {
+	margin-top: 20px;
 }
 
-.account-in-content form.forgotPassword {
-    padding-top: 20px;
-    width: 470px;
+
+
+#signup #signup-error,
+#signup .form-group,
+#signup #signup-agree-terms,
+#signup #signup-submit {
+	margin-bottom: 20px;
 }
 
-.account-in-content form.forgotPassword .buttons {
+
+
+#create-account a,
+#signup #signup-agree-terms a,
+#register-consumer a,
+#authorise #manual-redirect a {
+	color: white;
+	text-decoration: underline;
+}
+#create-account #create-account-explanation,
+#create-account form,
+#register-consumer #register-consumer-explanation,
+#register-consumer form,
+#register-consumer-errors,
+#register-consumer-success {
+	max-width: 600px;
+	margin: 0 auto;
+}
+#create-account #create-account-explanation,
+#register-consumer #register-consumer-explanation {
+	margin-bottom: 20px;
+}
+#create-account #create-account-id span,
+#create-account #create-account-bank-id span,
+#create-account #create-account-initial-balance span,
+#create-account #create-account-currency span {
+	font-weight: bold;
+}
+
+
+
+#register-consumer #appDesc {
+	height: 250px;
+}
+#register-consumer #register-consumer-errors {
+	margin-bottom: 20px;
+}
+#register-consumer #register-consumer-success {
 	margin-top: 30px;
-	height: 2em;
-	display: flex;
+}
+#register-consumer #register-consumer-success p {
+	margin-bottom: 20px;
+}
+#register-consumer #register-consumer-success .row {
+	margin-bottom: 20px;
+}
+#register-consumer #register-consumer-success .row div:nth-child(1) {
+	font-weight: bold;
 }
 
-table {
-	width: 90%;
-	margin: 0 0 20px;
-	border-collapse: collapse;
-	clear: both;
-	color: black;
-	/* border: none; */
-	margin-left: auto;
-	margin-right: auto;
-}
 
-table th,
-table td {
-	text-align: left;
-}
-
-table tbody tr {
-	/* background: #459860; */
-}
-
-table tbody tr:nth-child(even) {
-	/* background: #459860; */
-}
-
-table td {
-	padding: 15px 0px 15px 14px;
-	/* border-top: 2px solid #ffffff; */
-	line-height: 1em;
-	font-size: 15px;
-	/* vertical-align: top; */
-	/* color: white; */
-}
-
-table th {
-	overflow: auto;
-	padding: 0 0 10px 8px;
-	border-bottom: 2px solid #cbcbcb;
-}
-
-section#content {
-     font-size: 20px;
-     line-height: 1.5em;
-     text-align: center;
-     color: white;
-}
-
-/* don't add spacing after last table in a transaction list */
-section#content div div:last-of-type table {
-    margin-bottom: 0px;
-}
-
-section#content form {
-    color: white;
-    /* width: 85%; */
-    margin-left: auto;
-    margin-right: auto;
-    font-size: 16px;
-    margin-top: 0px;
-}
-
-/* for lift generated forms */
-section#content>form>table {
-    background-color: #53C4EF;
-    padding: 10px;
-    color: white;
-    max-width: 50%;
-    margin-top: 50px;
-}
 
+/* from oauth/authorize.html */
 #verifier {
 	margin-top: 30px;
 	font-weight: bold;
 	font-size: 18px;
 	text-align: center;
 }
-
-#signupForm tr:first-child td {
-    width: 150px;
-    font-size: 18px;
-    color: white;
-}
-
-#signupForm td span input{
-    display:block;
-    clear:both;
-}
-#signupForm td span input:first-child {
-    margin-bottom:10px;
-}
-#signupForm td span input:last-child {
-    margin-top:5px;
-}
-
-#signupForm td input[type=submit]{
-    /* width:85px; */
-}
-
-.signup-error {
-	margin-bottom: 10px;
-	color: red;
-}
-
-#registerAppSection {
-    background-color: #53C4EF;
-    padding: 10px;
-    color: white;
-    max-width: 85%;
-    margin-top: 50px;
-    display: inline-block;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-#registerAppSection h1 {
-    text-align: left;
-    margin-left: 2%;
-    margin-bottom: 40px;
-    font-size: 20px;
-    line-height: 1.5em;
-}
-
-#registerAppSection .success {
-    /* font-size: 20px !important; */
-    margin-bottom: 25px;
-}
-
-div.registration {
-    padding: 30px 0 50px 0;
-    /* width: 84%; */
-}
-
-form.register {
-    /* color: #555555; */
-    width: 96%;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 30px;
-}
-
-form div.form-column {
-    float: left;
-    width: 50%;
-    display: flex;
-    flex-direction: column;
-    margin-top: 20px;
-    margin-bottom: 20px;
-    /* color: #555555; */
-}
-
-form div.form-column div {
-    display: inline-flex;
-    margin-bottom: 16px;
-}
-
-form label {
-    font-size: 16px;
-    min-width: 144px;
-    display: inline-flex;
-    text-align: left;
-    margin-right: 5px;
-}
-
-form input[type=text], form select {
-    width: 60%;
-}
-
-form input, form select {
-    border-radius: 5px;
-    border: solid 1px white;
-    height: 28px;
-    /* margin-bottom: 16px; */
-    color: #535456;
-    background-color: white;
-    font-size: 17px;
-    display: inline-block;
-}
-
-form.register textarea {
-    width: 80%;
-    border-radius: 5px;
-    border: solid 1px white;
-    height: 100px;
-}
-
-form.register div.submit {
-    margin-left: auto;
-    margin-top: 25px;
-}
-
-form input[type=submit] {
-    font-size: 18px;
-    height: 30px;
-    border-radius: 20px;
-    text-transform: uppercase;
-    text-align: left;
-    padding: 2px 20px 0px 20px;
-}
-
-div.extra_account_logo {
-    float: left;
-}
-
-div.extra_account_logo img {
-    max-width: 200px;
-    max-height: 100px;
-}
-
-div.extra_info_and_links {
-    float: left;
-    margin-left: 10px;
-}
-
-span.alias_indicator_public {
-    color: green;
-    padding: 2px;
-}
-
-span.alias_indicator_private {
-    color: purple;
-    padding: 2px;
-}
-
-
-#footer {
-	margin: 20px auto;
-	width:1050px;
-	padding: 50px 0px 50px 0px;
-    color: #999999;
-    background-color: #3C3C3C;
-    text-align: center;
-}
-#footer a {
-    color: white;
-}
-#footer #copyright {
-	margin-bottom: 10px;
-}
-
-
-#authorizeSection {
-    background-color: #53C4EF;
-    padding: 10px;
-    color: white;
-    max-width: 85%;
-    margin-top: 50px;
-    display: inline-block;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-#authorizeSection form.login {
-	padding-top: 20px;
-	width: 400px;
-}
-
-.loginSection {
-    width: 50%;
-}
-
-.signupSection {
-    padding: 30px 0px 30px 0px !important;
-    width: 60%;
-}
-
-.signupSection form input[type=text],
-.signupSection form select,
-.signupSection form input[type=password] {
-  width: 80%;
-}
-.signupSection form tr td {
-    color: white;
-}
-
-#userAccess {
-    padding: 5px;
-    /* width: 400px; */
-}
-
-.login-error {
-	margin-bottom: 10px;
-	color: red;
-}
-
-span.edit_error_class {
-	color: red;
-}
-
-#accountList {
-	margin-top: 5px;
-	float : right;
-}
-
-#public_accounts, #authorised_accounts {
-	background: #FAFAFA;
-	width: 200px;
-	border-radius: 8px 8px 8px 8px;
-	padding: 10px 10px 20px 10px;
-	margin-top: 20px;
-	margin-right: 80px;
-	float: left;
-}
-
-#authorised_accounts {
-	background: #FAFAFA;
-	width: 230px;
-	border-radius: 8px 8px 8px 8px;
-	padding: 10px 10px 20px 10px;
-	margin-top: 20px;
-	float: right;
-}
-
-#homeContent {
-	overflow: hidden;
-}
-
-.account_header {
-	margin-bottom: 10px;
-}
-
-.account {
-	margin-bottom: 5px;
-}
-
-li.comment {
-	padding : 14px 10px;
-	border-top: 2px solid white;
-	background: #f3f9f8;
-	line-height: 1em;
-	font-size: 13px;
-}
-
-#comment_list {
-	margin-top: 10px;
-}
-
-div#addCommentbloc {
-	margin-top: 15px;
-}
-
-#submitComment {
-	display: block;
-}
-
-#lastUpdate {
-	margin-top: 5px;
-	font-size: 13px;
-	display: block;
-}
-
-#account_details {
-	margin-bottom: 25px;
-}
-
-a#feedBack {
-	display: block;
-	position: fixed;
-	left:0;
-	top: 50%;
-	width: 26px;
-	height: 87px;
-	background: url(../images/feedback-button.gif);
-	cursor: pointer;
-}
-
-span#registrationDetails {
-	font-size: 10px;
-}
-
-.error {
-	color:red;
-}
-
-img.moreInfoIcon {
-	margin-left: 6px;
-	margin-top: 7px;
-	width: 18px;
-	height: 18px;
-}
-
-span#submissionMessage {
-	display: block;
-}
-
-span#submissionSuccess, span#submissionFailed {
-	display: block;
-	padding: 15px 20px;
-	background: #66ee55;
-}
-
-span#submissionFailed {
-	background: #ff3311;
-}
-
-span#accountsMsg {
-	font-size: 13px;
-}
-
-#registration-errors {
-	color: red;
-	/* border: solid 1px red; */
-	margin: 0;
-	/* padding: 15px; */
-}
-
-#oauth-done-thanks {
-	margin: 30px;
-	color: black;
-}
-
-#create-sandbox-account {
-    background-color: #53C4EF;
-    padding: 20px;
-    color: white;
-    max-width: 85%;
-    margin-top: 50px;
-    display: inline-block;
-}
-
-#create-sandbox-account form label {
-    min-width: 190px;
-}
-
-#create-sandbox-account form div.submit {
-    margin-left: auto;
-}
-
-#create-sandbox-account form div.form-column.middle {
-  margin-left: 25%;
-}
-
-#create-account-explanation a {
-    color: lightgray;
-}
-
-#create-account-instructions {
-    margin-top: 30px;
-    margin-left: 10px;
-}
-
-#create-account-error-message {
-    margin-left: 50px;
-    margin-top: 10px;
-    color: red;
-}
-
-#account-created-successfully {
-    margin-left: 50px;
-    margin-top: 10px;
-    color: lightgreen;
-}
-
-#admin-logout {
-	padding-left: 10px;
-	border: 2px solid;
-	border-color: #FF0000;
-	margin-top:-6px;
-	padding: 4px 0 3px 10px;
-}
-
-#admin-consumer-summary {
-	color: black;
-	margin: 20px 0;
-}
-
-#login_special_instructions {
-    text-align: left;
-}
-
-
-#agree-terms-input {
-	vertical-align: middle;
-}
-#agree-terms-text {
-	vertical-align: middle;
-	margin-left: 10px;
-}
diff --git a/src/main/webapp/media/js/bootstrap.min.js b/src/main/webapp/media/js/bootstrap.min.js
new file mode 100644
index 000000000..9bcd2fcca
--- /dev/null
+++ b/src/main/webapp/media/js/bootstrap.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under the MIT license
+ */
+if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1||b[0]>3)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){if(a(b.target).is(this))return b.handleObj.handler.apply(this,arguments)}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.7",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a("#"===f?[]:f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.7",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c).prop(c,!0)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c).prop(c,!1))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target).closest(".btn");b.call(d,"toggle"),a(c.target).is('input[type="radio"], input[type="checkbox"]')||(c.preventDefault(),d.is("input,button")?d.trigger("focus"):d.find("input:visible,button:visible").first().trigger("focus"))}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.7",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));if(!(a>this.$items.length-1||a<0))return this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){if(!this.sliding)return this.slide("next")},c.prototype.prev=function(){if(!this.sliding)return this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.7",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger(a.Event("hidden.bs.dropdown",f)))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.7",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger(a.Event("shown.bs.dropdown",h))}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&j<i.length-1&&j++,~j||(j=0),i.eq(j).trigger("focus")}}}};var h=a.fn.dropdown;a.fn.dropdown=d,a.fn.dropdown.Constructor=g,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=h,this},a(document).on("click.bs.dropdown.data-api",c).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",f,g.prototype.toggle).on("keydown.bs.dropdown.data-api",f,g.prototype.keydown).on("keydown.bs.dropdown.data-api",".dropdown-menu",g.prototype.keydown)}(jQuery),+function(a){"use strict";function b(b,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},c.DEFAULTS,e.data(),"object"==typeof b&&b);f||e.data("bs.modal",f=new c(this,g)),"string"==typeof b?f[b](d):g.show&&f.show(d)})}var c=function(b,c){this.options=c,this.$body=a(document.body),this.$element=a(b),this.$dialog=this.$element.find(".modal-dialog"),this.$backdrop=null,this.isShown=null,this.originalBodyPad=null,this.scrollbarWidth=0,this.ignoreBackdropClick=!1,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};c.VERSION="3.3.7",c.TRANSITION_DURATION=300,c.BACKDROP_TRANSITION_DURATION=150,c.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},c.prototype.toggle=function(a){return this.isShown?this.hide():this.show(a)},c.prototype.show=function(b){var d=this,e=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.checkScrollbar(),this.setScrollbar(),this.$body.addClass("modal-open"),this.escape(),this.resize(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.$dialog.on("mousedown.dismiss.bs.modal",function(){d.$element.one("mouseup.dismiss.bs.modal",function(b){a(b.target).is(d.$element)&&(d.ignoreBackdropClick=!0)})}),this.backdrop(function(){var e=a.support.transition&&d.$element.hasClass("fade");d.$element.parent().length||d.$element.appendTo(d.$body),d.$element.show().scrollTop(0),d.adjustDialog(),e&&d.$element[0].offsetWidth,d.$element.addClass("in"),d.enforceFocus();var f=a.Event("shown.bs.modal",{relatedTarget:b});e?d.$dialog.one("bsTransitionEnd",function(){d.$element.trigger("focus").trigger(f)}).emulateTransitionEnd(c.TRANSITION_DURATION):d.$element.trigger("focus").trigger(f)}))},c.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),this.resize(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").off("click.dismiss.bs.modal").off("mouseup.dismiss.bs.modal"),this.$dialog.off("mousedown.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one("bsTransitionEnd",a.proxy(this.hideModal,this)).emulateTransitionEnd(c.TRANSITION_DURATION):this.hideModal())},c.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){document===a.target||this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.trigger("focus")},this))},c.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keydown.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keydown.dismiss.bs.modal")},c.prototype.resize=function(){this.isShown?a(window).on("resize.bs.modal",a.proxy(this.handleUpdate,this)):a(window).off("resize.bs.modal")},c.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.$body.removeClass("modal-open"),a.resetAdjustments(),a.resetScrollbar(),a.$element.trigger("hidden.bs.modal")})},c.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},c.prototype.backdrop=function(b){var d=this,e=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var f=a.support.transition&&e;if(this.$backdrop=a(document.createElement("div")).addClass("modal-backdrop "+e).appendTo(this.$body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){return this.ignoreBackdropClick?void(this.ignoreBackdropClick=!1):void(a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus():this.hide()))},this)),f&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;f?this.$backdrop.one("bsTransitionEnd",b).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):b()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var g=function(){d.removeBackdrop(),b&&b()};a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",g).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):g()}else b&&b()},c.prototype.handleUpdate=function(){this.adjustDialog()},c.prototype.adjustDialog=function(){var a=this.$element[0].scrollHeight>document.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth<a,this.scrollbarWidth=this.measureScrollbar()},c.prototype.setScrollbar=function(){var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)},c.prototype.measureScrollbar=function(){var a=document.createElement("div");a.className="modal-scrollbar-measure",this.$body.append(a);var b=a.offsetWidth-a.clientWidth;return this.$body[0].removeChild(a),b};var d=a.fn.modal;a.fn.modal=b,a.fn.modal.Constructor=c,a.fn.modal.noConflict=function(){return a.fn.modal=d,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(c){var d=a(this),e=d.attr("href"),f=a(d.attr("data-target")||e&&e.replace(/.*(?=#[^\s]+$)/,"")),g=f.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(e)&&e},f.data(),d.data());d.is("a")&&c.preventDefault(),f.one("show.bs.modal",function(a){a.isDefaultPrevented()||f.one("hidden.bs.modal",function(){d.is(":visible")&&d.trigger("focus")})}),b.call(f,g,this)})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof b&&b;!e&&/destroy|hide/.test(b)||(e||d.data("bs.tooltip",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.type=null,this.options=null,this.enabled=null,this.timeout=null,this.hoverState=null,this.$element=null,this.inState=null,this.init("tooltip",a,b)};c.VERSION="3.3.7",c.TRANSITION_DURATION=150,c.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);if(c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),!c.isInStateTrue())return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-m<o.top?"bottom":"right"==h&&k.right+l>o.width?"left":"left"==h&&k.left-l<o.left?"right":h,f.removeClass(n).addClass(h)}var p=this.getCalculatedOffset(h,k,l,m);this.applyPlacement(p,h);var q=function(){var a=e.hoverState;e.$element.trigger("shown.bs."+e.type),e.hoverState=null,"out"==a&&e.leave(e)};a.support.transition&&this.$tip.hasClass("fade")?f.one("bsTransitionEnd",q).emulateTransitionEnd(c.TRANSITION_DURATION):q()}},c.prototype.applyPlacement=function(b,c){var d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),b.top+=g,b.left+=h,a.offset.setOffset(d[0],a.extend({using:function(a){d.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),d.addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;"top"==c&&j!=f&&(b.top=b.top+f-j);var k=this.getViewportAdjustedDelta(c,b,i,j);k.left?b.left+=k.left:b.top+=k.top;var l=/top|bottom/.test(c),m=l?2*k.left-e+i:2*k.top-f+j,n=l?"offsetWidth":"offsetHeight";d.offset(b),this.replaceArrow(m,d[0][n],l)},c.prototype.replaceArrow=function(a,b,c){this.arrow().css(c?"left":"top",50*(1-a/b)+"%").css(c?"top":"left","")},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},c.prototype.hide=function(b){function d(){"in"!=e.hoverState&&f.detach(),e.$element&&e.$element.removeAttr("aria-describedby").trigger("hidden.bs."+e.type),b&&b()}var e=this,f=a(this.$tip),g=a.Event("hide.bs."+this.type);if(this.$element.trigger(g),!g.isDefaultPrevented())return f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one("bsTransitionEnd",d).emulateTransitionEnd(c.TRANSITION_DURATION):d(),this.hoverState=null,this},c.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},c.prototype.hasContent=function(){return this.getTitle()},c.prototype.getPosition=function(b){b=b||this.$element;var c=b[0],d="BODY"==c.tagName,e=c.getBoundingClientRect();null==e.width&&(e=a.extend({},e,{width:e.right-e.left,height:e.bottom-e.top}));var f=window.SVGElement&&c instanceof window.SVGElement,g=d?{top:0,left:0}:f?null:b.offset(),h={scroll:d?document.documentElement.scrollTop||document.body.scrollTop:b.scrollTop()},i=d?{width:a(window).width(),height:a(window).height()}:null;return a.extend({},e,h,i,g)},c.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},c.prototype.getViewportAdjustedDelta=function(a,b,c,d){var e={top:0,left:0};if(!this.$viewport)return e;var f=this.options.viewport&&this.options.viewport.padding||0,g=this.getPosition(this.$viewport);if(/right|left/.test(a)){var h=b.top-f-g.scroll,i=b.top+f-g.scroll+d;h<g.top?e.top=g.top-h:i>g.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;j<g.left?e.left=g.left-j:k>g.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null,a.$element=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;!e&&/destroy|hide/.test(b)||(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.7",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.7",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b<e[0])return this.activeTarget=null,this.clear();for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(void 0===e[a+1]||b<e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){
+this.activeTarget=b,this.clear();var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")},b.prototype.clear=function(){a(this.selector).parentsUntil(this.options.target,".active").removeClass("active")};var d=a.fn.scrollspy;a.fn.scrollspy=c,a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=d,this},a(window).on("load.bs.scrollspy.data-api",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);c.call(b,b.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new c(this)),"string"==typeof b&&e[b]()})}var c=function(b){this.element=a(b)};c.VERSION="3.3.7",c.TRANSITION_DURATION=150,c.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a"),f=a.Event("hide.bs.tab",{relatedTarget:b[0]}),g=a.Event("show.bs.tab",{relatedTarget:e[0]});if(e.trigger(f),b.trigger(g),!g.isDefaultPrevented()&&!f.isDefaultPrevented()){var h=a(d);this.activate(b.closest("li"),c),this.activate(h,h.parent(),function(){e.trigger({type:"hidden.bs.tab",relatedTarget:b[0]}),b.trigger({type:"shown.bs.tab",relatedTarget:e[0]})})}}},c.prototype.activate=function(b,d,e){function f(){g.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.7",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return e<c&&"top";if("bottom"==this.affixed)return null!=c?!(e+this.unpin<=f.top)&&"bottom":!(e+g<=a-d)&&"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&e<=c?"top":null!=d&&i+j>=a-d&&"bottom"},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);
\ No newline at end of file
diff --git a/src/main/webapp/media/js/website.js b/src/main/webapp/media/js/website.js
index c95924020..f89fa82d4 100644
--- a/src/main/webapp/media/js/website.js
+++ b/src/main/webapp/media/js/website.js
@@ -1,57 +1,49 @@
 $(document).ready(function() {
-    //fallback for html5 placeholder
-    if ( !("placeholder" in document.createElement("input")) ) {
-        $("input[placeholder], textarea[placeholder]").each(function() {
-            var val = $(this).attr("placeholder");
-            if ( this.value == "" ) {
-                this.value = val;
-            }
-            $(this).focus(function() {
-                if ( this.value == val ) {
-                    this.value = "";
-                }
-            }).blur(function() {
-                if ( $.trim(this.value) == "" ) {
-                    this.value = val;
-                }
-            })
-        });
+	//fallback for html5 placeholder
+	if ( !("placeholder" in document.createElement("input")) ) {
+		$("input[placeholder], textarea[placeholder]").each(function() {
+			var val = $(this).attr("placeholder");
+			if ( this.value == "" ) {
+				this.value = val;
+			}
+			$(this).focus(function() {
+				if ( this.value == val ) {
+					this.value = "";
+				}
+			}).blur(function() {
+				if ( $.trim(this.value) == "" ) {
+					this.value = val;
+				}
+			})
+		});
 
-        // Clear default placeholder values on form submit
-        $('form').submit(function() {
-            $(this).find("input[placeholder], textarea[placeholder]").each(function() {
-                if ( this.value == $(this).attr("placeholder") ) {
-                    this.value = "";
-                }
-            });
-        });
-    }
+		// Clear default placeholder values on form submit
+		$('form').submit(function() {
+			$(this).find("input[placeholder], textarea[placeholder]").each(function() {
+				if ( this.value == $(this).attr("placeholder") ) {
+					this.value = "";
+				}
+			});
+		});
+	}
 
 
-	// FAQ shenanigans
-	$('#main-faq .collapse h2').click(function() {
-		var answer = $(this).next();
-		var listItem = $(this).parent();
-		if (listItem.attr("class").indexOf("minus") >= 0) {
-			answer.hide();
-			listItem.removeClass("minus").addClass("plus");
-		} else {
-			answer.show();
-			listItem.removeClass("plus").addClass("minus");
-		}
-	});
-
-
-	// Enforce check of Terms and Conditions (if existing) on register form
-	$('.signupSection #signupForm').submit(function() {
-		var agreeTerms = $('.signupSection #signupForm #agree-terms-input');
+	// Enforce check of Terms and Conditions (if existing) on signup form
+	$('#signup form').submit(function() {
+		var agreeTerms = $('#signup #signup-agree-terms input');
 		if (agreeTerms.length > 0) {
 			if (!agreeTerms.prop('checked')) {
 				var msg = 'Please agree to the Terms & Conditions';
-				$('.signupSection .signup-error #signup').html(msg);
+				$('#signup #signup-error #error').html(msg);
+				$('#signup #signup-error').removeClass('hide');
 				return false;
 			}
 		}
 		return true;
 	});
+	// Show sign up errors - FIXME: Change backend to (not) show errors
+	var signupError = $('#signup #signup-error #error');
+	if (signupError.length > 0 && signupError.html().length > 0) {
+		signupError.parent().removeClass('hide');
+	}
 });
diff --git a/src/main/webapp/oauth/authorize.html b/src/main/webapp/oauth/authorize.html
index 97d1e3aad..40beb8bc4 100644
--- a/src/main/webapp/oauth/authorize.html
+++ b/src/main/webapp/oauth/authorize.html
@@ -1,50 +1,40 @@
-<div id="main" class="lift:surround?with=default;at=content">
-    <!-- Valid Token -->
-    <div class="lift:OAuthAuthorisation.tokenCheck" id="authorizeSection">
-        <div id="userAccess">
-            <div class="account account-in-content">
-                <div class="login-error">Incorrect username or password</div>
+<div id="authorise" data-lift="surround?with=default;at=content">
+	<div data-lift="OAuthAuthorisation.tokenCheck">
+		<div class="authorise-token-success">
+			<div class="login-error">Incorrect username or password</div>
+			<div data-lift="Login.customiseLogin">
+				<div id="login-special-instructions">Special Instructions</div>
 
-                The application <span id="applicationName"> web app </span> is
-                asking for access to your account data.
-                <!-- LOGGED OUT -->
-                <div data-lift="Login.customiseLogin">
-                    <link href="/media/css/responsive_login.css" rel="stylesheet" property="stylesheet" type="text/css" />
-                    <form class="login" action="/user_mgt/login" method="post">
-                        <div data-lift="Login.openIdConnectScripts" class="openid_scripts" id="openid_scripts"></div>
-                        <div class="login_special_instructions" id="login_special_instructions">Special Instructions</div>
-                        <div class="field username">
-                            <input class="username" type="text" placeholder="Username" name="username" tabindex=1 autofocus autocomplete="off"/>
-                        </div>
-                        <div class="field password">
-                            <input class="password" type="password" placeholder="Password"  name="password" tabindex=2 autocomplete="off"/>
-                        </div>
-                        <div id="recoverPasswordLink" class="field password" style="height: 1em;">
-                            <a href="/user_mgt/lost_password" class="forgot" tabindex=3>Forgot your password?</a>
-                        </div>
-                        <div class="field buttons">
-                            <div class="button button-field">
-                                <input class="submit" type="submit" value="Login" tabindex=4 name="submitButton"/>
-                            </div>
-                            <div id="SignUpLink" class="button button-field" style="margin-left: auto;">
-                                <a href="/user_mgt/sign_up" class="signup" tabindex=6>Register</a>
-                            </div>
-                        </div>
-                    </form>
-                    <div data-lift="Login.openIdConnectButton">
-                        <div class="field buttons">
-                            <div class="button button-field">
-                                <div class="openid_button" id="openid_button"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="verifierBloc">
-            <div>Please go back to the application where you come from and enter the following code: </div>
-            <div id="verifier">123123213</div>
-        </div>
-        <div id="errorMessage">Error message</div>
-    </div>
-</div>
\ No newline at end of file
+				<h1>The application <span id="applicationName">app</span> is asking for access to your data.</h1>
+
+				<form class="login" action="/user_mgt/login" method="post">
+					<div data-lift="Login.openIdConnectScripts" id="openid_scripts"></div>
+					<div class="form-group">
+						<input class="form-control" type="text" placeholder="Username" name="username" tabindex=1 autofocus autocomplete="off"/>
+					</div>
+					<div class="form-group">
+						<input class="form-control" type="password" placeholder="Password"	name="password" tabindex=2 autocomplete="off"/>
+					</div>
+					<div class="row">
+						<div class="col-xs-6">
+							<input class="btn btn-default" type="submit" value="Login" tabindex="3" />
+						</div>
+						<div class="col-xs-6">
+							<a href="/user_mgt/sign_up" id="authorise-signup" class="btn btn-default pull-right authorise-button" tabindex="4">Sign up</a>
+						</div>
+					</div>
+					<a href="/user_mgt/lost_password" id="authorise-recover-password" tabindex="5">Recover password</a>
+				</form>
+				<div data-lift="Login.openIdConnectButton">
+					<div id="openid_button"></div>
+				</div>
+			</div>
+
+			<div id="verifierBloc">
+				<div>Please go back to the application where you come from and enter the following code: </div>
+				<div id="verifier">123123213</div>
+			</div>
+		</div>
+		<div id="errorMessage">Error message</div>
+	</div>
+</div>
diff --git a/src/main/webapp/oauth/thanks.html b/src/main/webapp/oauth/thanks.html
index 96428607b..ec668f17d 100644
--- a/src/main/webapp/oauth/thanks.html
+++ b/src/main/webapp/oauth/thanks.html
@@ -1,53 +1,17 @@
-<!--
-Open Bank Project - API
-Copyright (C) 2011-2017, TESOBE Ltd.
+<div id="authorise" data-lift="surround?with=default;at=content">
+	<div data-lift="OAuthWorkedThanks.thanks" id="oauth-done-thanks">
+		<h1>You have been authenticated!</h1>
 
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-
-Email: contact@tesobe.com
-TESOBE Ltd.
-Osloer Strasse 16/17
-Berlin 13359, Germany
-
-This product includes software developed at
-TESOBE (http://www.tesobe.com/)
-
-
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title class="lift:Menu.title">Open Bank Project: %*%</title>
-    <link href="/media/css/website.css?20140404" rel="stylesheet" type="text/css" />
-	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
-	<script src="/media/js/website.js" type="text/javascript"></script>
-</head>
-<body class="lift:surround?with=default;at=content">
-	<div class="lift:OAuthWorkedThanks.thanks" id="oauth-done-thanks">
-		
-		<div id="manualRedirect">
+		<div id="manual-redirect">
 			Please click <a id="redirect-link" href="">here</a> to be redirected.</noscript>
 		</div>
-
-		<p><br>Thank you, you have been authenticated.<br>
-			The requesting application should have received an ok and you may now close this window.</p>
+		<p>
+		The requesting application should have received an ok and you may now close this window.
+		</p>
 
 		<script class="redirect-script" type="text/javascript">
 			$('#manualRedirect').hide(); //don't need the manual link if js is enabled
 			window.location.assign($('#redirect-link').attr('href'));
 		</script>
 	</div>
-</body>
-</html>
+</div>
diff --git a/src/main/webapp/templates-hidden/_login.html b/src/main/webapp/templates-hidden/_login.html
index f0e5aa722..34ec5ca84 100644
--- a/src/main/webapp/templates-hidden/_login.html
+++ b/src/main/webapp/templates-hidden/_login.html
@@ -1,40 +1,32 @@
-<div id="authorizeSection" class="loginSection" xmlns:user="">
-	<div id="userAccess">
-		<div class="account account-in-content">
-			<div class="login-error"><span class="lift:Msg?id=login&errorClass=error"/></div>
-			<!-- LOGGED OUT -->
-			Please login with your username.
-			<div data-lift="Login.customiseLogin">
-				<link href="/media/css/responsive_login.css" rel="stylesheet" property="stylesheet" type="text/css" />
-				<form class="login" action="/user_mgt/login" method="post">
-					<div data-lift="Login.openIdConnectScripts" class="openid_scripts" id="openid_scripts"></div>
-					<div class="login_special_instructions" id="login_special_instructions">Special Instructions</div>
-					<div class="field username">
-						<input class="username" type="text" placeholder="Username" name="username" tabindex=1 autofocus autocomplete="off"/>
-					</div>
-					<div class="field password">
-						<input class="password" type="password" placeholder="Password"  name="password" tabindex=2 autocomplete="off"/>
-					</div>
-					<div id="recoverPasswordLink" class="field password" style="height: 1em;">
-						<a href="/user_mgt/lost_password" class="forgot" tabindex=3>Forgot your password?</a>
-					</div>
-					<div class="field buttons">
-						<div class="button button-field">
-						<user:submit/>
-						</div>
-						<div id="SignUpLink" class="button button-field" style="margin-left: auto;">
-							<a href="/user_mgt/sign_up" class="signup" tabindex=6>Register</a>
-						</div>
-					</div>
-				</form>
-				<div data-lift="Login.openIdConnectButton">
-					<div class="field buttons">
-						<div class="button button-field">
-							<div class="openid_button" id="openid_button"></div>
-						</div>
+<div id="authorise">
+	<div class="login-error"><span data-lift="Msg?id=login&errorClass=error"/></div>
+	<div data-lift="Login.customiseLogin">
+		<h1>Please login with your username</h1>
+		<div id="login-special-instructions">Special Instructions</div>
+
+		<form class="login" action="/user_mgt/login" method="post">
+			<div data-lift="Login.openIdConnectScripts" id="openid_scripts"></div>
+			<div class="form-group">
+				<input class="form-control" id="username" type="text" placeholder="Username" name="username" tabindex="1" autofocus autocomplete="off"/>
+			</div>
+			<div class="form-group">
+				<input class="form-control" id="password" type="password" placeholder="Password"  name="password" tabindex="2" autocomplete="off"/>
+			</div>
+			<div class="row">
+				<div class="col-xs-6">
+					<div id="authorise-submit" class="authorise-button" tabindex="3">
+						<!-- Would be nice to have proper HTML here -->
+						<user:submit />
 					</div>
 				</div>
+				<div class="col-xs-6">
+					<a href="/user_mgt/sign_up" id="authorise-signup" class="btn btn-default pull-right authorise-button" tabindex="4">Sign up</a>
+				</div>
 			</div>
+			<a href="/user_mgt/lost_password" id="authorise-recover-password" tabindex="5">Recover password</a>
+		</form>
+		<div data-lift="Login.openIdConnectButton">
+			<div id="openid_button"></div>
 		</div>
 	</div>
 </div>
diff --git a/src/main/webapp/templates-hidden/default.html b/src/main/webapp/templates-hidden/default.html
index 7d50ac56a..38e2bf021 100644
--- a/src/main/webapp/templates-hidden/default.html
+++ b/src/main/webapp/templates-hidden/default.html
@@ -24,130 +24,158 @@ Berlin 13359, Germany
   TESOBE (http://www.tesobe.com/)
   by
   Simon Redfern : simon AT tesobe DOT com
-  Stefan Bethge : stefan AT tesobe DOT com
-  Everett Sochowski : everett AT tesobe DOT com
-  Ayoub Benali: ayoub AT tesobe DOT com
+  Sebastian Henschel: sebastian AT tesobe DOT com
 -->
 <!DOCTYPE html>
-
 <html lang="en">
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-        <title data-lift="WebUI.pageTitle">Open Bank Project: </title>
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="Webapp of the Open Bank Project API">
+	<meta name="keywords" content="OBP, Open Bank Project, API, bank, fintech">
+	<meta name="author" content="TESOBE">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+	<title data-lift="WebUI.pageTitle">Open Bank Project: </title>
+	<link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+	<link href="/media/css/toastr.min.css" rel="stylesheet" type="text/css" />
+	<link href="/media/css/cookies-consent.css" rel="stylesheet">
+	<link id="main_style_sheet" data-lift="WebUI.mainStyleSheet" href="/media/css/website.css" rel="stylesheet" type="text/css" />
+	<link id="override_style_sheet" data-lift="WebUI.overrideStyleSheet" href="" rel="stylesheet" type="text/css" />
 
-        <link id="main_style_sheet" data-lift="WebUI.mainStyleSheet" href="/media/css/website.css" rel="stylesheet" type="text/css" />
-        <link id="override_style_sheet" data-lift="WebUI.overrideStyleSheet" href="" rel="stylesheet" type="text/css" />
-        <link href="/media/css/cookies-consent.css" rel="stylesheet">
+	<script src="/media/js/jquery.min.js" type="text/javascript"></script>
+	<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>
+	<script src="/media/js/website.js" type="text/javascript"></script>
+	<script src="/media/js/toastr.min.js" type="text/javascript"></script>
+	<script src="/media/js/cookies-consent.js"></script>
+</head>
+<body id="page_init">
+	<div id="cookies-consent" data-lift="WebUI.cookieConsent">
+		We use cookies to support session management.
+		<input id="clickMe"/>
+	</div>
 
-        <script id="jquery" src="/media/js/jquery.min.js" type="text/javascript"></script>
-        <script src="/media/js/website.js" type="text/javascript"></script>
-        <script src="/media/js/toastr.min.js" type="text/javascript"></script>
-        <script src="/media/js/cookies-consent.js"></script>
-        <link href="/media/css/toastr.min.css" rel="stylesheet"/>
-    </head>
-    <body id="page_init">
-    <div id="cookies-consent" class="lift:WebUI.cookieConsent">
-        We use cookies to support session management.
-        <input id="clickMe"/>
-    </div>
+	<div class="container">
+		<header>
+			<div id="header-decoration"></div>
 
-    <div id="background">
-        <div id="wrapper">
-            <header id="header">
-                <div id="header-decoration"></div>
+			<div id="cookie-ipaddress-concurrent-logins" data-lift="WebUI.concurrentLoginsCookiesCheck"></div>
 
-                <div id="cookie-ipaddress-concurrent-logins" class="lift:WebUI.concurrentLoginsCookiesCheck"></div>
-                <div id="logo-left" class="lift:WebUI.headerLogoLeft">
-                    <a href="/"><img src="" alt=""></a>
-                </div>
-                <div id="top-text" class="lift:WebUI.topText">
-                    This is the top text
-                </div>
+			<div id="top-text" data-lift="WebUI.topText"></div>
 
+			<div class="row">
+				<div class="col-xs-12 col-sm-1"></div>
+				<div class="col-xs-12 col-sm-5">
+					<div class="logo hidden-xs" id="logo-left" data-lift="WebUI.headerLogoLeft">
+						<a href="/"><img src="" alt="Logo left"></a>
+					</div>
+					<div class="visible-xs">
+						<div class="logo-xs" id="logo-left-xs" data-lift="WebUI.headerLogoLeft">
+							<a href="/"><img src="" alt="Logo left"></a>
+						</div>
+					</div>
+				</div>
+				<div class="col-xs-12 col-sm-5">
+					<div class="hidden-xs">
+						<div class="logo" id="logo-right" data-lift="WebUI.headerLogoRight">
+							<a href="/"><img src="" alt="Logo right"></a>
+						</div>
+					</div>
+					<div class="visible-xs">
+						<div class="logo-xs" id="logo-right-xs" data-lift="WebUI.headerLogoRight">
+							<a href="/"><img src="" alt="Logo right"></a>
+						</div>
+					</div>
+				</div>
+				<div class="col-xs-12 col-sm-1"></div>
+			</div>
 
-                <div id="logo-right" class="lift:WebUI.headerLogoRight">
-                    <a href="/"><img src="" alt=""></a>
-                </div>
-                <div id="messages-container" class="lift:Msgs"></div>
-                <script>
-                  $(function() {
-                    toastr.options.timeOut = 3000;
-                    if(notice = $("#lift__noticesContainer___error").text()) {
-                      toastr.error(notice)
-                    }
-                    else if(notice = $("#lift__noticesContainer__").text()) {
-                      toastr.success(notice)
-                    }
-                  })
-                </script>
-              </lift:Msgs>
-            </header>
-            <nav id="nav">
-                <ul>
-                    <li class="lift:Nav.item?name=Home navitem navitem-home">
-                        <a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
-                    </li>
-                    <li class="lift:Nav.item?name=Consumer%20Registration&showEvenIfRestricted=true navitem">
-                        <a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
-                    </li>
-                    <li class="lift:Nav.item?name=Metrics navitem">
-                        <a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
-                    </li>
-                    <li class="lift:Nav.item?name=Connect navitem">
-                        <a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
-                    </li>
-                    <li class="lift:Nav.item?name=Sandbox%20Account%20Creation&showEvenIfRestricted=true navitem">
-                        <a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
-                    </li>
-                    <!-- login state -->
-                    <li class="lift:Nav.item?name=Login navitem nav-login-state-item">
-                        <!-- LOGGED OUT -->
-                        <div class="lift:Login.loggedOut">
-                            <a href="#" class="navlink login">Login</a>
-                        </div>
-                    </li>
-                    <li class="navitem nav-login-state-item">
-                        <!-- LOGGED IN -->
-                        <div id="admin-logout" class="lift:Login.adminLogout">
-                            admin <span id="admin-username">NAME</span>. <a id="admin-logout-clickme" href="#">Logout</a>
-                        </div>
-                        <div class="lift:Login.loggedIn">
-                            <div class="profile-info">
-                                <span class="username">username</span>&nbsp;<a href="" class="logout">Logout</a>
-                            </div>
-                        </div>
-                    </li>
-                </ul>
-            </nav>
-            <section id="content">
-              <lift:bind name="content"/>
-                The main content gets bound here
-            </section>
-            <footer id="footer">
-                <div id="copyright">
-                    <a href="http://openbankproject.com">Open Bank Project</a> is &copy;2011-2017 <a href="http://tesobe.com">TESOBE</a> and distributed under the AGPL and commercial licenses.
-                </div>
-                <div>
-                    <a href="http://twitter.com/#!/OpenBankProject">Twitter</a> |
-                    <a href="https://github.com/OpenBankProject/OBP-API/">Github</a> |
-                    <a class="api-documentation-link lift:WebUI.apiDocumentationLink" href="">API Documentation</a> |
-                    <a class="api-explorer-link lift:WebUI.apiExplorerLink" href="">API Explorer</a> |
-                    <a class="sofi-link lift:WebUI.sofiLink" href="">Sofi</a>
-                </div>
-            </footer>
+			<div id="messages-container" data-lift="Msgs"></div>
+			<script>
+			  $(function() {
+				toastr.options.timeOut = 3000;
+				if(notice = $("#lift__noticesContainer___error").text()) {
+				  toastr.error(notice)
+				}
+				else if(notice = $("#lift__noticesContainer__").text()) {
+				  toastr.success(notice)
+				}
+			  })
+			</script>
+		</header>
 
+		<nav class="navbar navbar-default" role="navigation">
+			<div class="container">
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+				</div>
+				<div id="navbar" class="collapse navbar-collapse">
+					<ul class="nav navbar-nav">
+						<li data-lift="Nav.item?name=Home" class="navitem navitem-home">
+							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
+						</li>
+						<li data-lift="Nav.item?name=Consumer%20Registration&showEvenIfRestricted=true" class="navitem">
+							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
+						</li>
+						<li data-lift="Nav.item?name=Metrics" class="navitem">
+							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
+						</li>
+						<li data-lift="Nav.item?name=Connect" class="navitem">
+							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
+						</li>
+						<li data-lift="Nav.item?name=Sandbox%20Account%20Creation&showEvenIfRestricted=true" class="navitem">
+							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
+						</li>
+					</ul>
+					<ul class="nav navbar-nav navbar-right">
+						<!-- login state -->
+						<li data-lift="Nav.item?name=Login" class="navitem">
+							<!-- LOGGED OUT -->
+							<p class="navbar-btn">
+								<a href="/user_mgt/sign_up" class="btn btn-default">Sign up</a>
+								<a data-lift="Login.loggedOut" href="#" class="btn btn-default login">Login</a>
+							</p>
+						</li>
+						<li class="navitem">
+							<!-- LOGGED IN -->
+							<p class="navbar-btn"><a data-lift="Login.loggedIn" href="#" class="btn btn-default logout">Logout <span id="username">username</span></a></p>
+						</li>
+					</ul>
+				</div><!--/.nav-collapse -->
+			</div>
+		</nav>
 
-            <footer2 id="footer2">
-                <div id="footer2-logo-left" class="lift:WebUI.footer2LogoLeft">
-                    <a href="/"><img src="" alt=""></a>
-                </div>
+		<section id="content">
+			<lift:bind name="content"/>
+			The main content gets bound here
+		</section>
 
-                <div id="footer2-middle-text" class="lift:WebUI.footer2MiddleText">
-                    This is the footer2 middle text
-                </div>
-            </footer2>
-        </div>
-    </div>
-    </body>
-    </html>
+		<footer>
+			<div id="copyright">
+				<a href="http://openbankproject.com">Open Bank Project</a> is &copy;2011-2017 <a href="http://tesobe.com">TESOBE</a> and distributed under the AGPL and commercial licenses.
+			</div>
+			<div>
+				<a href="http://twitter.com/#!/OpenBankProject">Twitter</a> |
+				<a href="https://github.com/OpenBankProject/OBP-API/">Github</a> |
+				<a class="api-documentation-link" data-lift="WebUI.apiDocumentationLink" href="">API Documentation</a> |
+				<a class="api-explorer-link" data-lift="WebUI.apiExplorerLink" href="">API Explorer</a> |
+				<a class="sofi-link" data-lift="WebUI.sofiLink" href="">Sofi</a>
+			</div>
+		</footer>
+
+		<div id="footer2">
+			<span id="footer2-logo-left" data-lift="WebUI.footer2LogoLeft">
+				<a href="/"><img src="" alt=""></a>
+			</span>
+			<span id="footer2-middle-text" data-lift="WebUI.footer2MiddleText">
+				This is the footer2 middle text
+			</span>
+		</div>
+	</div>
+</body>
+</html>