:host {
  border: none;
  background:none;
}

/* button sizes */


/* button looks */
.btn-default {
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
  cursor: pointer;
  letter-spacing: 0px;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  text-align: center;
  float: none;
  background: #f5f5f5;
  background-repeat: no-repeat;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff),
    to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
    color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
  background-image: linear-gradient(#ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,
    endColorstr=#f5f5f5, GradientType=0);
  border: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  font-size: 16px;
}
.btn-default:hover {
  background-position: 0 -15px;
}
.btn-default:active {
          font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          cursor: pointer;
          letter-spacing: 0px;
          height: 36px;
          line-height: 38px;
          padding: 0 15px;
          text-align: center;
          float: none;
          background: #f5f5f5;
          background-repeat: no-repeat;
          background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
          background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
          background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5);
          background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
          background-image: linear-gradient(#ffffff, #f5f5f5);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5, GradientType=0);
          border: 1px solid #cccccc;
          border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
          border-bottom-color: #b3b3b3;
          color: #333333;
          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
          font-size: 16px;
          -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          position: relative;
          top: 1px;
}
.btn-default:focus {
          outline: 5px auto -webkit-focus-ring-color;
          outline-offset: -2px;
}
.btn-medium {
          font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          -moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          cursor: pointer;
          letter-spacing: 0px;
          height: 28px;
          line-height: 30px;
          padding: 0 10px;
          text-align: center;
          float: none;
          background: #f5f5f5;
          background-repeat: no-repeat;
          background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
          background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
          background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5);
          background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
          background-image: linear-gradient(#ffffff, #f5f5f5);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5, GradientType=0);
          border: 1px solid #cccccc;
          border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
          border-bottom-color: #b3b3b3;
          color: #333333;
          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
          font-size: 14px;
}
.btn-medium:hover {
          background-position: 0 -15px;
}
.btn-medium:active {
          font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          cursor: pointer;
          letter-spacing: 0px;
          height: 28px;
          line-height: 30px;
          padding: 0 10px;
          text-align: center;
          float: none;
          background: #f5f5f5;
          background-repeat: no-repeat;
          background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
          background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
          background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5);
          background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
          background-image: linear-gradient(#ffffff, #f5f5f5);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5, GradientType=0);
          border: 1px solid #cccccc;
          border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
          border-bottom-color: #b3b3b3;
          color: #333333;
          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
          font-size: 14px;
          -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          position: relative;
          top: 1px;
        }
.btn-medium:focus {
          outline: 5px auto -webkit-focus-ring-color;
          outline-offset: -2px;
        }
.btn-primary {
          font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          -moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          cursor: pointer;
          letter-spacing: 0px;
          height: 36px;
          line-height: 38px;
          padding: 0 15px;
          text-align: center;
          float: none;
          background: #3c60a4;
          background-repeat: no-repeat;
          background-image: -khtml-gradient(linear, left top, left bottom, from(#446fba), to(#3c60a4));
          background-image: -moz-linear-gradient(top, #446fba, #3c60a4);
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #446fba), color-stop(100%, #3c60a4));
          background-image: -webkit-linear-gradient(top, #446fba, #446fba 25%, #3c60a4);
          background-image: -o-linear-gradient(top, #446fba, #3c60a4);
          background-image: -ms-linear-gradient(#446fba, #3c60a4);
          background-image: linear-gradient(#446fba, #3c60a4);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#446fba, endColorstr=#3c60a4, GradientType=0);
          border: 1px solid #265d84;
          color: #fff;
          text-shadow: 0 -1px 0 rgba(0,0,0,0.75);
          font-size: 18px;
        }
.btn-primary:hover {
          background: #234b95;
        }
.btn-primary:active {
          font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          cursor: pointer;
          letter-spacing: 0px;
          height: 36px;
          line-height: 38px;
          padding: 0 15px;
          text-align: center;
          float: none;
          background: #3c60a4;
          background-repeat: no-repeat;
          background-image: -khtml-gradient(linear, left top, left bottom, from(#446fba), to(#3c60a4));
          background-image: -moz-linear-gradient(top, #446fba, #3c60a4);
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #446fba), color-stop(100%, #3c60a4));
          background-image: -webkit-linear-gradient(top, #446fba, #446fba 25%, #3c60a4);
          background-image: -o-linear-gradient(top, #446fba, #3c60a4);
          background-image: -ms-linear-gradient(#446fba, #3c60a4);
          background-image: linear-gradient(#446fba, #3c60a4);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#446fba, endColorstr=#3c60a4, GradientType=0);
          border: 1px solid #265d84;
          color: #fff;
          text-shadow: 0 -1px 0 rgba(0,0,0,0.75);
          font-size: 18px;
          -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          position: relative;
          top: 1px;
        }
.btn-primary:focus {
          outline: 5px auto -webkit-focus-ring-color;
          outline-offset: -2px;
        }
.btn-link {
          border: none;
          border-radius: 0;
          background: none;
          background-image: none;
          color: #265199;
          font-size: 14px;
          height: 26px;
          line-height: 21px;
          padding: 0;
          float: none;
        }
.btn-link:hover {
          border: none;
          text-decoration: underline;
          color: #505050;
        }
.btn-link:active {
          border: none;
          border-radius: 0;
          background: none;
          background-image: none;
          font-size: 14px;
          height: 26px;
          line-height: 21px;
          padding: 0;
          text-decoration: underline;
          color: #505050;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
        }
.btn-link:focus {
          outline: 5px auto -webkit-focus-ring-color;
          outline-offset: -2px;
        }
.btn-link.btn-small {
          border: none;
          border-radius: 0;
          background: none;
          background-image: none;
          color: #265199;
          font-size: 12px;
          height: 21px;
          line-height: 16px;
          padding: 0;
          float: none;
        }
.btn-link.btn-small:hover {
          border: none;
          text-decoration: underline;
          color: #505050;
        }
.btn-link.btn-small:active {
          border: none;
          border-radius: 0;
          background: none;
          background-image: none;
          font-size: 12px;
          height: 21px;
          line-height: 16px;
          padding: 0;
          text-decoration: underline;
          color: #505050;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
        }
.btn-link.btn-small:focus {
          outline: 5px auto -webkit-focus-ring-color;
          outline-offset: -2px;
        }
.btn-small {
          font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          -moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3) inset;
          cursor: pointer;
          letter-spacing: 0px;
          height: 28px;
          line-height: 30px;
          padding: 0 10px;
          text-align: center;
          float: none;
          background: #f5f5f5;
          background-repeat: no-repeat;
          background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
          background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
          background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5);
          background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
          background-image: linear-gradient(#ffffff, #f5f5f5);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5, GradientType=0);
          border: 1px solid #cccccc;
          border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
          border-bottom-color: #b3b3b3;
          color: #333333;
          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
          font-size: 12px;
          margin-bottom: 0;
        }
.btn-small:hover {
          background-position: 0 -15px;
        }
.btn-small:active {
          font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          cursor: pointer;
          letter-spacing: 0px;
          height: 28px;
          line-height: 30px;
          padding: 0 10px;
          text-align: center;
          float: none;
          background: #f5f5f5;
          background-repeat: no-repeat;
          background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
          background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
          background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5);
          background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
          background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
          background-image: linear-gradient(#ffffff, #f5f5f5);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5, GradientType=0);
          border: 1px solid #cccccc;
          border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
          border-bottom-color: #b3b3b3;
          color: #333333;
          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
          -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
          position: relative;
          top: 1px;
          font-size: 12px;
        }
.btn-small:focus {
          outline: 5px auto -webkit-focus-ring-color;
          outline-offset: -2px;
        }

polyfill-unscoped-rule {
  content: '.btn-default';
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", sans-serif;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
  cursor: pointer;
  letter-spacing: 0px;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  text-align: center;
  float: none;
  background: #f5f5f5;
  background-repeat: no-repeat;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff),
    to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
    color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
  background-image: linear-gradient(#ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,
    endColorstr=#f5f5f5, GradientType=0);
  border: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  font-size: 16px;
}