casl1.html

<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="imagetoolbar" content="no">
  <meta name="msthemecompatible" content="no">
  <meta name="cleartype" content="on">
  <meta name="HandheldFriendly" content="True">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="address=no">
  <meta name="google" value="notranslate">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <link sizes="57x57" href="/apple-touch-icon-57x57.png" rel="apple-touch-icon">
  <link sizes="114x114" href="/apple-touch-icon-114x114.png" rel="apple-touch-icon">
  <link sizes="72x72" href="/apple-touch-icon-72x72.png" rel="apple-touch-icon">
  <link sizes="144x144" href="/apple-touch-icon-144x144.png" rel="apple-touch-icon">
  <link sizes="60x60" href="/apple-touch-icon-60x60.png" rel="apple-touch-icon">
  <link sizes="120x120" href="/apple-touch-icon-120x120.png" rel="apple-touch-icon">
  <link sizes="76x76" href="/apple-touch-icon-76x76.png" rel="apple-touch-icon">
  <link sizes="152x152" href="/apple-touch-icon-152x152.png" rel="apple-touch-icon">
  <link sizes="180x180" href="/apple-touch-icon-180x180.png" rel="apple-touch-icon">
  <link sizes="192x192" href="/favicon-192x192.png" rel="icon" type="image/png">
  <link sizes="160x160" href="/favicon-160x160.png" rel="icon" type="image/png">
  <link sizes="96x96" href="/favicon-96x96.png" rel="icon" type="image/png">
  <link sizes="16x16" href="/favicon-16x16.png" rel="icon" type="image/png">
  <link sizes="32x32" href="/favicon-32x32.png" rel="icon" type="image/png">
  <meta name="application-name" content="">
  <meta name="msapplication-tooltip" content="">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="/mstile-large.png">
  <meta name="msapplication-starturl" content="https://csssr.github.io/csssr-project-template/">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="msapplication-square70x70logo" content="/mstile-small.png">
  <meta name="msapplication-square150x150logo" content="/mstile-medium.png">
  <meta name="msapplication-wide310x150logo" content="/mstile-wide.png">
  <meta name="msapplication-square310x310logo" content="/mstile-large.png">
  <title>AgentWave</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300" rel="stylesheet">
  <link rel="stylesheet" href="css/awesomplete.base.css">
  <link rel="stylesheet" href="css/flatpickr.min.css">
  <link href="css/style.css" rel="stylesheet">
  <script src="js/app.js"></script>
</head>

<body onload="openTab('general-link'); prepareCASLPage();">
  <svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
    <symbol id="back-icon" viewBox="0 0 6 10">
      <title>close-icon</title>
      <path d="M1.237 4.35L5.582 0 6 .419 1.656 4.77 6 9.12l-.418.42-4.345-4.352-.418-.418z" fill="#FFF"
        fill-rule="evenodd" />
    </symbol>
    <symbol id="close-icon" viewBox="0 0 10 10">
      <title>close-icon</title>
      <path d="M9.107 0L4.763 4.35.418 0 0 .419 4.344 4.77 0 9.12l.418.42 4.345-4.352 4.344 4.35.42-.418L5.18 4.77 9.526.419z"
        fill="#FFF" fill-rule="evenodd" />
    </symbol>
    <symbol id="completed-icon" viewBox="0 0 8 6">
      <title>close-icon</title>
      <path d="M2.35 4.763L0 2.418.419 2 2.77 4.344 7.12 0l.42.418-4.352 4.345-.418.418z" fill="#FFF" fill-rule="evenodd"
      />
    </symbol>
    <symbol id="configure-icon" viewBox="0 0 15 15">
      <title>configure-icon</title>
      <path d="M7.314 14.645c-.423 0-.82-.165-1.12-.465a1.564 1.564 0 0 1-.46-1.07 5.98 5.98 0 0 1-1.387-.576c-.6.568-1.615.557-2.204-.03a1.586 1.586 0 0 1-.032-2.209 5.984 5.984 0 0 1-.576-1.389 1.583 1.583 0 0 1 0-3.164c.132-.485.325-.95.575-1.389a1.587 1.587 0 0 1 .032-2.208c.584-.589 1.602-.599 2.203-.032.437-.25.9-.442 1.386-.575A1.585 1.585 0 0 1 7.31 0c.858 0 1.557.686 1.58 1.538.486.133.95.325 1.386.575.603-.569 1.618-.558 2.206.031.606.607.616 1.59.03 2.208.25.44.442.903.576 1.387a1.585 1.585 0 0 1 1.073 2.701 1.558 1.558 0 0 1-1.073.463c-.131.485-.324.95-.575 1.388a1.59 1.59 0 0 1-.03 2.21c-.585.586-1.607.598-2.203.03a5.904 5.904 0 0 1-1.386.576 1.585 1.585 0 0 1-1.581 1.538m-3.033-2.72a.261.261 0 0 0-.208.1.692.692 0 0 0-.065.106 1.079 1.079 0 0 1-1.493 0 1.057 1.057 0 0 1-.31-.748c0-.283.11-.549.323-.754a.832.832 0 0 0 .094-.06.265.265 0 0 0 .058-.345 5.437 5.437 0 0 1-.693-1.669c-.03-.13-.143-.21-.287-.202a1.857 1.857 0 0 0-.118.03A1.06 1.06 0 0 1 .525 7.324c0-.583.497-1.044 1.07-1.052.013.004.09.022.105.023.144.012.258-.07.288-.202.135-.589.367-1.15.69-1.668a.265.265 0 0 0-.058-.345.692.692 0 0 0-.107-.067 1.061 1.061 0 0 1 0-1.497 1.064 1.064 0 0 1 1.5.016.598.598 0 0 0 .06.092c.084.106.234.13.345.06a5.434 5.434 0 0 1 1.664-.694.262.262 0 0 0 .202-.286.544.544 0 0 0-.03-.12A1.06 1.06 0 0 1 7.315.526c.58 0 1.054.475 1.048 1.071a.635.635 0 0 0-.022.107.259.259 0 0 0 .202.286c.588.136 1.148.37 1.664.693.11.07.26.046.345-.059a.586.586 0 0 0 .066-.108c.399-.4 1.095-.403 1.494 0a1.053 1.053 0 0 1-.014 1.501.85.85 0 0 0-.093.06.264.264 0 0 0-.06.345 5.48 5.48 0 0 1 .692 1.67c.03.13.14.215.288.201.014 0 .105-.025.118-.029a1.059 1.059 0 0 1 .75 1.805c-.201.201-.436.295-.764.304a.726.726 0 0 0-.105-.023.265.265 0 0 0-.288.203 5.412 5.412 0 0 1-.69 1.667.262.262 0 0 0 .062.346c.029.023.058.04.106.065a1.064 1.064 0 0 1 0 1.498c-.4.4-1.09.415-1.501-.015a.604.604 0 0 0-.057-.092.262.262 0 0 0-.346-.06 5.426 5.426 0 0 1-1.664.693.26.26 0 0 0-.202.286.556.556 0 0 0 .028.121 1.059 1.059 0 0 1-1.804.747 1.016 1.016 0 0 1-.302-.76 1.96 1.96 0 0 0 .022-.105.264.264 0 0 0-.202-.288 5.376 5.376 0 0 1-1.665-.69.263.263 0 0 0-.14-.04m3.03-1.703a2.9 2.9 0 0 1 0-5.799 2.9 2.9 0 0 1 0 5.8m0-5.275a2.375 2.375 0 0 0 0 4.748 2.375 2.375 0 0 0 2.372-2.374A2.375 2.375 0 0 0 7.31 4.95"
        fill="#FFF" fill-rule="evenodd" />
    </symbol>
    <symbol id="dashboard-icon" viewBox="0 0 16 16">
      <title>dashboard-icon</title>
      <path d="M11.974 13.449L8.202 7.887l6.256-2.441a7.117 7.117 0 0 1-2.484 8.003M7.729 14.86c-3.921 0-7.111-3.193-7.111-7.12 0-3.823 3.024-6.95 6.8-7.113v7.208l4.045 5.962a7.063 7.063 0 0 1-3.734 1.064m6.504-9.992L8.038 7.287V.627c2.768.119 5.13 1.83 6.195 4.242m1.224 2.87c0-4.17-3.295-7.57-7.42-7.731V0H7.42v.008C3.295.17-.001 3.57-.001 7.74c0 4.275 3.46 7.74 7.73 7.74a7.686 7.686 0 0 0 4.083-1.17l.004.007.23-.156.008-.005.273-.187-.004-.006a7.73 7.73 0 0 0 3.134-6.223"
        fill="#FFF" fill-rule="evenodd" />
    </symbol>
    <symbol id="down-arrow-icon" viewBox="0 0 15 15">
      <title>down-arrow-icon</title>
      <g stroke-width=".22" stroke="gray" fill="none" fill-rule="evenodd">
        <path d="M7.603 14.118c3.577 0 6.494-2.922 6.494-6.505 0-3.583-2.917-6.505-6.494-6.505S1.109 4.03 1.109 7.613c0 3.583 2.917 6.505 6.494 6.505z"
        />
        <path d="M10.892 5.965L7.602 9.26l-3.29-3.295" />
      </g>
    </symbol>
    <symbol id="dropdown-arrow" viewBox="0 0 12 6">
      <title>dropdown-arrow</title>
      <path d="M10.751 0l-5.17 5.178L.41 0 0 .41l5.17 5.18.41.41.41-.41L11.16.41z" fill="#FFF" fill-rule="evenodd"
      />
    </symbol>
    <symbol id="follow-icon" viewBox="0 0 10 10">
      <title>Group 3</title>
      <g fill="#FFF" fill-rule="evenodd">
        <path d="M4.763 4.35L.418 0 0 .419 4.344 4.77 0 9.12l.418.42 4.345-4.352.418-.418z" />
        <path d="M8.763 4.35L4.418 0 4 .419 8.344 4.77 4 9.12l.418.42 4.345-4.352.418-.418z" />
      </g>
    </symbol>
    <symbol id="logo" viewBox="0 0 339 91">
      <title>logo</title>
      <defs>
        <path d="M43.5 87C67.524 87 87 67.524 87 43.5S67.524 0 43.5 0 0 19.476 0 43.5 19.476 87 43.5 87z" id="a" />
        <mask id="b" x="-2" y="-2" width="91" height="91">
          <path fill="#fff" d="M-2-2h91v91H-2z" />
          <use xlink:href="#a" />
        </mask>
      </defs>
      <g fill="none" fill-rule="evenodd">
        <g transform="translate(2 2)">
          <use fill="#313C51" xlink:href="#a" />
          <use stroke="#FFF" mask="url(#b)" stroke-width="4" xlink:href="#a" />
        </g>
        <path d="M54.465 29.606c16.775 0 23.869 18.757 5.592 25.46 12.981-14.38-14.78-21.574-14.78-4.275 0 2.721 2.198 13.797 15.58 13.797 9.197 0 17.926-5.508 25.401-13.059.423-2.31.643-4.69.643-7.118 0-22.274-18.55-40.328-41.44-40.328-22.888 0-41.44 18.054-41.44 40.328 0 4.197.657 8.24 1.875 12.04C20.271 45.8 34.489 29.606 54.465 29.606"
          fill="#98CCFF" />
        <path d="M13 31.65c0 14.717 14.433 14.543 32.243 14.543 17.561 0 31.847.17 32.233-13.948v-1.198C77.09 16.61 62.804 5 45.243 5 27.433 5 13 16.934 13 31.65z"
          fill="#DCE9F7" opacity=".5" />
        <g>
          <path d="M117.77 45.323l-3.296-10.695-3.29 10.695h6.585zM99.27 57.82l10.897-32.425h8.836l10.898 32.425h-8.343l-2.012-6.619H109.41l-2.016 6.62H99.27zM145.299 50.113V39.031c-.375-.178-.835-.322-1.387-.438a7.988 7.988 0 0 0-1.645-.173c-1.822 0-3.188.59-4.106 1.775-.917 1.181-1.374 2.837-1.374 4.95 0 1.062.066 1.958.206 2.693.136.735.39 1.383.77 1.949.357.549.83.97 1.415 1.25.588.282 1.332.426 2.241.426.68 0 1.35-.115 2.004-.347a7.367 7.367 0 0 0 1.876-1.003zm7.581 4.901c0 2.263-.325 4.187-.975 5.768-.65 1.586-1.538 2.816-2.665 3.704-1.127.9-2.477 1.549-4.048 1.95-1.576.4-3.324.598-5.245.598-1.617 0-3.151-.108-4.6-.318-1.452-.21-2.714-.454-3.78-.727v-6.12h.889c.374.145.818.306 1.328.48.515.173 1.029.33 1.551.479a24.86 24.86 0 0 0 1.819.392c.592.1 1.197.153 1.818.153 1.287 0 2.361-.136 3.217-.405.86-.268 1.51-.652 1.941-1.143a4.37 4.37 0 0 0 .91-1.797c.172-.69.259-1.556.259-2.6v-.46a10.194 10.194 0 0 1-2.958 1.818 9.033 9.033 0 0 1-3.456.685c-3.147 0-5.578-1.028-7.285-3.093-1.711-2.056-2.567-5.194-2.567-9.406 0-1.915.263-3.633.79-5.16.526-1.525 1.259-2.821 2.197-3.899a9.119 9.119 0 0 1 3.25-2.382 9.77 9.77 0 0 1 3.965-.838c1.242 0 2.353.16 3.336.479.98.318 1.876.747 2.687 1.284l.28-1.09h7.342v21.648zM171.745 42.448c-.042-1.61-.416-2.837-1.115-3.68-.7-.841-1.773-1.263-3.217-1.263-1.473 0-2.625.442-3.456 1.33-.83.884-1.287 2.09-1.374 3.613h9.162zm-2.514 16.029c-4.59 0-8.112-1.107-10.56-3.312-2.447-2.205-3.67-5.35-3.67-9.43 0-3.993 1.14-7.177 3.423-9.56 2.28-2.377 5.472-3.57 9.573-3.57 3.727 0 6.528 1.01 8.404 3.026 1.88 2.019 2.814 4.91 2.814 8.667v2.746h-16.611c.074 1.13.313 2.08.716 2.84.403.764.938 1.371 1.6 1.817.654.45 1.411.776 2.279.97.864.199 1.81.294 2.834.294.88 0 1.749-.095 2.6-.294a12.463 12.463 0 0 0 2.34-.772 15.272 15.272 0 0 0 1.72-.896c.527-.318.959-.598 1.292-.846h.802v6.292c-.625.248-1.189.475-1.703.686-.514.21-1.217.425-2.11.644-.823.219-1.674.388-2.547.512-.872.124-1.937.186-3.196.186zM203.996 57.822h-7.627V45.69c0-.982-.037-1.97-.119-2.948-.078-.978-.226-1.7-.44-2.167-.26-.55-.638-.946-1.127-1.185-.494-.24-1.148-.36-1.97-.36-.622 0-1.251.116-1.885.347-.637.231-1.316.603-2.036 1.11v17.335h-7.582V33.369h7.582v2.697c1.238-1.057 2.448-1.883 3.628-2.482 1.173-.594 2.477-.892 3.908-.892 2.485 0 4.381.789 5.698 2.362 1.312 1.577 1.97 3.86 1.97 6.85v15.918zM217.012 58.3c-3.089 0-5.34-.64-6.746-1.916-1.411-1.276-2.11-3.365-2.11-6.272V38.68h-2.905v-5.31h2.905v-6.99h7.577v6.99h7.302v5.31h-7.302v8.67c0 .856.008 1.603.025 2.243.012.636.127 1.21.345 1.718.202.507.56.912 1.074 1.21.51.297 1.259.445 2.242.445.403 0 .934-.086 1.592-.26.654-.173 1.115-.334 1.374-.479h.65v5.376c-.823.22-1.699.393-2.62.512-.926.124-2.057.186-3.403.186"
            fill="#FFF" />
          <path fill="#98CCFF" d="M266.268 25.397l-8.166 32.425h-8.881l-5.175-20.054-5.027 20.054h-8.882l-8.165-32.425h8.404l4.443 21.756 5.413-21.756h8.039l5.13 21.756 4.68-21.756zM281.321 51.44v-5.095c-1.287.132-2.324.243-3.118.338-.798.095-1.575.281-2.34.554-.663.235-1.181.586-1.551 1.057-.366.475-.552 1.102-.552 1.887 0 1.143.309 1.932.922 2.357.613.43 1.518.645 2.72.645.661 0 1.34-.153 2.035-.459a6.242 6.242 0 0 0 1.884-1.284zm0 3.79c-.518.434-.987.826-1.398 1.177-.412.347-.963.694-1.654 1.045-.683.334-1.341.586-1.983.76-.641.177-1.542.264-2.698.264-2.152 0-3.937-.727-5.36-2.18-1.424-1.45-2.136-3.279-2.136-5.488 0-1.812.362-3.278 1.086-4.397.72-1.115 1.761-2.003 3.119-2.655 1.37-.669 3.007-1.136 4.916-1.396a88.743 88.743 0 0 1 6.15-.607v-.132c0-1.35-.494-2.283-1.481-2.8-.992-.515-2.477-.771-4.451-.771-.897 0-1.946.16-3.143.491a24.009 24.009 0 0 0-3.51 1.251h-.65v-5.904c.754-.215 1.967-.475 3.641-.773a28.945 28.945 0 0 1 5.068-.445c4.188 0 7.24.701 9.154 2.101 1.912 1.4 2.867 3.539 2.867 6.413v16.64h-7.537V55.23zM315.327 33.368l-8.73 24.452h-8.272l-8.668-24.452h7.972l4.982 16.177 4.916-16.177zM331.29 42.448c-.042-1.61-.416-2.837-1.115-3.68-.7-.841-1.773-1.263-3.217-1.263-1.473 0-2.625.442-3.456 1.33-.83.884-1.287 2.09-1.374 3.613h9.162zm-2.514 16.029c-4.59 0-8.112-1.107-10.56-3.312-2.447-2.205-3.67-5.35-3.67-9.43 0-3.993 1.14-7.177 3.423-9.56 2.28-2.377 5.472-3.57 9.573-3.57 3.727 0 6.528 1.01 8.404 3.026 1.88 2.019 2.814 4.91 2.814 8.667v2.746H322.15c.074 1.13.313 2.08.716 2.84.403.764.938 1.371 1.6 1.817.65.45 1.411.776 2.275.97.868.199 1.814.294 2.838.294.88 0 1.749-.095 2.6-.294a12.463 12.463 0 0 0 2.34-.772 15.272 15.272 0 0 0 1.72-.896c.527-.318.959-.598 1.292-.846h.798v6.292c-.621.248-1.189.475-1.699.686-.514.21-1.217.425-2.11.644-.823.219-1.674.388-2.547.512-.872.124-1.937.186-3.196.186z"
          />
        </g>
      </g>
    </symbol>
    <symbol id="logout-icon" viewBox="0 0 21 23">
      <title>logout-icon</title>
      <path d="M10.827.73v11.728a.731.731 0 0 1-1.46 0V.73a.731.731 0 0 1 1.46 0m2.5 2.149a.729.729 0 0 0-.461 1.382 8.646 8.646 0 0 1 5.869 8.196c0 2.39-.966 4.554-2.527 6.116l.513.518-.517-.518a8.599 8.599 0 0 1-6.107 2.534 8.602 8.602 0 0 1-6.107-2.534l-.038-.034a8.63 8.63 0 0 1-2.492-6.082c0-1.872.6-3.637 1.643-5.078A8.627 8.627 0 0 1 7.41 4.236a.729.729 0 1 0-.45-1.388 10.116 10.116 0 0 0-4.042 16.717l.039.044a10.062 10.062 0 0 0 7.14 2.96c2.78 0 5.3-1.125 7.126-2.946l.014-.014-.002-.002a10.09 10.09 0 0 0 2.959-7.15 10.118 10.118 0 0 0-6.866-9.577"
        fill="#9CF" fill-rule="evenodd" />
    </symbol>
    <symbol id="mail-icon" viewBox="0 0 51 33">
      <title>mail-icon</title>
      <path d="M48.404 28.93L35.31 15.878 48.404 2.822V28.93zM3.631 30.158l12.923-12.855 5.575 5.558a4.334 4.334 0 0 0 3.088 1.282 4.334 4.334 0 0 0 3.088-1.282l5.575-5.558 12.923 12.855H3.631zm-1.6-27.335l13.093 13.055L2.03 28.93V2.82zm44.343-.798l-19.499 19.41c-.886.884-2.43.884-3.316 0L4.06 2.025h42.314zM48.375 0H0v32.18h50.434V0h-2.059z"
        fill="#FFF" fill-rule="evenodd" />
    </symbol>
    <symbol id="marketing-icon" viewBox="0 0 17 17">
      <title>marketing-icon</title>
      <g fill="#FFF" fill-rule="evenodd">
        <path d="M9.364 0L0 9.355l7.337 7.363 9.357-9.345v-4.12L13.439 0H9.364zM.874 9.355L9.62.62h3.564l2.89 2.89v3.607l-8.736 8.727L.875 9.355z"
        />
        <path d="M13.604 3.713a.618.618 0 1 1-1.237-.002.618.618 0 0 1 1.237.002m-1.855 0a1.238 1.238 0 0 0 2.473 0 1.237 1.237 0 0 0-2.473 0"
        />
      </g>
    </symbol>
    <symbol id="menu-logo-icon" viewBox="0 0 91 91">
      <title>menu-logo-icon</title>
      <defs>
        <path d="M43.5 87C67.524 87 87 67.524 87 43.5S67.524 0 43.5 0 0 19.476 0 43.5 19.476 87 43.5 87z" id="a" />
        <mask id="b" x="-2" y="-2" width="91" height="91">
          <path fill="#fff" d="M-2-2h91v91H-2z" />
          <use xlink:href="#a" />
        </mask>
      </defs>
      <g fill="none" fill-rule="evenodd">
        <g transform="translate(2 2)">
          <use fill="#313C51" xlink:href="#a" />
          <use stroke="#FFF" mask="url(#b)" stroke-width="4" xlink:href="#a" />
        </g>
        <path d="M54.465 29.606c16.775 0 23.869 18.757 5.592 25.46 12.981-14.38-14.78-21.574-14.78-4.275 0 2.721 2.198 13.797 15.58 13.797 9.197 0 17.926-5.508 25.401-13.059.423-2.31.643-4.69.643-7.118 0-22.274-18.55-40.328-41.44-40.328-22.888 0-41.44 18.054-41.44 40.328 0 4.197.657 8.24 1.875 12.04C20.271 45.8 34.489 29.606 54.465 29.606"
          fill="#98CCFF" />
        <path d="M13 31.65c0 14.717 14.433 14.543 32.243 14.543 17.561 0 31.847.17 32.233-13.948v-1.198C77.09 16.61 62.804 5 45.243 5 27.433 5 13 16.934 13 31.65z"
          fill="#DCE9F7" opacity=".5" />
      </g>
    </symbol>
    <symbol id="new-task-icon" viewBox="0 0 17 13">
      <title>new-task-icon</title>
      <path d="M0 0v10.632h2.087v2.366h13.924V2.366h-2.058V0H0zm.6.599h12.752v1.767H2.087v7.696H.6V.599zm2.087 2.366H15.41v9.464H2.687V2.965z"
        fill="#278AFF" fill-rule="evenodd" />
    </symbol>
    <symbol id="phone-icon" viewBox="0 0 32 54">
      <title>phone-icon</title>
      <g fill="#3F3F3F" fill-rule="evenodd">
        <path d="M30 6.041H2V2.709C2 2.318 2.317 2 2.708 2h26.584c.391 0 .708.318.708.709v3.332zm0 33.966H2V8.041h28v31.966zm0 11.285a.708.708 0 0 1-.708.708H2.708A.708.708 0 0 1 2 51.292v-9.285h28v9.285zM29.292 0H2.708A2.71 2.71 0 0 0 0 2.709v48.583A2.707 2.707 0 0 0 2.708 54h26.584A2.707 2.707 0 0 0 32 51.292V2.709A2.71 2.71 0 0 0 29.292 0z"
        />
        <path d="M13 46h6v2h-6z" />
      </g>
    </symbol>
    <symbol id="phone-icon1" viewBox="0 0 49 55">
      <title>phone-icon1</title>
      <path d="M11.065 2.024c-.972 0-3.317.399-4.69 1.368l-.428.314C4.375 4.76 2.03 6.385 2.03 9.862c0 5.273 4.117 13.368 12.637 24.798 9.292 12.456 19.928 17.643 23.559 17.643 3.088 0 6.605-4.304 7.805-6.612.744-1.397.143-2.195-.057-2.423-.686-.456-6.004-3.99-8.434-5.615-.658-.456-1.287-.684-1.887-.684-.543 0-.886.199-1.001.256-.2.228-.743.77-1.715 1.568-1.801 1.51-4.517 1.34-6.462-.456-1.744-1.625-10.578-12.598-13.094-15.962-.858-1.168-1.201-2.366-1.001-3.534.343-2.138 2.345-3.535 3.43-4.276l.258-.171c.972-.684.744-1.938.6-2.365-.314-.77-3.745-8.152-4.173-9.007-.344-.713-.63-.998-1.43-.998m27.16 52.275c-4.602 0-15.781-5.872-25.16-18.442C4.26 24.085 0 15.563 0 9.862c0-4.532 3.117-6.67 4.804-7.81l.4-.313C7.062.428 9.95-.001 11.064-.001c1.917 0 2.746 1.14 3.232 2.11.429.856 3.917 8.295 4.26 9.207.543 1.425.37 3.506-1.315 4.703l-.286.2c-.83.57-2.373 1.653-2.602 2.935-.086.627.114 1.283.658 2.024 2.687 3.62 11.293 14.223 12.837 15.677 1.2 1.14 2.744 1.282 3.802.399 1.087-.912 1.573-1.425 1.573-1.454l.114-.085c.086-.086.944-.77 2.316-.77 1 0 2.03.342 3.03 1.026 2.602 1.767 8.492 5.672 8.492 5.672l.086.086c.743.655 1.83 2.48.572 4.902-1.316 2.509-5.404 7.668-9.607 7.668"
        fill="#FFF" fill-rule="evenodd" />
    </symbol>
    <symbol id="plus-icon" viewBox="0 0 13 13">
      <title>plus-icon</title>
      <path d="M6.144 0v6.153H0v.593h6.144V12.9h.591V6.746h6.144v-.593H6.735V0z" fill="#FFF" fill-rule="evenodd"
      />
    </symbol>
    <symbol id="reports-icon" viewBox="0 0 15 15">
      <title>reports-icon</title>
      <path d="M0 14.86h14.838V0H0v14.86zM.618.62H14.22v2.668L10.148 9.17 7.356 6.96l-3.105 4.356-1.834-1.224-1.799 2.1V.619zM14.22 4.373v9.869H.618v-1.1l1.911-2.231 1.877 1.253L7.482 7.85l2.8 2.215 3.938-5.692z"
        fill="#FFF" fill-rule="evenodd" />
    </symbol>
    <symbol id="ribbon" viewBox="0 0 23 29">
      <title>ribbon</title>
      <path d="M12.356 14.744V6.239h-.813l-2.25 1.74.514.663c.82-.667 1.28-1.047 1.38-1.135.103-.088.194-.173.275-.254-.031.448-.048.924-.048 1.429v6.062h.942zM2.248 19.647L0 26.665l4.22-1.56 2.527 3.729 2.438-7.611-1.574-1.576H2.248zm18.408 0h-5.398l-1.547 1.549 2.447 7.638 2.526-3.73 4.22 1.56-2.248-7.017zM4.093 3.046h4.3L11.435 0l3.04 3.046h4.3v4.307l3.042 3.046-3.041 3.046v4.308h-4.301l-3.04 3.046-3.041-3.046H4.093v-4.308l-3.041-3.046 3.04-3.045V3.046z"
        fill="#D01F3C" fill-rule="evenodd" />
    </symbol>
    <symbol id="round-icon" viewBox="0 0 13 13">
      <title>round-icon</title>
      <path d="M10.342 2.203A5.74 5.74 0 0 0 6.27.513a5.74 5.74 0 0 0-4.07 1.69A5.757 5.757 0 0 0 .512 6.28c0 1.593.645 3.035 1.686 4.078a5.735 5.735 0 0 0 4.071 1.69c1.59 0 3.031-.646 4.072-1.69a5.756 5.756 0 0 0 1.686-4.078 5.756 5.756 0 0 0-1.686-4.077M6.27 0C8 0 9.57.705 10.704 1.84a6.27 6.27 0 0 1 1.837 4.44 6.267 6.267 0 0 1-1.837 4.44v.002a6.246 6.246 0 0 1-4.434 1.84 6.248 6.248 0 0 1-4.434-1.84A6.27 6.27 0 0 1 0 6.28C0 4.547.702 2.977 1.836 1.84h.001A6.251 6.251 0 0 1 6.27 0"
        fill="#FFF" fill-rule="evenodd" />
    </symbol>
    <symbol id="schedule-icon" viewBox="0 0 15 15">
      <title>schedule-icon</title>
      <g fill="#FFF" fill-rule="evenodd">
        <path d="M0 14.86h14.838V0H0v14.86zM.618.62H14.22v2.786H.618V.619zm0 3.406H14.22v10.217H.618V4.025z" />
        <path d="M4.637 1.548h.928v.929h-.928zm4.637 0h.928v.929h-.928zm-3.973 4.68c-.11.753-.469.766-1.189.792l-.11.004v.526h1.22v3.434h.646V6.129h-.553l-.014.099zm3.65 1.459c-.288 0-.583.094-.817.25l.22-1.134h2.038v-.615h-2.52L7.38 8.817h.56l.034-.053c.195-.305.552-.495.931-.495.616 0 1.064.457 1.064 1.087 0 .568-.356 1.145-1.038 1.145-.582 0-1.001-.394-1.018-.958l-.004-.112h-.646l.002.118c.021.918.677 1.534 1.633 1.534.964 0 1.718-.738 1.718-1.681 0-1.026-.669-1.715-1.665-1.715"
        />
      </g>
    </symbol>
    <symbol id="search-icon" viewBox="0 0 19 19">
      <title>search-icon</title>
      <path d="M.792 7.54C.792 3.82 3.813.795 7.528.795c3.714 0 6.737 3.027 6.737 6.747 0 3.72-3.023 6.747-6.737 6.747-3.715 0-6.736-3.026-6.736-6.747zm17.925 10.226l-5.398-5.407a7.517 7.517 0 0 0 1.738-4.818C15.057 3.376 11.687 0 7.528 0 3.371 0 0 3.376 0 7.54c0 4.165 3.371 7.542 7.528 7.542 1.83 0 3.505-.654 4.81-1.741l5.398 5.407.981-.982z"
      />
    </symbol>
    <symbol id="transactions-icon" viewBox="0 0 16 16">
      <title>transactions-icon</title>
      <g fill="#FFF" fill-rule="evenodd">
        <path d="M14.838 13.623c0 .602-.636 1.238-1.236 1.238H3.68c.416-.434.65-1.006.65-1.396V.62h10.51v13.002zM2.001 14.86c-.385 0-1.383-.204-1.383-1.13V9.288H3.71v4.178c0 .415-.54 1.396-1.394 1.396h-.314zM3.71 0v8.668H0v5.063c0 1.237 1.15 1.748 2.001 1.748h11.601c.937 0 1.854-.912 1.854-1.857V0H3.71z"
        />
        <path d="M5.565 1.858h8.037v.619H5.565zm0 8.359h8.037v.619H5.565zm0 2.167h8.037v.619H5.565zm7.419-4.334H6.183V4.644h6.8V8.05zm.618-4.025H5.565v4.644h8.037V4.025z"
        />
      </g>
    </symbol>
    <symbol id="user-icon" viewBox="0 0 48 48">
      <title>user-icon</title>
      <path d="M8.64 39.73c2.253-.918 6.743-2.52 9.692-3.391 1.715-.541 1.715-1.985 1.715-3.146 0-.961-.066-2.38-.63-3.58-.385-.82-.827-2.228-.924-3.331a.996.996 0 0 0-.338-.666c-.284-.248-.86-1.156-1.227-2.988-.291-1.45-.168-1.768-.05-2.074.052-.131.1-.26.14-.406.24-.877-.027-3.761-.318-5.361-.127-.695.033-2.671 1.334-4.335 1.166-1.491 2.93-2.322 5.183-2.466l1.897-.002c2.312.146 4.078.977 5.246 2.468 1.3 1.664 1.459 3.64 1.332 4.336-.29 1.599-.56 4.483-.32 5.36.042.146.089.275.14.406.119.306.242.624-.047 2.074-.367 1.832-.945 2.74-1.228 2.988-.194.17-.315.409-.338.666-.096 1.103-.537 2.51-.924 3.332-.443.943-.953 2.198-.953 3.538 0 1.16 0 2.605 1.732 3.15 2.823.835 7.334 2.385 9.717 3.322C35.493 43.563 30.026 46 24 46c-5.97 0-11.39-2.395-15.36-6.27M24 2c12.13 0 22 9.869 22 22a21.894 21.894 0 0 1-5.086 14.049c-2.193-.916-7.371-2.713-10.576-3.66-.273-.085-.316-.1-.316-1.237 0-.94.387-1.885.764-2.686.408-.87.892-2.333 1.066-3.646.486-.564 1.148-1.677 1.574-3.8.373-1.87.199-2.55-.05-3.19-.024-.066-.051-.133-.071-.2-.094-.438.035-2.716.356-4.484.22-1.212-.057-3.791-1.727-5.925-1.055-1.35-3.072-3.004-6.758-3.235l-2.021.002c-3.623.229-5.643 1.884-6.698 3.233-1.67 2.134-1.947 4.713-1.726 5.925.322 1.768.449 4.046.357 4.476-.02.075-.047.142-.074.209-.246.639-.422 1.319-.047 3.19.424 2.122 1.086 3.235 1.574 3.799.172 1.313.657 2.776 1.067 3.646.299.637.439 1.503.439 2.727 0 1.138-.043 1.152-.3 1.233-3.313.978-8.588 2.885-10.555 3.746A21.888 21.888 0 0 1 2 24C2 11.869 11.869 2 24 2m0-2C10.744 0 0 10.744 0 24s10.744 24 24 24 24-10.744 24-24S37.256 0 24 0"
      />
    </symbol>
  </svg>
  <header>
    <button class="menu-button js-menu-toggle" type="button" onclick="showItem('menubar');"></button>
    <a class="logo" href="/">
      <svg viewBox="0 0 339 91">
        <use xlink:href="#logo"></use>
      </svg>
    </a>
    <button class="search-button js-search-toggle" type="button" onclick="showItem('search-panel'); openTab('client-link');">
        <svg viewBox="0 0 19 19">
          <use xlink:href="#search-icon"></use>
        </svg>
      </button>
  </header>
  <main>
    <div class="casl no-indent">
      <div class="casl__container">
        <div class="casl__back-link">
          <a href="#">Client Main</a>
        </div>
        <div class="casl__contentpane align-left indent">Tags
          <div class="casl__tag-box" id="tags">
            <input class="casl__input-invisible no-indent" type="text" onkeyup="findKeywords(event, this.value, this.parentNode.nextElementSibling);"
            />
          </div>
          <div class="casl__tag-find-result"></div>
        </div>
      <div class="casl__container">
        <ul class="casl__tab no-indent flex-block">
          <li class="casl__tablinks" id="general-link" onclick="commonOpenTab(event, 'casl__')">General</li>
          <li class="casl__tablinks" id="wishlist-link" onclick="commonOpenTab(event, 'casl__')">Wishlist</li>
          <li class="casl__tablinks" id="trnsction-link" onclick="commonOpenTab(event, 'casl__')">Trnsction</li>
          <li class="casl__tablinks" id="CASL-link" onclick="commonOpenTab(event, 'casl__')">CASL</li>
        </ul>
        <div class="indent">
          <div class="casl__tabcontent" id="general">
            general
          </div>
          <div class="casl__tabcontent" id="wishlist">
            whishlist
          </div>
          <div class="casl__tabcontent" id="trnsction">
            trnsction
          </div>
          <div class="casl__tabcontent" id="CASL">
            <p class="casl-intro">
              Note that this Consent Information will be applicable only if client is in Canada and will not effect if client is from outside of Canada.
            </p>
            <p class="casl-status">
              <span>Current consent level</span>
              <span>Expressed Consent</span>
            </p>
            <select class="select-consent" onchange="setConsentPane(this.value);">
                <option value="0" selected="">Change consent Level 5</option>
                <option value="0">None</option>
                <option value="1">Expressed Consent</option>
                <option value="2">Implied Consent</option>
              </select>
            <div class="consent-pane consent-options no-indent" id="pane-1">
              <p class="pane-info">
                How did you will receive Expressed Consent?
              </p>
              <ul class="consent-options-list">
                <li>
                  <input type="radio" name="options" value="other" id="other" onchange="setExpressedPane(this.value)">
                  <label for="other">On Other Platform</label>
                </li>
                <li>
                  <input type="radio" name="options" value="writing" id="writing" onchange="setExpressedPane(this.value)">
                  <label for="writing">In Writing</label>
                </li>
                <li>
                  <input type="radio" name="options" value="electronically" id="electronically" onchange="setExpressedPane(this.value)">
                  <label for="electronically">Electronically</label>
                </li>
                <li>
                  <input type="radio" name="options" value="agent" id="agent" onchange="setExpressedPane(this.value)">
                  <label for="agent">Through Agentwave</label>
                </li>
                <li>
                  <input type="radio" name="options" value="import" id="import" onchange="setExpressedPane(this.value)">
                  <label for="import">via Import</label>
                </li>
              </ul>
              <div class="expressed-pane" id="expressed-other">
                <div class="form-row">
                  <label for="expressed-desc">Describe how you were given Expressed Consent</label>
                  <textarea class="form-control" id="expressed-desc"></textarea>
                </div>
                <div class="form-row">
                  <label for="expressed-date">Date Expressed Consent was received</label>
                  <input type="text" class="form-control flatpickr flarpickr-input">
                </div>
                <div class="form-row form-row--buttons">
                  <p>Would you like to upload proof of consent ?</p>
                  <input type="file" id="file">
                  <label for="file" class="btn btn--expressed">Upload</button>
                </div>
              </div>
              <div class="expressed-pane" id="expressed-writing">
                <div class="form-row">
                  <p>Would you like to upload proof of consent ?</p>
                  <input type="file" id="file1">
                  <label for="file1" class="btn btn--expressed">Upload</button>
                </div>
              </div>
              <div class="expressed-pane" id="expressed-electronically">
                <div class="form-row">
                  <label>Describe how you were given Expressed Consent</label>
                  <select name="expressedGiven" id="expressedGiven">
                    <option>Team/Agent Website</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                  </select>
                </div>
                <div class="form-row">
                  <label for="expressed-date1">Date Expressed Consent was received</label>
                  <input type="text" class="form-control flatpickr flatpickr-input" id="expressed-date1">
                </div>
                <div class="form-row form-row--buttons">
                  <p>Would you like to upload proof of consent ?</p>
                  <input type="file" id="file2">
                  <label for="file2" class="btn btn--expressed">Upload</button>
                </div>
              </div>
            </div>
            <div class="consent-pane consent-options no-indent" id="pane-2">
              <p>
                How did you will receive Implied Consent?
              </p>
              <ul class="consent-options-list">
                <li>
                  <input type="radio" value="personal" name="relations" id="personal" onchange="setExpressedPane(this.value)">
                  <label for="personal">Personal Relationship</label>
                </li>
                <li>
                  <input type="radio" value="family" name="relations" id="family" onchange="setExpressedPane(this.value)">
                  <label for="family">Family Relationship</label>
                </li>
                <li>
                  <input type="radio" value="existing" name="relations" id="existing" onchange="setExpressedPane(this.value)">
                  <label for="existing">Existing Business Relationship</label>
                </li>
                <li>
                  <input type="radio" value="email" name="relations" id="email" onchange="setExpressedPane(this.value)">
                  <label for="email">They Gave Me Their Email Address</label>
                </li>
                <li>
                  <input type="radio" value="referral" name="relations" id="referral" onchange="setExpressedPane(this.value)">
                  <label for="referral">Referral from Existing Consent</label>
                </li>
              </ul>
              <div class="expressed-pane" id="expressed-existing">
                <div class="form-row">
                  <label for="existing-date">When was the last you had with this client?</label>
                  <input class="form-control flatpickr flatpickr-input" type="text" id="existing-date" placeholder="Select date">
                </div>
              </div>
              <div class="expressed-pane" id="expressed-email">
                <div class="form-row">
                  <label>Is this client in business that that could use your service as Realtor ?</label>
                  <div class="expressed-options">
                    <div class="custom-radio">
                      <input type="radio" name="realtor" id="realtorY">
                      <label for="realtorY">Yes</label>
                    </div>
                    <div class="custom-radio">
                      <input type="radio" name="realtor" id="realtorN">
                      <label for="realtorN">No</label>
                    </div>
                  </div>
                </div>
                <div class="form-row">
                  <p>Can you upload proof? (i.e. scanned business card) </p>
                  <input type="file" id="file3">
                  <label for="file3" class="btn btn--expressed">Upload</button>
                </div>
              </div>
              <div class="expressed-pane" id="expressed-referral">
                <div class="form-row">
                  <p>Please enter the name of the client that give you this referral</p>
                  <input class="awesomplete" list="mylist" />
                  <datalist id="mylist">
                    <option>Angelica Moeremans</option>
                    <option>Angelica Sally Morales</option>
                    <option>Angelica Brown</option>
                  </datalist>
                </div>
              </div>
              <div class="expressed-pane--clear">
                <div class="custom-checkbox">
                  <input type="checkbox" id="behalf1">
                  <label for="behalf1">Should we attempt to gain expressed consent on your behalf ?</label>
                </div>
              </div>
            </div>
            <div class="casl__button casl__options-btn">Submit</div>
            <div class="casl__button casl__cancel-btn">Cancel</div>
          </div>
        </div>
      </div>
    </div>
    <div class="casl__popup no-indent" id="add-person-popup">
      <div class="casl__header center-pane">Add Spouse/Partner
        <div class="casl__svgcontainer right" onclick="hideAddPersonPopup(event);">
          <svg width="20" height="20">
            <use x="0" y="0" fill="#FFFFFF" width="20" height="20" xlink:href="#close-icon"></use>
          </svg>
        </div>
      </div>
      <div class="casl__container">
        <div class="attached-persons"></div>
        <input class="casl__search-form" id="search-form" type="text" placeholder="Search Associate Client" onkeyup="findPersons(this.value, this.nextElementSibling);"
        />
        <div class="find-result-persons no-indent&quot;"></div>
      </div>
      <div class="casl__btn-container">
        <div class="casl__button casl__green-btn radius_30" onclick="hideAddPersonPopup(event);">Save</div>
      </div>
    </div>
  </main>
  <div class="search-panel">
    <ul class="searchbar__tab">
      <li class="searchbar__tablinks" id="client-link" onclick="onChangeSearchbarTab(event, 'searchbar__');">Client</li>
      <li class="searchbar__tablinks" id="transaction-link" onclick="onChangeSearchbarTab(event, 'searchbar__');">Transaction</li>
    </ul>
    <div class="searchbar">Search By
      <div class="search-select">
        <select id="my-search-select" onchange="startFind(document.getElementById('search-input').value, this.value);">
            <option>Name</option>
            <option>Phone number</option>
            <option>Address</option>
          </select>
        <svg class="search-select__icon">
          <use xlink:href="#dropdown-arrow"></use>
        </svg>
      </div>
      <div class="search-input-form">
        <input type="text" id="search-input" onkeyup="startFind(this.value, document.getElementById('my-search-select').value);"
        />
        <svg class="search-button--inner fill" viewBox="0 0 19 19">
          <use xlink:href="#search-icon"></use>
        </svg>
      </div>
      <div class="searchbar__tabcontent" id="client">
        <div id="client-results"></div>
      </div>
      <div class="searchbar__tabcontent" id="transaction">
        <div id="transaction-results"></div>
      </div>
    </div>
  </div>
  <div class="menubar">
    <div class="logo-btn">
      <svg width="50" height="50">
        <use width="50" height="50" xlink:href="#menu-logo-icon"></use>
      </svg>
    </div>
    <ul class="sidemenu">
      <li>
        <a href="#">
          <svg width="32" height="32">
            <use x="0" y="0" width="30px" height="30px" xlink:href="#dashboard-icon"></use>
          </svg><span>Dashboard</span></a>
      </li>
      <li>
        <a href="#">
          <svg width="32" height="32">
            <use x="0" y="0" width="30px" height="30px" xlink:href="#schedule-icon"></use>
          </svg><span>Schedule</span></a>
      </li>
      <li>
        <a href="#">
          <svg width="32" height="32">
            <use x="0" y="0" width="30px" height="30px" xlink:href="#user-icon"></use>
          </svg><span>Clients</span></a>
      </li>
      <li>
        <a href="#">
          <svg width="32" height="32">
            <use x="0" y="0" width="30px" height="30px" xlink:href="#transactions-icon"></use>
          </svg><span>Transactions</span></a>
      </li>
      <li>
        <a href="#">
          <svg width="32" height="32">
            <use x="0" y="0" width="30px" height="30px" xlink:href="#marketing-icon"></use>
          </svg><span>Marketing</span></a>
      </li>
      <li>
        <a href="#">
          <svg width="32" height="32">
            <use x="0" y="0" width="30px" height="30px" xlink:href="#reports-icon"></use>
          </svg><span>Reports</span></a>
      </li>
      <li>
        <a href="#">
          <svg width="32" height="32">
            <use x="0" y="0" width="30px" height="30px" xlink:href="#configure-icon"></use>
          </svg><span>Configure</span></a>
      </li>
    </ul>
    <div class="logout-btn">
      <svg width="42" height="47">
        <use width="42" height="47" xlink:href="#logout-icon"></use>
      </svg>
    </div>
  </div>

  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/flatpickr.min.js"></script>
  <script src="js/awesomplete.min.js"></script>
  <script src="js/app.js"></script>
  <script src="js/scripts.js"></script>
</body>

</html>