.chart_go_button {
    background-color: #f06232;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    border: 2px solid #f06232;
  }

  .report-property {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    background: #e8ebee;
  }

  .invisible {
    position: absolute;
    left: -9999px;
  }

  .container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 1250px;
    padding-bottom: 30px;
  }

  .chart_header {
    background-color: #ffffff;
    border-bottom: 1px solid #f7f7f7;
    border-radius: 3px;
    padding: 12px 26px;
    font-size: 16px;
    display: block;
  }

  .program-report_box {
    min-height: 0px;
    width: 100%;
    background-color: #fff;
    margin-top: 15px;
    -webkit-box-shadow: 3px 3px 18px -10px #000;
    -moz-box-shadow: 3px 3px 18px -10px #000;
    box-shadow: 3px 3px 18px -10px #000;
    border-radius: 3px;
  }

  .program-report_box-nps {
    min-height: 200px;
    width: 100%;
    background-color: #fff;
    margin-top: 10px;
    -webkit-box-shadow: 3px 3px 18px -10px #000;
    -moz-box-shadow: 3px 3px 18px -10px #000;
    box-shadow: 3px 3px 18px -10px #000;
    /* min-height: 7rem;
      padding: 14px 20px;*/
    color: #000;
  }

  .chart_content {
    min-height: 200px;
    width: 100%;
    background-color: #fff;
    margin-top: 30px;
   /* -webkit-box-shadow: 3px 3px 18px -10px #000;
    -moz-box-shadow: 3px 3px 18px -10px #000;
    box-shadow: 3px 3px 18px -10px #000;*/
    /* min-height: 7rem; */
    padding: 14px 20px;
    color: #000;
  }

  .report__download_section .program-report-nps_box {
    /* min-height: 180px; */
    width: 100%;
    background-color: #fff;
    margin-top: 30px;
    border-bottom: solid grey 1px;
  }

  .report__download_section .program-report-nps_box .chart_header h3 {
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
  }

  .program-report_box .chart_content {
    background-color: #fff;
    min-height: 7rem;
    padding: 14px 20px;
    color: #000;
    /*height: 550px;*/
    height: 450px;
    border-radius: 3px;
  }

  .report__download_section .program-report_box {
    min-height: 180px;
    width: 100%;
    background-color: #fff;
    margin-top: 100px;
    border-bottom: solid grey 1px;
    /*height: 650px;*/
    height: 450px;
  }

  .report__download_section .program-report_box .chart_header h3 {
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
  }

  .program-report-metricAnalysis_box .chart_content {
    background-color: #fff;
    min-height: 7rem;
    padding: 14px 20px;
    color: #000;
    /*height: 550px;*/
    height: 450px;
  }

  .report__download_section .program-report-metricAnalysis_box {
    min-height: 180px;
    width: 100%;
    background-color: #fff;
    margin-top: 45px;
    border-bottom: solid grey 1px;
    /*height: 650px;*/
    height: 450px;
  }

  .report__download_section .program-report-metricAnalysis_box .chart_header h3 {
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
  }

  .chart_content p {
    font-size: 14px;
    line-height: 20px;
  }

  .chart_content .nps_chart .nps_score_box {
    height: 200px;
  }

  .chart_content .nps_chart>div {
    width: 50%;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .nps_score_box .nps_score_list {
    border: solid 1px #e7e8ea;
    height: 36px;
    background-color: #e7e8ea;
    border-radius: 50px;
    display: flex;
    margin-top: 24px;
    min-width: 200px;
  }

  .nps_score_box .nps_score_list .circle {
    background-color: #ccc;
    color: #fff;
    border-radius: 50%;
    padding: 8px;
    font-weight: 500;
    position: relative;
    font-size: 18px;
  }

  .report__download_section .multi_chart_content {
    display: flex;
  }

  .nps_score_box .nps_score_list .promoters {
    background-color: #1ebc62;
  }

  .nps_score_box .nps_score_list .passives {
    background-color: #ffb405;
  }

  .nps_score_box .nps_score_list .detractors {
    background-color: #d2323c;
  }

  .nps_score_box .nps_score_list span:nth-child(2) {
    width: 100%;
    padding: 7px 10px;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
  }

  .nps_score_box .nps_score_list span:last-child {
    padding: 6px 0px;
    font-size: 18px;
    font-weight: 700;
    margin-right: 5px;
  }

  .chart_content .nps_chart {
    display: flex;
  }

  .multi_chart_content .trend_over_class {
    width: 500px;
    margin-left: 8rem;
  }

  .chart_content .report-table thead th:first-child,
  .chart_content .report-table tbody tr td:first-child {
    text-align: left;
  }

  .chart_content .report-table th:first-child,
  .chart_content .report-table th:last-child {
    color: #4b3693;
  }

  .chart_content .report-table th:first-child {
    width: 22%;
  }

  .chart_content .report-table thead th {
    padding: 8px 0px;
    text-align: center;
  }

  .chart_content .report-table {
    font-size: 14px;
    width: 100%;
    text-align: left;
  }

  .chart_content .report-table thead th {
    border-bottom: 1px solid #ccc;
    font-weight: 600;
  }

  .chart_content .report-table tbody td {
    border-bottom: solid 1px #e6e6e6;
  }

  .chart_content .report-table thead th:first-child,
  .chart_content .report-table tbody tr td:first-child {
    text-align: left;
  }

  .chart_content .report-table tbody tr td {
    padding: 14px 0 8px 0px;
    text-align: center;
  }

  .report__download_section .response_text_box .title_section {
    display: flex;
    margin-bottom: 8px;
  }

  .report__download_section .response_text_box .title_section h4 {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #4b3693;
    margin: 0px;
  }

  .report__download_section .response_text_box p {
    font-size: 14px;
    padding-top: 0px;
    margin-top: 0px;
  }

  .respond_duration {
    text-align: right;
    color: #aaa;
    font-size: 12px;
  }

  .report__download_section .qr_code_section {
    text-align: right;
    margin-top: 15px;
  }

  .multi_chart_content h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px;
    text-align: center;
    margin-top: 18px;
  }

  .qr_code_section span:first-child {
    font-size: 14px;
    font-weight: 500;
    color: #aaa;
    vertical-align: top;
    position: relative;
    top: 37px;
  }

  /* .text-center {
    width: 800px;
    text-align: center;
  } */

  .response_text_box {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 16px;
  }

  .header_section>tbody>tr>td {
    width: 30%;
  }

  .header_section_bottom>tbody>tr>td {
    width: 50%;
  }

  .nps_section {
    min-height: 350px;
  }

  .nps_overview_section .nps_overview p {
    padding-top: 24px;
  }

  .nps_overview_section .nps_overview {
    width: 357px;
    /*border-right: 1px solid black;*/
    margin-right: 80px;
  }

  .chart_content p {
    font-size: 16px;
    line-height: 20px;
  }

  .nps_chart_section {
    width: 60%;
    margin-left: 75px;
    border-left: 1px solid #ccc;
  }

  .nps_overview_section .chart_content {
    display: flex;
    padding: 34px;
  }

  .nps_overview_section .nps_overview {
    width: 357px;
    border-right: 1px solid #ccc;
    margin-right: 80px
  }

  .nps_overview_section .nps_overview span {
    font-size: 16px;
    color: #52475C;
  }

  .nps_overview_section .nps_overview p {
    padding-top: 24px;
  }

  .nps_overview_section .nps_overview p span:last-child {
    font-weight: 500;
  }

  .nps_chart>div {
    padding: 0px;
  }

  .chart_content>div {
    padding: 0px;
    float: left;
  }

  .nps_overview_section .nps_overview p:first-child {
    padding-top: 0px;
  }

  .nps_overview_section .chart_content img {
    height: 200px;
    width: auto;
  }

  .program_dashboard_div h2 {
    font-weight: 500;
    color: #52475C;
    margin-left:23px;
  }

  .overview_section {
    min-height: 50px;
    border-radius: 3px;
  }

  .overview_section .chart_content {
    min-height: 50px;
    display: inline-block;
  }

  .overview_section p {
    width: 320px;
    display: inherit;
    line-height: 2.4;
  }

  .chart_content p {
    width: 100%;
    display: inherit;
    line-height: 2.4;
  }

  .overview_section span {
    font-size: 18px;
    color: #52475C;
    font-weight:500
  }

  .overview_section span:last-child {
    font-weight: 400;
  }

  .overview_section .chart_content p:last-child {
    margin-bottom: 0px;
  }

  .report__section {
    font-size: 1.4rem;
    background-color: #E7EBEE;
  }

  .program-sec {
    /* margin-left: 158px; */
    /* margin-top: 66px; */
    background-color: #E7EBEE;
  }

  .report-expand-icon, .report-expand-icon i, .report-expand-icon i:hover, .report-expand-icon i:active{
      color:green;
      font-size:36px;
      font-weight:bold;
  }

  .report-collapse-icon, .report-collapse-icon i, .report-collapse-icon i:hover, .report-collapse-icon i:active{
      color:red;
      font-size:36px;
    font-weight:bold;
    cursor:not-allowed;
  }
  .prog-option .fa-ellipsis-v{
    color:#515151
  }
  .margin-right-download_icon{
      margin-right:20px
  }

  .margin-right-30{
      margin-right:30px
  }
  .margin-right-10{
    margin-right:10px
  }

  .margin-right-5{
    margin-right:5px
  }

  @media all {
    /*.page-break { display: none; }*/
    .page-html2pdf__page-break {
      display: block;
      page-break-before: auto;
    }
  }

  @media print {
    .html2pdf__page-break {
      display: block;
      page-break-before: auto;
    }
  }

  /***************************************/

  .program-report_global_section{
    padding-left: 30px;
    padding-right: 30px;
  }

  .search_by_date .date_range .d-start-date{
   margin-right:20px;
   padding-top: 2.5px;
   width:220px;
  }

  .search_by_date .date_range .d-start-date .d-date-wrap input{
   width:150px;
   /*padding-left:15px;*/
  }

  .search_by_date .date_range .d-end-date{
   margin-right:20px;
   padding-top: 2.5px;
   width:200px;
  }

  .search_by_date .date_range .d-end-date .d-date-wrap input{
   width:150px;
   /*padding-left:15px;*/
  }

  .chart_go_button{
   padding: 2px 15px 2px 15px;
   background-color: #E3885F;
   color: #fff;
   font-weight: 500;
   font-size: 16px;
   text-transform: capitalize;
   border: 2px solid #E3885F;
   border-radius: 4px;
  }

  .chart-box{
    margin-top:20px;
  }

  .container{
   width:100%;
   padding-left:15px;
   padding-right:15px;
   padding-bottom:10px;
   max-width:100%;
   /* background-color: #e8ebee; */
  }

  .container .chart_content{
   margin-top:0px;
  }

  .container .chartAlignmentOuter{
    width: 100%;
    text-align: center;
  }

  .container .chart_content .chartAlignmentInner{
    display:inline-block;
    float:none;
  }

  .qtypeInfo{
    display: inline-block;
    /* width: 10%; */
    /* padding-top: 6px; */
    text-align: -webkit-center;
    /* padding-bottom: 6px; */
    /* border-radius: 3px; */
    width: auto;
    background-color: #7F6FA1;
     color: white;
     font-size: 0.9rem;
     line-height: normal;
     font-weight: 500;
     text-align: center;
     white-space: nowrap;
     border-radius: 200px;
     height: 24px;
     padding: 3px 10px;
   }

   .chart_header h4{
   display:inline-block;
   width:12%;
   padding-top:3px;
   }

  .nps_overview{
   margin-left: 15px;
   margin-top: 20px;
   width:25%;
   border-right:1px solid #ccc;
  }

  .nps_chart_section{
   padding-top:15px;
   width:60%;
   margin-left:7%;
   border-left:0px;
   float:left;
   position:absolute;
   top: 50%;
   left: 24%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
  }

  .nps_chart_section p{
   line-height:1.4;
   font-size:18px;
  }
  .nps_score_box{
    width:100%;
  }

  .no-NPS-responses{
   width:73%;
   height:280px;
   padding-top:110px;
  }

  .no-NPS-responses h4{
   font-size:18px;
  }

  .chart_header .prog-opt-menu ul li{
    /*padding-left: 15px;*/
  }

  .respondents{
    font-size: 17px;
    font-weight: 500;
    color: #52475C;
  }

  .iconfwd{
    color: #444;
    margin:3px 0px 0px 5px;
    padding-right: 3px;
    font-size:16px;
  }

  .navPrograms{
    font-size: 16px;
    color: #4C3794;
    font-family: 'Proxima Nova';
    font-weight: 500;
    margin-top:3px;
  }

  .collapse-open{
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
  }

  .text-collapse{
    height: 63px;
    overflow: hidden;
  }

  .hide-arrow{
    display: none !important;
  }

  .arrow-flip{
    transform: rotate(180deg);
    margin-bottom: 8px;
    margin-right: 2px;
  }

  .icon-down{
      background: url(/assets/images/downward-chevron.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-up{
      transform:          rotate(180deg);
      -ms-transform:      rotate(180deg);
      -moz-transform:     rotate(180deg);
      -webkit-transform:  rotate(180deg);
    -o-transform:       rotate(180deg);

  }

  .show-all{
      color:#4B3693;
      font-size:14px;
      vertical-align:text-top;
    /* display: inline; */

  }

  .show-all:hover{
      text-decoration:underline;
  }

  .collapse{
      color:#4B3693;
      font-size:14px;
      vertical-align: text-top;
      display: inline;
  }

  .collapse:hover{
      text-decoration:underline;
  }


  .cont-build, .grey-bg {
      background: #ffffff;
   }

   .program_dashboard_div_hr{
     display: none;
   }

   .container{
     padding-bottom: 7px;
   }

  h2{
    font-size: 24px;
    font-family: 'Proxima Nova', 'Avenir', Helvetica, Arial, sans-serif;
    color:#52475C;
    margin-bottom: 21px;
   }

   /* alert related styles */

  .for-rtl-icon,
  .program-report-nav .rtl-alert{
    display:none;
  }
  .rtl-alert .for-rtl-icon{
    display: inline-block;
    margin:3px 7px 0 0;
  }
  .show-result-search select{
    width: 100%;
    font-size: 18px;
    font-family: "Proxima Nova", "Avenir", arial, sans-serif;
    direction: ltr;
  }
  .qSelect{
    display: block;
    font-size: 18px;
    color: #000;
    line-height: 1.3;
    padding: 0px 5px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(/assets/images/dropdownIcon.svg),
    linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    cursor: pointer;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    padding: 0px 10px;
  }
  .qSelect{
    /*border: 1px solid #EBEBEB;*/
  }