<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title><?php echo $SITE_NAME;?></title>
  <!-- MDB icon -->
  <link rel="icon" href="<?php echo ROOTPATH;?>/images/mdb-favicon.ico" type="image/x-icon">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">  
  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="<?php echo ROOTPATH;?>/css/bootstrap.min.css">
<script src="<?php echo ROOTPATH;?>/jquery/jquery-1.11.1.min.js"></script>
<script src="<?php echo ROOTPATH;?>/jquery/jquery.validate.js"></script> 
<script src="<?php echo ROOTPATH;?>/view/js/jquery-ui.js"></script>      
<script src="<?php echo ROOTPATH;?>/view/js/select2.js"></script>       

  <!-- Material Design Bootstrap -->
  <!--link rel="stylesheet" href="<?php echo ROOTPATH;?>/css/mdb.min.css"-->
  <!-- Your custom styles (optional) -->
  <link rel="stylesheet" href="<?php echo ROOTPATH;?>/fonts/fonts.css">
  <!--link rel="stylesheet" href="<?php echo ROOTPATH;?>/css/style.css"-->
 
<?php  include_once(ABS_PATH."/css/style.php"); ?>
  
<style>
                    .enterPin {
                    text-align: center;
                    align-items: center;
                    justify-content: center;
                    margin:48% 0px;
                    
                    }
                    .title {
                    text-align: center;
                    display: block;
                    width: 100%;
                    margin-bottom: 10px;
                    font-size: 17px;
                    }
                    
                    .enterbtn {
                    width: 200px;
                    margin: 55px auto 10px;
                    border: 0px none;
                    border-radius: 5px;
                    background: #088cff !important;
                    height: 38px;
                    padding:10px 20px;
                    display:block;
                    }
                    
                    .resetpin{
                    display: block;
                    margin-top: 20px;
                    font-weight: 500;
                    color:red;
                    }
                    
                    .inputWrapper .myInput {
                    width: 48px;
                    max-width: 48px;
                    margin-left: 2px;
                    margin-right: 2px;
                    }
                    
                    
                    .loader {
                    background: rgba(255,255,255,0.9);
                    position: fixed;
                    height: 100%;
                    width: 100%;
                    text-align: center;
                    z-index: 999;
                    top: 0;
                    display: none;
                    }
                    
                    .phpAy {
                    background: rgba(255,255,255,0.9);
                    position: fixed;
                    height: 100%;
                    width: 100%;
                    text-align: center;
                    z-index: 999;
                    top: 0;
                    display: none;
                    }
                    
                    .loaderInn 
                    {
                    position: absolute;
                    top: 43%;
                    left: 40%;
                    height: 100px;
                    margin-top: -31px;
                    margin-left: -1px;
                    width: 100px;
                    border-radius: 20px;
                    background-color: #fff;
                    -webkit-box-shadow: 0px 0px 18px 1px rgb(16 16 18 / 23%);
                    -moz-box-shadow: 0px 0px 18px 1px rgba(16,16,18,0.23);
                    box-shadow: 0px 0px 18px 1px rgb(16 16 18 / 23%);
                    }
                    
                    
                    .loaderInnpg {
                    position: absolute;
                    top: 33%;
                    left: 55%;
                    height: 253px;
                    margin-top: -63px;
                    margin-left: -195px;
                    width: 284px;
                    background-color: #fff;
                    } 
                    
                    .loaderInn img 
                    {
                    width: 150px;
                    margin-top: -20%;
                    margin-left: -22%;
                    height:150px;
                    }
                    
                    .loaderInnpg img {
                    width: 700px;
                    margin-top: -51%;
                    margin-left: -70%;
                    height: 560px;
                    }
                    
                    </style>
					
</head>