<?php
// var_dump($_POST);die();
$path = $_SERVER['DOCUMENT_ROOT'];
 
include_once $path . '/wp-config.php';
include_once $path . '/wp-includes/wp-db.php';
include_once $path . '/wp-includes/pluggable.php';

global $wpdb;

// $url = "https://api.edara.io/v2.0/warehouses?limit=10000000&offset=0";
// $edara_accsess_token = "5ivhDvWwFzgB9nljbwKajWC7BDelZPcZ0odfIfW4hzs=";

// $curl = curl_init($url);
// curl_setopt($curl, CURLOPT_URL, $url);
// curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

// $headers = array(
//   "Accept: application/json",
//   "Authorization: Bearer ".$edara_accsess_token."",
// );
// curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
// //for debug only!
// curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
// curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);

// $resp = curl_exec($curl);
// curl_close($curl);
// $result1 = json_decode($resp, true);
// $result = json_decode($resp, true);

// $url = "https://api.edara.io/v2.0/salesStores?limit=10000000&offset=0";
// $edara_accsess_token = "5ivhDvWwFzgB9nljbwKajWC7BDelZPcZ0odfIfW4hzs=";

// $curl = curl_init($url);
// curl_setopt($curl, CURLOPT_URL, $url);
// curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

// $headers = array(
//   "Accept: application/json",
//   "Authorization: Bearer ".$edara_accsess_token."",
// );
// curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
// //for debug only!
// curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
// curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);

// $resp = curl_exec($curl);
// curl_close($curl);
// $result2 = json_decode($resp, true);




         $charset_collate = $wpdb->get_charset_collate();
        $table_name = $wpdb->base_prefix.'edara_config';
        $query = $wpdb->prepare( 'SHOW TABLES LIKE %s', $wpdb->esc_like( $table_name ) );

        if ( $wpdb->get_var( $query ) == $table_name ) {
            $dataArr = $wpdb->get_results( "SELECT * FROM ".$wpdb->prefix."edara_config");
            if (count($dataArr) > 0) {
              $wpdb->delete( $wpdb->prefix."edara_products", array( 'wp_product' => NULL) );
            ?>
      <style>
         table {
           font-family: arial, sans-serif;
           border-collapse: collapse;
           width: 100%;
         }

         td, th {
           border: 1px solid #dddddd;
           text-align: left;
           padding: 8px;
         }

         tr:nth-child(even) {
           background-color: #dddddd;
         }
         body {font-family: Arial;}

         /* Style the tab */
         .tab {
           overflow: hidden;
           border: 1px solid #ccc;
           background-color: #f1f1f1;
         }

         /* Style the buttons inside the tab */
         .tab button {
           background-color: inherit;
           float: left;
           border: none;
           outline: none;
           cursor: pointer;
           padding: 14px 16px;
           transition: 0.3s;
           font-size: 17px;
         }

         /* Change background color of buttons on hover */
         .tab button:hover {
           background-color: #ddd;
         }

         /* Create an active/current tablink class */
         .tab button.active {
           background-color: #ccc;
         }

         /* Style the tab content */
         .tabcontent {
           display: none;
           padding: 6px 12px;
           border: 1px solid #ccc;
           border-top: none;
         }

         /* Style the close button */
         .topright {
           float: right;
           cursor: pointer;
           font-size: 28px;
         }

         .topright:hover {color: red;}
      </style>
      <body>
      <div class="tab">
        <button class="tablinks" onclick="openCity(event, 'Dasboard')" id="defaultOpen">Dasboard</button>
        <button class="tablinks" onclick="openCity(event, 'Products')">Products</button>
        <button class="tablinks" onclick="openCity(event, 'Customers')">Customers</button>
        <button class="tablinks" onclick="openCity(event, 'Orders')">Orders</button>
        <button class="tablinks" onclick="logout()">Logout</button>
      </div>

      <div id="Dasboard" class="tabcontent">
        <span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
        <h3>Dasboard</h3>
        <p></p>
      </div>

      <div id="Products" class="tabcontent">
        <span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
        <h3>Products</h3>
        <table>
           <tr>
             <th>ID</th>
             <th>Product</th>
             <th>SKU</th>
             <th>Product Id in Edara</th>
             <th>Status</th>
             <th>Sync</th>
           </tr>
        <?php
         $products = $wpdb->get_results( "SELECT * FROM ".$wpdb->prefix."edara_products");
         foreach ($products as $value) { 
            if ($value->edara_product == NULL) {
              break;
            }
            $product = wc_get_product( (int)$value->wp_product );
            ?>
            <tr>
             <td><?=$value->id?></td>
             <?php
             if (!is_bool($product)) {
               echo "<td>".$product->get_name()."</td>";
             }else{
              echo "<td>".$value->id."</td>";
             }
             ?>
             <td><?=get_post_meta( $value->wp_product, '_sku', true )?></td>
             <td><?=$value->edara_product?></td>
             <td id="product<?=$value->wp_product?>"><?=$value->status?></td>
             <td>
              <?php if($value->status != 'linked') { ?>
              <button onclick="ReSync('<?=$value->wp_product?>', 'product')">ReSync</button> 
            <?php }?>
                
              </td>
            </tr>
         <?php }
        ?>
      </table> 
      </div>

      <div id="Customers" class="tabcontent">
        <span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
        <h3>Customers</h3>
        
        <table>
           <tr>
             <th>ID</th>
             <th>Customer</th>
             <th>Phone</th>
             <th>Email</th>
             <th>Customer Id in Edara</th>
             <th>Status</th>
             <th>Sync</th>
           </tr>
        <?php
         $customers = $wpdb->get_results( "SELECT * FROM ".$wpdb->prefix."edara_customers");
         foreach ($customers as $value) { 
            if ($value->edara_customer == NULL) {
              break;
            }
            $customer = new WC_Customer( (int)$value->wp_customer );
            $username     = $customer->get_username();
            ?>
            <tr>
             <td><?=$value->id?></td>
             <td><?=$username?></td>
             <td><?=$customer->get_billing_phone()?></td>
             <td><?=$customer->get_email()?></td>
             <td><?=$value->edara_customer?></td>
             <td id="customer<?=$value->wp_customer?>"><?=$value->status?></td>
             <td>
              <?php if($value->status != 'linked') { ?>
              <button onclick="ReSync('<?=$value->wp_customer?>', 'customer')">ReSync</button> 
            <?php }?>
                
              </td>
            </tr>
         <?php }
        ?>
      </table> 
      </div>

      <div id="Orders" class="tabcontent">
        <span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
        <h3>Orders</h3>
        <table>
           <tr>
             <th>ID</th>

             <th>Order Number</th>
             <th>Date</th>
             <th>Payment Status</th>
             <th>Customer Name</th>
             <th>Order Total</th>

             <th>Order Id in Edara</th>
             <th>Status</th>
             <th>Sync</th>
           </tr>
        <?php
         $Orders = $wpdb->get_results( "SELECT * FROM ".$wpdb->prefix."edara_orders");
         foreach ($Orders as $value) { 
            if ($value->edara_order == NULL) {
              break;
            }
            if ($value->wp_order == NULL) {
              break;
            }
            $order = new WC_Order( (int)$value->wp_order );
            $orderData = $order->get_user();
            $date = $order->get_date_created();
            ?>
            <tr>
             <td><?=$value->id?></td>

             <td><?=$order->get_order_number()?></td>
             <td><?=$date->date("Y-m-d H:i:s")?></td>
             <td><?=$order->get_payment_method()?></td>
             <!--<td><?=$orderData->user_nicename?></td>-->
             <td><?php print_r($order->get_data()['billing']['first_name'] . " " . $order->get_data()['billing']['last_name']) ?></td>
             <td><?=$order->get_formatted_order_total()?></td>

             <td><?=$value->edara_order?></td>
             <td id="order<?=$value->wp_order?>"><?=$value->status?></td>
             <td>
              <?php if($value->status != 'linked') { ?>
              <button onclick="ReSync('<?=$value->wp_order?>', 'order')">ReSync</button> 
            <?php }?>
                
              </td>
            </tr>
         <?php }
        ?>
      </table> 
      </div>
      <script src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
      <script>
         function logout() {
           window.location.href = "/wp-content/plugins/edara_erp_integration/Includes/logout.php";
         }

         function ReSync(id,type){
          $.ajax({
            type: 'post',
            url: '/wp-content/plugins/edara_erp_integration/Includes/reSync.php',
            data: { 
                 'type': type, 
                 'id': id
             },
            success: function (message) {
                document.getElementById(type+id).innerHTML = message;
                
              // alert('form was submitted');
            }
          });
        }

         function openCity(evt, cityName) {
           var i, tabcontent, tablinks;
           tabcontent = document.getElementsByClassName("tabcontent");
           for (i = 0; i < tabcontent.length; i++) {
             tabcontent[i].style.display = "none";
           }
           tablinks = document.getElementsByClassName("tablinks");
           for (i = 0; i < tablinks.length; i++) {
             tablinks[i].className = tablinks[i].className.replace(" active", "");
           }
           document.getElementById(cityName).style.display = "block";
           evt.currentTarget.className += " active";
         }

         // Get the element with id="defaultOpen" and click on it
         document.getElementById("defaultOpen").click();
      </script>
         
                  <?php
               return true;
               }
                  
              }

      ?>
<head>
   <style type="text/css">@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style>
   <meta charset="utf-8">
   <title>Edara-App</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <meta name="theme-color" content="#1976d2">
   <style media="screen">
   .LockOn {
          display: block;
          visibility: visible;
          position: absolute;
          z-index: 999;
          top: 0px;
          left: 0px;
          width: 105%;
          height: 105%;
          background-color:white;
          vertical-align:bottom;
          padding-top: 20%; 
          filter: alpha(opacity=75); 
          opacity: 0.75; 
          font-size:large;
          color:blue;
          font-style:italic;
          font-weight:400;
          background-image: url("/wp-content/plugins/edara_erp_integration/assets/Loading_Gif.gif");
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-position: center;
      }
      #loading {
      position: absolute;
      display: block;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 1;
      -webkit-transform: translate3d(0, -50%, 0);
      -moz-transform: translate3d(0, -50%, 0);
      -o-transform: translate3d(0, -50%, 0);
      -ms-transform: translate3d(0, -50%, 0);
      transform: translate3d(0, -50%, 0);
      text-align: center;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      top: 50%;
      }
   </style>
   <link rel="stylesheet" href="https://shopi-intg.edara.io/styles.dfa7fb8853673e5015b3.css">
   <style></style>
   <style>.data-import[_ngcontent-uef-c61]{border:2px solid #0091ea;margin-bottom:1em}.data-import[_ngcontent-uef-c61]   mat-icon[_ngcontent-uef-c61]{margin:0 .5em;color:#0091ea}.data-import[_ngcontent-uef-c61]   p[_ngcontent-uef-c61]{color:#b3b3b3;margin:-2em 1em 1em 3em}.data-import[_ngcontent-uef-c61]   .progress-bar[_ngcontent-uef-c61]{margin:1em 1em 2em 3em}.alarm-message[_ngcontent-uef-c61]{border:2px solid #e6e6e6;margin-bottom:1em}.alarm-message[_ngcontent-uef-c61]   mat-icon[_ngcontent-uef-c61]{margin:0 .5em;color:#e91e63}.alarm-message[_ngcontent-uef-c61]   p[_ngcontent-uef-c61]{color:#b3b3b3;margin:-2em 1em 0 3em}.alarm-message[_ngcontent-uef-c61]   button[_ngcontent-uef-c61]{border-radius:20px;margin:0 1em 1em!important}.date-range[_ngcontent-uef-c61]{display:inline-flex}.date-range[_ngcontent-uef-c61]   span[_ngcontent-uef-c61]{color:#b3b3b3;margin-top:1em;margin-right:1em}.date-range[_ngcontent-uef-c61]   .mat-custom[_ngcontent-uef-c61]{margin-right:.5em;width:10em}.date-range[_ngcontent-uef-c61]   mat-icon[_ngcontent-uef-c61]{color:#0091ea;font-size:35px;margin-left:-.3em}.date-range[_ngcontent-uef-c61]     .mat-select-value-text{color:#0091ea}  mat-form-field .md-drppicker{top:auto!important;left:unset!important;right:0!important;display:-webkit-box!important;position:fixed!important}.card[_ngcontent-uef-c61]{border-radius:0;color:#fff}.orders-card[_ngcontent-uef-c61]{background-color:#e91e63}.products-card[_ngcontent-uef-c61]{background-color:#0091ea}.products-card[_ngcontent-uef-c61]   mat-icon[_ngcontent-uef-c61]{transform:rotate(90deg)}.customers-card[_ngcontent-uef-c61]{background-color:#00b300}.row[_ngcontent-uef-c61]{margin-bottom:1em}</style>
   <script charset="utf-8" src="https://shopi-intg.edara.io/5.6709503baf30a766ed73.js"></script>
   <style>.mat-horizontal-stepper-header-container{padding:0 3em!important}  .mat-stepper-label-position-bottom .mat-horizontal-stepper-header{flex-direction:column-reverse!important;padding:0 0 1em!important}  .mat-horizontal-stepper-header .mat-step-label{padding:0 0 5px!important}  .mat-horizontal-content-container{background-color:#e6e6e6!important;margin:0 -2em;min-height:86.9vh}  .mat-horizontal-stepper-header{pointer-events:none!important}.stepper_container[_ngcontent-uef-c91]{background-color:#fff;margin:3em 3em 0;min-height:75vh}.edara-logo[_ngcontent-uef-c91]{width:150px;height:50px;margin:4em 0 1em}.edara-logo__emblem[_ngcontent-uef-c91]{fill:#0091ea}.edara-logo__text[_ngcontent-uef-c91]{fill:#424242}.no-margin[_ngcontent-uef-c91]{margin:0!important}.emoji[_ngcontent-uef-c91]{font-size:42px;color:grey;margin-top:-.43em}.typo-title[_ngcontent-uef-c91]{letter-spacing:0;margin:0 0 1em}.url-form-container[_ngcontent-uef-c91]{display:inline-flex}.url-form-container[_ngcontent-uef-c91]   button[_ngcontent-uef-c91]{left:-3px;border-radius:0}.url-form-container[_ngcontent-uef-c91]   #language[_ngcontent-uef-c91]{font-size:30px;margin-right:.5em;margin-top:.5em}.url-form-container[_ngcontent-uef-c91]     .mat-form-field-appearance-outline{width:20vw}.url-form-container[_ngcontent-uef-c91]     .mat-button-disabled{background-color:#b3b3b3!important;color:#fff}  .mat-form-field-appearance-outline .mat-form-field-infix{padding:.2em 0 .75em}  .mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:translateY(0)!important}.login-form-container[_ngcontent-uef-c91]{display:flex;justify-content:center}.login-form-container[_ngcontent-uef-c91]   mat-icon[_ngcontent-uef-c91]{font-size:30px;margin-right:.5em;margin-top:.4em}.login-form-container[_ngcontent-uef-c91]     .mat-form-field-appearance-outline{width:25vw}button[_ngcontent-uef-c91]{padding:.28em 0 .2em}a[_ngcontent-uef-c91]{text-decoration:none;color:inherit}.login-btn[_ngcontent-uef-c91]{width:25vw;left:1.6em}.padding[_ngcontent-uef-c91]{padding:2em}.init-import__banner[_ngcontent-uef-c91]{margin-bottom:2em}.init-import__banner[_ngcontent-uef-c91]   img[_ngcontent-uef-c91]{width:80%;margin-top:4em}mat-radio-group[_ngcontent-uef-c91]{margin-bottom:1em}.start_date_control[_ngcontent-uef-c91]{margin-left:2.5em}.start_date_control[_ngcontent-uef-c91]     .mat-form-field-appearance-outline .mat-form-field-infix{padding:.8em 0 .75em!important}.inventory-setup-control[_ngcontent-uef-c91]{margin-top:.5em;margin-left:1.5em;margin-bottom:3em}.search-control[_ngcontent-uef-c91]{width:320px!important}.modal[_ngcontent-uef-c91]{position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content[_ngcontent-uef-c91]{background-color:#fefefe;margin:10em auto auto;border:1px solid #888;width:60%;padding:30px;border-radius:5px}.animate[_ngcontent-uef-c91]{-webkit-animation:zoom .2s;animation:zoom .2s}@-webkit-keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.page-header[_ngcontent-uef-c91]{justify-content:center;margin-bottom:1em;margin-top:3em}.page-header[_ngcontent-uef-c91]   mat-icon[_ngcontent-uef-c91]{margin-right:8px;vertical-align:text-top;color:rgba(0,0,0,.87)}.finish__banner[_ngcontent-uef-c91]   img[_ngcontent-uef-c91]{width:80%}.summary_content[_ngcontent-uef-c91]{color:#888;text-align:left;margin-left:16%}.summary_content[_ngcontent-uef-c91]   ul[_ngcontent-uef-c91]{list-style-type:none;margin-left:11%!important}  mat-form-field .md-drppicker{top:-120px!important;left:unset!important;right:unset!important;display:unset!important;position:absolute!important}</style>
   <style>.mat-stepper-vertical,.mat-stepper-horizontal{display:block}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:"";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;height:72px;overflow:hidden;align-items:center;padding:0 24px}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-content{outline:0}.mat-horizontal-stepper-content[aria-expanded=false]{height:0;overflow:hidden}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}.mat-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}.mat-stepper-vertical-line::before{content:"";position:absolute;left:0;border-left-width:1px;border-left-style:solid}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0}.mat-vertical-content{padding:0 24px 24px 24px}.mat-step:last-child .mat-vertical-content-container{border:none}</style>
   <style>.mat-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px}.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}[dir=rtl] .mat-icon-rtl-mirror{transform:scale(-1, 1)}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon{display:block}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon{margin:auto}</style>
   <style>.mat-form-field{display:inline-block;position:relative;text-align:left}[dir=rtl] .mat-form-field{text-align:right}.mat-form-field-wrapper{position:relative}.mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:100%}.mat-form-field-prefix,.mat-form-field-suffix{white-space:nowrap;flex:none;position:relative}.mat-form-field-infix{display:block;position:relative;flex:auto;min-width:0;width:180px}.cdk-high-contrast-active .mat-form-field-infix{border-image:linear-gradient(transparent, transparent)}.mat-form-field-label-wrapper{position:absolute;left:0;box-sizing:content-box;width:100%;height:100%;overflow:hidden;pointer-events:none}[dir=rtl] .mat-form-field-label-wrapper{left:auto;right:0}.mat-form-field-label{position:absolute;left:0;font:inherit;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);display:none}[dir=rtl] .mat-form-field-label{transform-origin:100% 0;left:auto;right:0}.mat-form-field-empty.mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display:block}.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:block;transition:none}.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:block}.mat-form-field-label:not(.mat-form-field-empty){transition:none}.mat-form-field-underline{position:absolute;width:100%;pointer-events:none;transform:scale3d(1, 1.0001, 1)}.mat-form-field-ripple{position:absolute;left:0;width:100%;transform-origin:50%;transform:scaleX(0.5);opacity:0;transition:background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-form-field.mat-focused .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple{opacity:1;transform:none;transition:transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1),opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-subscript-wrapper{position:absolute;box-sizing:border-box;width:100%;overflow:hidden}.mat-form-field-subscript-wrapper .mat-icon,.mat-form-field-label-wrapper .mat-icon{width:1em;height:1em;font-size:inherit;vertical-align:baseline}.mat-form-field-hint-wrapper{display:flex}.mat-form-field-hint-spacer{flex:1 0 1em}.mat-error{display:block}.mat-form-field-control-wrapper{position:relative}.mat-form-field-hint-end{order:1}.mat-form-field._mat-animation-noopable .mat-form-field-label,.mat-form-field._mat-animation-noopable .mat-form-field-ripple{transition:none}</style>
   <style>.mat-form-field-appearance-fill .mat-form-field-flex{border-radius:4px 4px 0 0;padding:.75em .75em 0 .75em}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-flex{outline:solid 1px}.mat-form-field-appearance-fill .mat-form-field-underline::before{content:"";display:block;position:absolute;bottom:0;height:1px;width:100%}.mat-form-field-appearance-fill .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{padding:0 1em}</style>
   <style>.mat-input-element{font:inherit;background:transparent;color:currentColor;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box}.mat-input-element:-moz-ui-invalid{box-shadow:none}.mat-input-element::-ms-clear,.mat-input-element::-ms-reveal{display:none}.mat-input-element,.mat-input-element::-webkit-search-cancel-button,.mat-input-element::-webkit-search-decoration,.mat-input-element::-webkit-search-results-button,.mat-input-element::-webkit-search-results-decoration{-webkit-appearance:none}.mat-input-element::-webkit-contacts-auto-fill-button,.mat-input-element::-webkit-caps-lock-indicator,.mat-input-element::-webkit-credentials-auto-fill-button{visibility:hidden}.mat-input-element[type=date],.mat-input-element[type=datetime],.mat-input-element[type=datetime-local],.mat-input-element[type=month],.mat-input-element[type=week],.mat-input-element[type=time]{line-height:1}.mat-input-element[type=date]::after,.mat-input-element[type=datetime]::after,.mat-input-element[type=datetime-local]::after,.mat-input-element[type=month]::after,.mat-input-element[type=week]::after,.mat-input-element[type=time]::after{content:" ";white-space:pre;width:1px}.mat-input-element::-webkit-inner-spin-button,.mat-input-element::-webkit-calendar-picker-indicator,.mat-input-element::-webkit-clear-button{font-size:.75em}.mat-input-element::placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-moz-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-moz-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-webkit-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-webkit-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element:-ms-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element:-ms-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-form-field-hide-placeholder .mat-input-element::placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}textarea.mat-input-element{resize:vertical;overflow:auto}textarea.mat-input-element.cdk-textarea-autosize{resize:none}textarea.mat-input-element{padding:2px 0;margin:-2px 0}select.mat-input-element{-moz-appearance:none;-webkit-appearance:none;position:relative;background-color:transparent;display:inline-flex;box-sizing:border-box;padding-top:1em;top:-1em;margin-bottom:-1em}select.mat-input-element::-ms-expand{display:none}select.mat-input-element::-moz-focus-inner{border:0}select.mat-input-element:not(:disabled){cursor:pointer}select.mat-input-element::-ms-value{color:inherit;background:none}.mat-focused .cdk-high-contrast-active select.mat-input-element::-ms-value{color:inherit}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;position:absolute;top:50%;right:0;margin-top:-2.5px;pointer-events:none}[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after{right:auto;left:0}.mat-form-field-type-mat-native-select .mat-input-element{padding-right:15px}[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element{padding-right:0;padding-left:15px}.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper{max-width:calc(100% - 10px)}.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after{margin-top:-5px}.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after{margin-top:-10px}</style>
   <style>.mat-form-field-appearance-legacy .mat-form-field-label{transform:perspective(100px);-ms-transform:none}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{width:1em}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button{font:inherit;vertical-align:baseline}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon{font-size:inherit}.mat-form-field-appearance-legacy .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-legacy .mat-form-field-ripple{top:0;height:2px;overflow:hidden}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}.cdk-high-contrast-active .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height:1px}</style>
   <style>.mat-form-field-appearance-outline .mat-form-field-wrapper{margin:.25em 0}.mat-form-field-appearance-outline .mat-form-field-flex{padding:0 .75em 0 .75em;margin-top:-0.25em;position:relative}.mat-form-field-appearance-outline .mat-form-field-prefix,.mat-form-field-appearance-outline .mat-form-field-suffix{top:.25em}.mat-form-field-appearance-outline .mat-form-field-outline{display:flex;position:absolute;top:.25em;left:0;right:0;bottom:0;pointer-events:none}.mat-form-field-appearance-outline .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-end{border:1px solid currentColor;min-width:5px}.mat-form-field-appearance-outline .mat-form-field-outline-start{border-radius:5px 0 0 5px;border-right-style:none}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start{border-right-style:solid;border-left-style:none;border-radius:0 5px 5px 0}.mat-form-field-appearance-outline .mat-form-field-outline-end{border-radius:0 5px 5px 0;border-left-style:none;flex-grow:1}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end{border-left-style:solid;border-right-style:none;border-radius:5px 0 0 5px}.mat-form-field-appearance-outline .mat-form-field-outline-gap{border-radius:.000001px;border:1px solid currentColor;border-left-style:none;border-right-style:none}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap{border-top-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline-thick{opacity:0}.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap{border-width:2px}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline{opacity:0;transition:opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline{opacity:0;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:0 1em}.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap{transition:none}</style>
   <style>.mat-form-field-appearance-standard .mat-form-field-flex{padding-top:.75em}.mat-form-field-appearance-standard .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-standard .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}.cdk-high-contrast-active .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}</style>
   <style>.mat-button .mat-button-focus-overlay,.mat-icon-button .mat-button-focus-overlay{opacity:0}.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay{opacity:.04}@media(hover: none){.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay{opacity:0}}.mat-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}.mat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner{border:0}.mat-button.mat-button-disabled,.mat-icon-button.mat-button-disabled,.mat-stroked-button.mat-button-disabled,.mat-flat-button.mat-button-disabled{cursor:default}.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-button.cdk-program-focused .mat-button-focus-overlay,.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-flat-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner{border:0}.mat-raised-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-raised-button::-moz-focus-inner{border:0}.mat-raised-button.mat-button-disabled{cursor:default}.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-raised-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-raised-button::-moz-focus-inner{border:0}._mat-animation-noopable.mat-raised-button{transition:none;animation:none}.mat-stroked-button{border:1px solid currentColor;padding:0 15px;line-height:34px}.mat-stroked-button .mat-button-ripple.mat-ripple,.mat-stroked-button .mat-button-focus-overlay{top:-1px;left:-1px;right:-1px;bottom:-1px}.mat-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);min-width:0;border-radius:50%;width:56px;height:56px;padding:0;flex-shrink:0}.mat-fab::-moz-focus-inner{border:0}.mat-fab.mat-button-disabled{cursor:default}.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-fab{transition:none;animation:none}.mat-fab .mat-button-wrapper{padding:16px 0;display:inline-block;line-height:24px}.mat-mini-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);min-width:0;border-radius:50%;width:40px;height:40px;padding:0;flex-shrink:0}.mat-mini-fab::-moz-focus-inner{border:0}.mat-mini-fab.mat-button-disabled{cursor:default}.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-mini-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-mini-fab{transition:none;animation:none}.mat-mini-fab .mat-button-wrapper{padding:8px 0;display:inline-block;line-height:24px}.mat-icon-button{padding:0;min-width:0;width:40px;height:40px;flex-shrink:0;line-height:40px;border-radius:50%}.mat-icon-button i,.mat-icon-button .mat-icon{line-height:24px}.mat-button-ripple.mat-ripple,.mat-button-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-button-ripple.mat-ripple:not(:empty){transform:translateZ(0)}.mat-button-focus-overlay{opacity:0;transition:opacity 200ms cubic-bezier(0.35, 0, 0.25, 1),background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)}._mat-animation-noopable .mat-button-focus-overlay{transition:none}.mat-button-ripple-round{border-radius:50%;z-index:1}.mat-button .mat-button-wrapper>*,.mat-flat-button .mat-button-wrapper>*,.mat-stroked-button .mat-button-wrapper>*,.mat-raised-button .mat-button-wrapper>*,.mat-icon-button .mat-button-wrapper>*,.mat-fab .mat-button-wrapper>*,.mat-mini-fab .mat-button-wrapper>*{vertical-align:middle}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button{display:inline-flex;justify-content:center;align-items:center;font-size:inherit;width:2.5em;height:2.5em}.cdk-high-contrast-active .mat-button,.cdk-high-contrast-active .mat-flat-button,.cdk-high-contrast-active .mat-raised-button,.cdk-high-contrast-active .mat-icon-button,.cdk-high-contrast-active .mat-fab,.cdk-high-contrast-active .mat-mini-fab{outline:solid 1px}.cdk-high-contrast-active .mat-button-base.cdk-keyboard-focused,.cdk-high-contrast-active .mat-button-base.cdk-program-focused{outline:solid 3px}</style>
   <style>.mat-radio-button{display:inline-block;-webkit-tap-highlight-color:transparent;outline:0}.mat-radio-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle;width:100%}.mat-radio-container{box-sizing:border-box;display:inline-block;position:relative;width:20px;height:20px;flex-shrink:0}.mat-radio-outer-circle{box-sizing:border-box;display:block;height:20px;left:0;position:absolute;top:0;transition:border-color ease 280ms;width:20px;border-width:2px;border-style:solid;border-radius:50%}._mat-animation-noopable .mat-radio-outer-circle{transition:none}.mat-radio-inner-circle{border-radius:50%;box-sizing:border-box;display:block;height:20px;left:0;position:absolute;top:0;transition:transform ease 280ms,background-color ease 280ms;width:20px;transform:scale(0.001)}._mat-animation-noopable .mat-radio-inner-circle{transition:none}.mat-radio-checked .mat-radio-inner-circle{transform:scale(0.5)}.cdk-high-contrast-active .mat-radio-checked .mat-radio-inner-circle{border:solid 10px}.mat-radio-label-content{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;display:inline-block;order:0;line-height:inherit;padding-left:8px;padding-right:0}[dir=rtl] .mat-radio-label-content{padding-right:8px;padding-left:0}.mat-radio-label-content.mat-radio-label-before{order:-1;padding-left:0;padding-right:8px}[dir=rtl] .mat-radio-label-content.mat-radio-label-before{padding-right:0;padding-left:8px}.mat-radio-disabled,.mat-radio-disabled .mat-radio-label{cursor:default}.mat-radio-button .mat-radio-ripple{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);height:40px;width:40px;z-index:1;pointer-events:none}.mat-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple){opacity:.16}.mat-radio-persistent-ripple{width:100%;height:100%;transform:none}.mat-radio-container:hover .mat-radio-persistent-ripple{opacity:.04}.mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused .mat-radio-persistent-ripple,.mat-radio-button:not(.mat-radio-disabled).cdk-program-focused .mat-radio-persistent-ripple{opacity:.12}.mat-radio-persistent-ripple,.mat-radio-disabled .mat-radio-container:hover .mat-radio-persistent-ripple{opacity:0}@media(hover: none){.mat-radio-container:hover .mat-radio-persistent-ripple{display:none}}.mat-radio-input{bottom:0;left:50%}.cdk-high-contrast-active .mat-radio-disabled{opacity:.5}</style>
   <style>.search-icon[_ngcontent-uef-c82]{color:#b3b3b3}.remove-icon[_ngcontent-uef-c82], .search-icon[_ngcontent-uef-c82]{cursor:pointer}.mat-select-pin__bottom[_ngcontent-uef-c82]{position:sticky;padding:.5em 1em;bottom:0;background-color:#fff;color:#0091ea}.mat-select-pin__bottom[_ngcontent-uef-c82]   button[_ngcontent-uef-c82]{width:100%;text-align:left;padding:0;margin:0!important}</style>
   <style>.mat-select{display:inline-block;width:100%;outline:none}.mat-select-trigger{display:inline-table;cursor:pointer;position:relative;box-sizing:border-box}.mat-select-disabled .mat-select-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mat-select-value{display:table-cell;max-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-select-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-select-arrow-wrapper{display:table-cell;vertical-align:middle}.mat-form-field-appearance-fill .mat-select-arrow-wrapper{transform:translateY(-50%)}.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:translateY(-25%)}.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(-50%)}.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper{transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}._mat-animation-noopable.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper{transition:none}.mat-select-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px}.mat-select-panel-wrap{flex-basis:100%}.mat-select-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:100%;border-radius:4px;outline:0}.cdk-high-contrast-active .mat-select-panel{outline:solid 1px}.mat-select-panel .mat-optgroup-label,.mat-select-panel .mat-option{font-size:inherit;line-height:3em;height:3em}.mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex{cursor:pointer}.mat-form-field-type-mat-select .mat-form-field-label{width:calc(100% - 18px)}.mat-select-placeholder{transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}._mat-animation-noopable .mat-select-placeholder{transition:none}.mat-form-field-hide-placeholder .mat-select-placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:none;display:block}.mat-select-min-line:empty::before{content:" ";white-space:pre;width:1px}</style>
   <style>.mat-autocomplete-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;max-width:none;max-height:256px;position:relative;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mat-autocomplete-panel.mat-autocomplete-visible{visibility:visible}.mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden}.mat-autocomplete-panel-above .mat-autocomplete-panel{border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.mat-autocomplete-panel .mat-divider-horizontal{margin-top:-1px}.cdk-high-contrast-active .mat-autocomplete-panel{outline:solid 1px}mat-autocomplete{display:none}</style>
   <style>.md-drppicker{position:absolute;font-family:Roboto,sans-serif;color:inherit;border-radius:4px;width:278px;padding:4px;margin-top:-10px;overflow:hidden;z-index:1000;font-size:14px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 8px 0 rgba(0,0,0,.12)}.md-drppicker.double{width:auto}.md-drppicker.inline{position:relative;display:inline-block}.md-drppicker:after,.md-drppicker:before{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,.2);content:""}.md-drppicker.openscenter:after,.md-drppicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.md-drppicker.single .calendar,.md-drppicker.single .ranges{float:none}.md-drppicker.shown{transform:scale(1);transition:.1s ease-in-out;transform-origin:0 0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md-drppicker.shown.drops-up-left{transform-origin:100% 100%}.md-drppicker.shown.drops-up-right{transform-origin:0 100%}.md-drppicker.shown.drops-down-left{transform-origin:100% 0}.md-drppicker.shown.drops-down-right{transform-origin:0 0}.md-drppicker.shown.drops-down-center{transform-origin:NaN%}.md-drppicker.shown.drops-up-center{transform-origin:50%}.md-drppicker.shown .calendar{display:block}.md-drppicker.hidden{transition:.1s;transform:scale(0);transform-origin:0 0;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md-drppicker.hidden.drops-up-left{transform-origin:100% 100%}.md-drppicker.hidden.drops-up-right{transform-origin:0 100%}.md-drppicker.hidden.drops-down-left{transform-origin:100% 0}.md-drppicker.hidden.drops-down-right{transform-origin:0 0}.md-drppicker.hidden.drops-down-center{transform-origin:NaN%}.md-drppicker.hidden.drops-up-center{transform-origin:50%}.md-drppicker.hidden .calendar{display:none}.md-drppicker .calendar{max-width:270px;margin:4px}.md-drppicker .calendar.single .calendar-table{border:none}.md-drppicker .calendar td,.md-drppicker .calendar th{padding:0;white-space:nowrap;text-align:center;min-width:32px}.md-drppicker .calendar td span,.md-drppicker .calendar th span{pointer-events:none}.md-drppicker .calendar-table{border:1px solid #fff;padding:4px;border-radius:4px;background-color:#fff}.md-drppicker table{width:100%;margin:0}.md-drppicker th{color:#988c8c}.md-drppicker td,.md-drppicker th{text-align:center;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer;height:2em;width:2em}.md-drppicker td.available.prev,.md-drppicker th.available.prev{display:block;background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K);background-repeat:no-repeat;background-size:.5em;background-position:center;opacity:.8;transition:background-color .2s;border-radius:2em}.md-drppicker td.available.prev:hover,.md-drppicker th.available.prev:hover{margin:0}.md-drppicker td.available.next,.md-drppicker th.available.next{transform:rotate(180deg);display:block;background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K);background-repeat:no-repeat;background-size:.5em;background-position:center;opacity:.8;transition:background-color .2s;border-radius:2em}.md-drppicker td.available.next:hover,.md-drppicker th.available.next:hover{margin:0;transform:rotate(180deg)}.md-drppicker td.available:hover,.md-drppicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit;background-repeat:no-repeat;background-size:.5em;background-position:center;margin:.25em 0;opacity:.8;border-radius:2em;transform:scale(1);transition:450ms cubic-bezier(.23,1,.32,1)}.md-drppicker td.week,.md-drppicker th.week{font-size:80%;color:#ccc}.md-drppicker td{margin:.25em 0;opacity:.8;transition:450ms cubic-bezier(.23,1,.32,1);border-radius:2em;transform:scale(1)}.md-drppicker td.off,.md-drppicker td.off.end-date,.md-drppicker td.off.in-range,.md-drppicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.md-drppicker td.in-range{background-color:#dde2e4;border-color:transparent;color:#000;border-radius:0}.md-drppicker td.start-date{border-radius:2em 0 0 2em}.md-drppicker td.end-date{border-radius:0 2em 2em 0}.md-drppicker td.start-date.end-date{border-radius:4px}.md-drppicker td.active{transition:background .3s ease-out;background:rgba(0,0,0,.1)}.md-drppicker td.active,.md-drppicker td.active:hover{background-color:#3f51b5;border-color:transparent;color:#fff}.md-drppicker th.month{width:auto}.md-drppicker option.disabled,.md-drppicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.md-drppicker .dropdowns{background-repeat:no-repeat;background-size:10px;background-position-y:center;background-position-x:right;width:50px;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI1NSAyNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NSAyNTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYXJyb3ctZHJvcC1kb3duIj4KCQk8cG9seWdvbiBwb2ludHM9IjAsNjMuNzUgMTI3LjUsMTkxLjI1IDI1NSw2My43NSAgICIgZmlsbD0iIzk4OGM4YyIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)}.md-drppicker .dropdowns select{display:inline-block;background-color:rgba(255,255,255,.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.md-drppicker .dropdowns select.ampmselect,.md-drppicker .dropdowns select.hourselect,.md-drppicker .dropdowns select.minuteselect,.md-drppicker .dropdowns select.secondselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.md-drppicker .dropdowns select.monthselect,.md-drppicker .dropdowns select.yearselect{font-size:12px;height:auto;cursor:pointer;opacity:0;position:absolute;top:0;left:0;margin:0;padding:0}.md-drppicker th.month>div{position:relative;display:inline-block}.md-drppicker .calendar-time{text-align:center;margin:4px auto 0;line-height:30px;position:relative}.md-drppicker .calendar-time .select{display:inline}.md-drppicker .calendar-time .select .select-item{display:inline-block;width:auto;position:relative;font-family:inherit;background-color:transparent;padding:10px 10px 10px 0;font-size:18px;border-radius:0;border:none;border-bottom:1px solid rgba(0,0,0,.12)}.md-drppicker .calendar-time .select .select-item:after{position:absolute;top:18px;right:10px;width:0;height:0;padding:0;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.12);pointer-events:none}.md-drppicker .calendar-time .select .select-item:focus{outline:0}.md-drppicker .calendar-time .select .select-item .select-label{color:rgba(0,0,0,.26);font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s}.md-drppicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.md-drppicker .label-input{border:1px solid #ccc;border-radius:4px;color:#555;height:30px;line-height:30px;display:block;vertical-align:middle;margin:0 auto 5px;padding:0 0 0 28px;width:100%}.md-drppicker .label-input.active{border:1px solid #08c;border-radius:4px}.md-drppicker .md-drppicker_input{position:relative;padding:0 30px 0 0}.md-drppicker .md-drppicker_input i,.md-drppicker .md-drppicker_input svg{position:absolute;left:8px;top:8px}.md-drppicker.rtl .label-input{padding-right:28px;padding-left:6px}.md-drppicker.rtl .md-drppicker_input i,.md-drppicker.rtl .md-drppicker_input svg{left:auto;right:8px}.md-drppicker .show-ranges .drp-calendar.left{border-left:1px solid #ddd}.md-drppicker .ranges{float:none;text-align:left;margin:0}.md-drppicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.md-drppicker .ranges ul li{font-size:12px}.md-drppicker .ranges ul li button{padding:8px 12px;width:100%;background:0 0;border:none;text-align:left;cursor:pointer}.md-drppicker .ranges ul li button.active{background-color:#3f51b5;color:#fff}.md-drppicker .ranges ul li button[disabled]{opacity:.3}.md-drppicker .ranges ul li button:active{background:0 0}.md-drppicker .ranges ul li:hover{background-color:#eee}.md-drppicker .show-calendar .ranges{margin-top:8px}.md-drppicker [hidden]{display:none}.md-drppicker .buttons{text-align:right;margin:0 5px 5px 0}.md-drppicker .btn{position:relative;overflow:hidden;border-width:0;outline:0;padding:0 6px;cursor:pointer;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.6);background-color:#3f51b5;color:#ecf0f1;transition:background-color .4s;height:auto;text-transform:uppercase;line-height:36px;border:none}.md-drppicker .btn:focus,.md-drppicker .btn:hover{background-color:#3f51b5}.md-drppicker .btn>*{position:relative}.md-drppicker .btn span{display:block;padding:12px 24px}.md-drppicker .btn:before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:rgba(236,240,241,.3);transform:translate(-50%,-50%)}.md-drppicker .btn:active:before{width:120%;padding-top:120%;transition:width .2s ease-out,padding-top .2s ease-out}.md-drppicker .btn:disabled{opacity:.5}.md-drppicker .btn.btn-default{color:#000;background-color:#dcdcdc}.md-drppicker .clear{box-shadow:none;background-color:#fff!important}.md-drppicker .clear svg{color:#eb3232;fill:currentColor}@media (min-width:564px){.md-drppicker{width:auto}.md-drppicker.single .calendar.left{clear:none}.md-drppicker.ltr{direction:ltr;text-align:left}.md-drppicker.ltr .calendar.left{clear:left}.md-drppicker.ltr .calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:12px}.md-drppicker.ltr .calendar.right{margin-left:0}.md-drppicker.ltr .calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.md-drppicker.ltr .left .md-drppicker_input,.md-drppicker.ltr .right .md-drppicker_input{padding-right:35px}.md-drppicker.ltr .calendar,.md-drppicker.ltr .ranges{float:left}.md-drppicker.rtl{direction:rtl;text-align:right}.md-drppicker.rtl .calendar.left{clear:right;margin-left:0}.md-drppicker.rtl .calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.md-drppicker.rtl .calendar.right{margin-right:0}.md-drppicker.rtl .calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.md-drppicker.rtl .calendar.left .calendar-table,.md-drppicker.rtl .left .md-drppicker_input{padding-left:12px}.md-drppicker.rtl .calendar,.md-drppicker.rtl .ranges{text-align:right;float:right}.drp-animate{transform:translate(0);transition:transform .2s,opacity .2s}.drp-animate.drp-picker-site-this{transition-timing-function:linear}.drp-animate.drp-animate-right{transform:translateX(10%);opacity:0}.drp-animate.drp-animate-left{transform:translateX(-10%);opacity:0}}@media (min-width:730px){.md-drppicker .ranges{width:auto}.md-drppicker.ltr .ranges{float:left}.md-drppicker.rtl .ranges{float:right}.md-drppicker .calendar.left{clear:none!important}}</style>
   <style>.mat-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative;cursor:pointer;outline:none;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;-webkit-tap-highlight-color:transparent}.mat-option[disabled]{cursor:default}[dir=rtl] .mat-option{text-align:right}.mat-option .mat-icon{margin-right:16px;vertical-align:middle}.mat-option .mat-icon svg{vertical-align:top}[dir=rtl] .mat-option .mat-icon{margin-left:16px;margin-right:0}.mat-option[aria-disabled=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:32px}[dir=rtl] .mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:16px;padding-right:32px}.cdk-high-contrast-active .mat-option{margin:0 1px}.cdk-high-contrast-active .mat-option.mat-active{border:solid 1px currentColor;margin:0}.cdk-high-contrast-active .mat-option[aria-disabled=true]{opacity:.5}.mat-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}.mat-option .mat-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-option-pseudo-checkbox{margin-right:8px}[dir=rtl] .mat-option-pseudo-checkbox{margin-left:8px;margin-right:0}</style>
   <style>.mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:transparent}.mat-step-optional,.mat-step-sub-label-error{font-size:12px}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.mat-step-icon-content,.mat-step-icon .mat-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}</style>
   <style>.mat-progress-spinner{display:block;position:relative;overflow:hidden}.mat-progress-spinner svg{position:absolute;transform:rotate(-90deg);top:0;left:0;transform-origin:center;overflow:visible}.mat-progress-spinner circle{fill:transparent;transform-origin:center;transition:stroke-dashoffset 225ms linear}._mat-animation-noopable.mat-progress-spinner circle{transition:none;animation:none}.cdk-high-contrast-active .mat-progress-spinner circle{stroke:currentColor}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] svg{animation:mat-progress-spinner-linear-rotate 2000ms linear infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] svg{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition-property:stroke;animation-duration:4000ms;animation-timing-function:cubic-bezier(0.35, 0, 0.25, 1);animation-iteration-count:infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] svg{animation:mat-progress-spinner-stroke-rotate-fallback 10000ms cubic-bezier(0.87, 0.03, 0.33, 1) infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] svg{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition-property:stroke}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition:none;animation:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-stroke-rotate-100{0%{stroke-dashoffset:268.606171575px;transform:rotate(0)}12.5%{stroke-dashoffset:56.5486677px;transform:rotate(0)}12.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(72.5deg)}25.0001%{stroke-dashoffset:268.606171575px;transform:rotate(270deg)}37.5%{stroke-dashoffset:56.5486677px;transform:rotate(270deg)}37.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(161.5deg)}50.0001%{stroke-dashoffset:268.606171575px;transform:rotate(180deg)}62.5%{stroke-dashoffset:56.5486677px;transform:rotate(180deg)}62.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(251.5deg)}75.0001%{stroke-dashoffset:268.606171575px;transform:rotate(90deg)}87.5%{stroke-dashoffset:56.5486677px;transform:rotate(90deg)}87.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(341.5deg)}100%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(341.5deg)}}@keyframes mat-progress-spinner-stroke-rotate-fallback{0%{transform:rotate(0deg)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}100%{transform:rotate(4680deg)}}</style>
   <style mat-spinner-animation="25">
      @keyframes mat-progress-spinner-stroke-rotate-25 {
      0%      { stroke-dashoffset: 44.76769531365455;  transform: rotate(0); }
      12.5%   { stroke-dashoffset: 9.42477796076938;    transform: rotate(0); }
      12.5001%  { stroke-dashoffset: 9.42477796076938;    transform: rotateX(180deg) rotate(72.5deg); }
      25%     { stroke-dashoffset: 44.76769531365455;  transform: rotateX(180deg) rotate(72.5deg); }
      25.0001%   { stroke-dashoffset: 44.76769531365455;  transform: rotate(270deg); }
      37.5%   { stroke-dashoffset: 9.42477796076938;    transform: rotate(270deg); }
      37.5001%  { stroke-dashoffset: 9.42477796076938;    transform: rotateX(180deg) rotate(161.5deg); }
      50%     { stroke-dashoffset: 44.76769531365455;  transform: rotateX(180deg) rotate(161.5deg); }
      50.0001%  { stroke-dashoffset: 44.76769531365455;  transform: rotate(180deg); }
      62.5%   { stroke-dashoffset: 9.42477796076938;    transform: rotate(180deg); }
      62.5001%  { stroke-dashoffset: 9.42477796076938;    transform: rotateX(180deg) rotate(251.5deg); }
      75%     { stroke-dashoffset: 44.76769531365455;  transform: rotateX(180deg) rotate(251.5deg); }
      75.0001%  { stroke-dashoffset: 44.76769531365455;  transform: rotate(90deg); }
      87.5%   { stroke-dashoffset: 9.42477796076938;    transform: rotate(90deg); }
      87.5001%  { stroke-dashoffset: 9.42477796076938;    transform: rotateX(180deg) rotate(341.5deg); }
      100%    { stroke-dashoffset: 44.76769531365455;  transform: rotateX(180deg) rotate(341.5deg); }
      }
   </style>
</head>
<body>
   <app-root _nghost-uef-c162="" ng-version="11.2.7">
      <!---->
      <div _ngcontent-uef-c162="" class="l-page-content">
         <div _ngcontent-uef-c162="" class="l-content">
            <router-outlet _ngcontent-uef-c162=""></router-outlet>
            <app-login _nghost-uef-c91="" class="ng-star-inserted">
               <mat-horizontal-stepper _ngcontent-uef-c91="" aria-orientation="horizontal" role="tablist" linear="true" labelposition="bottom" class="mat-stepper-horizontal ng-tns-c72-0 mat-stepper-label-position-bottom">
                  <div class="mat-horizontal-stepper-header-container ng-tns-c72-0">
                     <mat-step-header role="tab" class="mat-step-header mat-focus-indicator mat-horizontal-stepper-header mat-primary ng-tns-c72-0 ng-star-inserted" tabindex="0" id="cdk-step-label-0-0" aria-posinset="1" aria-setsize="5" aria-controls="cdk-step-content-0-0" aria-selected="true">
                        <div matripple="" class="mat-ripple mat-step-header-ripple"></div>
                        <div id="iconnumber1" class="mat-step-icon mat-step-icon-state-number mat-step-icon-selected">
                           <div class="mat-step-icon-content">
                              <!----><span class="ng-star-inserted">1</span><!----><!----><!----><!---->
                           </div>
                        </div>
                        <div class="mat-step-label mat-step-label-active mat-step-label-selected">
                           <div class="mat-step-text-label ng-star-inserted">
                              Get started<!---->
                           </div>
                           <!----><!----><!----><!---->
                        </div>
                     </mat-step-header>
                     <div class="mat-stepper-horizontal-line ng-tns-c72-0 ng-star-inserted"></div>
                     <!----><!---->
                     <mat-step-header role="tab" class="mat-step-header mat-focus-indicator mat-horizontal-stepper-header mat-primary ng-tns-c72-0 ng-star-inserted" tabindex="-1" id="cdk-step-label-0-1" aria-posinset="2" aria-setsize="5" aria-controls="cdk-step-content-0-1" aria-selected="false">
                        <div matripple="" class="mat-ripple mat-step-header-ripple"></div>
                        <div id="iconnumber2" class="mat-step-icon mat-step-icon-state-number">
                           <div class="mat-step-icon-content">
                              <!----><span class="ng-star-inserted">2</span><!----><!----><!----><!---->
                           </div>
                        </div>
                        <div class="mat-step-label">
                           <div class="mat-step-text-label ng-star-inserted">
                              Account verification<!---->
                           </div>
                           <!----><!----><!----><!---->
                        </div>
                     </mat-step-header>
                     <div class="mat-stepper-horizontal-line ng-tns-c72-0 ng-star-inserted"></div>
                     <!----><!---->
                     <mat-step-header role="tab" class="mat-step-header mat-focus-indicator mat-horizontal-stepper-header mat-primary ng-tns-c72-0 ng-star-inserted" tabindex="-1" id="cdk-step-label-0-2" aria-posinset="3" aria-setsize="5" aria-controls="cdk-step-content-0-2" aria-selected="false">
                        <div matripple="" class="mat-ripple mat-step-header-ripple"></div>
                        <div id="iconnumber3" class="mat-step-icon mat-step-icon-state-number">
                           <div class="mat-step-icon-content">
                              <!----><span class="ng-star-inserted">3</span><!----><!----><!----><!---->
                           </div>
                        </div>
                        <div class="mat-step-label">
                           <div class="mat-step-text-label ng-star-inserted">
                              Initial import<!---->
                           </div>
                           <!----><!----><!----><!---->
                        </div>
                     </mat-step-header>
                     <div class="mat-stepper-horizontal-line ng-tns-c72-0 ng-star-inserted"></div>
                     <!----><!---->
                     <mat-step-header role="tab" class="mat-step-header mat-focus-indicator mat-horizontal-stepper-header mat-primary ng-tns-c72-0 ng-star-inserted" tabindex="-1" id="cdk-step-label-0-3" aria-posinset="4" aria-setsize="5" aria-controls="cdk-step-content-0-3" aria-selected="false">
                        <div matripple="" class="mat-ripple mat-step-header-ripple"></div>
                        <div id="iconnumber4" class="mat-step-icon mat-step-icon-state-number">
                           <div class="mat-step-icon-content">
                              <!----><span class="ng-star-inserted">4</span><!----><!----><!----><!---->
                           </div>
                        </div>
                        <div class="mat-step-label">
                           <div class="mat-step-text-label ng-star-inserted">
                              Inventory setup<!---->
                           </div>
                           <!----><!----><!----><!---->
                        </div>
                     </mat-step-header>
                     <div class="mat-stepper-horizontal-line ng-tns-c72-0 ng-star-inserted"></div>
                     <!----><!---->
                     <mat-step-header role="tab" class="mat-step-header mat-focus-indicator mat-horizontal-stepper-header mat-primary ng-tns-c72-0 ng-star-inserted" tabindex="-1" id="cdk-step-label-0-4" aria-posinset="5" aria-setsize="5" aria-controls="cdk-step-content-0-4" aria-selected="false">
                        <div matripple="" class="mat-ripple mat-step-header-ripple"></div>
                        <div id="iconnumber5" class="mat-step-icon mat-step-icon-state-number">
                           <div class="mat-step-icon-content">
                              <!----><span class="ng-star-inserted">5</span><!----><!----><!----><!---->
                           </div>
                        </div>
                        <div class="mat-step-label">
                           <div class="mat-step-text-label ng-star-inserted">
                              Confirm<!---->
                           </div>
                           <!----><!----><!----><!---->
                        </div>
                     </mat-step-header>
                     <!----><!----><!---->
                  </div>
                  <div class="mat-horizontal-content-container ng-tns-c72-0">
                     <div role="tabpanel" class="mat-horizontal-stepper-content ng-trigger ng-trigger-stepTransition ng-tns-c72-0 ng-star-inserted" id="cdk-step-content-0-0" aria-labelledby="cdk-step-label-0-0" aria-expanded="true" style="transform: none; visibility: inherit;">
                        <!---->
                        <div _ngcontent-uef-c91="" class="stepper_container ng-star-inserted" style="">
                           <form _ngcontent-uef-c91="" novalidate="" class="text-center ng-invalid ng-dirty ng-touched">
                              <!---->
                              <div _ngcontent-uef-c91="">
                                 <svg _ngcontent-uef-c91="" viewBox="0 0 533.27 104.93" class="edara-logo">
                                    <path _ngcontent-uef-c91="" d="M582.9,41.52h0a36.81,36.81,0,0,0-23.43-10.68,39,39,0,0,0-13.75-20.72A45,45,0,0,0,517.43.31a43.51,43.51,0,0,0-24,7.15,41.81,41.81,0,0,0-13.93,15.16c-.71,0-1.41-.06-2.11-.06a40.31,40.31,0,0,0-16,3.26,40.81,40.81,0,0,0-13,8.87,41.44,41.44,0,0,0,26.67,70.48l.74,0c.51,0,1,0,1.55,0l1.49,0,75.59,0h1.31a6.77,6.77,0,0,0,.89-.06,40.08,40.08,0,0,0,26-11.13,35.3,35.3,0,0,0,11-25.48C593.62,58,589.81,48.37,582.9,41.52ZM517.83,9.2c18.55,0,33.69,14.61,33.76,32.57a4.19,4.19,0,0,1-2.92,3.95,3.52,3.52,0,0,1-.39.16A45,45,0,0,1,533.8,48a70.12,70.12,0,0,1-17-2.21,4.21,4.21,0,0,1-2.65-2,4,4,0,0,1-.41-3.12,4.29,4.29,0,0,1,5.19-3c10,2.5,17.55,2.13,22.16,1.38l.2,0,.14,0,.19,0,.24,0,.1,0a1.08,1.08,0,0,0,.78-1v-.06a.28.28,0,0,0,0-.09.06.06,0,0,0,0,0v0l0-.14c-2.15-11.64-12.59-20.08-24.83-20.08-14,0-25.36,10.88-25.36,24.25S503.85,66,517.83,66A26.31,26.31,0,0,0,526,64.73,25.39,25.39,0,0,0,534.57,60a4.38,4.38,0,0,1,6,.37,4.08,4.08,0,0,1-.23,5.76l-.16.15a34.17,34.17,0,0,1-11.27,6.28l-24.13,9.33a1.64,1.64,0,0,1-.44.09,4.46,4.46,0,0,1-1.14.15,4.21,4.21,0,0,1-4.3-4.12,4.09,4.09,0,0,1,2.59-3.78l.08,0,4.7-1.82a34.12,34.12,0,0,1-14.63-10A32.2,32.2,0,0,1,486,52.89a31.14,31.14,0,0,1-2-11.14C483.94,23.8,499.14,9.2,517.83,9.2Zm37.95,87.34H478.65a33.84,33.84,0,0,1-20.88-7.35,33.2,33.2,0,0,1-11.58-18.32h0a29.89,29.89,0,0,1,0-14.67A34.59,34.59,0,0,1,472.74,31a26.56,26.56,0,0,1,3.87-.47,3.39,3.39,0,0,1,3.14,1.37,5.14,5.14,0,0,1,.55,5.23,1.71,1.71,0,0,1-.12.23,2.94,2.94,0,0,1-.95,1,4.4,4.4,0,0,1-1.78.65l-1.24.22c-.71.12-1.39.24-2,.37-10.8,2.16-17.68,11.17-19.51,18.63a21,21,0,0,0-.07,10.16v0c0,.1.07.22.1.36a24.79,24.79,0,0,0,24.15,19h76.93a20,20,0,0,0,19.9-20c0-10.86-7.24-19.23-17.22-19.9a6.34,6.34,0,0,1-.75-.07c-3.5-.73-4.18-5-2.06-7.29,1-1.05,1.63-1.47,3.68-1.34,6.45.42,11.5,3,16.91,8.5a28.76,28.76,0,0,1-20.44,48.85Z" transform="translate(-436.42 -0.3)" class="edara-logo__emblem"></path>
                                    <path _ngcontent-uef-c91="" d="M692.81,69.37c0,1.51-.14,3.1-.21,4.39H638.81c1.65,14.19,11.52,21.17,23.25,21.17a32.11,32.11,0,0,0,21.1-8.13l6.27,8.06c-8.5,7.92-18,10.37-28.09,10.37-20.3,0-34.7-14.33-34.7-35.64,0-21,14.33-35.65,34-35.65C679.27,33.94,692.67,48.42,692.81,69.37ZM639,64.26h41.84c-1.44-12.1-9.29-19.87-20.38-19.87C648.31,44.39,640.75,52.59,639,64.26Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                    <path _ngcontent-uef-c91="" d="M757.43,44.6V.3h11.81V103.79H757.43V94.65c-5.4,6.4-13.39,10.58-24.12,10.58-19.23,0-34.2-15-34.2-35.64s15-35.65,34.2-35.65C744,33.94,752,38.12,757.43,44.6Zm-46.3,25c0,13.61,9.51,24.62,23.55,24.62,13.82,0,23.47-10.58,23.47-24.62S748.5,45,734.68,45C720.42,45,711.13,56,711.13,69.59Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                    <path _ngcontent-uef-c91="" d="M846.86,103.79H835.05V94.65c-5.4,6.4-13.4,10.58-24.12,10.58-19.23,0-34.21-15-34.21-35.64s15-35.65,34.21-35.65c10.72,0,18.72,4.18,24.12,10.66V35.38h11.81Zm-58.11-34.2c0,13.61,9.5,24.62,23.54,24.62,13.83,0,23.48-10.58,23.48-24.62S826.12,45,812.29,45C798,45,788.75,56,788.75,69.59Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                    <path _ngcontent-uef-c91="" d="M903.66,36.18l-2.88,11.59A26.72,26.72,0,0,0,889,45.11c-10.44,0-17.78,8-17.78,20.59v38.09H859.52V35.38h11.59v9a24.08,24.08,0,0,1,20-10.45A30.56,30.56,0,0,1,903.66,36.18Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                    <path _ngcontent-uef-c91="" d="M969.69,103.79H957.88V94.65c-5.4,6.4-13.39,10.58-24.12,10.58-19.23,0-34.21-15-34.21-35.64s15-35.65,34.21-35.65c10.73,0,18.72,4.18,24.12,10.66V35.38h11.81Zm-58.11-34.2c0,13.61,9.5,24.62,23.55,24.62,13.82,0,23.47-10.58,23.47-24.62S949,45,935.13,45C920.87,45,911.58,56,911.58,69.59Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                 </svg>
                              </div>
                              <div _ngcontent-uef-c91="" class="flex-display">
                                 <h2 _ngcontent-uef-c91="">Welcome to Edara connect</h2>
                                 <span _ngcontent-uef-c91="" class="emoji">☺️</span>
                              </div>
                              <p _ngcontent-uef-c91="" class="typo-title">First, enter your Edara account</p>
                              <div _ngcontent-uef-c91="" class="url-form-container">
                                 <mat-icon _ngcontent-uef-c91="" role="img" id="language" class="mat-icon notranslate material-icons mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">language</mat-icon>
                                 <div _ngcontent-uef-c91="">
                                    <mat-form-field _ngcontent-uef-c91="" appearance="outline" class="mat-form-field ng-tns-c33-1 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float ng-invalid ng-dirty mat-form-field-invalid ng-touched">
                                       <div class="mat-form-field-wrapper ng-tns-c33-1">
                                          <div class="mat-form-field-flex ng-tns-c33-1">
                                             <div class="mat-form-field-outline ng-tns-c33-1 ng-star-inserted">
                                                <div class="mat-form-field-outline-start ng-tns-c33-1"></div>
                                                <div class="mat-form-field-outline-gap ng-tns-c33-1"></div>
                                                <div class="mat-form-field-outline-end ng-tns-c33-1"></div>
                                             </div>
                                             <div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c33-1 ng-star-inserted" style="color:black;">
                                                <div class="mat-form-field-outline-start ng-tns-c33-1"></div>
                                                <div class="mat-form-field-outline-gap ng-tns-c33-1"></div>
                                                <div class="mat-form-field-outline-end ng-tns-c33-1"></div>
                                             </div>
                                             <!----><!----><!---->
                                             <div class="mat-form-field-infix ng-tns-c33-1">
                                                <input type="url" _ngcontent-uef-c91="" matinput="" placeholder="Yourcompany.edara.io" formcontrolname="edaraURL" autocomplete="false" class="mat-input-element mat-form-field-autofill-control ng-tns-c33-1 ng-invalid cdk-text-field-autofill-monitored ng-dirty ng-touched" id="domaininput" data-placeholder="Yourcompany.edara.io" aria-invalid="false" required="true">
                                                <input type="hidden" id="edara_accsess_token" name="edara_accsess_token" />
                                                <span class="mat-form-field-label-wrapper ng-tns-c33-1">
                                                   <!---->
                                                </span>
                                             </div>
                                             <!---->
                                          </div>
                                          <!---->
                                          <div class="mat-form-field-subscript-wrapper ng-tns-c33-1">
                                             <div class="ng-tns-c33-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                                                <mat-error _ngcontent-uef-c91="" role="alert" class="mat-error ng-star-inserted" id="domaininputerror" style="display: none;"> You have entered an invalid email address! </mat-error>
                                                <!----><!----><!---->
                                             </div>
                                             <!----><!---->
                                          </div>
                                       </div>
                                    </mat-form-field>
                                    <button _ngcontent-uef-c91="" type="submit" mat-raised-button="" color="primary" class="mat-focus-indicator mat-raised-button mat-button-base mat-primary" onclick="firstTabAction(event)">
                                       <span class="mat-button-wrapper">
                                          <mat-icon _ngcontent-uef-c91="" role="img" class="mat-icon notranslate material-icons mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">arrow_forward</mat-icon>
                                       </span>
                                       <span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span>
                                    </button>
                                    <script>
                                       function firstTabAction(e) {
                                          
                                          e = e || window.event;
                                           e.preventDefault();
                                          var mailformat = /^\w+([\.-]?\w+)*.edara.io+$/;
                                          if(document.getElementById("domaininput").value.match(mailformat))
                                          {
                                          document.getElementById("domaininputerror").style.display = "none";

                                          document.getElementById("cdk-step-content-0-0").setAttribute("aria-expanded", "false");
                                          document.getElementById("cdk-step-content-0-0").style.transform = "none";
                                          document.getElementById("cdk-step-content-0-0").style.visibility = "hidden";

                                          document.getElementById("cdk-step-content-0-1").setAttribute("aria-expanded", "true");
                                          document.getElementById("cdk-step-content-0-1").style.transform = "inherit";
                                          document.getElementById("cdk-step-content-0-1").style.visibility = "visible";

                                          document.getElementById("iconnumber1").classList.remove("mat-step-icon-selected");
                                          document.getElementById("iconnumber2").classList.add("mat-step-icon-selected");
                                             return false;
                                          }
                                          else
                                          {
                                          // alert("You have entered an invalid email address!");
                                          document.getElementById("domaininputerror").style.display = "block";
                                          return false;
                                          }
                                         // document.getElementById("demo").innerHTML = "Hello World";
                                       }
                                    </script>
                                 </div>
                              </div>
                              <p _ngcontent-uef-c91="" class="no-margin">Don't have an account yet?</p>
                              <a _ngcontent-uef-c91="" href="https://getedara.com/pricing.html" target="_blank"><strong _ngcontent-uef-c91="">Contact us</strong></a>
                           </form>
                        </div>
                        <!---->
                     </div>
                     <div role="tabpanel" class="mat-horizontal-stepper-content ng-trigger ng-trigger-stepTransition ng-tns-c72-0 ng-star-inserted" id="cdk-step-content-0-1" aria-labelledby="cdk-step-label-0-1" aria-expanded="false" style="transform: translate3d(100%, 0px, 0px); visibility: hidden;">
                        <!---->
                        <div _ngcontent-uef-c91="" class="stepper_container ng-star-inserted" style="">
                           <form _ngcontent-uef-c91="" novalidate="" class="text-center ng-untouched ng-pristine ng-invalid">
                              <!---->
                              <div _ngcontent-uef-c91="">
                                 <svg _ngcontent-uef-c91="" viewBox="0 0 533.27 104.93" class="edara-logo">
                                    <path _ngcontent-uef-c91="" d="M582.9,41.52h0a36.81,36.81,0,0,0-23.43-10.68,39,39,0,0,0-13.75-20.72A45,45,0,0,0,517.43.31a43.51,43.51,0,0,0-24,7.15,41.81,41.81,0,0,0-13.93,15.16c-.71,0-1.41-.06-2.11-.06a40.31,40.31,0,0,0-16,3.26,40.81,40.81,0,0,0-13,8.87,41.44,41.44,0,0,0,26.67,70.48l.74,0c.51,0,1,0,1.55,0l1.49,0,75.59,0h1.31a6.77,6.77,0,0,0,.89-.06,40.08,40.08,0,0,0,26-11.13,35.3,35.3,0,0,0,11-25.48C593.62,58,589.81,48.37,582.9,41.52ZM517.83,9.2c18.55,0,33.69,14.61,33.76,32.57a4.19,4.19,0,0,1-2.92,3.95,3.52,3.52,0,0,1-.39.16A45,45,0,0,1,533.8,48a70.12,70.12,0,0,1-17-2.21,4.21,4.21,0,0,1-2.65-2,4,4,0,0,1-.41-3.12,4.29,4.29,0,0,1,5.19-3c10,2.5,17.55,2.13,22.16,1.38l.2,0,.14,0,.19,0,.24,0,.1,0a1.08,1.08,0,0,0,.78-1v-.06a.28.28,0,0,0,0-.09.06.06,0,0,0,0,0v0l0-.14c-2.15-11.64-12.59-20.08-24.83-20.08-14,0-25.36,10.88-25.36,24.25S503.85,66,517.83,66A26.31,26.31,0,0,0,526,64.73,25.39,25.39,0,0,0,534.57,60a4.38,4.38,0,0,1,6,.37,4.08,4.08,0,0,1-.23,5.76l-.16.15a34.17,34.17,0,0,1-11.27,6.28l-24.13,9.33a1.64,1.64,0,0,1-.44.09,4.46,4.46,0,0,1-1.14.15,4.21,4.21,0,0,1-4.3-4.12,4.09,4.09,0,0,1,2.59-3.78l.08,0,4.7-1.82a34.12,34.12,0,0,1-14.63-10A32.2,32.2,0,0,1,486,52.89a31.14,31.14,0,0,1-2-11.14C483.94,23.8,499.14,9.2,517.83,9.2Zm37.95,87.34H478.65a33.84,33.84,0,0,1-20.88-7.35,33.2,33.2,0,0,1-11.58-18.32h0a29.89,29.89,0,0,1,0-14.67A34.59,34.59,0,0,1,472.74,31a26.56,26.56,0,0,1,3.87-.47,3.39,3.39,0,0,1,3.14,1.37,5.14,5.14,0,0,1,.55,5.23,1.71,1.71,0,0,1-.12.23,2.94,2.94,0,0,1-.95,1,4.4,4.4,0,0,1-1.78.65l-1.24.22c-.71.12-1.39.24-2,.37-10.8,2.16-17.68,11.17-19.51,18.63a21,21,0,0,0-.07,10.16v0c0,.1.07.22.1.36a24.79,24.79,0,0,0,24.15,19h76.93a20,20,0,0,0,19.9-20c0-10.86-7.24-19.23-17.22-19.9a6.34,6.34,0,0,1-.75-.07c-3.5-.73-4.18-5-2.06-7.29,1-1.05,1.63-1.47,3.68-1.34,6.45.42,11.5,3,16.91,8.5a28.76,28.76,0,0,1-20.44,48.85Z" transform="translate(-436.42 -0.3)" class="edara-logo__emblem"></path>
                                    <path _ngcontent-uef-c91="" d="M692.81,69.37c0,1.51-.14,3.1-.21,4.39H638.81c1.65,14.19,11.52,21.17,23.25,21.17a32.11,32.11,0,0,0,21.1-8.13l6.27,8.06c-8.5,7.92-18,10.37-28.09,10.37-20.3,0-34.7-14.33-34.7-35.64,0-21,14.33-35.65,34-35.65C679.27,33.94,692.67,48.42,692.81,69.37ZM639,64.26h41.84c-1.44-12.1-9.29-19.87-20.38-19.87C648.31,44.39,640.75,52.59,639,64.26Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                    <path _ngcontent-uef-c91="" d="M757.43,44.6V.3h11.81V103.79H757.43V94.65c-5.4,6.4-13.39,10.58-24.12,10.58-19.23,0-34.2-15-34.2-35.64s15-35.65,34.2-35.65C744,33.94,752,38.12,757.43,44.6Zm-46.3,25c0,13.61,9.51,24.62,23.55,24.62,13.82,0,23.47-10.58,23.47-24.62S748.5,45,734.68,45C720.42,45,711.13,56,711.13,69.59Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                    <path _ngcontent-uef-c91="" d="M846.86,103.79H835.05V94.65c-5.4,6.4-13.4,10.58-24.12,10.58-19.23,0-34.21-15-34.21-35.64s15-35.65,34.21-35.65c10.72,0,18.72,4.18,24.12,10.66V35.38h11.81Zm-58.11-34.2c0,13.61,9.5,24.62,23.54,24.62,13.83,0,23.48-10.58,23.48-24.62S826.12,45,812.29,45C798,45,788.75,56,788.75,69.59Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                    <path _ngcontent-uef-c91="" d="M903.66,36.18l-2.88,11.59A26.72,26.72,0,0,0,889,45.11c-10.44,0-17.78,8-17.78,20.59v38.09H859.52V35.38h11.59v9a24.08,24.08,0,0,1,20-10.45A30.56,30.56,0,0,1,903.66,36.18Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                    <path _ngcontent-uef-c91="" d="M969.69,103.79H957.88V94.65c-5.4,6.4-13.39,10.58-24.12,10.58-19.23,0-34.21-15-34.21-35.64s15-35.65,34.21-35.65c10.73,0,18.72,4.18,24.12,10.66V35.38h11.81Zm-58.11-34.2c0,13.61,9.5,24.62,23.55,24.62,13.82,0,23.47-10.58,23.47-24.62S949,45,935.13,45C920.87,45,911.58,56,911.58,69.59Z" transform="translate(-436.42 -0.3)" class="edara-logo__text"></path>
                                 </svg>
                              </div>
                              <p _ngcontent-uef-c91="" class="typo-title">Let's verify your Edara account</p>
                              <div _ngcontent-uef-c91="" class="login-form-container">
                                 <mat-icon _ngcontent-uef-c91="" role="img" class="mat-icon notranslate material-icons mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">person</mat-icon>
                                 <mat-form-field _ngcontent-uef-c91="" appearance="outline" class="mat-form-field ng-tns-c33-2 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float ng-untouched ng-pristine ng-invalid">
                                    <div class="mat-form-field-wrapper ng-tns-c33-2">
                                       <div class="mat-form-field-flex ng-tns-c33-2">
                                          <div class="mat-form-field-outline ng-tns-c33-2 ng-star-inserted">
                                             <div class="mat-form-field-outline-start ng-tns-c33-2"></div>
                                             <div class="mat-form-field-outline-gap ng-tns-c33-2"></div>
                                             <div class="mat-form-field-outline-end ng-tns-c33-2"></div>
                                          </div>
                                          <div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c33-2 ng-star-inserted">
                                             <div class="mat-form-field-outline-start ng-tns-c33-2"></div>
                                             <div class="mat-form-field-outline-gap ng-tns-c33-2"></div>
                                             <div class="mat-form-field-outline-end ng-tns-c33-2"></div>
                                          </div>
                                          <!----><!----><!---->
                                          <div class="mat-form-field-infix ng-tns-c33-2">
                                             <input id="edara_email" _ngcontent-uef-c91="" matinput="" placeholder="Username" formcontrolname="username" autocomplete="false" class="mat-input-element mat-form-field-autofill-control ng-tns-c33-2 ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" id="mat-input-1" data-placeholder="Username" aria-invalid="false" aria-required="false">
                                             <span class="mat-form-field-label-wrapper ng-tns-c33-2">
                                                <!---->
                                             </span>
                                          </div>
                                          <!---->
                                       </div>
                                       <!---->
                                       <!-- <div class="mat-form-field-subscript-wrapper ng-tns-c33-2"> -->
                                          <!---->
                                          <!-- <div class="mat-form-field-hint-wrapper ng-tns-c33-2 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"> -->
                                             <!---->
                                             <!-- <div class="mat-form-field-hint-spacer ng-tns-c33-2"></div> -->
                                          <!-- </div> -->
                                          <!---->
                                       <!-- </div> -->
                                    </div>
                                 </mat-form-field>
                              </div>
                              <div _ngcontent-uef-c91="" class="login-form-container">
                                 <mat-icon _ngcontent-uef-c91="" role="img" class="mat-icon notranslate material-icons mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">vpn_key</mat-icon>
                                 <mat-form-field _ngcontent-uef-c91="" appearance="outline" class="mat-form-field ng-tns-c33-3 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float ng-untouched ng-pristine ng-invalid">
                                    <div class="mat-form-field-wrapper ng-tns-c33-3">
                                       <div class="mat-form-field-flex ng-tns-c33-3">
                                          <div class="mat-form-field-outline ng-tns-c33-3 ng-star-inserted">
                                             <div class="mat-form-field-outline-start ng-tns-c33-3"></div>
                                             <div class="mat-form-field-outline-gap ng-tns-c33-3"></div>
                                             <div class="mat-form-field-outline-end ng-tns-c33-3"></div>
                                          </div>
                                          <div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c33-3 ng-star-inserted">
                                             <div class="mat-form-field-outline-start ng-tns-c33-3"></div>
                                             <div class="mat-form-field-outline-gap ng-tns-c33-3"></div>
                                             <div class="mat-form-field-outline-end ng-tns-c33-3"></div>
                                          </div>
                                          <!----><!----><!---->
                                          <div id="password" class="mat-form-field-infix ng-tns-c33-3">
                                             <input id="edara_password" _ngcontent-uef-c91="" matinput="" type="password" placeholder="Password" formcontrolname="password" autocomplete="false" class="mat-input-element mat-form-field-autofill-control ng-tns-c33-3 ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" id="mat-input-2" data-placeholder="Password" aria-invalid="false" aria-required="false">
                                             <span class="mat-form-field-label-wrapper ng-tns-c33-3">
                                                <!---->
                                             </span>
                                          </div>
                                          <!---->
                                       </div>
                                       <!---->
                                       <div class="mat-form-field-subscript-wrapper ng-tns-c33-3">
                                          <!---->
                                          <div class="mat-form-field-hint-wrapper ng-tns-c33-3 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                                             <!---->
                                             <mat-error _ngcontent-uef-c91="" role="alert" class="mat-error ng-star-inserted" id="secondtaberror" style="display: none;"></mat-error>
                                          </div>
                                          <!---->
                                       </div>
                                    </div>
                                 </mat-form-field>
                              </div>
                              <button onclick="secondTabAction(event)" _ngcontent-uef-c91="" type="submit" mat-raised-button="" color="primary" class="mat-focus-indicator login-btn mat-raised-button mat-button-base mat-primary"><span class="mat-button-wrapper"> Verify my account </span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button><!----><!----><!---->
                              <script>
                                 function secondTabAction(e) {
                                    
                                    e = e || window.event;
                                     e.preventDefault();

                                    var edara_domain = document.getElementById("domaininput").value;
                                    var edara_email = document.getElementById("edara_email").value;
                                    var edara_password = document.getElementById("edara_password").value;
                                    
                                    $.ajax({
                                    type: 'post',
                                    url: '/wp-content/plugins/edara_erp_integration/Includes/data.php',
                                    data: { 
                                         'edara_email': edara_email, 
                                         'edara_password': edara_password,
                                         'edara_domain': edara_domain
                                     },
                                    success: function (message) {
                                        if(!message.success){
                                            var error_area = document.getElementById('secondtaberror');
                                            error_area.style.display = 'block';
                                            error_area.innerHTML = message.error;
                                        }else{

                                          var edara_domain = document.getElementById("domaininput").value;

                                          console.log(message.data);
                                          var token_1 = message.data;
                                            $.ajax({
                                              type: 'post',
                                              url: '/wp-content/plugins/edara_erp_integration/Includes/data1.php',
                                              data: { 
                                                   "base_url" : edara_domain,
                                                   "token" : token_1
                                               },
                                              success: function (message_new) {
                                                  if(!message_new){
                                                      var error_area = document.getElementById('secondtaberror');
                                                      error_area.style.display = 'block';
                                                      error_area.innerHTML = "error in integration";
                                                  }else{
                                                    console.log(message_new);
                                                    console.log("hollla");
                                                    var edara_accsess_token = message_new;

                                                    $.ajax({
                                                            type: 'post',
                                                            url: '/wp-content/plugins/edara_erp_integration/Includes/data2.php',
                                                            data: { 
                                                                 'edara_accsess_token': edara_accsess_token
                                                             },
                                                            success: function (res) {
                                                              console.log(res);
                                                              $("#warehouses_selection").html(res);
                                                            }
                                                          });
                                                    document.getElementById("edara_accsess_token").value = edara_accsess_token;

                                                    document.getElementById("secondtaberror").style.display = "none";

                                                     document.getElementById("cdk-step-content-0-1").setAttribute("aria-expanded", "false");
                                                     document.getElementById("cdk-step-content-0-1").style.transform = "none";
                                                     document.getElementById("cdk-step-content-0-1").style.visibility = "hidden";

                                                     document.getElementById("cdk-step-content-0-2").setAttribute("aria-expanded", "true");
                                                     document.getElementById("cdk-step-content-0-2").style.transform = "inherit";
                                                     document.getElementById("cdk-step-content-0-2").style.visibility = "visible";

                                                     document.getElementById("iconnumber2").classList.remove("mat-step-icon-selected");
                                                     document.getElementById("iconnumber3").classList.add("mat-step-icon-selected");

                                                  }
                                              }
                                            });


                                            
                                        }
                                        
                                      // alert('form was submitted');
                                    }
                                  });
                                    
                                 }
                              </script>

                           </form>
                        </div>
                        <!---->
                     </div>
                     <div role="tabpanel" class="mat-horizontal-stepper-content ng-trigger ng-trigger-stepTransition ng-tns-c72-0 ng-star-inserted" id="cdk-step-content-0-2" aria-labelledby="cdk-step-label-0-2" aria-expanded="false" style="transform: translate3d(100%, 0px, 0px); visibility: hidden;">
                        <!---->
                        <div _ngcontent-uef-c91="" class="stepper_container ng-star-inserted" style="">
                           <form _ngcontent-uef-c91="" novalidate="" class="padding ng-untouched ng-pristine ng-valid">
                              <div _ngcontent-uef-c91="" class="row">
                                 <div _ngcontent-uef-c91="" class="col-sm-7">
                                    <div _ngcontent-uef-c91="">

                                       <mat-radio-group _ngcontent-uef-c91="" formcontrolname="products" class="mat-radio-group ng-pristine ng-valid">
                                          <mat-label _ngcontent-uef-c91="" class="typo-title no-margin">1. I will import my products</mat-label>
                                          <br/>
                                          <br/>
                                          <div>
                                             <select name="products" id="products_selection">
                                              <option value="edara_to_wp">From Edara to Wordpress.</option>
                                              <option value="wp_to_edara">From Wordpress to Edara.</option>
                                              <option value="no">No Import</option>
                                            </select>
                                          </div>
                                       </mat-radio-group>
                                       <br/>
                                       <br/>
                                       <mat-radio-group _ngcontent-uef-c91="" required="" formcontrolname="customers" class="mat-radio-group ng-pristine ng-valid">
                                          <mat-label _ngcontent-uef-c91="" class="typo-title no-margin">2. Do you want to import Wordpress customers to Edara?</mat-label><br/>
                                          <br/>
                                          <select name="customers" id="customers_selection">
                                              <option value="all_customers">Yes, import all customers.</option>
                                              <option value="new_customers">No, only new customers.</option>
                                          </select>
                                       </mat-radio-group>
                                       <br/>
                                       <br/>
                                       <mat-radio-group _ngcontent-uef-c91="" role="radiogroup" required="" formcontrolname="orders" class="mat-radio-group ng-pristine ng-valid">
                                          <mat-label _ngcontent-uef-c91="" class="typo-title no-margin">3. Edara will import from Wordpress</mat-label>
                                          <br/>
                                          <br/>
                                          <select onchange="seeOrderSelection(this);" name="orders" id="orders_selection">
                                              <option value="all_orders">All orders.</option>
                                              <option value="unfulfilled_orders">Unfulfilled orders.</option>
                                              <option value="new_orders">New orders.</option>
                                          </select>
                                          <div id="div_from_date" style="display: block;">
                                             <label for="from_date">
                                                Integration start date
                                             </label>
                                             <br/>
                                             <input id="from_date" type="date" name="from_date"></input>
                                          </div>
                                          
                                       </mat-radio-group>
                                    </div>
                                 </div>
                                 <div _ngcontent-uef-c91="" class="col-sm-5 text-center">
                                    <div _ngcontent-uef-c91="" class="init-import__banner"><img _ngcontent-uef-c91="" src="https://cdn.shopify.com/app-store/listing_images/cf139f8bb3184f91ac45430d3532a6d2/icon/CL6ysqv0lu8CEAE=.png" alt=""></div>
                                 </div>
                              </div>
                              <div _ngcontent-uef-c91="" align="end" class="u-justify-between">
                                 <button onclick="prevous1TabAction(event)" _ngcontent-uef-c91="" mat-button="" class="mat-focus-indicator mat-button mat-button-base">
                                    <span class="mat-button-wrapper">
                                       <mat-icon _ngcontent-uef-c91="" role="img" class="mat-icon notranslate material-icons mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">keyboard_arrow_left</mat-icon>
                                       Back 
                                    </span>
                                    <span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span>
                                 </button>
                                 <button onclick="thiredTabAction(event)" _ngcontent-uef-c91="" type="submit" mat-raised-button="" color="primary" class="mat-focus-indicator mat-raised-button mat-button-base mat-primary"><span class="mat-button-wrapper">Next</span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button>
                                 <script type="text/javascript">
                                    function prevous1TabAction(e) {
                                          
                                          e = e || window.event;
                                           e.preventDefault();

                                          
                                          document.getElementById("cdk-step-content-0-2").setAttribute("aria-expanded", "false");
                                          document.getElementById("cdk-step-content-0-2").style.transform = "none";
                                          document.getElementById("cdk-step-content-0-2").style.visibility = "hidden";

                                          document.getElementById("cdk-step-content-0-1").setAttribute("aria-expanded", "true");
                                          document.getElementById("cdk-step-content-0-1").style.transform = "inherit";
                                          document.getElementById("cdk-step-content-0-1").style.visibility = "visible";

                                          document.getElementById("iconnumber3").classList.remove("mat-step-icon-selected");
                                          document.getElementById("iconnumber2").classList.add("mat-step-icon-selected");
                                              
                                          
                                       }
                                    function seeOrderSelection(options) {
                                          var div_from_date = document.getElementById('div_from_date');

                                          if (options.value == "all_orders"){
                                             div_from_date.style.display = 'block';
                                          }else{
                                             div_from_date.style.display = 'none';
                                          }
                                          
                                       }
                                    function thiredTabAction(e) {
                                          
                                          e = e || window.event;
                                           e.preventDefault();
                                          
                                          document.getElementById("cdk-step-content-0-2").setAttribute("aria-expanded", "false");
                                          document.getElementById("cdk-step-content-0-2").style.transform = "none";
                                          document.getElementById("cdk-step-content-0-2").style.visibility = "hidden";

                                          document.getElementById("cdk-step-content-0-3").setAttribute("aria-expanded", "true");
                                          document.getElementById("cdk-step-content-0-3").style.transform = "inherit";
                                          document.getElementById("cdk-step-content-0-3").style.visibility = "visible";

                                          document.getElementById("iconnumber3").classList.remove("mat-step-icon-selected");
                                          document.getElementById("iconnumber4").classList.add("mat-step-icon-selected");

                                          document.getElementById("selected_products_option").innerHTML = "Products " + $("select#products_selection option").filter(":selected").text();
                                          
                                          document.getElementById("selected_customers_option").innerHTML = "Customers " + $("select#customers_selection option").filter(":selected").text();

                                          var order_value = $("select#orders_selection option").filter(":selected").val();
                                          if (order_value == "all_orders") {
                                             document.getElementById("selected_orders_option").innerHTML = "Orders " + $("select#orders_selection option").filter(":selected").text() + 'from ' + document.getElementById("from_date").value;
                                          }else{
                                             document.getElementById("selected_orders_option").innerHTML = "Orders " + $("select#orders_selection option").filter(":selected").text()
                                          }
                                          
                                       }
                                 </script>
                              </div>
                           </form>
                        </div>
                        <!---->
                     </div>
                     <div role="tabpanel" class="mat-horizontal-stepper-content ng-trigger ng-trigger-stepTransition ng-tns-c72-0 ng-star-inserted" id="cdk-step-content-0-3" aria-labelledby="cdk-step-label-0-3" aria-expanded="false" style="transform: translate3d(100%, 0px, 0px); visibility: hidden;">
                        <!---->
                        <div _ngcontent-uef-c91="" class="stepper_container ng-star-inserted" style="">
                           <form _ngcontent-uef-c91="" novalidate="" class="padding ng-untouched ng-pristine ng-valid">
                              <div _ngcontent-uef-c91="" class="row">
                                 <div _ngcontent-uef-c91="" class="col-sm-7">
                                    <div _ngcontent-uef-c91="">
                                       <mat-label _ngcontent-uef-c91="" class="typo-title no-margin">1. Edara will receive Wordpress orders on:</mat-label>
                                       <div _ngcontent-uef-c91="" class="inventory-setup-control search-control">
                                          <app-auto-complete _ngcontent-uef-c91="" _nghost-uef-c82="">
                                             <mat-form-field _ngcontent-uef-c82="" class="mat-form-field full-width ng-tns-c33-6 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float ng-untouched ng-pristine ng-invalid">
                                                <br/>
                                                <br/>
                                                

                                                <select name="warehouses" id="warehouses_selection">
                                                   
                                                      <option value="prompt">No warehouses found</option>
                                                   
                                                </select>
                                             </mat-form-field>
                                             <div id="newWH" style="display:none;">
                                                <input id="newWHname" _ngcontent-uef-c91="" matinput="" type="text" placeholder="Warehouse Name" formcontrolname="newWHname" autocomplete="false" class="mat-input-element mat-form-field-autofill-control ng-tns-c33-3 ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" id="mat-input-2" data-placeholder="Warehouse Name" aria-invalid="false" aria-required="false">
                                                <div id="warehouseAddResponse" style="display:none;"></div>
                                                <button onclick="addNewWarehouseForm(event)"  _ngcontent-uef-c91="" color="primary" class="mat-focus-indicator mat-raised-button mat-button-base mat-primary"><span class="mat-button-wrapper">Add</span></button>
                                             </div>
                                             <div id="newStore" style="display:none;">
                                                <input id="newStorename" _ngcontent-uef-c91="" matinput="" type="text" placeholder="Store Name" formcontrolname="newStore" autocomplete="false" class="mat-input-element mat-form-field-autofill-control ng-tns-c33-3 ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" id="mat-input-2" data-placeholder="Store Name" aria-invalid="false" aria-required="false">
                                                <div id="storeAddResponse" style="display:none;"></div>
                                                <button onclick="addNewStoreForm(event)"  _ngcontent-uef-c91="" color="primary" class="mat-focus-indicator mat-raised-button mat-button-base mat-primary"><span class="mat-button-wrapper">Add</span></button>
                                             </div>
                                          </app-auto-complete>
                                          <button onclick="addNewWarehouse(event)" _ngcontent-uef-c91="" color="primary" class="mat-focus-indicator mat-raised-button mat-button-base mat-primary"><span class="mat-button-wrapper">+ Add new Warehouse</span></button>

                                          <button onclick="addNewStore(event)"  _ngcontent-uef-c91="" color="primary" class="mat-focus-indicator mat-raised-button mat-button-base mat-primary"><span class="mat-button-wrapper">+ Add new Store</span></button>
                                          <script type="text/javascript">
                                             
                                             function addNewWarehouse(e){
                                                
                                                e = e || window.event;
                                                e.preventDefault();
                                                if (document.getElementById("newWH").style.display == "none") {
                                                   document.getElementById("newWH").style.display = "block";
                                                }else{
                                                   document.getElementById("newWH").style.display = "none";
                                                }
                                             }
                                             function addNewStore(e){
                                                e = e || window.event;
                                                e.preventDefault();
                                                if (document.getElementById("newStore").style.display == "none") {
                                                   document.getElementById("newStore").style.display = "block";
                                                }else{
                                                   document.getElementById("newStore").style.display = "none";
                                                }
                                             }
                                             function addNewWarehouseForm(e){
                                                e = e || window.event;
                                                e.preventDefault();

                                                var newWHname = document.getElementById("newWHname").value;
                                                var edara_accsess_token = document.getElementById("edara_accsess_token").value;
                                                $.ajax({
                                                   type: 'post',
                                                   url: '/wp-content/plugins/edara_erp_integration/Includes/addWarehouse.php',
                                                   data: { 
                                                        'newWHname': newWHname,
                                                        'edara_accsess_token':edara_accsess_token
                                                    },
                                                   success: function (message) {
                                                       if(!message.success){
                                                           var error_area = document.getElementById('warehouseAddResponse');
                                                           error_area.style.display = 'block';
                                                           error_area.innerHTML = message.error;
                                                       }else{
                                                         document.getElementById('warehouseAddResponse').style.display = 'block';

                                                         var option = document.createElement("option");
                                                         option.text = newWHname;
                                                         option.value = message.message;
                                                         var select = document.getElementById("warehouses_selection");
                                                         select.appendChild(option);

                                                         document.getElementById("warehouseAddResponse").innerHTML = "Warehouse with code " + message.message + " Added";
                                                       }
                                                   }
                                                 });
                                                
                                             }
                                             function addNewStoreForm(e){
                                                e = e || window.event;
                                                e.preventDefault();
                                                
                                                var newStorename = document.getElementById("newStorename").value;
                                                var edara_accsess_token = document.getElementById("edara_accsess_token").value;
                                                $.ajax({
                                                   type: 'post',
                                                   url: '/wp-content/plugins/edara_erp_integration/Includes/addStore.php',
                                                   data: { 
                                                        'newStorename': newStorename,
                                                        'edara_accsess_token': edara_accsess_token,
                                                    },
                                                   success: function (message) {
                                                       if(!message.success){
                                                           var error_area = document.getElementById('storeAddResponse');
                                                           error_area.style.display = 'block';
                                                           error_area.innerHTML = message.error;
                                                       }else{
                                                         document.getElementById('storeAddResponse').style.display = 'block';

                                                         var option = document.createElement("option");
                                                         option.text = newStorename;
                                                         option.value = message.message;
                                                         var select = document.getElementById("warehouses_selection");
                                                         select.appendChild(option);

                                                         document.getElementById("storeAddResponse").innerHTML = "Store " + message.message + " Added";

                                                          
                                                       }
                                                       
                                                     // alert('form was submitted');
                                                   }
                                                 });
                                                
                                             }
                                          </script>
                                       </div>
                                    </div>
                                    <div _ngcontent-uef-c91="">
                                       <mat-label _ngcontent-uef-c91="" class="typo-title no-margin">2. Products prices in Shopify will sync with</mat-label>
                                       <div _ngcontent-uef-c91="" class="inventory-setup-control">
                                          <mat-form-field _ngcontent-uef-c91="" appearance="outline" class="mat-form-field ng-tns-c33-4 mat-primary mat-form-field-type-mat-select mat-form-field-appearance-outline mat-form-field-can-float ng-untouched ng-pristine ng-valid mat-form-field-should-float">
                                             <div class="mat-form-field-wrapper ng-tns-c33-4">
                                                <div class="mat-form-field-flex ng-tns-c33-4">
                                                   <div class="mat-form-field-outline ng-tns-c33-4 ng-star-inserted">
                                                      <div class="mat-form-field-outline-start ng-tns-c33-4"></div>
                                                      <div class="mat-form-field-outline-gap ng-tns-c33-4"></div>
                                                      <div class="mat-form-field-outline-end ng-tns-c33-4"></div>
                                                   </div>
                                                   <div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c33-4 ng-star-inserted">
                                                      <div class="mat-form-field-outline-start ng-tns-c33-4"></div>
                                                      <div class="mat-form-field-outline-gap ng-tns-c33-4"></div>
                                                      <div class="mat-form-field-outline-end ng-tns-c33-4"></div>
                                                   </div>
                                                   <!----><!----><!---->
                                                   <div class="row">
                                                         <select name="sale_price" id="sale_price">
                                                             <option value="sale_price">Sale Price</option>
                                                             <option value="dealer_price">Dealer price</option>
                                                             <option value="super_dealer_price">Super dealer price</option>
                                                         </select>
                                                      <!-- <span class="mat-form-field-label-wrapper ng-tns-c33-4">
                                                      </span> -->
                                                   </div>
                                                   <!---->
                                                </div>
                                                <!---->
                                                <div class="mat-form-field-subscript-wrapper ng-tns-c33-4">
                                                   <!---->
                                                   <div class="mat-form-field-hint-wrapper ng-tns-c33-4 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
                                                      <!---->
                                                      <div class="mat-form-field-hint-spacer ng-tns-c33-4"></div>
                                                   </div>
                                                   <!---->
                                                </div>
                                             </div>
                                          </mat-form-field>
                                       </div>
                                    </div>
                                 </div>
                                 <div _ngcontent-uef-c91="" class="col-sm-5 text-center">
                                    <div _ngcontent-uef-c91="" class="init-import__banner"><img _ngcontent-uef-c91="" src="https://cdn.shopify.com/app-store/listing_images/cf139f8bb3184f91ac45430d3532a6d2/icon/CL6ysqv0lu8CEAE=.png" alt=""></div>
                                 </div>
                              </div>
                              <div _ngcontent-uef-c91="" align="end" class="u-justify-between">
                                 <button onclick="prevous2TabAction(event)" _ngcontent-uef-c91="" mat-button="" matstepperprevious="" class="mat-focus-indicator mat-stepper-previous mat-button mat-button-base" type="button">
                                    <span class="mat-button-wrapper">
                                       <mat-icon _ngcontent-uef-c91="" role="img" class="mat-icon notranslate material-icons mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">keyboard_arrow_left</mat-icon>
                                       Back 
                                    </span>
                                    <span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span>
                                 </button>
                                 <button onclick="forthTabAction(event)" _ngcontent-uef-c91="" type="button" mat-raised-button="" color="primary" class="mat-focus-indicator mat-raised-button mat-button-base mat-primary"><span class="mat-button-wrapper">Next</span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button>
                                 <script type="text/javascript">
                                    function prevous2TabAction(e) {
                                          
                                          e = e || window.event;
                                           e.preventDefault();

                                          
                                          document.getElementById("cdk-step-content-0-3").setAttribute("aria-expanded", "false");
                                          document.getElementById("cdk-step-content-0-3").style.transform = "none";
                                          document.getElementById("cdk-step-content-0-3").style.visibility = "hidden";

                                          document.getElementById("cdk-step-content-0-2").setAttribute("aria-expanded", "true");
                                          document.getElementById("cdk-step-content-0-2").style.transform = "inherit";
                                          document.getElementById("cdk-step-content-0-2").style.visibility = "visible";

                                          document.getElementById("iconnumber4").classList.remove("mat-step-icon-selected");
                                          document.getElementById("iconnumber3").classList.add("mat-step-icon-selected");
                                              
                                          
                                       }

                                    function forthTabAction(e) {
                                          
                                          e = e || window.event;
                                          e.preventDefault();
                                          
                                          document.getElementById("cdk-step-content-0-3").setAttribute("aria-expanded", "false");
                                          document.getElementById("cdk-step-content-0-3").style.transform = "none";
                                          document.getElementById("cdk-step-content-0-3").style.visibility = "hidden";

                                          document.getElementById("cdk-step-content-0-4").setAttribute("aria-expanded", "true");
                                          document.getElementById("cdk-step-content-0-4").style.transform = "inherit";
                                          document.getElementById("cdk-step-content-0-4").style.visibility = "visible";

                                          document.getElementById("iconnumber4").classList.remove("mat-step-icon-selected");
                                          document.getElementById("iconnumber5").classList.add("mat-step-icon-selected");

                                          document.getElementById("selected_warehouses_option").innerHTML = "Edara will receive orders on " + $("select#warehouses_selection option").filter(":selected").text();
                                          document.getElementById("selected_sale_option").innerHTML = "Sale Price";
                                       }
                                 </script>
                              </div>
                           </form>
                        </div>
                        <!---->
                     </div>
                     <div role="tabpanel" class="mat-horizontal-stepper-content ng-trigger ng-trigger-stepTransition ng-tns-c72-0 ng-star-inserted" id="cdk-step-content-0-4" aria-labelledby="cdk-step-label-0-4" aria-expanded="false" style="transform: translate3d(100%, 0px, 0px); visibility: hidden;">
                        <!---->
                        <div id="coverScreen"  class="LockOn" style="display:none;">
                        </div>
                        <div _ngcontent-uef-c91="" class="stepper_container ng-star-inserted" style="">
                           <!---->
                           <div _ngcontent-uef-c91="" class="row">
                              <div _ngcontent-uef-c91="" class="col-sm-8 text-center">
                                 <div _ngcontent-uef-c91="" class="page-header">
                                    <h2 _ngcontent-uef-c91="">
                                       Greate job so far 
                                       <mat-icon _ngcontent-uef-c91="" role="img" class="mat-icon notranslate material-icons mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">thumb_up</mat-icon>
                                    </h2>
                                 </div>
                                 <label _ngcontent-uef-c91="" class="typo-title">Take a look at the setup summary</label>
                                 <div _ngcontent-uef-c91="" class="summary_content">
                                    <strong _ngcontent-uef-c91="">Data import</strong>
                                    <ul _ngcontent-uef-c91="">
                                       <li _ngcontent-uef-c91="" id="selected_products_option">jj</li>
                                       <li _ngcontent-uef-c91="" id="selected_customers_option">k</li>
                                       <li _ngcontent-uef-c91="" id="selected_orders_option">k</li>
                                    </ul>
                                 </div>
                                 <div _ngcontent-uef-c91="" class="summary_content">
                                    <strong _ngcontent-uef-c91="">Inventory setup</strong>
                                    <ul _ngcontent-uef-c91="">
                                       <li _ngcontent-uef-c91="" id="selected_warehouses_option">Edara will receive wordpress orders on .</li>
                                       <li _ngcontent-uef-c91="" id="selected_sale_option">Products prices in wordpress will sync with the Sales price in Edara.</li>
                                    </ul>
                                 </div>
                              </div>
                              <div _ngcontent-uef-c91="" class="col-sm-4 text-center">
                                 <div _ngcontent-uef-c91="" class="init-import__banner"><img _ngcontent-uef-c91="" src="https://cdn.shopify.com/app-store/listing_images/cf139f8bb3184f91ac45430d3532a6d2/icon/CL6ysqv0lu8CEAE=.png" alt=""></div>
                              </div>
                           </div>
                           <div _ngcontent-uef-c91="" align="end" class="u-justify-between padding">
                              <button onclick="prevous3TabAction(event)" _ngcontent-uef-c91="" mat-button="" matstepperprevious="" class="mat-focus-indicator mat-stepper-previous mat-button mat-button-base" type="button">
                                 <span class="mat-button-wrapper">
                                    <mat-icon _ngcontent-uef-c91="" role="img" class="mat-icon notranslate material-icons mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">keyboard_arrow_left</mat-icon>
                                    Back 
                                 </span>
                                 <span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span>
                              </button>
                              <button onclick="submitResults(event)" _ngcontent-uef-c91="" type="button" mat-raised-button="" color="primary" class="mat-focus-indicator mat-raised-button mat-button-base mat-primary"><span class="mat-button-wrapper">Confirm</span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button>
                              <script type="text/javascript">
                                 function prevous3TabAction(e) {
                                          
                                    e = e || window.event;
                                    e.preventDefault();

                                    
                                    document.getElementById("cdk-step-content-0-4").setAttribute("aria-expanded", "false");
                                    document.getElementById("cdk-step-content-0-4").style.transform = "none";
                                    document.getElementById("cdk-step-content-0-4").style.visibility = "hidden";

                                    document.getElementById("cdk-step-content-0-3").setAttribute("aria-expanded", "true");
                                    document.getElementById("cdk-step-content-0-3").style.transform = "inherit";
                                    document.getElementById("cdk-step-content-0-3").style.visibility = "visible";

                                    document.getElementById("iconnumber5").classList.remove("mat-step-icon-selected");
                                    document.getElementById("iconnumber4").classList.add("mat-step-icon-selected");
                                        
                                    
                                 }

                                 function submitResults(e){
                                    e = e || window.event;
                                    e.preventDefault();

                                    var edara_domain = document.getElementById("domaininput").value;

                                    var edara_email = document.getElementById("edara_email").value;

                                    var edara_password = document.getElementById("edara_password").value;

                                    var products_selection = $("select#products_selection option").filter(":selected").val();

                                    var customers_selection = $("select#customers_selection option").filter(":selected").val();
                                    
                                    var orders_selection = $("select#orders_selection option").filter(":selected").val();
                                   
                                    var sale_price =  $("select#sale_price option").filter(":selected").val();

                                    var edara_accsess_token = document.getElementById("edara_accsess_token").value;

                                    var from_date = document.getElementById("from_date").value;
                                    // var newWHname = document.getElementById("newWHname").value;
                                    // var newStorename = document.getElementById("newStorename").value;

                                    var warehouses_selection = $("select#warehouses_selection option").filter(":selected").val();

                                    $.ajax({
                                       type: 'post',
                                       url: '/wp-content/plugins/edara_erp_integration/Includes/done.php',
                                       data: { 
                                             'edara_domain': edara_domain,
                                             'edara_email': edara_email,
                                             'edara_accsess_token': edara_accsess_token,
                                             'products_selection': products_selection,
                                             'customers_selection': customers_selection,
                                             'orders_selection': orders_selection,
                                             'from_date': from_date,
                                             'warehouses_selection': warehouses_selection,
                                             'sale_price': sale_price
                                        },
                                        beforeSend: function(){
                                           $("#coverScreen").show();
                                         },
                                         complete: function(){
                                           $("#coverScreen").hide();
                                         },
                                       success: function (message) {
                                          document.getElementById("cdk-step-content-0-4").setAttribute("aria-expanded", "false");
                                          document.getElementById("cdk-step-content-0-4").style.transform = "none";
                                          document.getElementById("cdk-step-content-0-4").style.visibility = "hidden";

                                          document.getElementById("cdk-step-content-0-5").setAttribute("aria-expanded", "true");
                                          document.getElementById("cdk-step-content-0-5").style.transform = "inherit";
                                          document.getElementById("cdk-step-content-0-5").style.visibility = "visible";
                                       }
                                     });

                                    
                                 }

                              </script>
                           </div>
                        </div>
                        <!---->
                     </div>
                     <div role="tabpanel" class="mat-horizontal-stepper-content ng-trigger ng-trigger-stepTransition ng-tns-c72-0 ng-star-inserted" id="cdk-step-content-0-5" aria-labelledby="cdk-step-label-0-5" aria-expanded="false" style="transform: translate3d(100%, 0px, 0px); visibility: hidden;">
                        <!---->
                        <div _ngcontent-uef-c91="" class="stepper_container ng-star-inserted" style="">
                           Everything is Done thank you
                        </div>
                        <!---->
                     </div>
                     <!---->
                  </div>
               </mat-horizontal-stepper>
               <!----><!----><!---->
            </app-login>
            <!---->
         </div>
      </div>
      <!---->
   </app-root>
   <script src="https://shopi-intg.edara.io/runtime.0af26aa44dea9a6646ba.js" defer=""></script>
   <!-- <script src="https://shopi-intg.edara.io/polyfills-es5.f0ecab22cffbc8333fed.js" nomodule="" defer=""></script> -->
   <!-- <script src="https://shopi-intg.edara.io/polyfills.56a9dd3b501a5b4d3ab8.js" defer=""></script> -->
   <script src="https://shopi-intg.edara.io/main.789750c3f7b560abb112.js" defer=""></script>
   <div class="cdk-live-announcer-element cdk-visually-hidden" aria-atomic="true" aria-live="polite"></div>
   <script src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
</body>