.btn-success {
  color: #fff;
  background-color: #6F5091 !important;
  border-color: #6F5091 !important;
}

.previous-btn {
  float: left;
  background: #6F5091;
  color: white;
  border: 1px solid #9899bf;
}

#banner #bannercontainerone {
  height: auto !important;
}

.doh-banner {
  padding: 0.8rem;
  background: #30337f;
}

.text-color {
  color: white;
}

a.anchore-banner {
  color: white !important;
}

.container-fluid {
  padding: 1px;
}

.main-auto {
  width: 1028px;
  margin: auto;
}

@media only screen and (max-width: 538px) and (min-width: 10px) {
  .main-auto {
    width: 100%;
  }
}
/*This is Used for global header */
/*global header styles */
.header {
  background-color: red !important;
}

/* Recipient info*/
.text-aligncenter {
  text-align: center;
}

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

.text-colorwhite {
  color: white;
}

.pbarinfo {
  aria-valuenow: 50;
  aria-valuemin: 0;
  aria-valuemax: 100;
  background: #6f5091 !important;
}

.form-group {
  margin-bottom: 0rem !important;
}

.card-colorheight {
  background: #6f5091 !important;
  height: auto;
}

.fieldset-styles {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  font-weight: normal;
  border: 1px solid #999999;
  padding: 14px;
}

.legendstyle {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  font-weight: normal;
  border: 1px solid #999999;
  padding: 6px;
  margin: 4px;
  width: 295px;
  color: black;
}

.back-button {
  float: left;
  float: left;
  height: 32px;
  /* width: 82px; */
  /* margin-top: -4px; */
  margin-top: -3px;
  /* background: red; */
  /* border: none; */
  display: block;
  /* height: 60px; */
  /* font: 13px/60px 'ProximaNovaRegular',sans-serif; */
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  vertical-align: middle;
  padding: 0 20px;
  color: #fff;
  cursor: pointer;
  border: 1px solid;
  border-color: #9899bf;
  background-color: transparent;
  text-align: center;
  white-space: nowrap;
}

.next-button {
  float: right;
  height: 32px;
  /* width: 82px; */
  /* margin-top: -4px; */
  margin-top: -3px;
  /* background: red; */
  /* border: none; */
  display: block;
  /* height: 60px; */
  /* font: 13px/60px 'ProximaNovaRegular',sans-serif; */
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  vertical-align: middle;
  padding: 0 20px;
  color: #fff;
  cursor: pointer;
  border: 1px solid;
  border-color: #9899bf;
  background-color: transparent;
  text-align: center;
  white-space: nowrap;
}

.contentrecepent {
  width: 1036px;
  margin: auto;
  margin-top: 24px;
}

/*  mobile view  */
@media only screen and (max-width: 955px) and (min-width: 10px) {
  .contentrecepent {
    width: auto;
  }
}
@media only screen and (max-width: 955px) and (min-width: 10px) {
  .legendstyle {
    all: unset;
    width: 100%;
  }

  .fieldset-styles {
    all: unset;
    width: 100%;
  }
}
.error {
  color: red;
}

@media screen and (min-width: 1600px) {
  .time-period-table {
    min-height: 18.8rem;
  }
}
@media screen and (min-width: 1900px) {
  .time-period-table {
    min-height: 30rem;
  }
}
@media only screen and (max-width: 1366px) {
  .time-period-table {
    min-height: 34.8rem;
  }
}
@media all and (max-width: 1200px) {
  .time-period-table {
    min-height: 56rem;
  }
}
@media all and (max-width: 992px) {
  .time-period-table {
    min-height: 27.5rem;
  }
}
@media all and (max-width: 768px) {
  .time-period-table {
    min-height: 35rem;
  }
}
@media all and (max-width: 767px) {
  .time-period-table {
    min-height: 2rem;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
  .time-period-table {
    min-height: 18.8rem;
  }
}
@media only screen and (max-width: 823px) and (max-height: 414px) and (orientation: landscape) {
  .time-period-table {
    min-height: 2rem;
  }
}
/* Progress Bar */
/* Progressbar */
.progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
}

.progressbar li {
  list-style-type: none;
  width: 19%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  color: #7d7d7d;
}

.progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
  position: relative;
  z-index: 100;
}

.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 15px;
  left: -50%;
}

.progressbar li:first-child:after {
  content: none;
}

.progressbar li.active {
  color: #6f5091;
}

.progressbar li.active:before {
  border-color: #6f5091;
  background: #6f5091;
  color: white;
}

.progressbar li.active + li:after {
  background-color: #6f5091;
}

@media only screen and (max-width: 6240px) and (min-width: 537px) {
  ul.progressbar.Mobile-View {
    display: none;
  }
}
@media only screen and (max-width: 538px) and (min-width: 10px) {
  ul.progressbar.Desktop-View {
    display: none;
  }

  .progressbar li {
    font-size: 16px !important;
    white-space: nowrap;
    width: 32% !important;
  }

  ul.progressbar.Mobile-View.time {
    counter-reset: step 2;
  }
}
/* confirmation page */
.summary-subheading {
  background: #8DC8E8;
  padding: 8px;
}