### FileMaker Data Migration Tool Installation Paths

Source: https://help.claris.com/en/data-migration-tool-guide/content/index

Displays the default installation directories for the FMDataMigration command-line tool on different operating systems. These paths are essential for accessing and executing the tool.

```text
Windows: C:\Program Files\FileMaker\FileMaker Server\Database Server\FMDataMigration
macOS: /Library/FileMaker Server/Database Server/bin/FMDataMigration
Ubuntu: /opt/FileMaker/FileMaker Server/Database Server/bin/FMDataMigration
```

--------------------------------

### Install Data Migration Tool Package on Linux

Source: https://help.claris.com/en/data-migration-tool-guide/content/migrate-data

Installs the Claris FileMaker Data Migration Tool package on a Linux system using apt. This is required for standalone environments where FileMaker Server is not installed. The command requires the path to the package, version, and build number.

```bash
sudo apt install _dmt_package_path_/filemaker-data-migration__version_._build__amd64.deb
```

--------------------------------

### Claris Data Migration API Call Example (JavaScript)

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Provides a JavaScript example for making an API call to trigger data migration. This uses the `fetch` API to send a POST request with a JSON payload. It's suitable for web-based applications or environments where JavaScript is used.

```javascript
fetch('http://example.com/migrate', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    source: 'database1',
    destination: 'database2',
    options: {
      format: 'csv',
      delimiter: ','
    }
  })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
```

--------------------------------

### Configure Data Source Connection (C#)

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

This C# code snippet demonstrates how to configure a data source connection for the migration tool. It typically involves specifying connection strings and authentication details. Ensure necessary database drivers are installed.

```csharp
public class DataSourceConfig
{
    public string ConnectionString { get; set; }
    public string ProviderName { get; set; }
    // Add other relevant configuration properties
}

// Example Usage:
var config = new DataSourceConfig
{
    ConnectionString = "Server=myServerAddress;Database=myDataBase;User Id=myUsername;Password=myPassword;",
    ProviderName = "System.Data.SqlClient"
};

```

--------------------------------

### Data Migration with Python (requests library)

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Illustrates a Python script using the `requests` library to perform data migration. It shows how to construct a POST request with JSON data, similar to the `curl` example. This method offers more flexibility for complex migration logic.

```python
import requests

url = "http://example.com/migrate"
headers = {"Content-Type": "application/json"}
data = {
    "source": "database1",
    "destination": "database2",
    "options": {
        "format": "csv",
        "delimiter": ","
    }
}

response = requests.post(url, headers=headers, json=data)
print(response.status_code)
print(response.json())
```

--------------------------------

### CSS Text Styling

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Provides CSS for text styling, specifically 'small-caps' for all-small-caps font display and 'hyphenate' for enabling hyphenation in text across different browsers.

```CSS
.small-caps{font-variant-caps:all-small-caps}.hyphenate{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
```

--------------------------------

### CSS: General Link and Logo Styling for Transparent Navigation

Source: https://help.claris.com/en/data-migration-tool-guide/content/external-container-data

Applies styles to general navigation links and logos when the global navigation has a transparent background. This ensures consistent appearance and branding.

```css
.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper a,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper a{color:#333}
```

```css
.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-logowrapper .cs-logo-claris,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper .cs-logowrapper .cs-logo-claris{background-image:url(/site/cs/images/claris_logo_blk.svg)}
```

```css
.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-logowrapper .cs-logo-marketplace,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper .cs-logowrapper .cs-logo-marketplace{background-image:url(/site/cs/images/claris_logo_marketplace_blk.svg)}
```

--------------------------------

### CSS Sticky Subnavigation Styles

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Defines styles for a sticky subnavigation bar, including its background color, z-index, and layout for navigation items and dropdowns. It handles responsiveness for various screen sizes.

```css
.cs-subnav{position:sticky;top:0;background-color:#f2f2f2;z-index:11}.cs-subnav-width{display:flex;align-items:center;justify-content:space-between;height:55px;width:1000px;margin:0 auto;flex-wrap:wrap}.cs-subnav-header span,.cs-subnav-header span a{font-size:20px;line-height:24px;margin:0}.cs-subnav-header span a{font-weight:400;color:#111;font-family:"SF Pro Display",Helvetica,Arial,sans-serif}.cs-subnav-navigation li{display:inline-block;margin:0 16px}.cs-subnav-dropdown-item a,.cs-subnav-navigation li a{color:#111;font-size:14px;line-height:18px;font-weight:300}.cs-subnav-navigation li a.selected{font-weight:400}.cs-subnav-navigation li a:hover{color:#111}.cs-subnav-navigation li a.cs-subnav-button{color:#208a3d;border:1px solid #000;padding:5px 16px;border-radius:4px;border-color:#208a3d;transition:.2s}.cs-subnav-dropdown-wrapper{position:absolute;width:100%;background-color:#f2f2f2}.cs-subnav-dropdown-width{width:1000px;margin:0 auto}.cs-subnav-dropdown{padding:12px 0 20px}.cs-subnav-dropdown-item{padding:16px 0 16px 12px;border-bottom:1px solid #ddd}.cs-subnav-dropdown-item:last-child{border-bottom:none}.cs-subnav-navigation li.cs-subnav-dropdown-toggle{background-image:url(/site/cs/images/chevron-down.svg);background-repeat:no-repeat;margin:0 8px;width:17px;height:20px;vertical-align:middle;cursor:pointer;transition:transform .5s}.cs-subnav-dropdown-toggle.visible{transform:rotate(-180deg)}@media only screen and (max-width:1068px){.cs-subnav-dropdown-width,.cs-subnav-width{width:90%;margin:0 auto}}@media only screen and (max-width:735px){.cs-subnav-dropdown-width,.cs-subnav-width{width:90%;margin:0 auto}.cs-subnav-dropdown-toggle{display:inline-block!important}.cs-subnav-navigation li.cs-subnav-ml{display:none}}@media only screen and (max-width:348px){.cs-subnav-width{width:90%;margin:0 auto}.cs-subnav-navigation{display:none}.cs-subnav-dropdown-width{width:90%;margin:0 auto}}
```

--------------------------------

### CSS Global Navigation Styles

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Styles for the global navigation bar, including logo display, dividers, and responsive behavior for different screen sizes. It utilizes CSS variables for background and text colors.

```css
.cs-global-nav-bkg-tsp-purp-txt-wht .cs-globalnav .cs-navwrapper .cs-logowrapper .cs-logo-marketplace,.cs-globalnav.cs-global-nav-bkg-tsp-purp-txt-wht .cs-navwrapper .cs-logowrapper .cs-logo-marketplace{background-image:url(/site/cs/images/claris_logo_marketplace_wht.svg)}.cs-global-nav-bkg-tsp-purp-txt-wht .cs-globalnav .cs-navwrapper .cs-logowrapper .cs-logo-divider,.cs-globalnav.cs-global-nav-bkg-tsp-purp-txt-wht .cs-navwrapper .cs-logowrapper .cs-logo-divider{border-color:#c8c8c8}@media only screen and (max-width:1068px){.cs-global-nav-bkg-sld-blk .cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav,.cs-globalnav.cs-global-nav-bkg-sld-blk .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav,.cs-globalnav.cs-global-nav-bkg-sld-blk.cs-transparent .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav{background-color:#22221f}.cs-global-nav-bkg-tsp-purp-txt-wht .cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-cover,.cs-global-nav-bkg-tsp-purp-txt-wht .cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav,.cs-globalnav.cs-global-nav-bkg-tsp-purp-txt-wht .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-cover,.cs-globalnav.cs-global-nav-bkg-tsp-purp-txt-wht .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav{background-color:#190a43}}
```

--------------------------------

### CSS Global Navigation Styles

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Defines styles for a fixed global navigation bar. It includes properties for position, height, width, z-index, background color, font properties, and transitions for transparency effects.

```CSS
.cs-globalnav{position:fixed;top:0;height:60px;width:100%;z-index:10;background-color:transparent;font-family:"SF Pro Text",Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cs-globalnav a{color:#333;font-size:13px;text-decoration:none}.cs-globalnav.cs-transparent{background-color:rgba(255,255,255,.7);-webkit-transition:background-color .25s ease-in-out;-o-transition:background-colo
```

--------------------------------

### Execute Data Migration (Python)

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

This Python script outlines the process of executing a data migration using the tool. It assumes a pre-configured migration plan or set of instructions. The script handles initiating the migration and monitoring its progress.

```python
import migration_tool

# Assuming migration_plan.json contains the migration configuration
plan_file = 'migration_plan.json'

try:
    migration_tool.execute_migration(plan_file)
    print("Migration executed successfully.")
except Exception as e:
    print(f"Migration failed: {e}")

```

--------------------------------

### Run FileMaker Data Migration Tool

Source: https://help.claris.com/en/data-migration-tool-guide/content/migrate-data

Executes the Claris FileMaker Data Migration Tool from the command line. It requires source and clone file paths, with numerous optional parameters to control the migration process, such as specifying account credentials, encryption keys, target paths, and overwrite behavior.

```bash
FMDataMigration -src_path _source_file_path_ -clone_path _clone_file_path_
```

--------------------------------

### Using curl for Data Migration (Bash)

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Demonstrates how to use the `curl` command-line tool to initiate a data migration. This typically involves sending a POST request with specific headers and data to a migration endpoint. Ensure the URL and data payload are correctly formatted.

```bash
curl -X POST \
  http://example.com/migrate \
  -H 'Content-Type: application/json' \
  -d '{
    "source": "database1",
    "destination": "database2",
    "options": {
      "format": "csv",
      "delimiter": ","
    }
  }'
```

--------------------------------

### CSS: Transparent Background for Global Navigation

Source: https://help.claris.com/en/data-migration-tool-guide/content/external-container-data

Sets the background of the global navigation to transparent under specific conditions, such as when a transparent class is applied.

```css
.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent{background-color:transparent}
```

--------------------------------

### CSS: Icon Styling for Transparent Navigation

Source: https://help.claris.com/en/data-migration-tool-guide/content/external-container-data

Styles the pseudo-elements of icons within the navigation when the navigation has a transparent background. This ensures icon visibility.

```css
.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-icon-menu-selector span::before,.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-icon-menu-selector span:after,.cs-global-nav-txt-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-icon-menu-selector span::before,.cs-global-nav-txt-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-icon-menu-selector span:after,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper .cs-icon-menu-selector span::before,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper .cs-icon-menu-selector span:after,.cs-globalnav.cs-global-nav-txt-wht.cs-transparent .cs-navwrapper .cs-icon-menu-selector span::before,.cs-globalnav.cs-global-nav-txt-wht.cs-transparent .cs-navwrapper .cs-icon-menu-selector span:after,.global-nav-txt-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-icon-menu-selector span::before,.global-nav-txt-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-icon-menu-selector span:after{background-color:#333}
```

--------------------------------

### CSS: Search Input Styling in Navigation

Source: https://help.claris.com/en/data-migration-tool-guide/content/external-container-data

Styles the search input field within the navigation section, ensuring it aligns with the overall design theme.

```css
.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section.cs-gnav-search .cs-gnav-name,.cs-global-nav-txt-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.c
```

--------------------------------

### CSS for Navigation Dropdown Icons

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

This CSS applies a down chevron icon to dropdown elements in the Claris navigation. It specifies the icon's source from an external SVG file.

```CSS
.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section .cs-nav-dropdown-icon:after,.cs-global-nav-txt-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section .cs-nav-dropdown-icon:after,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section .cs-nav-dropdown-icon:after,.cs-globalnav.cs-global-nav-txt-wht.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section .cs-nav-dropdown-icon:after,.global-nav-txt-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section .cs-nav-dropdown-icon:after{background-image:url(/site/cs/images/chevron_down.svg)}
```

--------------------------------

### Modernizr Feature Detection Initialization

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

This JavaScript code initializes the Modernizr library, a feature detection tool for web browsers. It adds tests for various features like WebP image support and CSS position sticky, and then queues up tests to be run. It also handles test registration and execution.

```javascript
var Modernizr = { 
  _config: {
    usePrefixes: !0
  },
  _q: [],
  addTest: function(e, n) {
    if (typeof n == "boolean") {
      var A = this;
      setTimeout(function() {
        A[e.toLowerCase()] = n
      }, 0)
    }
  }
};

function is(e, n) {
  var A = !1;
  try {
    A = !!n()
  } catch (t) {}
  return A
}

Modernizr.addTest("webp.alpha", is(e, function() {
  return !1
}));
Modernizr.addTest("webp.animation", is(e, function() {
  return !1
}));
Modernizr.addTest("webp.lossless", is(e, function() {
  return !1
}));

var d = Modernizr._config.usePrefixes ? " -webkit- -moz- -o- -ms- ".split(" ") : ["", ""];
Modernizr._prefixes = d;

Modernizr.addTest("csspositionsticky", function() {
  var e = "position:",
    n = "sticky",
    A = s("a"),
    t = A.style;
  return t.cssText = e + d.join(n + ";" + e).slice(0, -e.length),
    -1 !== t.position.indexOf(n)
});

o();
i(r);

delete Modernizr.addTest;
delete Modernizr.addAsyncTest;

for (var g = 0; g < Modernizr._q.length; g++) Modernizr._q[g]();
e.Modernizr = Modernizr
}(window, document);
```

--------------------------------

### Responsive Column Layouts with CSS

Source: https://help.claris.com/en/data-migration-tool-guide/content/external-container-data

Defines responsive column widths and flexbox directions for various screen sizes, ensuring optimal layout on desktops, tablets, and mobile devices. Styles adjust based on media queries to control column behavior and wrapping.

```css
.cs-column-5,.cs-xl-lg-m-two-column-wrap .cs-column-6,.cs-xl-lg-two-column-wrap .cs-column-2,.cs-xl-lg-two-column-wrap .cs-column-3,.cs-xl-lg-two-column-wrap .cs-column-4,.cs-xl-lg-two-column-wrap .cs-column-5,.cs-xl-lg-two-column-wrap .cs-column-6{width:50%}.cs-lg-three-column-wrap .cs-column-3,.cs-lg-three-column-wrap .cs-column-4,.cs-lg-three-column-wrap .cs-column-5,.cs-lg-three-column-wrap .cs-column-6,.cs-xl-lg-m-three-column-wrap .cs-column-3,.cs-xl-lg-m-three-column-wrap .cs-column-4,.cs-xl-lg-m-three-column-wrap .cs-column-5,.cs-xl-lg-m-three-column-wrap .cs-column-6,.cs-xl-lg-three-column-wrap .cs-column-3,.cs-xl-lg-three-column-wrap .cs-column-4,.cs-xl-lg-three-column-wrap .cs-column-5,.cs-xl-lg-three-column-wrap .cs-column-6{width:33.33333%}}@media only screen and (max-width:1068px){.cs-m-sm-direction-column,.cs-xl-lg-m-direction-column{flex-direction:column;align-content:flex-start}.cs-m-sm-three-column-wrap,.cs-m-sm-two-column-wrap,.cs-xl-lg-m-three-column-wrap,.cs-xl-lg-m-two-column-wrap{flex-wrap:wrap}.cs-m-sm-two-column-wrap .cs-column-2,.cs-m-sm-two-column-wrap .cs-column-3,.cs-m-sm-two-column-wrap .cs-column-4,.cs-m-sm-two-column-wrap .cs-column-5,.cs-m-sm-two-column-wrap .cs-column-6,.cs-xl-lg-m-two-column-wrap .cs-column-2,.cs-xl-lg-m-two-column-wrap .cs-column-3,.cs-xl-lg-m-two-column-wrap .cs-column-4,.cs-xl-lg-m-two-column-wrap .cs-column-5,.cs-xl-lg-m-two-column-wrap .cs-column-6{width:50%}.cs-m-sm-three-column-wrap .cs-column-3,.cs-m-sm-three-column-wrap .cs-column-4,.cs-m-sm-three-column-wrap .cs-column-5,.cs-m-sm-three-column-wrap .cs-column-6,.cs-xl-lg-m-three-column-wrap .cs-column-3,.cs-xl-lg-m-three-column-wrap .cs-column-4,.cs-xl-lg-m-three-column-wrap .cs-column-5,.cs-xl-lg-m-three-column-wrap .cs-column-6{width:33.33333%}}@media only screen and (min-width:736px) and (max-width:1068px){.cs-m-direction-column{flex-direction:column;align-content:flex-start}.cs-m-three-column-wrap,.cs-m-two-column-wrap{flex-wrap:wrap}.cs-m-two-column-wrap .cs-column-2,.cs-m-two-column-wrap .cs-column-3,.cs-m-two-column-wrap .cs-column-4,.cs-m-two-column-wrap .cs-column-5,.cs-m-two-column-wrap .cs-column-6{width:50%}.cs-m-three-column-wrap .cs-column-3,.cs-m-three-column-wrap .cs-column-4,.cs-m-three-column-wrap .cs-column-5,.cs-m-three-column-wrap .cs-column-6{width:33.33333%}}@media only screen and (max-width:735px){.cs-m-sm-direction-column,.cs-sm-direction-column{flex-direction:column;align-content:flex-start}.cs-m-sm-three-column-wrap,.cs-m-sm-two-column-wrap,.cs-sm-three-column-wrap,.cs-sm-two-column-wrap{flex-wrap:wrap}.cs-m-sm-two-column-wrap .cs-column-2,.cs-m-sm-two-column-wrap .cs-column-3,.cs-m-sm-two-column-wrap .cs-column-4,.cs-m-sm-two-column-wrap .cs-column-5,.cs-m-sm-two-column-wrap .cs-column-6,.cs-sm-two-column-wrap .cs-column-2,.cs-sm-two-column-wrap .cs-column-3,.cs-sm-two-column-wrap .cs-column-4,.cs-sm-two-column-wrap .cs-column-5,.cs-sm-two-column-wrap .cs-column-6{width:50%}.cs-m-sm-three-column-wrap .cs-column-3,.cs-m-sm-three-column-wrap .cs-column-4,.cs-m-sm-three-column-wrap .cs-column-5,.cs-m-sm-three-column-wrap .cs-column-6,.cs-sm-three-column-wrap .cs-column-3,.cs-sm-three-column-wrap .cs-column-4,.cs-sm-three-column-wrap .cs-column-5,.cs-sm-three-column-wrap .cs-column-6{width:33.33333%}}
```

--------------------------------

### Page Parameters Function

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

This JavaScript function, `targetPageParams`, returns an object containing parameters specific to the current page. This is likely used for tracking or configuration purposes within the application.

```javascript
function targetPageParams() {
  return {"at_property": "d2a6b415-6673-72f9-9a38-f3c5b0109bfb"};
}
```

--------------------------------

### CSS for Global Navigation and Menu Toggles

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Styles for the global navigation bar, including transparent cover effects, navigation wrapper, menu icon, and toggle functionality for the main menu using CSS. It ensures proper alignment and visual feedback on menu interactions.

```css
.cs-globalnav.cs-transparent .cs-cover{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(10px);
  z-index:-1
}
.cs-globalnav .cs-fullwidth{
  height:100%
}
.cs-globalnav .cs-navwrapper{
  display:flex;
  align-items:center;
  width:1000px;
  height:100%;
  margin:0 auto
}
.cs-globalnav .cs-navwrapper a{
  margin-bottom:0
}
.cs-globalnav .cs-navwrapper .cs-icon-menu-selector{
  display:block;
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0;
  width:96px;
  height:96px;
  font-size:0;
  text-indent:-9999px;
  appearance:none;
  box-shadow:none;
  border-radius:none;
  border:0;
  cursor:pointer;
  transition:background .3s
}
.cs-globalnav .cs-navwrapper .cs-icon-menu-selector:focus{
  outline:0
}
.cs-globalnav .cs-navwrapper .cs-icon-menu-selector span{
  display:block;
  position:absolute;
  top:30px;
  left:16px;
  right:16px;
  height:1px
}
.cs-globalnav .cs-icon-menu-selector span:after,.cs-globalnav .cs-navwrapper .cs-icon-menu-selector span::before{
  position:absolute;
  display:block;
  left:0;
  width:100%;
  height:1px;
  background-color:#111;
  content:""
}
.cs-globalnav .cs-navwrapper .cs-icon-menu-selector span::before{
  top:-4px
}
.cs-globalnav .cs-navwrapper .cs-icon-menu-selector span::after{
  bottom:-4px
}
.cs-globalnav .icon-main-menu span{
  transition:background 0s .3s
}
.cs-globalnav .icon-main-menu span::before,.cs-globalnav .icon-main-menu span::after{
  transition-duration:.1s,.1s;
  transition-delay:.1s,0s
}
.cs-globalnav .icon-main-menu span::before{
  transition-property:top,transform
}
.cs-globalnav .icon-main-menu span::after{
  transition-property:bottom,transform
}
.cs-globalnav .cs-nav-button-menu-input:checked~.icon-main-menu span{
  background:0 0
}
.cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.icon-main-menu span::before{
  top:0;
  transform:rotate(45deg)
}
.cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.icon-main-menu span::after{
  bottom:0;
  transform:rotate(-45deg)
}
.cs-globalnav .cs-nav-button-menu-input:checked~.icon-main-menu span::after,.cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.icon-main-menu span::before{
  transition-delay:0s,.1s
}
```

--------------------------------

### CSS for Navigation Search Icon

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

This CSS defines the background image for the search icon within the Claris navigation. It uses an inline SVG for the icon, ensuring it's self-contained.

```CSS
s-gnav-section.cs-gnav-search .cs-gnav-name,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section.cs-gnav-search .cs-gnav-name,.cs-globalnav.cs-global-nav-txt-wht.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section.cs-gnav-search .cs-gnav-name,.global-nav-txt-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-main-nav .cs-items li.cs-gnav-section.cs-gnav-search .cs-gnav-name{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 102.1 102' version='1.1' viewBox='0 0 102.1 102' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0 %7Bfill:%23333;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='m11.4 66.2c7.3 7.3 17.1 11.4 27.4 11.4 9.4 0 18.3-3.3 25.3-9.4l32.9 32.9c0.6 0.6 1.4 0.9 2.1 0.9s1.5-0.3 2.1-0.9c1.2-1.2 1.2-3.1 0-4.2l-32.9-32.9c6-7 9.3-15.8 9.3-25.2 0-10.4-4-20.1-11.4-27.4-7.3-7.4-17-11.4-27.4-11.4s-20.1 4-27.4 11.4c-15.2 15.1-15.2 39.7 0 54.8zm4.2-50.6c6.2-6.2 14.4-9.6 23.2-9.6s17 3.4 23.2 9.6 9.6 14.4 9.6 23.2-3.4 17-9.6 23.2-14.4 9.6-23.2 9.6-17-3.4-23.2-9.6c-12.8-12.8-12.8-33.6 0-46.4z'/%3E%3C/svg%3E%0A")}
```

--------------------------------

### Responsive Global Navigation Styles (CSS)

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

Defines CSS rules for a global navigation bar, including hover effects and responsive adjustments for screens smaller than 1068px. It handles menu toggling, layout changes, and ensures a consistent user experience across devices.

```css
.cs-globalnav.cs-globalnav-dropdown:hover{background-color:#fff;transition:background-color 0ms}.noscroll{position:fixed;width:100%;overflow-y:scroll}@media only screen and (max-width:1068px){.cs-globalnav{height:48px}.cs-globalnav .cs-navwrapper{width:100%;margin:0 auto}.cs-globalnav .cs-navwrapper .cs-menu-selector-nav{display:block!important;width:5%;height:48px;float:left}.cs-globalnav .cs-navwrapper .cs-nav-button-menu-label{position:absolute;width:48px;height:48px;display:block!important;float:left;cursor:pointer;right:0;margin:0 6px 0 0}.cs-globalnav .cs-navwrapper .cs-nav-button-menu-input{display:none}.cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-cover{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav{position:fixed;background-color:#fff;overflow:scroll;display:block;max-height:99999px;transition:max-height .3s ease-in}}.cs-globalnav .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav a{font-size:24px;line-height:32px}.cs-globalnav .cs-navwrapper .cs-icon-menu-selector span{top:24px}.cs-globalnav .cs-navwrapper .cs-icon-menu-selector span::before{top:-4px}.cs-globalnav .cs-navwrapper .cs-icon-menu-selector span::after{bottom:-4px}.cs-globalnav .cs-logowrapper{width:70%;justify-content:left}.cs-globalnav .cs-main-nav{position:absolute;display:block;top:48px;width:100%;max-height:0;background-color:#333;overflow:hidden;transition:max-height .3s ease-out;height:auto;text-align:left}.cs-globalnav .cs-main-nav.cs-full-screen-menu{height:calc(100% - 48px)}
```

--------------------------------

### CSS Icon Styling

Source: https://help.claris.com/en/data-migration-tool-guide/content/external-container-data

Styles for icons used within the form, specifically the checkmark icon. It defines font family, color, display properties, and pseudo-elements for rendering the icon.

```css
.cs-icon{font-family:"SF Pro Icons";color:inherit;display:inline-block;font-style:normal;font-weight:inherit;font-size:inherit;line-height:1;text-decoration:none;position:relative;z-index:1;alt:''}.cs-icon-check::after{text-decoration:none;content:"\f30b"}
```

--------------------------------

### Log Migration Progress (Shell Script)

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

This shell script snippet shows how to log the progress of the data migration process. It redirects the output of a migration command to a log file for later review. This is useful for debugging and auditing.

```bash
# Assuming 'migrate-data' is the command-line tool for migration

MIGRATION_LOG="migration.log"

./migrate-data --source /path/to/source --destination /path/to/destination > "$MIGRATION_LOG" 2>&1

if [ $? -eq 0 ]; then
    echo "Migration completed. Check $MIGRATION_LOG for details."
else
    echo "Migration failed. See $MIGRATION_LOG for errors."
fi

```

--------------------------------

### CSS: Menu Cover and Navigation Background for Transparent State

Source: https://help.claris.com/en/data-migration-tool-guide/content/external-container-data

Defines the background color for the menu cover and main navigation when the global navigation is in a transparent state and a menu is active.

```css
.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-cover,.cs-global-nav-bkg-sld-blk-scl-wht .cs-globalnav.cs-transparent .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-cover,.cs-globalnav.cs-global-nav-bkg-sld-blk-scl-wht.cs-transparent .cs-navwrapper .cs-nav-button-menu-input:checked~.cs-main-nav{background-color:#fff}
```

--------------------------------

### SVG for Search Icon

Source: https://help.claris.com/en/data-migration-tool-guide/content/before-you-begin

This is an inline Scalable Vector Graphics (SVG) code snippet representing a search icon. It includes styling for the icon's fill color and path data.

```svg
%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 102.1 102' version='1.1' viewBox='0 0 102.1 102' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0 %7Bfill:%23fff;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='m11.4 66.2c7.3 7.3 17.1 11.4 27.4 11.4 9.4 0 18.3-3.3 25.3-9.4l32.9 32.9c0.6 0.6 1.4 0.9 2.1 0.9s1.5-0.3 2.1-0.9c1.2-1.2 1.2-3.1 0-4.2l-32.9-32.9c6-7 9.3-15.8 9.3-25.2 0-10.4-4-20.1-11.4-27.4-7.3-7.4-17-11.4-27.4-11.4s-20.1 4-27.4 11.4c-15.2 15.1-15.2 39.7 0 54.8zm4.2-50.6c6.2-6.2 14.4-9.6 23.2-9.6s17 3.4 23.2 9.6 9.6 14.4 9.6 23.2-3.4 17-9.6 23.2-14.4 9.6-23.2 9.6-17-3.4-23.2-9.6c-12.8-12.8-12.8-33.6 0-46.4z'/%3E%3C/svg%3E%0A
```

```svg
%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 102.1 102' version='1.1' viewBox='0 0 102.1 102' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0 %7Bfill:%234fe669;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='m11.4 66.2c7.3 7.3 17.1 11.4 27.4 11.4 9.4 0 18.3-3.3 25.3-9.4l32.9 32.9c0.6 0.6 1.4 0.9 2.1 0.9s1.5-0.3 2.1-0.9c1.2-1.2 1.2-3.1 0-4.2l-32.9-32.9c6-7 9.3-15.8 9.3-25.2 0-10.4-4-20.1-11.4-27.4-7.3-7.4-17-11.4-27.4-11.4s-20.1 4-27.4 11.4c-15.2 15.1-15.2 39.7 0 54.8zm4.2-50.6c6.2-6.2 14.4-9.6 23.2-9.6s17 3.4 23.2 9.6 9.6 14.4 9.6 23.2-3.4 17-9.6 23.2-14.4 9.6-23.2 9.6-17-3.4-23.2-9.6c-12.8-12.8-12.8-33.6 0-46.4z'/%3E%3C/svg%3E%0A
```

--------------------------------

### Migrate FileMaker Data with FMDataMigration Tool

Source: https://help.claris.com/en/data-migration-tool-guide/content/example

This command demonstrates how to use the FMDataMigration tool to migrate data from a source FileMaker file to a target file. It specifies the source and clone paths, includes options to ignore value lists and font mapping, and enables verbose output. This is useful for batch data transfers and ensures a detailed report of the migration process.

```bash
FMDataMigration -src_path SampleDB.fmp12 -clone_path SampleDBClone.fmp12 -ignore_valuelists -ignore_fonts -v
```