/* global styles for marketing and the app */
/*typography*/
textarea {
  border-radius: 0;
  margin: 0;
  padding: 0; }

label {
  display: inline; }

label.radio {
  display: block; }

label.checkbox {
  display: block; }

p {
  margin: 0;
  padding: 0;
  line-height: 1.3em; }

p.tiny {
  font-size: .8em; }

h2 {
  margin: 10px 0 10px 0;
  font-weight: 300; }

h1, h2, h3, h4, h5 {
  font-weight: normal; }

h4 {
  font-size: 14px; }

ul, ol {
  margin: 0;
  padding: 0 0 0 0; }

ul li {
  line-height: 1.3em;
  list-style-type: none;
  margin: 0;
  padding: 0; }

a {
  color: #325ca4;
  text-decoration: none; }
  a:hover {
    color: #000; }

/*structure*/
body {
  padding: 0;
  font-size: 13px;
  margin: 0;
  line-height: 14px; }

.container {
  text-align: left;
  float: left;
  width: 100%; }

.disabled {
  opacity: .5; }

.shadow {
  box-shadow: 1px 1px 5px #999; }

.light-grey-gradient {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* W3C */ }

.grey-border {
  border: 1px solid #999; }

.wrap {
  margin: 0 auto;
  width: 1024px; }

.left {
  float: left; }

.right {
  float: right; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.noborder {
  border: none !important; }

/*social icons*/
.twitter-icon, .facebook_page-icon, .facebook-icon, .google-icon, .instagram-icon {
  width: 16px;
  height: 16px; }

.sf-icon-pinterest {
  color: rgba(20, 27, 36, 0.4); }

.twitter-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.034 3.45l5.405 7.227L3 16.555h1.224l4.762-5.145 3.848 5.145H17L11.29 8.92l5.064-5.47h-1.225l-4.385 4.738L7.2 3.45H3.034zm1.8.902h1.914l8.452 11.3h-1.914l-8.452-11.3z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E") !important;
  width: 20px;
  height: 20px;
  display: inline-block; }
  .twitter-icon::before {
    content: '' !important; }

.facebook-icon, .facebook_page-icon {
  color: rgba(20, 27, 36, 0.4); }

.google-plus-icon {
  color: rgba(20, 27, 36, 0.4); }

.linked-in-icon {
  color: rgba(20, 27, 36, 0.4); }

.instagram-icon {
  color: rgba(20, 27, 36, 0.4); }

/*tooltips*/
.tt {
  overflow: hidden;
  background: #ffffff;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  color: #0a0e12;
  padding: 10px;
  min-width: 150px;
  border-radius: 4px;
  box-shadow: 0px 15px 40px rgba(20, 27, 36, 0.1);
  font-family: "Graphik", Helvetica, Arial, sans-serif; }

.tt .image-col {
  float: left;
  width: 52px;
  margin: 0 10px 0 0; }

.tt .image-col img {
  border: 2px solid #FFF; }

.tt .copy-col {
  float: left;
  width: 70%;
  margin: 0 0 0 0; }

.tt .copy-col h2 {
  margin: 0;
  color: #FFF;
  font-weight: bold;
  font-size: 1.5em; }

.tt .copy-col h3 {
  float: left;
  margin: 0; }

.tt .copy-col p.main-copy {
  float: left; }

.tt a.main-link {
  float: right;
  color: #FFF;
  text-decoration: underline;
  width: 100%;
  text-align: right;
  margin: 20px 0 0 0;
  font-size: 1em; }

.tt .list-wrap {
  float: left; }

.tt .list-wrap .image_col {
  float: left; }

.tt .copy-col .list-wrap h2 {
  float: left; }

.tt .copy-col .list-wrap h3 {
  float: left;
  margin: 0; }

.tt .copy-col .list-wrap p.main-copy {
  float: left; }

.tt .list-wrap a.main-link {
  float: left;
  color: #FFF;
  text-decoration: underline;
  margin: 0;
  font-size: .9em; }

.tt a.btn {
  text-decoration: none; }

.tt .copy-col .pn-button + .pn-button {
  margin-left: 7px; }

.error-page {
  height: 200px;
  padding: 100px 0 0 0; }
  .error-page h2, .error-page p {
    text-align: center; }
  .error-page p {
    margin: 0 0 5px 0; }

/*--notification starts--*/
.notification-wrap {
  width: 100%;
  height: 39px;
  z-index: 1998;
  background: #FFF;
  position: absolute;
  /*top: 0;*/
  bottom: 0;
  left: 0;
  text-align: center;
  display: none; }
  .notification-wrap div {
    margin: 0 auto;
    padding: 10px 0 10px 35px;
    line-height: 19px;
    display: block;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .notification-wrap.error {
    background: #b74c51;
    /* Old browsers */
    color: rgba(255, 255, 255, 0.7); }
    .notification-wrap.error div {
      background-position: 0 8px; }

.notification-wrap.error strong {
  color: #FFFFFF; }

.notification-wrap.error div {
  background-position: 0 8px;
  background: url("/static/images/app/piano_reskin_v2/notification-error.svg") 0 8px no-repeat; }

.notification-wrap.success {
  border-radius: 4px;
  background: var(--base-accent, #325CA4);
  color: #FFFFFF; }

.notification-wrap.success div {
  background: url("/static/images/app/piano_reskin_v2/notification-success.svg") 0 9px no-repeat; }

.notification-wrap.info {
  background: #e7ae59;
  /* Old browsers */
  color: #FFFFFF; }

.notification-wrap.info div {
  background: url("/static/images/app/piano_reskin_v2/notification-info.svg") 0 10px no-repeat; }

.notification-promo-wrap.success {
  text-align: center;
  padding: 10px 0 10px 0;
  border: 2px solid #82b6d0;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e1eef4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1eef4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e1eef4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e1eef4 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e1eef4 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1eef4',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #e1eef4 100%);
  /* W3C */ }

/*--notification ends--*/
/* thank you page */
.welcome-header {
  text-align: center;
  margin-top: 20px; }
  .welcome-header h2 {
    font-size: 4em;
    margin-bottom: 20px;
    color: #454545; }
  .welcome-header p {
    font-size: 1.5em;
    margin-bottom: 20px; }

.welcome-body {
  border-top: 1px solid #CCC; }
  .welcome-body p {
    font-size: 1em; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: whiteSmoke;
  border: 1px solid #EEE;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

textarea:hover,
input[type="text"]:hover,
textarea:active,
input[type="text"]:active,
textarea:focus,
input[type="text"]:focus {
  box-shadow: none;
  outline: 0px !important;
  -webkit-appearance: none; }

input, select {
  margin: 0; }

/* changed btn-primary to socialflow purple */
.btn-primary {
  background: linear-gradient(180deg, #5778B2 0%, #4E70AD 100%);
  border: none;
  box-shadow: none; }

.btn-primary:hover,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-group.open .btn-primary.dropdown-toggle {
  background: linear-gradient(180deg, #5271A8 0%, #4A6AA3 100%); }

.btn-primary:focus {
  background: linear-gradient(180deg, #5271A8 0%, #4A6AA3 100%); }

.btn-primary:active,
.btn-primary.active {
  background: linear-gradient(180deg, #5271A8 0%, #4A6AA3 100%); }

.grey-arrow-down {
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 20px solid #CCC; }

.btn-action {
  font-family: 'PT Sans', sans-serif;
  border: none;
  display: block;
  font-size: 20px;
  width: 220px;
  border-radius: 5px;
  color: #FFF;
  padding: 15px 0;
  -moz-box-shadow: inset 0px 1px 0px #ff5dbb;
  -webkit-box-shadow: inset 0px 1px 0px #ff5dbb;
  box-shadow: inset 0px 1px 0px #ff5dbb;
  background: #ed008a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ed008a 0%, #c50274 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed008a), color-stop(100%, #c50274));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ed008a 0%, #c50274 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ed008a 0%, #c50274 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ed008a 0%, #c50274 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ed008a 0%, #c50274 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$c1', endColorstr='$c2',GradientType=0 );
  /* IE6-9 */ }
  .btn-action:hover {
    text-decoration: none;
    background: #c50274;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c50274 0%, #ed008a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c50274), color-stop(100%, #ed008a));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c50274 0%, #ed008a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c50274 0%, #ed008a 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c50274 0%, #ed008a 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #c50274 0%, #ed008a 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$c1', endColorstr='$c2',GradientType=0 );
    /* IE6-9 */ }

/*# sourceMappingURL=global.css.map */