@import url('normalize.css');
@font-face{
  font-family: 'ember';
  src: url('https://m.media-amazon.com/images/G/01/blp/static/amazon_ember_rg._CB475267004_.eot');
  src: url('https://m.media-amazon.com/images/G/01/blp/static/amazon_ember_rg._CB475267004_.eot?#iefix') format('embedded-opentype'),
       url('https://m.media-amazon.com/images/G/01/blp/static/amazon_ember_rg._CB475267004_.woff') format('woff');
}

b,
strong {
  font-weight: bold;
}
h1 {
  font-size: 1.8em;
  margin: 0.67em 0;
  padding-bottom: .25rem;
}
a:link,
a:visited {
  color: rgb(11,129,186);
  text-decoration: none;
}
a:active {
  color: orange;
}
ul {
  padding-left: 2rem;
}
li {
  margin-bottom: .2rem;
  line-height: 1.5;
  color: #666;
}

.title {
  /* replace with ember light */
  font-weight: 400;
}

.subtitle {
  font-size: .65rem;
}


/**
 * blp
 */
.blp {
  margin: 0;
  font-size: .75rem;
  font-family: 'ember', sans-serif;
  line-height: 1.5;
  color: #555;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background: white;
}
.blp-header,
.blp-content,
.blp-footer {
  margin: 0 auto;
}

/**
 * widget
 */
.widget {
  padding: 1rem 1.5rem;
}
.widget-header :first-child,
.widget-content :first-child {
  margin-top: 0;
}
.widget-header :last-child,
.widget-content :last-child {
  margin-bottom: 0;
}
.widget-header {
  text-align: center;
}

.widget-header .title {
  margin: 0;
}

.widget-header + .widget-content {
  margin-top: .5rem;
}
.widget-content {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.landing .widget-content {
  max-width: 560px;
}
.media-block {
  display: table-row-install;
}
.media-icon {
  display: table-cell;
}
.media-icon .icon {
  display: block;
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  max-width: none;

}
.media-meta {
  display: table-cell;
  vertical-align: middle;
}
.video-meta {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
  padding: 10px;
}
.media-icon :first-child,
.media-meta :first-child {
  margin-top: 0;
}
.media-icon :last-child,
.media-meta :last-child {
  margin-bottom: 0;
}

.media-header {
  padding: .5rem 1rem;
  line-height: 1.3;
  background-color: #f3f3f3;
}

.bubble {
  padding: 0;
  text-shadow: 0 .0625rem #fff;
  line-height: 1.4;
}
.bubble .widget-content {
  padding: 1rem 2rem;
  background-color: #f3f3f3;
}
.bubble:after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 0px;
  height: 0px;
  border-top: 1.1rem solid #f3f3f3;
  border-right: 1rem solid transparent;
  border-left: 1rem solid transparent;
}

.install-step {
  padding: 2rem 0 2rem;
}
.step-number {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 1.2rem;
  height: 1.2rem;
  margin: .2rem;
  font-size: .7rem;
  line-height: 1.2rem;
  border-radius: 50%;
  background-color: #777;
  color: #efefef;
}

.hero {
  width: 100%;
  padding: 0;
  background-color: #f3f3f3;
}
.hero:before,
.hero:after {
  content: '';
  display: block;
  height: 1px;
  clear: both;
}
.hero .widget-content {
  max-width: none;
}
.hero .canvas {
  height: 16.25rem;
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.hero.is-icon .canvas {
  background-position: center;
  background-size: auto 65%;
}
.hero.upload .canvas {
  background-position: center;
  background-size: auto 85%;
}

.about {
  margin-top: .5rem;
  padding-top: 1rem;
  background-color: #f3f3f3;
  text-shadow: 0 .0625rem #fff;
}
.about .title {
  text-align: center;
  margin-bottom: 1rem;
}

.instructions {
  border-top: 1px solid #f3f3f3;
}
.instructions .widget-header .title {
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: 0;
}

/**
 * footer
 */
.footer {
  padding-top: 2rem;
  padding-bottom: 8rem;
  background-color: #333;
  text-shadow: 0 .125rem rgba(0,0,0,.1);
  text-align: center;
  color: #aaa;
}
.footer a:link,
.footer a:visited {
  color: #aaa;
}

/**
 * action
 */
.action {
  padding-top: .5rem;
}
.action-button-affirmation-copy {
  margin: .7rem 1.2rem 1rem;
  font-size: .8rem;
  color: #666;
}

.primary,
.action,
.help-links {
  text-align: center;
}

.help-links {
  text-transform: capitalize;
  margin: 2.5rem 0 !important;
}

button,
.button,
a.button {
  display: block;
  max-width: 560px;
  margin: .7rem 0;
  padding: .75rem 2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: #f0c14b;
  background-image: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
  background-image: linear-gradient(to bottom, #f7dfa5, #f0c14b);
  box-shadow: 0 .1rem 0 rgba(255,255,255,.4) inset;
  border: .0625rem solid;
  border-color: #a88734 #9c7e31 #846a29;
  border-radius: .125rem;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  color: #111;
  line-height: 1.35;
}
button:focus,
.button:focus,
a.button:focus {
  outline: none;
  border-color: #e77600;
  -webkit-tap-highlight-color: none;
}

.block {
  margin: 1rem 0;
}

ul.inline {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.inline li {
  display: inline-block;
  margin: 0 .3rem;
}

ul.inline li.support-links {
  display: inline-block;
  margin: 0 1.25rem;
}

.social-links {
  margin-bottom: 2.5rem;
}
.social-links .title {
  padding: 1.75rem .5rem 0 0;
  font-size: 1.4em;
}
.social-links > .title,
.social-links > .inline {
  display: inline-block;
  height: 2em;
  margin: 0;
  line-height: 2em;
  vertical-align: middle;
}
.social-links ul.inline li {
  margin: 0;
}
.social-icon {
  padding: .5rem;
  width: 2.5rem;
  height: 2.5rem;
}

.unknown-sources {
  margin: 20px 0 0 10px;
}
.install-failure {
  margin: 20px 0 0 10px;
}
.unknown-sources .button {
  width: auto;
  margin-bottom: 10px;
  padding: 12px 60px;
}


@media only screen and (max-width: 540px) {
  .hero .canvas {
    height: auto;
    padding-bottom: 46%;
  }
}

/**
 * large, non-retina, landscape
 */
@media
only screen and (min-aspect-ratio: 13/9) and (min-width: 700px) {

  .instructions .install-step {
    display: inline-block;
    vertical-align: top;
    width: 33%;
  }

  /**
   *
   */
  .install-step .media-block,
  .install-step .media-icon {
    display: block;
  }
  /**
   * set the meta container to display: block as it's table-cell by default.
   * make the widget 90% of the container and center it in it's parent.
   */
  .install-step .media-meta {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  /**
   * icon size is larger, centered, and the margin changes a bit.
   */
  .install-step .icon {
    width: 8rem;
    height: 8rem;
    margin: 1rem auto 2rem;
  }
}

/* ___________ New styles for design ___________ */

/* Body font size */
.blp.ugaware  {
  font-size: 16px;
}

.blp.ugaware a.blue-link {
  color: #0494CE;
}

.widget-content-wrap {
  width: 100%;
}

.blp.ugaware .container-sm {
  max-width: 560px;
}

.blp.ugaware .instructions {
  border: none;
  margin-top: 0;
}

/*changed the name of row to avoid name collision with Bootstrap */
.instructions .ugaware-install-step,
.row-install.video-block .media-wrap,
.row-install.help .media-wrap {
  max-width: 1024px;
  margin: auto;
  padding: 0 0 0 2em;
 }

.row-install {
  width:100%;
  padding:3em 0 0 0;
}

.row-install .media-meta-title {
  margin: 4em 0 .5em 0;
}

.row-title {
  width:100%;
  padding:2em 0 0 0;
}


/* Instruction step numbers */

.row-install .media-meta-title .title-text {
  display: inline-block;
  width: 65%;
  line-height: 1.35em;
  vertical-align: middle;
}

.row-install .media-meta-title .title-text-inline {
  display: inline-block;
  width: 85%;
  line-height: 1.5em;
  vertical-align: middle;
  font-size: 0.9rem;
  padding-left: 3.2rem;
}

.row-install.steps .step-indicator {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: #000;
  margin-right: 1em;
}

.row-install.steps .step-indicator.blue {
  background-color: #00ACC1;
}

.row-install.steps .step-indicator.green {
  background-color: #80C138;
}

.row-install.steps .step-indicator.yellow {
  background-color: #ff9900;
}

.row-install.steps {
  background-color: #fff;
}
.row-install.steps.border {
  border-bottom: 1px solid #ddd;
}

.row-install.steps .ugaware-install-step .media-meta-title h3,
.row-install.enjoy .ugaware-install-step .media-meta-title h3 {
  color: #2A3A49;
}

.row-install.steps .ugaware-install-step .media-meta-title h3,
.row-install.video-block .media-meta-title h3,
.row-install.help h3.help-title  {
  font-size: 1.35em;
}

.ugaware-install-step .media-meta-title,
.ugaware-install-step .media-uga-icon,
.row-install.video-block .media-uga-video-wrapper,
.row-install.video-block .media-meta-title {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  line-height: 0;
}

.ugaware-install-step .media-uga-icon .gif-image {
  width: 100%;
}

/* row-install enjoy */

.row-install.enjoy {
  background-color: #ccc;
}

.row-install.enjoy .ugaware-install-step .media-meta-title h3 {
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.25em;
  font-style: italic;
}

/* row-install video block */

.row-install.video-block {
  background-color: #656565;
  padding: 3em 0;
}

.row-install.video-block .media-meta-title h3 {
  margin-bottom: 1.5em;
}

.row-install.video-block .media-meta-title h3,
.row-install.video-block .media-meta-title p {
  color: #fff;
}

/* row-install help */

.row-install.help {
  background-color: #FFFFFF;
  border-top: 1px solid #e6ebef;
}

.descarca {
    background: #F19211;
    color:#FFF;
    width: 220px;
    border: 2px solid #BB700B;
    margin: auto;
    padding: 10px;
    text-align: center;
    clear:both;
}

.row-install.help .help-content {
  display: inline-block;
  width: 35%;
  vertical-align: top;
}

.row-install.help .help-content a {
  color: #0494CE;
  font-size: .9em;
}

.question-mark-icon {
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #656565;
  color: #4A4949;
  font-size: 1.3em;
  vertical-align: top;
}

/* Thank you header */

.blp.ugaware .blp-header {
    background-color: #108AFF;
    background: -webkit-linear-gradient(top, #3C9DFE, #409FFF 6%, #0079F2 100%);
    background: linear-gradient(to bottom, #3C9DFE 0, #409FFF 6%, #0079F2 100%);
    border-bottom: 2px solid #3272D1;
    margin-bottom: 0 ;
    margin-top:-10px;
}

.blp.ugaware .blp-header .or-text {
  font-size: 1.2em;
  margin: .5em 0;
}

.blp.ugaware .blp-header  h1 {
  color: #FFF;
}
 /* Install wizard button  */

.ugaware-unknown-sources {
  margin: auto;
      background-color: #F5A623;
    color: #fff;
    border-radius: 3px;
    display: block;
    text-align: left;
    border: 1px solid #E2981C;
    position: relative;
    width: 300px;
    height: auto;
    min-height: 39px;
}

.ugaware-unknown-sources .wizard-icon {
  background-color: #FFBD4F;
    border-right: 1px solid #E2981C;
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 46px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}

.ugaware-unknown-sources .assist-button {
  vertical-align: top;
  padding: 7px;
  margin-left: 46px;
  width: 241px;
  text-align: center;
  color:#fff;
}

.ugaware-unknown-sources .assist-button .wizard-text, .ugaware-unknown-sources .assist-button, .ugaware-unknown-sources .assist-button .wizard-icon .img-wrap,
.ugaware-unknown-sources .assist-button .wizard-icon {
  display: inline-block;
}


/* Instruction title */

.widget-header .uga-title {
  margin: 0;
  font-size:1.3em;
    background: #fff;
    position: relative;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 7px 10px 7px;
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, .100);
   font-weight: 400;
}


/* YouTube video responsive on page */

.media-uga-video {
  position: relative;
   padding-bottom: 56.25%;
 padding-top: 0;
 height: 0;
 width: 100%;
}

.media-uga-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Media Queries */

@media only screen and (max-width: 800px)  {
.blp.ugaware .blp-header h1 {
      font-size: 1.7em;
}
}

@media only screen and (max-width: 640px) {
.ugaware-unknown-sources {
    width: 220px;
    font-size: 12px;
}

.ugaware-unknown-sources .assist-button {
  width: 159px;
  padding: 10px 7px;
}
.row-install.steps .step-indicator {
    width: 35px;
    height: 35px;
    font-size: .9em;
    line-height: 35px;
}
}

@media only screen and (max-width: 530px) {

.row-install {
  padding: 1em 0 0 0;
}
.row-install .media-meta-title {
  margin: 0 0 .5em 0;
}

.row-install.steps .ugaware-install-step .media-meta-title h3,
.row-install.video-block .media-meta-title h3,
.row-install.help h3.help-title  {
  font-size: 1em;
}

.ugaware-install-step .media-meta-title,
.ugaware-install-step .media-uga-icon,
.row-install.video-block .media-uga-video-wrapper,
.row-install.video-block .media-meta-title {
  width: 100%;
}

.instructions .ugaware-install-step,
.row-install.video-block .media-wrap,
.row-install.help .media-wrap {
  padding: 0 3em;
}

.row-install.enjoy .ugaware-install-step .media-meta-title h3,
.video-block .media-meta-title  {
  text-align: center;
}
.row-install.enjoy .ugaware-install-step .media-meta-title h3 {
  font-size: 1.3em;
}

.row-install.video-block .media-meta-title {
  margin-bottom: 1em;
}

.row-install.steps .step-indicator {
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.row-install.help .help-content {
  width: 48%;
}


.question-mark-icon {
  width: 25px;
  height: 25px;
  font-size: 1.2em;
  line-height: 25px;
}

.blp.ugaware .blp-header h1 {
  font-size: 1.3em;
}

.blp.ugaware .blp-header .widget-content p,
.row-install.video-block .media-meta-title p  {
  font-size: .85em;
}

.blp.ugaware .blp-header .widget-content p.or-text {
  font-size: 1em;
}

}

@media only screen and (max-width: 400px) {
.row-install .media-meta-title .title-text {
  width: 80%;
  vertical-align: middle;
}

.row-install.help .help-content {
  width: 100%;
  margin-bottom: 1em;
}
}




/**
 * small
 */
@media only screen and (min-width: 320px) {

}

/**
 * small, landscape
 */
@media only screen and (min-aspect-ratio: 13/9) and (min-width: 320px) {

}

/**
 * small, retina
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) { 

}

/**
 * small, retina, landscape
 */
@media only screen and (min-aspect-ratio: 13/9) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-aspect-ratio: 13/9) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-aspect-ratio: 13/9) and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px), only screen and (min-aspect-ratio: 13/9) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-aspect-ratio: 13/9) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-aspect-ratio: 13/9) and (min-resolution: 2dppx) and (min-width: 320px) { 

}

/**
 * medium
 */
@media only screen and (min-width: 480px) {
  .blp {
    font-size: .85rem;
  }
}

/**
 * medium, landscape
 */
@media only screen and (min-aspect-ratio: 13/9) and (min-width: 480px) {

}

/**
 * medium, retina
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 480px), only screen and (min-device-pixel-ratio: 2) and (min-width: 480px), only screen and (min-resolution: 192dpi) and (min-width: 480px), only screen and (min-resolution: 2dppx) and (min-width: 480px) {

}

/**
 * medium, retina, landscape
 */
@media only screen and (min-aspect-ratio: 13/9) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px), only screen and (min-aspect-ratio: 13/9) and (min--moz-device-pixel-ratio: 2) and (min-width: 480px), only screen and (min-aspect-ratio: 13/9) and (-o-min-device-pixel-ratio: 2/1) and (min-width: 480px), only screen and (min-aspect-ratio: 13/9) and (min-device-pixel-ratio: 2) and (min-width: 480px), only screen and (min-aspect-ratio: 13/9) and (min-resolution: 192dpi) and (min-width: 480px), only screen and (min-aspect-ratio: 13/9) and (min-resolution: 2dppx) and (min-width: 480px) {

}




/**
 * large
 */ 
@media only screen and (min-width: 700px) {

  .blp {
    font-size: 1rem;
  }

  .widget-content {
    max-width: none;
  }

  .widget.hero .canvas {
    height: 16.25rem;
    padding: 0;
  }

  .media-uga-icon .icon {
    width: 200px;
    height: 200px;
    margin-right: 1rem;
  }
  
  .media-icon .icon {
    width: 6.5rem;
    height: 6.5rem;
    margin-right: 1rem;
  }

  /**
   * icon size is larger, centered, and the margin changes a bit.
   */
  .install-step .icon {
    width: 8rem;
    height: 8rem;
    margin: 1rem auto 2rem;
  }

  .instructions .install-step {
    display: inline-block;
    vertical-align: top;
    width: 32%;
  }
  
  

  /**
   * 
   */
  .install-step .media-block,
  .install-step .media-icon {
    display: block;
  }
  /**
   * set the meta container to display: block as it's table-cell by default.
   * make the widget 90% of the container and center it in it's parent.
   */
  .install-step .media-meta {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  
  .ugaware-install-step .media-meta {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding-right: 3em;
  }
}


/**
 * large, landscape
 */
@media only screen and (min-aspect-ratio: 13/9) and (min-width: 700px) {

  .blp-header {
    background-color: #000;
    margin-bottom: 4rem;
  }

  .widget.hero .canvas {
    height: 16.25rem;
    padding: 0;
  }
}


/**
 * large, retina
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 700px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 700px), only screen and (min-device-pixel-ratio: 2) and (min-width: 700px), only screen and (min-resolution: 192dpi) and (min-width: 700px), only screen and (min-resolution: 2dppx) and (min-width: 700px) { 

}

/**
 * large, retina
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 700px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 700px), only screen and (min-device-pixel-ratio: 2) and (min-width: 700px), only screen and (min-resolution: 192dpi) and (min-width: 700px), only screen and (min-resolution: 2dppx) and (min-width: 700px) { 

  .instructions {
    margin-top: 2rem;
  }
}

/**
 * large, retina, landscape
 */
@media only screen and (min-aspect-ratio: 13/9) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px), only screen and (min-aspect-ratio: 13/9) and (min--moz-device-pixel-ratio: 2) and (min-width: 700px), only screen and (min-aspect-ratio: 13/9) and (-o-min-device-pixel-ratio: 2/1) and (min-width: 700px), only screen and (min-aspect-ratio: 13/9) and (min-device-pixel-ratio: 2) and (min-width: 700px), only screen and (min-aspect-ratio: 13/9) and (min-resolution: 192dpi) and (min-width: 700px), only screen and (min-aspect-ratio: 13/9) and (min-resolution: 2dppx) and (min-width: 700px) { 

  .instructions {
    margin-top: 2rem;
  }
}

</style>


<style type="text/css">

.headerblock {
    width: 100%;
}

.headerbackground {
    background-color: #F8F8F8;
    margin-bottom: 5px;
}

.headerblock .header {
    background-color: #F8F8F8;
    height: 50px;
    max-width: 182px;
}

.headerblock .header img {
    width: 100%;
    padding: 13px;
}

.contentblock {
    margin: 0 auto;
    max-width: 482px;
    padding: 40px 20px;
    letter-spacing:0.03rem;
}

.contentblock.spacerBlock {
    line-height: 0;
    padding-bottom: 0;
}

.headerblock .apptitle {
    font-size: 1.5rem;
    letter-spacing: 0.01rem;
    text-align: center;
}

.separator {
    width: 255px;
    height: 1px;
    background-image: radial-gradient(#CCC, #FFF), radial-gradient(#CCC, #FFF);
    background-position: 0, 100%, 0, 100%;
    margin: 10px auto;
}

.headerblock .maintext {
    font-size: 1rem;

    text-align: center;
    margin-top: 10px;
}


.headerblock .media-block {
    background-color: #F8F8F8;
    letter-spacing: 0rem;
}


.headerblock .media-icon {
    padding: 0.75rem;
    width: 5rem;
}

.headerblock .media-block-with-no-background {
    background-color: transparent;
}


@media only screen and (min-width: 700px){
    .headerblock .media-icon {
        width: 6.5rem;
        height: 6.5rem;
    }
}

.headerblock .media-meta {
    padding-right: 0.5rem;
    font-size: 0.875rem;
}

.contentblock .button-wrapper {
    max-width:255px;
    font-size:0.875rem;
    margin: auto;
}

.contentblock .image {
    margin:0 auto;
    text-align: center;
    overflow: hidden;
}

.contentblock img {
    margin-top:20px;
    max-width: 100%;
}

.contentblock .video {
    margin:0 auto;
    text-align: center;
    overflow: hidden;
}

.contentblock video {
    max-width: 100%;
    max-height:500px;
}

.contentblock .title {
    padding: 0.5rem;
    text-align:left;
    letter-spacing:0.01rem;
    font-size: 1.375rem;
}

.contentblock .text {
    margin: 0.5rem 0 1rem;
    text-align:left;
    font-size: 1rem;
    letter-spacing: 0.03rem;
    padding: 0 0.5rem;
}

.errorblock {
    color:#FF0000;
    background-color:#FFFFFF;
}

.widget-content.contentblock {
    padding: 0;
}

.accordionBlock .card {
    color: black;
}

.wrap-button-text {
    white-space: initial !important;
}

.flip-img-vertical {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    transition-duration: 0.5s;
}

.img-vertical {
    transition-duration: 0.5s;
    margin-top: 0px !important;
    margin-left: 17px;
    width: 20px;
}

.light-text {
    color: #808080;
}
.image .icon {
    height: 6.5em;
    width: 6.5em;
}

.prereg-promoimage {
    max-width: 1024px !important;
}

.prereg-desc-text {
    overflow-wrap: break-word;
    white-space: pre-line;
}

.prereg-small-text {
    font-size: 0.75rem;
}

.prereg-centered-text {
    text-align: center !important;
}

.prereg-headerbar {
    background-color: #232F3E !important;
    height: 50px;
}

.prereg-headerbar .header {
    background-color: #232F3E !important;
    max-width: 182px;
    margin: auto;
}

.qrcodeblock {
    background-color: #f3f3f3;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 210px;
    padding: 30px 30px 5px 30px;
    border-width: 3px;
    border-color: #0271bb;
    border-style: solid;
    border-radius: 12px;
}

.qrcodeblock .text {
    text-align: center !important;
}

.black {
    background-color: #000000;
    color: #FFFFFF;
}

.blue {
    background-color: #096CA6;
    color: #FFFFFF;
}


.blue a:link, .blue a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}


.grey {
    background-color: #F8F8F8;
    color: #333333;
}

.white {
    background-color: #FFFFFF;
    color: #333333;
}

.row {
    margin: 0;
    padding: 0;
}