@font-face {
  font-family: 'ida-icon';
  src:  url('../fonts/ida-icon.eot?n91b1q');
  src:  url('../fonts/ida-icon.eot?n91b1q#iefix') format('embedded-opentype'),
    url('../fonts/ida-icon.ttf') format('truetype'),
    url('../fonts/ida-icon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ida-"], [class*=" ida-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ida-icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ida-info-circle:before {
  content: "\e906";
}
.ida-electricity:before {
  content: "\e926";
}
.ida-health:before {
  content: "\e927";
}
.ida-water:before {
  content: "\e928";
}
.ida-debt:before {
  content: "\e900";
}
.ida-disability:before {
  content: "\e901";
}
.ida-human-capital:before {
  content: "\e902";
}
.ida-technology:before {
  content: "\e907";
}
.ida-arrow-angle-left:before {
  content: "\e908";
}
.ida-arrow-angle-right:before {
  content: "\e909";
}
.ida-arrow-angle-up:before {
  content: "\e920";
}
.ida-arrow-angle-down:before {
  content: "\e921";
}
.ida-close:before {
  content: "\e922";
}
.ida-menu:before {
  content: "\e923";
}
.ida-arrow-right-btn:before {
  content: "\e924";
}
.ida-arrow-right:before {
  content: "\e925";
}
.ida-facebook:before {
  content: "\e910";
}
.ida-twitter:before {
  content: "\e911";
}
.ida-flickr:before {
  content: "\e912";
}
.ida-youtube:before {
  content: "\e913";
}
.ida-bird:before {
  content: "\e914";
}
.ida-climate:before {
  content: "\e915";
}
.ida-gender:before {
  content: "\e916";
}
.ida-gov:before {
  content: "\e917";
}
.ida-graph:before {
  content: "\e918";
}
.ida-search:before {
  content: "\e919";
}
.ida-plus:before {
  content: "\e903";
}
.ida-minus:before {
  content: "\e904";
}
.ida-times:before {
  content: "\e905";
}

/*Styling for SDFP*/

.sdfp-wrap .row.m-0 {
  margin: 0px;
}

.sdfp-wrap .row.sdp-section {
  background: #F5F5F5;
}

.sdfp-wrap .d-flex {
  display: flex;
  justify-content: space-between;
  padding: 8px 15px;
}

.sdfp-wrap .pb-4 {
  padding-bottom: 1.5rem;
}

.sdfp-wrap .pb-2 {
  padding-bottom: 0.5rem;
}

.sdfp-wrap .pt-2 {
  padding-top: 0.5rem;
}

.sdfp-wrap .m-3 {
  margin: 1rem;
}

.sdfp-wrap .p-2 {
  padding: 0.5rem;
}

.sdfp-wrap .rounded {
  border-radius: 0.25rem;
}

.sdfp-wrap .ml-1 {
  margin-left: 0.25rem;
}

.sdfp-wrap .col-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
}

.sdfp-wrap hr {
  margin: 0;
  width: 99%;
  color: #D8DDE4;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sdfp-wrap .btn-group .button {
  width: 70px;
  border: 1px solid #C43B80;
  /* padding: 11px 32px; */
  background-color: #FFFFFF;
}

.sdfp-wrap .btn-group .button.active {
  background-color: #C43B80;
  color: #FFFFFF;
}

.sdfp-wrap .btn-group .button:first-child {
  border-radius: 24px 0 0 24px;
}

.sdfp-wrap .btn-group .button:last-child {
  border-radius: 0 24px 24px 0;
  margin-left: -1px;
}

.sdfp-wrap .sdp-container {
  background: #FFFFFF;
  border: 1px solid #D8DDE4;
  filter: drop-shadow(0px 5px 20px rgba(16, 24, 40, 0.05));
}

.sdfp-wrap .sdp-label {
  font-family: Andes;
  font-weight: 700;
  font-size: 14px;
  line-height: 32px;
  color: #000000;
  text-align: left;
}

.sdfp-wrap .sdp-label.header {
  color: #1F7093;
}

.sdfp-wrap .sdp-assessment-label {
  font-family: Andes;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.3px;
  text-align: right;
}

.sdfp-wrap .sdp-content {
  font-size: 14px;
}