@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;
    }
    &.sdp-section {
      background: #F5F5F5;
    }
  }

  .d-flex{
    display: flex ;
    justify-content: space-between;
    padding: 8px 15px;
  }
  
  .pb-4 {
    padding-bottom: 1.5rem;
  }

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

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

  .m-3 {
    margin: 1rem;
  }

  .p-2 {
    padding: 0.5rem;
  }

  .rounded {
    border-radius: 0.25rem;
  }

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

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

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

  .btn-group .button {
    width: 70px;
    border: 1px solid #C43B80;
    padding: 11px, 32px;
    background-color: #FFFFFF;
    &.active{
      background-color: #C43B80;
      color:#FFFFFF
    }
    &:first-child {
      border-radius: 24px 0 0 24px;
    }
    &:last-child {
      border-radius: 0 24px 24px 0;
      margin-left: -1px;
    }
  }

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

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

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

}