/* @override 
	https://passagepreepp1.wpenginepowered.com//wp-content/plugins/passage-customization/assets/css/styles.css?* */



  table.dataTable.nowrap td:not(:first-child):not(:nth-child(4)) {
    white-space: normal !important;
  }
  
  td.table-content.cus-from-name.dtr-control.sorting_1 {
    text-align: left !important;
  }
  @keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
  }
  /* .loader {
      border: 4px solid #f3f3f3;
      border-radius: 50%;
      border-top: 4px solid #333;
      width: 20px;
      height: 20px;
      animation: spin 2s linear infinite;
      margin-left: 10px;
      display: inline-block;
  }
  
  @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
  } */
  .rotating {
    animation: spin 2s linear infinite;
  }
    .refresh-icon-container {
      position: relative;
      display: flex;
      cursor: pointer;
      align-items: center;
      margin-left: 20px;
          }
          .ajax_refresh_button{
  
          }
          .loading-gif-refresh{
            height: 22px !important;
            padding-left: 10px;
          }
          /* .refresh-icon-container1{
            position: relative;
  
            cursor: pointer;
            text-align: right;
            padding: 0px 20px 35px 0px;
          } */
          .refresh-icon-container1 {
            position: relative;
            display: flex;
            cursor: pointer;
            padding: 0px 20px 35px 0px;
            margin-left: 90%;
        }
          #refresh-icon {
            font-size: 24px;
            color: #333;
            transition: color 0.3s ease;
         
        }
        #refresh-icon1 {
          font-size: 24px;
          color: #333;
          transition: color 0.3s ease;
       
      }
  button.ajax_refresh_button {
      color: #fff;
      background: #043753;
      border: 1px solid #043753;
      border-radius: 5px;
      padding: 6px 10px;
      font-weight: 600;
      cursor: pointer;
  }
          #refresh-icon:hover {
            color: #043753;
          }
          #refresh-icon1:hover {
            color: #043753;
          }
  
          .tooltip-text {
            display: none;
            width: 130px;
            background-color: #f0c144;
            color: #043753;
            text-align: center;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            bottom: 79%;
        font-size: 14px;
        font-weight: 500;
        right: -15px;
         
            transition: opacity 0.3s ease;
          }
          
          .tooltip-text1 {
      
            width: 130px;
            background-color: #f0c144;
            color: #043753;
            text-align: center;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            bottom: 106%;
            font-size: 14px;
            font-weight: 500;
            right: -1%;
            display: none;
            transition: opacity 0.3s ease;
          }
  
          #refresh-icon:hover ~ .tooltip-text {
          display: block !important;
          
          }
         #refresh-icon1:hover ~ .tooltip-text1 {
          display: block !important;
          
          }
          
  #fixed_column_table_wrapper td, th {
    white-space: nowrap !important;
  }
  #fixed_column_table{
    margin-left: 0px !important;
  }
  div.dt-container.dt-empty-footer .dt-scroll-body {
    border-bottom: none !important;
  }
  #fixed_column_table_wrapper{
    width: 95% !important;
    margin: 0 auto !important;
  }
  div.dt-container .dt-paging .dt-paging-button{
    color: #FFF !important;
    background-color: #124c60 !important;
    border: none !important;
  }
  div.dt-container .dt-paging .ellipsis{
    padding: 0 10px !important;
    color: #043753 !important;
    font-size: 20px!important;
  }
  div.dt-container .dt-paging .dt-paging-button.disabled{
    color: #FFF !important;
    background-color: #124c60 !important;
    border: none !important;
    cursor: pointer !important;
  }
  div.dt-container .dt-paging .dt-paging-button.current{
    color: #043753 !important;
    background-color: #B2D59B !important;
    border: 0px !important;
  }
  
  div.dt-container .dt-paging .dt-paging-button:hover{
    color: #043753 !important;
    background: #B2D59B !important;
    border: none !important;
  }
  button.dt-paging-button:hover{ 
    color: #FFF !important;
    background-color: #B2D59B !important;
    border:none !important;
  }
  div.dt-container .dt-paging .dt-paging-button.disabled {
    color: #fff !important;
  }
  .dt-paging.paging_simple_numbers{
    float: right;
  }
  div#myTable4_info, div#myTable1_info, div#myTable2_info  {
    float: left;
    margin-top: 10px;
  }
  
  #table_size {
    display: inline;
    width: 5%;
    padding: 4px 8px;
  }
  .pagination {
    font-size: 16px;
    margin-top: 10px !important;
  text-align:left;
  margin-bottom:0px !important;
  }
  
  
  .row{
    display:flex;
    flex-wrap: wrap;
  }
  .col-md-4{
    flex: 0 0  48%;
  }
  
  .pre-next {
      text-align: right;
  }
  select#table_size {
    display: inline;
    width: 5% !important;
  }
  div#pageNumber {
    font-size: 12px;
  }
  button.Previous.Page {
    padding: 8px 8px;
    background: #aced06;
    color: #110045;
    border: none !important;
    outline: none !important;
    margin-top: 16px;
  }
  button.Next.Page {
    padding: 8px 8px;
    background: #aced06;
    color: #110045;
    outline: none !important;
    border: none !important;
  }
  th.search_checkbox_value_all_design.sorting.sorting_asc::after{
      display: none;
  }
  th.search_checkbox_value_all_design.sorting::after{
    display: none !important;
  }
  th.search_checkbox_value_all_design.sorting.sorting_desc::after {
    display: none;
  }
  th.search_checkbox_value_all_design.sorting.sorting_asc::before{
    display: none;
  }
  th.search_checkbox_value_all_design.sorting.sorting_desc::before {
    display: none;
  }
  th.search_checkbox_value_all_design.sorting::before{
    display: none !important;
  }
  th.search_checkbox_value_all_design.sorting.sorting_asc {
  text-align: center !important;
  padding: 10px;
  }
  th.search_checkbox_value_all_design.sorting.sorting_desc{
    text-align: center !important;
    padding: 10px;
  }
  th.search_checkbox_value_all_design.sorting{
    text-align: center !important;
    padding: 10px;
  }
  
  tr.email-row {
    border: none;
    background-color: #ffff;
  }
  tr.email-row:nth-child(odd)>th {
    background-color: #FFFF;
  }
  
  tr.email-row:nth-child(odd)>td {
    background-color: #FFFF;
  }
  tr.email-row:nth-child(even)>th {
    background-color: #FFFF;
  }
  
  tr.email-row:nth-child(even)>td {
    background-color: #FFFF;
  }
  
  .dataTables_wrapper .dataTables_filter input {
  margin-right: -18px;
  }
  
  
  .dataTables_wrapper .dataTables_length select {
  margin-top:-6px !important;
  border: 1px solid var(--gray-300, #D0D5DD) !important;
  }
  .dt-length {
    float: left;
    display: flex;
    
    column-gap: 10px;
     height: 32px;
     margin-bottom:20px;
    
  }
  label {
    padding-top: 8px;
  }
  
  input#dt-search-1 {
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    height: 35px;
    outline: none;
  }
  input#dt-search-2{
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    height: 40px;
    outline: none;
  }
  input#dt-search-9{
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    height: 40px;
    outline: none;
  }
  input#dt-search-3 {
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    height: 40px;
    outline: none;
  }
  select#dt-length-0 {
    padding: 4px;
    width: 65px;
    height: 32px;
    margin-top: 10px;
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    outline: none;
  }
  input#portal_teacher_name_value:focus-visible {
    outline: 1px solid var(--gray-300, #D0D5DD);
  }
  select#portal_state_value:focus-visible {
    outline: 1px solid var(--gray-300, #D0D5DD);
  }
  select#portal_mailing_value:focus-visible {
    outline: 1px solid var(--gray-300, #D0D5DD);
  }
  select#portal_school_name_value:focus-visible {
    outline: 1px solid var(--gray-300, #D0D5DD);
  }
  select#portal_ceretification_value:focus-visible {
    outline: 1px solid var(--gray-300, #D0D5DD);
  }
  select#portal_course_name_value:focus-visible {
    outline: 1px solid var(--gray-300, #D0D5DD);
  }
  input#search-pin-code-value:focus-visible {
    outline: 1px solid var(--gray-300, #D0D5DD);
  }
  input#search-value-text:focus-visible{
    outline: 1px solid var(--gray-300, #D0D5DD);
  }
  input#dt-search-5{
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    height: 40px;
    outline: none;
  }
  input#search-pin-code-value {
    border: 1px solid var(--gray-300, #D0D5DD) !important;
  }
  select#dt-length-1{
    padding: 4px;
    width: 65px;
    height: 32px;
    margin-top: 10px;
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    outline: none;
  }
  select#dt-length-2{
    padding: 4px;
    width: 65px;
    height: 32px;
    margin-top: 10px;
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    outline: none;
  }
  select#dt-length-3 {
      padding: 4px;
      width: 65px;
      height: 32px;
      margin-top: 10px;
      border: 1px solid var(--gray-300, #D0D5DD) !important;
      outline: none;
  }
  select#dt-length-4 {
    padding: 4px;
    width: 65px;
    height: 32px;
    margin-top: 10px;
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    outline: none;
  }
  select#dt-length-5 {
    padding: 4px;
    width: 65px;
    height: 32px;
    margin-top: 10px;
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    outline: none;
  }
  select#dt-length-6 {
    padding: 4px;
    width: 65px;
    height: 32px;
    margin-top: 10px;
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    outline: none;
  }
  select#dt-length-7 {
    padding: 4px;
    width: 65px;
    height: 32px;
    margin-top: 10px;
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    outline: none;
  }
  select#dt-length-8 {
    padding: 4px;
    width: 65px;
    height: 32px;
    margin-top: 10px;
    border: 1px solid var(--gray-300, #D0D5DD) !important;
    outline: none;
  }
  
  .dt-search {
    float: right;
    display: flex;
    /* padding-right: 15px; */
    column-gap: 10px;
    height: 40px;
  }
  .dataTables_wrapper .dataTables_filter input {
  margin-top:-10px !important;
  border: 1px solid var(--gray-300, #D0D5DD) !important;
  }
  
  table.dataTable.display>tbody>tr.odd>* {
    box-shadow: none !important;
    background-color: #edfdc240 !important;
  }
  table.dataTable.display>tbody>tr:hover>* {
    box-shadow: none !important;
    background-color: #edfdc240 !important;
  }
  table.dataTable.display>tbody>tr.odd>.sorting_1{
   box-shadow: none !important; 
   background-color: #edfdc240 !important;
  }
  table.dataTable.display tbody tr:hover>.sorting_1{
    box-shadow: none !important;
    background-color: #edfdc240 !important;
  }

  
  .dataTables_length label{
   
    column-gap: 10px;
    padding-left:15px;
  }
  div#myTable_info {
    color: var(--gray-700, #344054);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    padding-left:15px;
  }
  
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
  color: var(--gray-700, #344054) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; 
  
  }
  
  
  
  .custom-dashboard-design-monitor{
    height: 100px !important;
  }
  .custom-dashboard-design-search{
    height: 100px !important;
  }
  .custom-dashboard-design-profile{
    height: 100px !important;
  }
  .quizz-attempt {
    display: flex;
    column-gap: 20px;
    padding: 10px;
  }
  .quizz-attempt1{
    display: flex;
    column-gap: 20px;
  
  
    padding: 20px;
  }
  
  
  a.paginate_button.current{
  width:25px;
  padding: 3px 0px !important;
  
  height:25px;
  font-size:12px;
  margin-top:5px;
  margin-bottom:10px;
  margin-right:15px;
  color:#1D2939 !important;
  background: var(--base-white, #FFF)!important;
  
  }
  
  button.dt-button.buttons-copy.buttons-html5{
    text-transform:uppercase;
    font-size: 12px;
    /* border: 1px solid var(--gray-300, #D0D5DD) !important; */
    border: none;
    background-color: #aced06;
  color: #110045;
    display: none;
    font-weight: 600;
  padding: 4px 16px;
  /* color: var(--gray-700, #344054); */
  }
  
  
  button.dt-button.buttons-csv.buttons-html5{
    text-transform:uppercase;
    font-size: 12px;
    font-family: "Avenir-Medium" !important;
    border: 2px solid #B2D59B   !important;
    background-color: #B2D59B ;
    color: #0d2844;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 10px;
    cursor: pointer;
  
  }
  button.dt-button.buttons-csv.buttons-html5:hover{
    /* padding: 2px 16px !important; */
    background-color: #B2D59B  !important;
    border: 2px solid #B2D59B  !important;
  }
  
  button.dt-button.buttons-pdf.buttons-html5:hover{
    background-color: transparent !important;
    border: 2px solid #B2D59B  !important;
  }
  button.dt-button.buttons-print{
    text-transform:uppercase;
    font-size: 12px;
    font-family: "Avenir-Medium" !important;
    border: 2px solid transparent !important;
    background-color: #B2D59B ;
    color: #110045;
    font-weight: 600;
    padding: 4px 16px;
    border-radius: 0px 15px 0px;
  /* color: var(--gray-700, #344054); */
  }
  button.dt-button.buttons-print:hover{
    /* padding: 2px 16px !important; */
    background-color: transparent !important;
    border: 2px solid #B2D59B  !important;
  }
  
  .dt-buttons {
  text-align: right;
  
  margin-bottom: 20px;
  margin-top: 40px;
  
  }
  
  a.paginate_button {
  
  padding: 3px 0px !important;
  
  height:25px;
  font-size:12px;
  margin-top:5px;
  margin-bottom:10px;
  margin-right:15px;
  color:#1D2939 !important;
  background: var(--base-white, #FFF)!important;
  }
  a.paginate_button:hover{
  color:#1D2939 !important;
  background: var(--base-white, #FFF)!important;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button{
  padding:0px;
  }
  /* table hover design start*/
  tr.even:hover{
    background-color: transparent !important;
  }
  table tbody tr.even:hover>td{
    background-color: none !important;
  }
  table tbody tr:hover>td{
    background-color: transparent;
  }
  table.dataTable.display tbody tr.even:hover > .sorting_1{
    box-shadow: none !important;
    background-color: transparent !important;
  }
  
  table.dataTable.display > tbody > tr.even:hover > *{
    box-shadow: none !important;
    background-color: transparent !important;
  }
  #myTable4_filter label {
    display: flex;
    column-gap: 10px;
  }
  #yearSelector{
    position:relative!important;
    left:36%;
    top:52px;
    z-index:2!important;
    cursor: pointer;
    border:0px;
    background:none;

  }
  
  /* candidatepage-css */
  a.canvasjs-chart-credit {
    display: none;
  }
  canvas.canvasjs-chart-canvas {
    width: 100%;
    border: 1px solid #04375314; 
    padding: 30px;
    box-shadow: rgb(50 50 93 / 4%) 0px 2px 9px 1px, rgb(0 0 0 / 3%) 0px 1px;
   
  }
  .candidate_voucher_barchart {
    display: flex;
    gap: 3%;
  }
  /* div#chartContainer { 
    height: 300px;
  width: 30%;
   
  } */
  /* div#voucher_chart {
    height: 300px;
   width: 30%;
    
  } */
  /* div#Voucher_details {
    height: 300px;
  width: 30%;
  } */
  /* div#course_chart {
    height: 300px;
    width: 30%;
  
  } */
  .username_container {
    border: 1px solid #043753 !important;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
  }
  h3.top_header_sub.fusion-responsive-typography-calculated {
    font-size: 16px !important;
  }
  
  h3.top_header_sub_course.fusion-responsive-typography-calculated {
    font-size: 16px !important;
    font-weight: 700;
    text-align: center;
  }
  .dt-length label {
    padding-top: 13px !important;
  }
  .dt-length label {
    padding-top: 13px !important;
  }
  h3.average_title{
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: center;
    padding-top: 50px;
    margin: 0px !important;
  }
  h3.top_header_sub{
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: center;
  }
  .dia-report{display:none;}
  .diagnostic_allreport {
    display: flex;
    column-gap: 34%;
  }
  .form-candidate-searchs{
    display: flex;
      column-gap: 30px;
      justify-content: center;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 20px;
  }
  .test {
    border: 1px solid #043753 !important;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    /* text-align: center; */
    cursor:default;
  }
  .candidate-practice-sub-container {
    display: flex;
    width: 100%;
    background-color: #B2D59B ;
  }
  
  
  .first_td_dia{
    height: 80%;
    cursor: default;
  }
  .candidate-practice-sub1-container {
    display: flex;
  }
  p.first_pr{
    width: 50%;
    text-align: left;
    margin-bottom: 0px !important;
    padding: 15px 10px;
  }
  p.first_pr1{
    width: 50%;
    text-align: left;
    margin-bottom: 0px !important;
    padding: 15px 10px;
    color: #0d2844;
    font-weight: 600;
  }
  p.text-pr1 {
    width: 47%;
    text-align: right;
    margin: 0px 40px 0px 0px !important;
    padding: 15px 10px;
    color: #0d2844;
    font-weight: 600;
  }
  p.text-pr {
    width: 50%;
    text-align: right;
    margin: 0px 40px 0px 0px !important;
    padding: 15px 10px;
  }
  p.first_dr {
    width: 50%;
    text-align: center;
    padding: 15px;
    margin-bottom: 0px !important;
  }
  
  p.text-dr {
    width: 50%;
    text-align: center;
    padding: 15px;
    margin-bottom: 0px !important;
  }
  .cus-attempt{
    background-color: #124c60 ;
    padding: 10px;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 10px 0px;
    display: flex;
    height: 38px;
   
  }
  .cus-attempt h3 {
    background-color: #124c60 ;
    margin: 0px !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left;
    flex-basis: 61%;
  }
  .cus_dia_report_sub{
    background-color: #124c60 ;
    padding: 10px;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 10px 0px;
    display: flex;
    height: 38px;
  }
  .cus_dia_report_sub h3{
    background-color: #124c60 ;
    margin: 0px !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left;
    flex-basis: 61%;
  }
  .candidate-attempt {
    background-color: #124c60 ;
    padding: 10px;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 10px 0px;
    display: flex;
    height: 38px;
  }
  .candidate-attempt h3 {
    background-color: #124c60 ;
    margin: 0px !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
   
    flex-basis: 61%;
  }
  button#search-candidate-button-click {
    padding: 9.3px 30px;
    margin-top: 5px;
    border-radius: 5px;
    background: #D76D49 ;
    border: 2px solid #D76D49  !important;
    outline: none !important;
    color: #FFF;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
  
  }
  select#custom_candidate_data {
    align-items: center !important;
    border-radius: 5px;
    width: 100% ;
    font-weight: 500;
    font-size: 14px;
    background-color: #124c60  !important;
    color: #FFFF;
    cursor: pointer;
    padding-left: 11px;
    
  }
  input#startdate{
    background-color: #124c60  !important;
    color: #FFF !important;
    width: 100%;
    padding: .25rem;
    border-radius: 3px;
    border:0;
  
  }
  input#enddate{
    background-color: #124c60  !important;
    color: #FFF !important;
    width: 100%;
    padding: .25rem;
    border-radius: 3px;
    border:0;

  }
  #rang_from::-webkit-calendar-picker-indicator,#rang_to::-webkit-calendar-picker-indicator{
    cursor:pointer !important;
  }
  
  .assesment_report{
    display: none;
  }
  .cus_course {
    display: flex;
    width: 100%;
    padding-bottom: 20px;
  }
  .cus_testname {
    width: 50%;
    text-align: center;
  }
  .c_course {
    /* width: 50%; */
    cursor: pointer;
    text-align: center;
  }
  .candidate-practice-container {
    border: 1px solid rgb(234, 236, 240);
    margin: 25px 0px 7px 0px;
  
    cursor: default;
  }
  .cus-practice-sub-container,.custom-dia-sub-container1,.custom-practice-sub-container1{
   column-gap: 1%;
   flex-basis: 50%;
    color: #FFF;
    display: flex;
    line-height: 13px;
  justify-content: end;
  margin-right:30px;
  }
  .custom-dia-sub-container1{
    column-gap: 1%;
    flex-basis: 50%;
     color: #FFF;
     display: flex;
     line-height: 1.3;
     cursor: pointer;
  justify-content:end;
  }
  /*.custom-practice-sub-container1{
    column-gap: 5%;
    flex-basis: 50%;
     color: #FFF;
     display: flex;
     line-height: 1.3;
   }
  */
  .cus-diagnostic-sub-container{
    background: #F0C144;
    color: #FFF;
    display: flex;
    width: 100%;
  }
  .candidate-diagnostic-sub1-container {
    display: flex;
  }
  .candidate-diagnostic-sub-container {
    display: flex;
    width: 100%;
  }
  .candidate-diagnostic-container {
    margin-top: 30px;
    border: 1px solid rgb(234, 236, 240);
    margin-bottom: 30px;
  }
  p.headtitle {
    color: #fff;
    font-size: 31px;
  }
  
  
  /* .assesment_reports {
    text-align: center;
    margin-top: 50px;
  } */
  .course_practice_back{
    font-size: 16px;
    color: #FFF;
    background: #043753;
    border: 1px solid #043753;
    border-radius: 5px;
    padding: 8px 40px;
  }
  .diagnostic-.container {
    color: #ffff;
    font-size: 34px;
    background: #043753;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
  h3.username {
    color: #fff;
    font-size: 17px;
  }
  .search_loc_cover {
    border: 1px solid var(--gray-200, #EAECF0);
    padding: 20px;
    border-radius: 5px;
  }
  
  
  
  
  
  
  
  
  
  /* Full-width input fields */
  .form-container input[type=text], .form-container input[type=password] {
    width: 100%;
    padding: 10px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
  }
  
  
  
  
  
  
  .search_loc_cover.form-control-search{border-bottom: 0px solid var(--gray-200, #EAECF0);}
  
  a.cus-btn-success{margin-right: 13px;}
  .form-control-search{
    padding-left: 15px;
  padding-bottom:20px;
    padding-right: 15px;
  
  }
  input#search-value-text:hover {
    border: 1px solid black;
  }
  select#portal_state_value:hover {
    border: 1px solid black;
  }
  select#portal_ceretification_value:hover {
    border: 1px solid black;
  }
  select#portal_mailing_value:hover {
    border: 1px solid black;
  }
  img.loading-gif{
    height: 50px!important;
    margin-top:70px;
  }
  .lable_l1 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px !important;
    color: #0d2844;
  }
  
  .candi-diagnostic-container
  {
    display: flex;
    width: 100%;
    column-gap: 8%;
    justify-content: space-around;
    text-align: center;
    padding: 20px 15px 20px 15px;
  }
  .search_loc_cover.form-control{
  display:flex;
  column-gap:120px;
  border:none;
  color:#344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  }
  h2.elementor-heading-title.elementor-size-default{
    margin: 0 !important;
  }
  .row{
      margin-right: 0px !important;
      margin-left: 0px !important;
  }
  
  .custom-input-search{
  
    
    align-items: center !important;
    border-radius: 5px;
    width: 25% !important;
    font-weight: 500;
    font-size: 14px;
    color:#101828!important;
  }
  select.custom-input-search{
    background-color: #124c60 ;
    color: #FFF !important;
   padding: 10px;
  }
  #rang_from{
    background-color: #124c60 ;
    color: #FFF !important;
    width: 100%;
    padding: .55rem !important;
    border-radius:3px;
    border:0 !important;
  }
  #rang_to{
    background-color: #124c60 ;
    color: #FFF !important;
    width: 100%;
    padding: .55rem !important;
    border-radius:3px;
    border:0 !important;

  }
  #custom_course_data{
    background-color: #124c60;
    color: #FFF !important;
    width: 100%;
    padding-left: 10px;
    cursor: pointer;
  }
  td.tab1{cursor:default;}
  .course_option{
   color: #FFF;
  }
  .custom-input-search::placeholder{
    color:#A9A9A9;
  }
  
  .search_icon_cover{position:absolute;top:10px;left:15px;}
  .search_close_cover{position:absolute;top:8px;right:5px;display:none;}
  
  .custom-input-search:focus,.custom-input-search:active{border:none !important; box-shadow: inset 0 0 0 !important;}
  
  
  
  
  
  .search-contain{
    padding-top: 70px;
    padding-bottom: 70px;
    background-image:url("https://beta.outsized.com/app/uploads/2021/09/pattern.jpg");
  }
  
  .table-content {
  padding: 8px 10px 0px 10px !important;  
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  vertical-align: middle;
  }
  table#tblData_candidate tbody td{
  
  text-align: center;
  }
  td.dt-type-numeric {
    text-align: center !important;
  }
  table#tblData_candidate_new tbody td{
  
    text-align: left;
    }
  /* table.dataTable tbody td {
  padding: 10px 10px 10px 10px !important;  
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  vertical-align: middle !important;
  }  */
  
  .dashboard_container {
    border: 1px solid var(--gray-200, #EAECF0);
    padding: 20px;
  }
  
  a.cus_dash_link {
    margin-left: 50%;
    border: 2px solid #f0c144;
    border-radius: 62px;
    background: #f0c144;
    padding: 0px;
    height: 25px;
    margin-top: 18px;
  }
  
  .mountain-style{
    margin-top: 50px;
  }
  .custom_dashboard_container {
    display: flex;
     max-width:1050px;
    flex-wrap: nowrap;
    column-gap: 30px;
  
    padding-bottom:90px;
    margin: 0 auto;
  }
  
  .perform_div_sub_div{
    background-color: transparent;
    border: 1px solid #043753;
    border-radius: 5px ;
    background-image: linear-gradient(209deg, #202D44 15%, #1E4179 100%);
    flex-basis: 35%;
  
  }
  .cust_candi_perform_div{
    display: flex;
       max-width:1050px;
    flex-wrap: nowrap;
    column-gap: 15px;
    cursor: default;
    justify-content:Center;
    padding-bottom:90px;
    margin: 30px auto 0px auto;
  }
  
  .cust_candi_perform_div_sub_div{
    padding: 20px 10px 10px 20px;
    color: #FFF;
    opacity: 1;
    
  }
  a.custom_test_list:hover {
    color: #F0C144 !important;
  }
  a.cus_candidate_option {
    text-decoration: underline;
    text-transform: capitalize;
  }
  a.cus_candidate_option:hover{
    color: #F0C144 !important;
  }
  a.c_course:hover{
    color: #F0C144 !important;
  }
  a.course_diagnostic_report:hover{
    color: #F0C144 !important;
  }
  a.course_practice_report:hover{
    color: #F0C144 !important;
  }
  .course_diagnostic_report{
    /* background-color: #0D2844;
    color: #FFF !important;
    padding: 8px;
    margin-top: 10px; */
  
    background-color:#124c60;
    padding:10px;
    color: #FFF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin:0px 0px 10px 0px !important;
    text-align: left;
  
  }
  .course_practice_report{
    /* background-color: #0D2844;
    color: #FFF !important;
    padding: 8px;
    margin-top: 10px; */
  
    background-color:#043753;
    padding:10px;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin:10px 0px;
  }
  .cus_back_design{
    min-width: 31%;
    background-color: transparent;
    border: 1px solid #043753;
    border-radius: 5px ;
    background-image: linear-gradient(209deg, #202D44 15%, #1E4179 100%);
  }
  .custom_dashboard_container_sub {
    cursor: default;
    color: #FFF;
    transition: top ease 0.5s;
    opacity: 1;
  }
  .custom_dashboard_container_sub:hover{
    top:-10px;
  }
  
  
  .custom_dashboard_container_sub_child {
    padding-left: 25px;
    display: flex;
      flex-wrap: nowrap;
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  }
  .reports_back1:hover{
    color:#fff!important;
  }
  .coursename_back{
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
    border: 1px solid #D76D49;
    border-radius: 5px;
    padding: 0px 20px;
    background: linear-gradient(to right, #D76D49 50%, #B2D59B  50%); 
    background-size: 200% 100%;
    background-position:left bottom !important;
    transition:all 1s ease;
    font-weight: 600;
    height: 34px;
  }
  .coursename_back:focus-within{
    background-position:right bottom  !important;
    color: #fff;
    border: 1px solid #B2D59B;
    border-radius: 5px;
  }
  .tab1{
    text-align: center  !important;
  }
  .tab2{
    text-align: center  !important;
  }
  .reports_back{
    height: 34px;
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
    border: 1px solid #D76D49;
    border-radius: 5px;
    padding: 6px 20px 6px 20px;
    background: linear-gradient(to right, #D76D49 50%, #B2D59B  50%); 
    background-size: 200% 100%;
    background-position:left bottom !important;
    transition:all 1s ease;
    font-weight: 600;
  }
  .reports_back1{
    flex-basis: 22%;
    cursor: pointer;
    border: 1px solid #D76D49;
    border-radius: 5px;
   padding: 2px 20px 2px 20px;
    background: linear-gradient(to right, #D76D49 50%, #B2D59B  50%); 
    background-size: 200% 100%;
    background-position:left bottom !important;
    transition:all 1s ease;
    height:34px;
    
  }
.txt-deco{text-decoration:none!important;}
  .reports_back1 a:hover{
   color: #FFF!important;
  }
  .reports_back1 a {
      font-size: 16px;
      color: #FFF;
      cursor: pointer;
      font-weight: 600;
      text-decoration: none!important;
   }
  .reports_back:focus-within{
    background-position:right bottom  !important;
    color: #fff;
    border: 1px solid #B2D59B;
    border-radius: 5px;
  }
  button.course_report_back {
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
    border: 1px solid #D76D49;
    border-radius: 5px;
    padding: 0px 40px;
    background: linear-gradient(to right, #D76D49 50%, #B2D59B  50%); 
    background-size: 200% 100%;
    background-position:left bottom !important;
    transition:all 1s ease;
    font-weight: 600;
    height: 34px;
  }
  .course_report_back:focus-within{
    background-position:right bottom  !important;
    color: #fff;
    border: 1px solid #B2D59B;
    border-radius: 5px;
  }
  .course_dashboard_back,.candidate_dashboard_back,.voucher_dashboard_back,.account_dashboard_back{
    font-size: 16px;
  
    color: #FFF;
    border: 1px solid #D76D49 ;
    border-radius: 5px;
    padding: 8px 40px;
    background: linear-gradient(to right, #D76D49  50%, #B2D59B   50%); 
    background-size: 200% 100%;
    background-position:left bottom !important;
    transition:all 1s ease;
    font-weight: 600;
  }
  .course_dashboard_back:focus-within{
    background-position:right bottom  !important;
    color: #fff;
    border: 1px solid #B2D59B;
    border-radius: 5px;
  }
  .candidate_dashboard_back:focus-within{
    background-position:right bottom  !important;
    color: #fff !important;
    border: 1px solid #B2D59B;
    border-radius: 5px;
  }
  
  .voucher_dashboard_back:focus-within,.account_dashboard_back:focus-within {
    background-position:right bottom  !important;
    color: #fff;
    border: 1px solid #B2D59B;
    border-radius: 5px;
  }
  .voucher_dashboard_back:hover,.account_dashboard_back{
    color: #FFF;;
  }
  .course_dashboard_back:hover{
    color: #FFF;
  }
  .candidate_dashboard_back:hover{
    color: #FFF;
  }
  .select_stage{
    display:flex;
    gap:5%;
    justify-content:center;
    margin-bottom: 50px;
  }
  #v_type{
    padding-left: 15px;
    background-color:#043753;
    color:#ffff;
    border-radius: 5px;
    border: 1px solid #043753;
    font-size: 16px;
    font-weight: 500;
    width: 200px;
    cursor:pointer;
  }
  #tblData tbody{cursor: default;}
  #study{
   padding-left: 15px;
    background-color:#124c60 ;
    color:#ffff;
    border-radius: 5px;
    border: 1px solid #124c60 ;
    font-size: 16px;
    font-weight: 500;
    width: 200px;
    cursor:pointer;
  }
  
  .voucher_main_div{
    border: 1px solid #EAECF0;
    padding-left: 51px;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 51px;
  }
  button:focus,button:focus-visible{
    background-color:#D76D49!important;
    outline:none;
  }
  .dt-paging  {
    color:#ffff!important;
  }
  #tblData_wrapper .dt-paging-button.disabled,#tblData_wrapper .dt-paging-button.disabled:hover,#tblData_wrapper .dt-paging-button:hover{
    color: #ffff !important;
  }
  .four_div{
    display:flex;
    gap:4%; 
    margin-bottom:50px;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    cursor: default;
  }
  .total_box{
    min-width: 22%;
    border: 1px solid #124c60 ;
    padding: 20px 10px 10px 20px;
    border-radius: 5px;
    background: #124c60 ;
    color: #FFF;
    height: 180px;
  }
  .voucher_icons::before{
   font-size: 30px !important;
   text-align: center;
  }
  .voucher_icons{
    width: 100% !important;
    height: 40px !important;
    text-align: center;
  
  }
  #rang_from::-webkit-calendar-picker-indicator,#rang_to::-webkit-calendar-picker-indicator{ 
    filter: invert(1);
  }
  #startdate::-webkit-calendar-picker-indicator,#enddate::-webkit-calendar-picker-indicator{ 
    filter: invert(1);
  }
  .spinner{
    position:relative;
    left:49%;
  }
  
  .box-head{
    height: 25%;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    padding-top: 10px;
  }
  .dash-back-contain,.candidate-dash-back-contain{
    padding:30px 0px 30px 20px;
    margin-left: 35px;
  
  }
  .voucher-dash-back-contain{
    padding:30px 0px 30px 0px;
  }
  .account_dashboard_div{
    padding:30px 0px 30px 0px;
    /* margin-left:20px; */
  }
  .account_dashboard_back:hover{
    color:#fff;
  }
  .course_head{
    font-size: 24px;
    font-weight: 600;
    padding-top: 30px;
    color: #0d2844;
    cursor:default;
    flex-basis: 88%;
  }
  .candidate_head{
    font-size: 24px;
    font-weight: 600;
    padding-top: 30px;
    color: #0d2844;
    cursor: default;
    flex-basis: 88%;
  }
  .voucher_head{
    font-size: 24px;
    font-weight: 600;
    padding-top: 30px;
    color: #0d2844;
    cursor: default;
    flex-basis: 130%;
  }
  .main_dash_div{
    display:flex; 
    justify-content: space-between;
  }
  
  .main_dash_candidate{
    display:flex; 
    justify-content: space-between;
  }
  .main_dash_voucher_div{
    display:flex; 
    
  }
  .main_course_test_list{
    display:flex; 
    justify-content: space-between;
    width: 100%;
  }
  .lable_sub2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px !important;
    color: #0D2844;
    margin-left: 18px;
  }
  .main_candi_report{
    display:flex; 
    justify-content: space-between;
  }
  .main_dia_report{
    display: flex;
    gap:17%;
  }
  .main_practice_report{
    display: flex;
    gap:17%;
  }
  .main_candi_course_name{
    display:flex; 
    justify-content: space-between;
    margin-bottom: 35px;
    cursor: default;
  }
  .sub_candidate_name {
    display: flex;
    width: 20%;
    gap: 10px;
  }
  .main_candi_head{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px !important;
    color: #0d2844;
    line-height: 44px;
    flex-basis: 60%;
   text-transform: capitalize;
    
  }
  #startdate::-webkit-calendar-picker-indicator,#enddate::-webkit-calendar-picker-indicator{
    cursor:pointer !important;
  } 
  .main_practice_head{
    font-size: 20px;
    font-weight: 600;
  
    color: #0d2844;
  }
  .main_dia_head{
    font-size: 20px;
    font-weight: 600;
  
    color: #0d2844;
  }
  .main_course_l1 {
    display: flex;
    gap: 10px;
    width: 65%;
  }
  .div_course_test_list{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px !important;
    color: #0d2844;
    line-height: 30px;
    flex-basis: 66%;
    cursor: default;
    margin-top: 7px !important;
  }
  .candi_report_head{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px !important;
    color: #0d2844;
  
  }
  .cus-divider{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px !important;
    color: #0d2844;
    line-height: 33px;
    
    text-align: left;
  }
  .lable_sub1{
   font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px !important;
    color: #0d2844;
  }
  .candidate_name{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px !important;
    color: #0d2844;
  text-transform: capitalize;
  
    /* flex-basis: 48%; */
    text-align: left;
  }
  .name_sub1,.name_sub2 {
  display:flex;
  gap:10px;
  }
  
  
  i.bx.bxs-down-arrow {
  font-size: 12px;
  color: #FFF;
  vertical-align: middle;
  /* padding-left: 88%; */
  float: right;
  }
  .assesment_reports {
    margin-top: 40px;
    cursor: pointer;
  }
  /* .practice-demo .custom-practice-container
  {
    color:#FFF;
    background-color:maroon;
    padding:25px;
    width:55%;
    margin-left:25px;
  } */
  button.course_list_dia_back {
    font-size: 16px;
    color: #FFF;
    background: #043753;
    border: 1px solid #043753;
    border-radius: 5px;
    padding: 8px 40px;
    margin-bottom: 20px;
  }
  button.course_list_practice_back{
    font-size: 16px;
    color: #FFF;
    background: #043753;
    border: 1px solid #043753;
    border-radius: 5px;
    padding: 8px 40px;
    margin-bottom: 20px;
  }
  .custom-dia-sub-container {
    width: 25% !important;
    min-width: 25% !important;
    border: 1px solid #043753;
    height: 200px;
    border-radius: 5px;
    background-color: transparent;
    background-image: linear-gradient(209deg, #202D44 15%, #1E4179 100%);
    color: #FFF;
  }
  .cus_module_practice_sub_container{
  
    width: 25%;
    min-width:20%;
    border: 1px solid #043753;
    padding: 30px 10px 30px 20px;
    border-radius: 5px;
    background-color: transparent;
    background-image: linear-gradient(209deg, #202D44 15%, #1E4179 100%);
    color: #FFF;
  
  }
  .custom-practice-inner-sub-container .first_td{
    margin-bottom:5px !important}
  .cus_module_practice_sub_container1{
    
    width: 25%;
    border: 1px solid #124c60 ;
    padding: 30px 10px 30px 20px;
    border-radius: 5px;
    background-color: transparent;
    background-image: linear-gradient(209deg, #202D44 15%, #124c60  100%);
    color: #FFF;
    cursor: default;
  }
  .cus_module_practice_inner_sub_container{
    background-image: url(/wp-content/uploads/2024/05/Frame-3-1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    /* padding: 20px 30px 10px 20px; */
    height: 80%;
  
  }
  .cus_module_practice_inner_sub_container1{
    background-image: url(/wp-content/uploads/2024/05/Frame-3-1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    /* padding: 20px 30px 10px 20px; */
    height: 80%;
  }
  .custom_dia_innersub_container{
    background-image: url(/wp-content/uploads/2024/05/Frame-3-1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    padding: 20px 30px 10px 20px;
    height: 80%;
  }
  .custom-practice-inner-sub-container{
    background-image: url(/wp-content/uploads/2024/05/Frame-3-1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    padding: 30px 20px 10px 20px;
    height: 100%;
  }
  .custom-practice-sub-container{
    width: 25%;
    min-width: 25%;
    border: 1px solid #124c60 ;
    height: 200px;
    border-radius: 5px;
   
    color: #FFF;
    background-color: transparent;
    background-image: linear-gradient(209deg, #202D44 15%, #124c60  100%);
  }
  .custom-dia-container {
    display: flex;
    column-gap: 20px;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .practice-demo {
    cursor:pointer;
  }
  .custom-practice-container{
    display: flex;
    column-gap: 20px;
    overflow-y: hidden;
    overflow-x: scroll;
    margin:0px 0px 0px 50px;
    cursor: default;
    padding: 20px 0px;
  }
  .dia-container{
    text-align: center;
    padding-top: 40px;
  
    /* height: 140px; */
  }
  .container_cover{
    border:1px solid #043753 !important;
    /*background: #FFF;*/
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .course_test_container{
    border:1px solid #043753 !important;
    /*background: #FFF;*/
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding:20px;
  }
  .custom_diagnostic_container_reports {
  padding: 20px !important;
  border: 1px solid rgb(234, 236, 240) !important;
   
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor:default;
  border-radius: 5px;
  overflow-y:auto;
  width: 100%;
  }
  .practice-attempt{cursor: pointer;}
  .diagnostic {
   
    background-color: #124c60 ;
    padding: 10px;
    color: #FFF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 10px 0px 0px 0px ;
    }
    .practice {
    background-color: #124c60 ;
    color: #FFF !important;
    padding: 8px;
    margin-top: 10px;
    }
    .model_quiz{
    background-color: #124c60;
    color: #FFF !important;
    padding: 8px;
    margin-top: 10px;
    }
  .course_diagnostic_report_container{
    cursor: default;
    border-radius: 5px;
    padding:10px;
    border-radius: 5px;
    overflow-y:auto;
    width: 100%;
  }
  .course_practice_report_container{
    /* border:1px solid #0d2844 !important; */
    border: 1px solid rgb(234, 236, 240) !important;
    /*background: #FFF;*/
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding:20px;
    border-radius: 5px; 
  }
  /* table td, table th{
    border: none !important;
  } */
  th{
    padding:20px
  }
  tbody tr{ 
    text-align:center;
  }
  
  table th,table td{
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843)!important;
    text-align: center !important;
  }
  .table-head{
  
    background-color: #F9FAFB !important;
    text-align: center !important;
    color:#475467 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-style: normal !important;
  
  }
  table.dataTable>tbody>tr.child span.dtr-title{
    background-color: #F9FAFB !important;
    text-align: center !important;
    color:#475467 !important;
    font-size: 14px !important;
    font-size: 700 !important;
    font-style: normal !important;
  }
  table.dataTable>tbody>tr.child span.dtr-data {
    padding: 8px 10px 0px 10px !important;  
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500;
    line-height: 20px;
    }
  
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before
  {
   font-size: 16px !important; 
  display: inline-block !important;
  color: #044CA8 !important;
    padding: 0px !important;
  }
  
  
  table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before
  {
    
    font-size: 16px !important; 
    display: inline-block !important;
    color: #044CA8 !important;
      padding: 0px !important;
  }
  table.dataTable>tbody>tr.child:hover{
    background-color: #FFF !important;
  }
  table.dataTable>tbody>tr.child>td.child:hover {
    background-color: #FFF !important;
  }
  .elementor-widget-tabs .elementor-tab-desktop-title {
  padding: 10px 25px !important;
  }
  /* td.dtr-control.sorting_1 {
  
  text-align: center !important;
  } */
  table.dataTable thead>tr>th.custom-extra-field-show:after{
    display: none !important;
  }
  table.dataTable thead>tr>th.custom-extra-field-show:before{
    display: none !important;
  }
  table.dataTable>tbody>tr.child ul.dtr-details>li{
    /* padding: 0px !important; */
    border-bottom:none !important;
  }
  .canditit{cursor: default;}
  
  
  .form-control-search{
    display: flex;
    column-gap: 30px;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
  }
  .search_icon_add {
    padding-top: 20px;
  }
  i.bx.bx-search{
        
    vertical-align: middle !important;
    margin-right: 5px !important; 
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
  }
  i.bx-filter{
    vertical-align: middle !important;
    margin-right: 10px !important;
    color: #ffffff !important;
    font-size: 21px;
    font-weight: 600;
  }
  i.bx-check-circle{
    
    padding-bottom: 43px !important;
    margin-top: 6px ;
  }
  p.text-center{
    border: 2px solid #B2D59B ;
    background: #B2D59B ;
    max-width: 42%;
    margin:  5px auto !important;
    color: #0d2844;
    border-radius: 17px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
  }
  p.module-text-center{
    border: 2px solid #B2D59B ;
    background: #B2D59B ;
    width: 60%;
    margin: 20px auto !important;
    color: #0d2844;
    border-radius: 17px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
  }
  p.box-child {
    border: 2px solid #B2D59B ;
    background: #B2D59B ;
    max-width: 26%;
    margin: 0 auto  !important;
    color: #0d2844;
    border-radius: 17px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
  }
  #voucher_chart .canvasjs-chart-canvas{
    padding:12px 30px 9px 30px!important;
    height: 408px;
  }
  #search-course-button-click{
    padding: 14px 30px;
    cursor: pointer;
    margin-top: 5px;
    border-radius: 5px;
    background: #D76D49 ;
    border: 2px solid #D76D49  !important;
    outline: none !important;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
  }
  .voucher-filter{
    width:200px;
    background-color:#D76D49 ;
    color:#ffffff;
    border-radius: 5px;
    border: 1px solid #D76D49 ;
    font-size: 16px;
    font-weight: 500;
    padding:.75em;
    
    cursor: pointer;
  }
  
  .voucher-filter:hover{
    background-color:#D76D49 !important;
    font-weight:normal;
    outline:none;
  }
  
  .container_cover{
    border:1px solid #043753 !important;
   padding:20px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .course_candidate_barchart {
    display: flex;
    gap: 3%;
    margin-bottom: 40px;
  }
  .cus_dia_attempt_icon1{
    cursor: pointer;
  }
  .first_td{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    height: 70%;
  }
  
  p.diagno_mark {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  p.first_td_dia{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  .module_first_td{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    height: 70%;
  }
  
  @media only screen and (max-width:599px){
   
  
    .custom-container{padding:20px !important;}
  
  
    .custom-text{font-size:10px;line-height:16px;}
    .grey_col{font-size:8px;}
    .form-control-search{
      display: grid;
      row-gap: 20px;
    }
  
    select.custom-input-search,  .search_input_cover, .search_loc_cover{width:100% !important;}
    
  }
  
   .canvasjs-chart-canvas{border-radius:6px;}
  
  p.course_label_name {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px !important;
  color: #0D2844;
  line-height: 33px;
  cursor: default;
  }
  
  .reports_back1:focus-within{
    background-position:right bottom  !important;
    color: #043753 !important;
    border: 1px solid #F0C144;
    border-radius: 5px;
  }
  
  /* Dashboard */
  
  @media(min-width:768px) and (max-width:1023px){
    .custom_dashboard_container {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        column-gap: 24px;
      justify-content:Center;
      padding-bottom: 90px;
      }
      p.box-child{
        max-width:50%!important;
      }
      .total_box{
       padding: 20px 10px 10px 10px!important;
      }
      a.cus_dash_link {
        margin-left:35%!important;
      }
      .voucher_main_div {
        padding-left:20px;
        padding-right:20px;
      }
      .voucher_icons{
        width: 20% !important;
        height: 40px !important;
      
      }
   }
  @media(max-width:767px){ .voucher-filter{margin-top:20px;} #yearSelector{padding-right:0px !important;}
.pg-portal .topigraphic-lines{margin-top:650px;}
.pg-portal .custom_dashboard_container_sub_child .poster.course {background-position: -50px 0px!important;}div.dt-container div.dt-layout-cell{padding:0px !important;} 
.pg-portal .topigraphic-lines .average_title{font-size:25px !important;}.pg-portal .over_all_details{font-size:18px !important;}
.pg-portal .das_head{font-size:22px !important} .voucher-dash-back-contain{padding:0px !important;}
.dt-buttons{margin-top: 10px; !important;margin-bottom: 0px;} .voucher_head{padding-top:10px !important; margin-bottom:20px !important;} .voucher-dash-back-contain{margin:0px !important;}
 .form-control-search {
        display: flex;
        flex-direction: column;
                width: 100%;
    }

    .custom-input-search {
        width: 100% !important;
    }

    .custom-input-search input,
    .custom-input-search select {
        width: 100% !important;
        max-width: 100%;
        display: block;
    }
.search_icon_add{padding-top:0px !important}}

   @media(max-width:768px) {
    .custom_dashboard_container {
       flex-direction: column;
       gap:20px
     
     }
    
       .custom_dashboard_container >div{
       max-width:500px !important;
       margin:auto;
       width:100%
     }
   }
   
    @media(max-width:649px){
.custom_dashboard_container{padding-bottom:0px;
}
  .cus_candidate_coursename{
  padding:10px 20px 10px 20px!important;
  }
  .sub_candidate_name{
  width:100%!important;
  margin-top:17px;
  }
  
  .diagno_mark_report,.percentage,.report_link{
    width:100%!important;
     margin-bottom: 15px;
  }
  .custom-dia-sub-container1 ,.cus-practice-sub-container,.custom-practice-sub-container1 {
    justify-content: flex-start;
  margin-right:27px!important;
  }
  #voucher_chart .canvasjs-chart-canvas{
    height: 280px !important;
  }
  
   .name_sub2 {
  display:block!important;
  margin-bottom: -10px !important;
  }
  .name_sub1{
    display:block!important;
    margin-bottom: -20px !important;
  }
  
      .course_candidate_barchart{
        display:block!important;
        }
        .course_dashboard_back, .candidate_dashboard_back, .voucher_dashboard_back, button.course_report_back{
          padding: 2px 25px 4px 25px!important;
          margin-right:10px;
          height: 29px !important;
       }
  
       .coursename_back{
        padding: 2px 25px 2px 25px!important;
        height: 29px !important;
       }
       .main_candi_course_name{
        margin-bottom:10px!important;
        display: block  !important;
      }
       .main_course_l1{
        width: 100%;
        gap:0px !important;
        margin-bottom: 10px !important;
       }
       .reports_back1 a{
        font-size: 14px;
  
      }
        .reports_back1{
          padding: 2px 10px 2px 10px;
          font-size: 14px;
          height: 29px !important;
          
        }
        .reports_back{
  
          font-size: 14px;
          padding: 4px 20px;
          height: 29px !important;
        }
        
        .course_diagnostic_report_icon::before{
          position: relative !important;
          top: -12px !important;
          left: 11px;
      }
        #chartContainer,#course_chart,#voucher_chart,#Voucher_details{
          width:100%!important;
         
          height: 280px  !important;
        }
        .canvasjs-chart-canvas{
          width:100%!important;
          padding:10px!important;
        }
        #Voucher_details .canvasjs-chart-canvas{
          height:370px!important;
        }
      .custom-input-search {
        width: 60% !important;
        }
        .dash-back-contain, .candidate-dash-back-contain {
      padding: 30px 0px 30px 15px!important;
      margin-left:0px!important;
      }
      .main_course_test_list,.custom-dia-container,.custom-practice-container,.quizz-attempt, .cus-attempt {
        display:block;
      }
      
        .div_course_test_list{
          text-align:left;
          margin-top:8px!important;
          margin-left:5px!important;
        }
       .cus_module_practice_sub_container{
          margin-top:15px!important;
          width: 100% !important;
          /* height: 100% !important; */
        }
        .custom-dia-sub-container{
          width: 100% !important;
          margin-top:15px!important;
        }
        .custom-practice-sub-container{
          margin-top:15px!important;
          width: 100% !important;
          height: 100% !important;
  
        }
        .custom-practice-container{
          margin: 0px 0px 0px 20px !important;
  
        }
        .quizz-attempt,.custom-dia-container {
          padding-top:0px!important;
        }
      .voucher_icons{
        margin-top: 10px!important;
      }
      i.bx-check-circle{
        
        text-align: center;
      }
      .post-content {
          padding: 40px 0px 0px 0px!important;
      }
      #yearSelector {
        position: relative !important;
        left: 76%;
        top: 39px;
        z-index: 2 !important;
    
    }
      .custom_dashboard_container,.barcharts{
        width: 90%!important;
        display: block;
      }
      .candidate_voucher_barchart {
        width: 100% !important;
        display: block !important;
      }
      /* #chartContainer,#voucher_chart,.candidate_voucher_barchart{
        margin-bottom:60px;
      } */
      #course_chart,#Voucher_details{
        margin-top:40px
      }
      #Voucher_details{
        margin-bottom: 120px;
      }
      /* .custom_dashboard_container_sub{
          
      } */
      .cus_back_design{
        margin-bottom:20px!important;
      }
      .four_div{
        display: block  !important;
      }
      .voucher_main_div{
        padding:  0px 15px !important;
  
      }
      .dt-paging.paging_simple_numbers {
        float: none;
      }
      div#tblData_info{
        padding: 10px 0px !important;
      }
      .total_box{
        padding: 0px !important;
        margin-bottom: 20px !important;
      }
      .dt-container .dt-search {
        margin: 20px 0px 20px 0px !important;
      }
      .select_stage{
        display: block !important;
      }
      .cust_voucher_label_new{
        text-align: center;
      }
      #study,#v_type {
      width: 100%;
      }
      .main_dash_voucher_div{
        display: block;
  
      }
    
      .form-candidate-searchs{
        display:block;
      }
      .custom-input-search{
        width: 100% !important;
      }
      #rang_from{
        background-color: #043753;
        color: #FFF !important;
        width: 100%;
      }
      #rang_to{
        background-color: #043753;
        color: #FFF !important;
        width: 100%;
    
      }
      /* .main_candi_course_name{
        display: block;
      } */
      input#startdate{
        background-color: #043753 !important;
        color: #FFF !important;
      
      }
      input#enddate{
        background-color: #043753 !important;
        color: #FFF !important;
      
      }
      .over_all_details,p.cust_candi_perform_div_sub_div_val    {
        width: 25%;
      }
      .cust_candi_perform_div {
        width: 90%;
        display: flow-root;
        padding-bottom: 0px !important;
    }
  .perform_div_sub_div{
  margin-bottom:20px;
  }
      .main_candi_report,.candi-diagnostic-container,.candidate-attempt,.quizz-attempt1,.cus_dia_report_sub{
        display:block!important;
       }
       .cus-divider{
       display:none;}
       .cus_module_practice_sub_container1{
         margin-top:15px!important;
         width: 100% !important;
       }
       .cus_module_practice_inner_sub_container1{
        height: 20% !important;
       }
       .first_td{
        height: 10% !important;
       }
  .candidate_name{
    text-align: left;
    position: relative;
    top: -27px;
    margin: 0px 0px 0px 0px !important;
    left: 88px;
      }
  
       .candi_report_head{
         text-align: left;
          position: relative;
          top: -27px;
          margin: 0px 0px 0px 0px !important;
          left: 87px;
          width:75%;
      }
       
       .custom_diagnostic_container_reports{
         padding:0px!important;
       }
       .cus-practice-sub-container{margin-top:10px;}
       .candi-diagnostic-container{
         padding: 35px 15px 20px 15px!important;
       }
       /* .bxs-down-arrow:before{
         position:relative!important;
         top:0!important;
       } */
       .quizz-attempt1 {padding-top: 10px;}
       .candidate-attempt,.cus-attempt,.custom-dia-sub-container1,.cus_dia_report_sub{
        height:70px;
        padding-top: 8px;
      }
      /* .course_diagnostic_report_icon{
        top:-14px;
        position:relative;
      } */
      .candidate-attempt_icon,.cus_dia_attempt_icon{
        position:relative;
        top:-32px;
      }
      .test,.course_test_container {
        padding:12px!important;
      }
      /* h3.course_diagnostic_report i.course_diagnostic_report_icon {
        position: relative;
        top: -14px !important;
    } */
      .candidate-attempt i.candidate-attempt_icon,.cus-attempt i.cus_dia_attempt_icon {
  
        position:relative;
        top:-34px!important;
      }
      /* .cust_candi_perform_div{
        display: block ;
      } */
      .mobile_cus{
        padding-left: -5px !important;
      }
      .course_diagnostic_report_container{
        padding: 0px;
      }
      .custom-practice-sub-container1{
        text-align: left;
        column-gap: 2%px;
        justify-content: flex-start;
       margin-top: 11px;
      }
      .cus_dia_attempt_icon1 {
        position:relative;
        top:-55px;
      }
      /* .candidate-dash-back-contain,.dash-back-contain,.voucher-dash-back-contain{
        text-align: right;
        margin-top: -87px;
       } */
       .main_dash_candidate,.main_dash_div{
         display:flex!important;
         }
         .c1{
          padding:13px 0px 30px 10px;
        }
        .p1,.m1{
         padding:10px 0px 10px 10px;
        }
        .t1{
         padding:10px 0px 0px 0px;
         height:0px!important;
         justify-content: flex-start;
        }
        .d1,.d3{
          position:relative;
          top:3px;
          left:-9px
        }
        .d2{
          position:relative!important;
          left:-19px;
          top:15px!important;
        }
     
      #rang_from::-webkit-calendar-picker-indicator,#rang_to::-webkit-calendar-picker-indicator{ 
        filter: invert(1);
      }
      #startdate::-webkit-calendar-picker-indicator,#enddate::-webkit-calendar-picker-indicator{ 
        filter: invert(1);
      }
      #rang_from::-webkit-calendar-picker-indicator,#rang_to::-webkit-calendar-picker-indicator{ filter: invert(1);}
    }
  
    @media(min-width:822px) and (max-width:999px){
      #search-course-button-click,button#search-candidate-button-click {
        padding: 10px 10px;
        margin-top: 4px;
      }
      .cus_module_practice_sub_container1{
        min-width: 30% !important;
      }
      .form-control-search,.form-candidate-searchs{padding-right: 0px;
     padding-left:0px;
      }
    }
    @media(min-width:768px) and (max-width:821px){
      #search-course-button-click {
        padding: 12px 13px;
        margin-top: 3px;
      }

button.course_report_back{padding:0px 20px;!important
}
button#search-candidate-button-click {
        padding: 9px 13px;
        margin-top: 3px;
      }

      .cus_module_practice_sub_container1{
        min-width: 40% !important;
      }
      .form-control-search,.form-candidate-searchs{
        gap:2%;
      }
        .form-control-search,.form-candidate-searchs{padding-right: 0px;
          padding-left:0px;
      }
    }
    @media(min-width:768px) and (max-width:999px){
      .cust_candi_perform_div{
        width: 100%!important;
    }
  }
    @media(min-width:768px) and (max-width:1024px){
      p.cust_candi_perform_div_sub_div_val{
        width:50%;
      }
        p.cust_candi_perform_div_sub_div_lable{
          line-height:24px;
          height:65px;
        }
        #yearSelector {
          position: relative !important;
          left: 37%;
          top: 41px;
          z-index: 2 !important;
          border: 0px;
      }
    }
   @media(max-width:874px){
  .main_candi_report {
      display: block;
    }
  }
  .diagno_mark_report {
      width: 30%;
      border: 1px solid #124c60 ;
      padding: 20px  0px 10px  0px;
      border-radius: 5px;
      background-color: transparent;
      background-image: linear-gradient(209deg, #202D44 15%, #124c60  100%);
      color: #FFF;
      cursor: default;
  }
  p.diagno_mark_percent {
      border: 2px solid #B2D59B ;
      background: #B2D59B ;
      width: 40%;
      margin: 20px auto !important;
      color: #0d2844;
      border-radius: 17px;
      text-align: center;
      font-size: 15px;
      font-weight: 700;
  }
  .percentage {
      width: 30%;
      border: 1px solid #124c60 ;
      padding: 20px  0px 10px  0px;
      border-radius: 5px;
      background-color: transparent;
      background-image: linear-gradient(209deg, #202D44 15%, #124c60  100%);
      color: #FFF;
      cursor: default;
  }
  p.dig_percent{
      border: 2px solid #B2D59B;
      background: #B2D59B;
      width: 40%;
      margin: 20px auto !important;
      color:#0d2844;
      border-radius: 17px;
      text-align: center;
      font-size: 15px;
      font-weight: 700;
  }
  a.views1 {
    border: 2px solid #B2D59B;
    background: #B2D59B;
    margin: 20px auto !important;
    color: #0d2844;
    border-radius: 17px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 4px 22px;
  }
  .diagno_sub_mark_report{
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 1;
      padding: 20px 30px 10px 20px;
      height: 80%;
    
  }
  .percentage_sub_div{
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 1;
      padding: 20px 30px 10px 20px;
      height: 80%;
     
  }
  .report_link {
      width: 30%;
      border: 1px solid #124c60 ;
      padding: 20px 0px 10px 0px;
      border-radius: 5px;
      background-color: transparent;
      background-image: linear-gradient(209deg, #202D44 15%, #124c60  100%);
      color: #FFF;
      cursor: default;
  }
  a.woocommerce-button.button.view { 
      color: #0D2844;
      text-align: center;
      font-size: 16px;
      font-weight: 700;
  }
  .report_link_sub_div {
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 1;
      padding: 20px 30px 10px 20px;
      height: 80%;
  }
  .diagno_sub_mark_report,.percentage_sub_div,.report_link_sub_div{
      background-image: url(/wp-content/uploads/2024/05/Frame-3-1.png);
  }
  
  
  
  
  
  
  
  
  .pg-portal .cus_back_design,.pg-portal-example .cus_back_design{
    position:Relative;
      background: linear-gradient(119.36deg, #F0F7FB 0%, #DCEAF1 100%);
  }
  
  
  
  
  .pg-portal .das_header,.pg-portal-example .das_header{
    background: linear-gradient(90deg, #043753 0%, #315F7F 100%),linear-gradient(270.19deg, rgba(4, 55, 83, 0) 12.26%, rgba(4, 55, 83, 0.8) 54.85%);
    background-size: cover;
    height:50px;
  
  }
  
  
  .pg-portal .das_head,.pg-portal-example .das_head{
  
    background-image: url(../images/topicgraphic-header.webp?22);
    background-size: cover;
    background-position:right center;
    font-size: 26px;
    font-weight: bold;
    padding:10px 15px ;
    margin-bottom:0!important
  }
  
  
  
  .pg-portal .over_all_details,.pg-portal-example .over_all_details {
    /* position:absolute;
    top: 14px;
    right: 20px; */
    position: relative;
    top: -68%;
    right: -70%;
    border:1px solid white;
    background: linear-gradient(96.13deg, #699FB6 -24.07%, #315F7F 88.71%);
    padding: 0px 15px ;
    border-radius:50px;
    width: fit-content;
    text-align:center;
    font-size: 22px;
    font-weight: bold;
  }
  
  
  .pg-portal .custom_dashboard_container_sub_child,.pg-portal-example .custom_dashboard_container_sub_child{
    background-image: url(../images/bg-dashboard-stat-forest.webp?22);
    display: block;
    background-size: cover;
    background-position: center;
    padding:0;
    height:285px;
    position:relative;
    padding:10px;
    
  }
  
  .pg-portal .custom_dashboard_container_sub_child .poster ,.pg-portal-example .custom_dashboard_container_sub_child .poster{
    background-image: url(../images/candidate.png?asd?sss);
    height:260px;
    width:calc(100% - 90px);
    background-size:cover;
    /* position:absolute;
    left: 10px;
    bottom: 0; */
    display:block;
    background-repeat:no-repeat;
    background-position: 0 bottom;
    transition:all .3s ease	;
    width:100%;
    border-radius:20px;
  }
  
  .pg-portal .custom_dashboard_container_sub_child:hover .poster,.pg-portal-example .custom_dashboard_container_sub_child:hover .poster {
  
    filter: sepia(100%) brightness(80%) contrast(140%)  hue-rotate(160deg) ;
    
  }
  
  
  /* .pg-portal .custom_dashboard_container_sub_child .poster.course {
    background-image: url(../images/icon-dashboard-course.webp?asd?sss);
    background-position:left 0px;
  } */

  .pg-portal .custom_dashboard_container_sub_child .poster.course,.pg-portal-example .custom_dashboard_container_sub_child .poster.course {
    background-image: url(../images/course_new.jpg);
    background-position:left 0px;
  }
  
  
  .pg-portal .custom_dashboard_container_sub_child .poster.voucher,.pg-portal-example .custom_dashboard_container_sub_child .poster.voucher {
    background-image: url(../images/voucher_new.png);

  }

  /* .pg-portal .custom_dashboard_container_sub_child .poster.voucher,.pg-portal-example .custom_dashboard_container_sub_child .poster.voucher {
    background-image: url(https://whitelabeledp.wpengine.com/wp-content/uploads/2025/05/voucher_new.jpg);

  } */
  
  
  
  
  .pg-portal .custom_dashboard_container_sub_child .cus_dash_link,.pg-portal-example .custom_dashboard_container_sub_child .cus_dash_link {
    position:absolute;
    bottom: 25px;
    right: 25px;
    border:none;
    width: 60px;
    height:60px;
    background: linear-gradient(125.15deg, #F0C144 -127.84%, #E9653E 70.66%);
    
  
  }
  
  
  .pg-portal .custom_dashboard_container_sub_child .bx-right-arrow-alt,.pg-portal-example .custom_dashboard_container_sub_child .bx-right-arrow-alt {
    
    width: 60px;
    background-repeat:no-repeat;
    background-position:center;
    height:60px;
    background-image: url(../images/icon-arrow.svg) !important;
    border-radius:50%
    
  }
  
  .pg-portal .custom_dashboard_container_sub_child .bx-right-arrow-alt:before,.pg-portal-example .custom_dashboard_container_sub_child .bx-right-arrow-alt:before{
    display:none !important
  }
  
  
  .pg-portal .perform_div_sub_div,.pg-portal-example .perform_div_sub_div{
      border: 4px solid #699FB6;
      border-radius:12px;
      background: linear-gradient(179.92deg, #DCEAF1 0.07%, #B3CFDC 99.93%);
      text-align:center;
      max-width:285px;
      margin-left:auto;
      margin-right:auto;
    
      
  
  
  }
  
  .pg-portal .cust_candi_perform_div,.pg-portal-example .cust_candi_perform_div {
    column-gap:25px
  }
  
  .pg-portal .perform_div_sub_div p,.pg-portal-example .perform_div_sub_div p{
    color: #043753;
    }
    
  .pg-portal .perform_div_sub_div	.cust_candi_perform_div_sub_div_lable,.pg-portal-example .perform_div_sub_div	.cust_candi_perform_div_sub_div_lable{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3em;
  }
  
  
  .pg-portal .perform_div_sub_div	.cust_candi_perform_div_sub_div_lable span,.pg-portal-example .perform_div_sub_div	.cust_candi_perform_div_sub_div_lable span{
  
    font-weight: 200;
    display:block;
    font-size: 20px;
  }
  
  
  .perform_div_sub_div	.cust_candi_perform_div_sub_div {
    padding:30px;
    display:flex;
    flex-direction: column;
    height:100%;
    justify-content:space-between;
  }
  
  
  .pg-portal .cust_candi_perform_div_sub_div_val,.pg-portal-example .cust_candi_perform_div_sub_div_val {
    width: 160px;
    height:160px;
    left: 50%;
    bottom: 30px;;
    display:flex;
    justify-content:center;
    align-items: center;
    margin:30px auto 20px !important;
    border-radius:50%;
    font-size: 46px;
    font-weight: 500;
    background-color: white;
    
  }
  
  
  
  html body.pg-portal #main,html body.pg-portal-example #main{
    
    padding-left:0;
    padding-right:0;
  }
  .pg-portal #main .post-content,
  .pg-portal #main .fusion-row{
    max-width:none
  }
  
  .pg-portal #main .fusion-row #content .post-content .custom_dashboard_container,
  .pg-portal #main .fusion-row #content .post-content .barcharts{
    max-width:var(--site_width);
    margin:auto;
  }
  
  
  
  .pg-portal  .topigraphic-lines,.pg-portal-example  .topigraphic-lines {
    color:white
  }
  .pg-portal  .topigraphic-lines:after,.pg-portal-example  .topigraphic-lines:after{
    content: "";
    position:absolute;
  
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/topigraphic-fade.webp);
    background-position:center;
    z-index:2;
    background-size: cover;
    background-repeat:no-repeat;
    z-index:1;
    display:block;
    
  }
  
  .pg-portal-example .topigraphic-lines{
    margin-top:80px;
  }
  html body.pg-portal #main,html body.pg-portal-example #main {
    
    padding-left:0;
    padding-right:0;
  }
  .pg-portal #main .post-content,
  .pg-portal #main .fusion-row,.pg-portal-example #main .post-content,
  .pg-portal-example #main .fusion-row{
    max-width:none;
    padding-bottom:0;
  }
  
  
  .pg-portal #main .post-content >div:last-of-type,.pg-portal-example #main .post-content >div:last-of-type {
    display:none!important;
  }
  .pg-portal #main .fusion-row #content .post-content .custom_dashboard_container,
  .pg-portal #main .fusion-row #content .post-content .barcharts,.pg-portal-example #main .fusion-row #content .post-content .custom_dashboard_container,
  .pg-portal-example #main .fusion-row #content .post-content .barcharts{
    max-width:var(--site_width);
    margin:auto;
  }
  
  
  
  
  .pg-portal .mountain-style,.pg-portal-example .mountain-style{
    width: 100%;
    background-image: url(../images/bg-dashboard-stat-forest2.webp?uc=2);
    background-position:center bottom;
    background-size: 100% auto;
    background-repeat:no-repeat;
  
  }
  
  
  .pg-portal #main >*,.pg-portal-example #main >*{
    z-index:3;
    position:relative;
    
  }
  
  html body.pg-portal .treeline,html body.pg-portal-example .treeline{
    margin-top: -10%;
  }
  
  
  .pg-portal .treeline,
  .pg-portal  .mountainline,.pg-portal-example .treeline,
  .pg-portal-example  .mountainline{
    width:100%;
    position:relative;
    z-index:4;
    margin-bottom:-1px;
      height:auto!important;
  }
  
  
  
  
  
  .pg-portal .topigraphic-lines,.pg-portal-example .topigraphic-lines {
  
    position:Relative;
    background: linear-gradient(0deg, #043753, #043753),
     linear-gradient(354.55deg, rgba(4, 55, 83, 0) 1.02%, rgba(4, 55, 83, 0.8) 94.37%);
  
  }
  
  
  
  
  html body.pg-portal .barcharts,
  html body.pg-portal .custom_dashboard_container,
  html body.pg-portal .cust_candi_perform_div,html body.pg-portal-example .barcharts,
  html body.pg-portal-example .custom_dashboard_container,
  html body.pg-portal-example .cust_candi_perform_div {
    max-width:1080px !important;
  }
  
  html body.pg-portal .barcharts,html body.pg-portal-example .barcharts {
    padding-bottom:80px
  }
  
  
  
  
  .pg-portal .canvasjs-chart-container > canvas:first-of-type,.pg-portal-example .canvasjs-chart-container > canvas:first-of-type{
    background:white!important;
    border: 5px solid #699FB633
  }
  
  .pg-portal .canvasjs-chart-container select,.pg-portal-example .canvasjs-chart-container select{
    appearance:none!important
  }
  
  .cust_candi_perform_div {
    position:Relative;
    z-index:3;
    max-width:1080px;
  
  }
  .pg-portal .topigraphic-lines h3,.pg-portal-example .topigraphic-lines h3{
    color:white;
    padding-bottom:20px;
    font-size: 46px !important;
  }
  .pg-portal  .topigraphic-lines,.pg-portal-example  .topigraphic-lines {
    position:Relative;
    z-index:3;
    margin-bottom:0;
    padding-bottom:0 !important;
  }
  
  .pg-portal  .topigraphic-lines + div,.pg-portal-example  .topigraphic-lines + div{
  display:none!important
  }
  
  
  
  @media(max-width:600px) {
    .pg-portal  .mountainline {
      width: 100%;
      height: 110px!important;
      object-fit:cover!important;
      object-position:left bottom;
    }
    
    
     .pg-portal  .treeline {
      width: 100%;
      height: 200px!important;
      object-fit:cover!important;
      object-position:right bottom;
    }
 
    .pg-portal  .over_all_details,
    .pg-portal  .cust_candi_perform_div_sub_div_val {
    
    }
    
  }
 .pg-voucher .entry-title, .pg-portal .entry-title, .pg-candidates .entry-title,.pg-courses .entry-title, .pg-vouchers-level .entry-title, .pg-cpe-certificates .entry-title,.pg-portal-example .entry-title   {
    text-align: center;
    padding: 50px;
    width: 100%;
    background: #124c60;
    border-top: 7px solid #B2D59B;
    color:white;
}
.poster.voucher{ background-position: 0px -16px!important;
}
#voucher_orders thead th {
text-align:center!important;}
#tblData{margin:0px!important;}
.dt-scroll-foot{display:none!important}
.candidate_dashboard_back{text-decoration:none !important;}
.voucher-email{
  width:100%;
  text-align:center;
}
#tblData,.table{
  width:100%!important;
}
@media screen and (max-width: 768px) {
   .table-space {margin:10px !important;}
.text-assign{font-size:20px;}
.entry-title{font-size:20px !important;}
}
#voucher-assign_wrapper .dt-layout-cell  { 
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
} 
#voucher-assign{width: 100%!important;}
#tblData{ overflow-x: auto; 
    -webkit-overflow-scrolling: touch; }

#yearSelector {
    appearance: auto;
    -webkit-appearance: auto; /* Ensures compatibility with Safari */
    -moz-appearance: auto; /* Ensures compatibility with Firefox */
    padding-right: 10px;
}
#container_cover_filter input {
    margin-right: 0 !important;
}
#container_cover_length label{padding-left:0px;}
#container_cover tbody td {
    padding: 12px 10px;
}
#voucher_orders_length label{padding:0px;}
#voucher_orders_paginate .paginate_button.current {
    background-color: #f0c144 !important; 
    color: black !important; 
	padding:10px;
}
#voucher_orders_paginate .paginate_button:not(.current) {
    background-color: #043753 !important; 
    color: white !important;
    padding: 10px;
    border-radius: 4px;
}

#voucher_orders_paginate .paginate_button {
	background-color: #043753 !important; 
    color: white !important; 
	padding:4px 10px  !important;
	border-radius:3px !important;
}

#voucher_orders_paginate .paginate_button {
    all: unset;
    display: inline-block; 
    padding: 5px 10px; 
    text-decoration: none !important; 
    color: white !important; 
    cursor: pointer;
    margin: 0 4px; 
}

#voucher_orders_paginate .paginate_button:hover {
    background-color: #f0c144 !important; 
   
}

.container_covers_ajax {
    border: 1px solid #043753 !important;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#container_covers_paginate .paginate_button.current {
    background-color: #f0c144 !important; 
    color: black !important; 
	padding:10px;
}
#container_covers_paginate .paginate_button:not(.current) {
    background-color: #043753 !important; 
    color: white !important;
    padding: 10px;
    border-radius: 4px;
}

#container_covers_paginate .paginate_button {
	background-color: #043753 !important; 
    color: white !important; 
	padding:4px 10px  !important;
	border-radius:3px !important;
}

#container_covers_paginate .paginate_button {
    all: unset;
    display: inline-block; 
    padding: 5px 10px; 
    text-decoration: none !important; 
    color: white !important; 
    cursor: pointer;
    margin: 0 4px; 
}

#container_covers_paginate .paginate_button:hover {
    background-color: #f0c144 !important; 
   
}
		#container_cover_wrapper {
    margin-top: 15px; 
}

#container_cover_length {
    margin-bottom: 15px; 
}

#container_cover_filter {
    margin-bottom: 15px; 
}
#container_covers_wrapper {
    margin-top: 15px; 
}
#container_covers_length {
    margin-bottom: 15px; 
}

#container_covers_filter {
    margin-bottom: 15px; 
}

#container_covers_length label{padding:0px !important}
#container_covers_filter input {
    margin-right: 0 !important;
}
#container_covers_paginate {
    padding-top: 12.8px !important;
}
.coursename_back:hover{color:white !important;}
table thead th{
    background-color: #124c60  !important;
    color: white !important;}
#voucher-assign input[type="email"] {
    color: black !important;
}
#voucher_orders_filter label{
padding-top:0px !important;
margin-bottom:10px;
margin-top:40px;
}
 
.first_pr{
  padding-left:25px!important
}

.ast-container,.mountian-style{
  max-width:100%!important
}
.search_loc_cover,.username_container,.container_cover,.voucher_main_div,.voucher_table{
  max-width:100%!important;
}