/* See paClickDimensions.js for details. This CSS file is useless on its own. */

/* Error and thankyou messages should be hidden by default */
.cd-error,
.cd-thankyou {
    display: none;
}

/* Form content should be visible by default */
.cd-fresh {
    display: block;
}

/* If the whole page is in an error or thankyou state, error and thankyou messages not belonging to a form should be shown */
.cd-error-page .cd-fresh,
.cd-thankyou-page .cd-fresh {
    display: none;
}

/* If the whole page is in an error or thankyou state, form content not belonging to a form should be hidden */
.cd-error-page .cd-error,
.cd-thankyou-page .cd-thankyou {
    display: block;
}

/* If the thankyou/error messages belongs to a form, it should ignore the page state */
.cd-error-page form .cd-error,
.cd-thankyou-page form .cd-error,
.cd-error-page form .cd-thankyou,
.cd-thankyou-page form .cd-thankyou {
    display: none;
}

/* If the form content belongs to a form, it should ignore the page state */
.cd-error-page form .cd-fresh,
.cd-thankyou-page form .cd-fresh {
    display: block;
}

/* If the form content belongs to a thankyou/error form, it should be hidden */
form.cd-error-form .cd-fresh,
form.cd-thankyou-form .cd-fresh {
    display: none;
}

/* If the form content belongs to a thankyou/error form, it should be hidden */
form.cd-error-form .cd-error,
form.cd-thankyou-form .cd-thankyou {
    display: block;
}



[data-pa-cd-ajax] input[type=submit].cd-loading,
[data-pa-cd-ajax] button[type=submit].cd-loading {
    background-color: #0071CE !important;

    border: none !important;

    background-image: -webkit-linear-gradient( -45deg, rgba(152, 202, 236, 1) 25%, transparent 25%, transparent 50%, rgba(152, 202, 236, 1) 50%, rgba(152, 202, 236, 1) 75%, transparent 75%, transparent ) !important;
    background-image: -moz-linear-gradient( -45deg, rgba(152, 202, 236, 1) 25%, transparent 25%, transparent 50%, rgba(152, 202, 236, 1) 50%, rgba(152, 202, 236, 1) 75%, transparent 75%, transparent ) !important;
    background-image: -ms-linear-gradient( -45deg, rgba(152, 202, 236, 1) 25%, transparent 25%, transparent 50%, rgba(152, 202, 236, 1) 50%, rgba(152, 202, 236, 1) 75%, transparent 75%, transparent ) !important;
    background-image: linear-gradient( -45deg, rgba(152, 202, 236, 1) 25%, transparent 25%, transparent 50%, rgba(152, 202, 236, 1) 50%, rgba(152, 202, 236, 1) 75%, transparent 75%, transparent ) !important;

    -webkit-background-size: 100px 100px !important;
    -moz-background-size: 100px 100px !important;
    -ms-background-size: 100px 100px !important;
    background-size: 100px 100px !important;

    -webkit-animation: cd-loading 1s linear infinite !important;
    -moz-animation: cd-loading 1s linear infinite !important;
    -ms-animation: cd-loading 1s linear infinite !important;
    animation: cd-loading 1s linear infinite !important;
}

/*
Animate the stripes
*/	
@-webkit-keyframes cd-loading {
  0% {
  	background-position: 0 0;
  }
  100% {
  	background-position: 50px 50px;
  }
}	
@-moz-keyframes cd-loading {
  0% {
  	background-position: 0 0;
  }
  100% {
  	background-position: 50px 50px;
  }
}	
@-ms-keyframes cd-loading {
  0% {
  	background-position: 0 0;
  }
  100% {
  	background-position: 50px 50px;
  }
}	
@keyframes cd-loading {
  0% {
  	background-position: 0 0;
  }
  100% {
  	background-position: 50px 50px;
  }
}