<?php $__env->startSection('adminlte_css'); ?>
    <script src="//code.jquery.com/jquery.js"></script>
    <link rel="stylesheet" href="<?php echo e(asset('vendor/adminlte/plugins/iCheck/square/blue.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('vendor/adminlte/css/auth.css')); ?>">
    <?php echo $__env->yieldContent('css'); ?>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <style type="text/css">
      * {
        margin: 0px; 
        padding: 0px; 
        box-sizing: border-box;
      }

      body, html {
        font-size: 12px;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 900'%3E%3Cpath fill='%23afe4fa' d='M0 504 0 899 1600 899 1600 120z'/%3E%3Cpath fill='%23afe4fa' d='M1600 567 1600 899 0 899 0 165z'/%3E%3Cpath fill='%2361afd3' d='M0 680 0 899 1600 899 1600 300z'/%3E%3Cpath fill='%2359a1c2' d='M1600 719 1600 899 0 899 0 353z'/%3E%3Cpath fill='%239dcde0' d='M0 788 0 899 1600 899 1600 625z'/%3E%3C/svg%3E")!important;
        background-color: #61afd3 !important;
        background-attachment: fixed !important;
        background-size: cover !important;
      }
      .limiter {
          width: 100%;
          height: 80% !important;
          margin: 0 auto;
        }

        .container-login {
          width: 100%;  
          height: 80%;
          min-height: 100vh;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          padding: 10px;
          
        }

        .wrap-login {
          width: 1200px;
         
          background: #fff;
          border-radius: 30px;
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          padding: 2em 4em 0;
          box-shadow: 0 0 15px 1px rgba(33, 159, 220, 0.5);
        }
        .wrap-input_login .fa {
              font-size: 18px;
        }
        .footertext {
            padding-top: 5px;
            text-align: center;
        }
        .login-form {
          width: 1200px;
        }


        .login-form-title {
            font-size: 4rem;
            color: #f86081;
            line-height: 3rem;
            text-align: left !important;
            width: 100%;
            display: block;
            padding: 25px;
            margin: 0;
        }
        .login-form-title small {
            font-size: 1.5rem;
            font-weight: 700;
            color: #11538f;
            text-align: center !important;
        }

        .login-form-box-body {
          width: 1100px;     
          padding-top: 0px;     
          padding-bottom: 50px;
        }


        /*---------------------------------------------*/
        .wrap-input_login {
          position: relative;
          width: 100%;
          z-index: 1;
          margin-bottom: 10px;
        }

        .input_login {
          font-size: 15px;
          line-height: 1.5;
          color: #454959;
          display: block;
          width: 100%;
          height: 50px;
          padding: 0 30px 0 68px;
        }


        /*------------------------------------------------------------------
        [ Focus ]*/
        .focus-input_login {
          display: block;
          position: absolute;
          border-radius: 25px;
          bottom: 0;
          left: 0;
          z-index: -1;
          width: 100%;
          height: 100%;
          box-shadow: 0px 0px 0px 0px;
          color:rgba(125, 209, 248, 0.8);
          
        }


        .symbol-input_login {
          font-size: 15px;

          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          align-items: center;
          position: absolute;
          border-radius: 25px;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          padding-left: 35px;
          pointer-events: none;
          color: #8c9aa7;

          -webkit-transition: all 0.4s;
          -o-transition: all 0.4s;
          -moz-transition: all 0.4s;
          transition: all 0.4s;
        }

        .input_login:focus + .focus-input_login + .symbol-input_login {
         color: #458ec2;
          padding-left: 28px;
        }

        /*------------------------------------------------------------------
        [ Button ]*/
        .container-login-form-btn {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          padding-top: 20px;
        }

        .login-form-btn {
          max-width: 150px;
          font-size: 16px;
            font-weight: bold;
            background: #19aa8d;
          line-height: 1.5;
          color: #fff;
          text-transform: uppercase;

          width: 100%;
          height: 35px;
          border-radius: 25px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 25px;

          -webkit-transition: all 0.4s;
          -o-transition: all 0.4s;
          -moz-transition: all 0.4s;
          transition: all 0.4s;
        }

        .login-form-btn:hover {
          background: #333333;
        }
        input[name="captcha"] {
            width: 100%;
            padding: 5px;
        }
        .mt10 {
            margin-top: 10px;
        }
        .copy-text {
            position: absolute;
            bottom: 5px;
        }

    </style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('body_class', 'login-page'); ?>

<?php $__env->startSection('body'); ?>
  <div class="limiter">
    <div class="container-login">
      <div class="wrap-login">
        <div class="login-form validate-form">
          <h2 class="login-form-title">FFMS</h2>
          <div class="login-form-box-body">
            <?php echo $__env->yieldContent('content'); ?>
          </div>
        </div>
      </div>
      <div class="copy-text" >
        <?php
            $year = (new DateTime)->format("Y");
        ?>
        © <?php echo e($year); ?> <a href="http://www.raintels.com/"> Raintels Technologies Pvt. Ltd.</a>
      </div>
    </div>
  </div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('adminlte::master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>