.ninja-forms-response-msg {
  padding-bottom: 10px;
}
.ninja-forms-success-msg {
  color: #4966B6;
  font-size: 13px;
}
.ninja-forms-cont {
  margin-top: 15px !important;
  -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
     -moz-transition: width 2s, height 2s, background-color 2s, transform 2s;
          transition: width 2s, height 2s, background-color 2s, transform 2s;
}
.ninja-forms-cont .meter, .ninja-forms-cont .meter > span {
  border-radius: 3px;
}
.ninja-forms-cont .meter {
  margin-bottom: 15px;
}
.ninja-forms-cont .meter > span {
  background-color: #5bc0de;
}
.ninja-forms-cont h1 {
  margin-top: 15px;
}
.ninja-forms-form .ninja-forms-mp-breadcrumbs {
  margin-bottom: 18px !important;
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.ninja-forms-cont .ninja-forms-mp-page-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #5bc0de;
  font-size: 1.7em;
  margin-top: 20px;
}
.ninja-forms-cont .resume_link_wrap {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.2em;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.ninja-forms-form-wrap div[id$="save_progress"] {
  float: left;
  margin-right: 10px;
}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
  border-radius: 3px;
  border: 1px solid #cecece;
  margin-top: 10px;
  padding: 5px;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}
.ninja-forms-form-wrap input[type="submit"], .ninja-forms-form-wrap input[type="button"] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  color: #333;
  background-color: #fff;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 2px;
  margin-top: 6px;
}
.ninja-forms-form-wrap input[type="submit"]:focus, .ninja-forms-form-wrap input[type="button"]:focus,
.ninja-forms-form-wrap input[type="submit"]:active:focus, .ninja-forms-form-wrap input[type="button"]:active:focus,
.ninja-forms-form-wrap input[type="submit"].active:focus, .ninja-forms-form-wrap input[type="button"].active:focus,
.btn.focus,
.btn:active.focus,
.ninja-forms-form-wrap input[type="submit"].active.focus, .ninja-forms-form-wrap input[type="button"].active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ninja-forms-form-wrap input[type="submit"]:hover, .ninja-forms-form-wrap input[type="button"]:hover,
.ninja-forms-form-wrap input[type="submit"]:focus, .ninja-forms-form-wrap input[type="button"]:focus,
.ninja-forms-form-wrap input.ninja-forms-mp-nav[class*="-active"] {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.ninja-forms-form-wrap input[type="submit"]:active, .ninja-forms-form-wrap input[type="button"]:active,
.ninja-forms-form-wrap input[type="submit"].active, .ninja-forms-form-wrap input[type="button"].active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.ninja-forms-form-wrap div[id$="save_progress"] input[type="submit"], .ninja-forms-form-wrap div[id$="save_progress"] input[type="button"] {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ninja-forms-form-wrap div[id$="save_progress"] input[type="submit"]:hover, .ninja-forms-form-wrap div[id$="save_progress"] input[type="button"]:hover,
 {
  background-color: #286090;
  border-color: #204d74;
}
.ninja-forms-field-error {
  padding-top: 10px;
}
.ninja-forms-field-error p {
  color: red !important;
}
/*Custom animation for progressbar*/
.ninja-forms-cont .meter {
  height: 20px;  /* Can be anything */
  position: relative;
  background: #555;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 0;
  box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.ninja-forms-cont .meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #5bc0de;
  background-image: linear-gradient(
    center bottom,
    #5bc0de 37%,
    rgb(84,240,84) 69%
  );
  box-shadow:
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}
.ninja-forms-cont .meter > span:after, .ninja-forms-cont .animate > span > span {
  /*/animation: move 2s linear infinite;*/
}
.ninja-forms-cont .meter > span:after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  /*-webkit-animation: move 2s linear infinite;*/
  /*-moz-animation: move 2s linear infinite;*/
  /*animation: move 2s linear infinite;*/
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.ninja-forms-form .ninja_form_preview {
  margin-right: 10px;
}

.ninja_form_preview {
  float: right;
}

#preview {
  direction: ltr;
}

.prv-loader {
  float: right;
  vertical-align: middle;
  margin-top: 15px;
  margin-right: 15px;
  background: url('loader.gif') center center no-repeat;
  width:16px;
  height:16px;
  display:inline-block;
}
.prv-overlay {
  position:fixed; top: 0; height: 0; width: 100%; height: 100%; background: #FFF; opacity: 0.4;z-index: 999;
}

.heading-field {
  background: #eee;
  color: #000;
  margin: 10px 8px;
}
/*@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}*/