body{
  background: #121115;
}
.logoImage img{
  border-radius: 5px;
  margin-bottom: 20px;
}
.helpicon {
  margin-left: .25rem;
  color: #a3a3a3;
}

.bg-blue{
  padding: 20px;
  border-radius: 10px;
  color: #FFFFFF;
  margin-bottom: 20px;
  background-image: linear-gradient(90deg, #06874b 0%, #58BA2F 100%);
  box-shadow: 0 4px 8px rgba(0, 108, 58, 0.4), 0 6px 20px rgba(115, 190, 68, 0.3);
}
.bg-blue .heading{
  background-image: linear-gradient(to right,#50c947, #e6f9e6);
  padding:10px;
  display: inline-block;
  min-width: 300px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 20px;
}

.bg-blue h3{
  font-weight: bold;
}
.bg-blue p{
  font-weight: 500;
}

label{
  font-weight: 500;
  font-size: 16px;
}
input.form-control{
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.chart-main{
  background-color: #f1f1f1;
  border-radius: 10px;
}
.highcharts-background{
  background-color: #f1f1f1 !important;
}

.questionSectionHeading h4{
  margin-bottom: 0px;
}

.alignItemBase{
  align-items: baseline;
}

.card{
  padding: 40px;
  margin-bottom: 20px;
  border-radius: 10px;
  color: #FFFFFF;
  background: #006c3ab3;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 108, 58, 0.4), 0 6px 20px rgba(115, 190, 68, 0.3);
  background-image: linear-gradient(90deg, #06874b 0%, #58BA2F 100%);
}

.highChartCard{
  margin-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 108, 58, 0.4), 0 6px 20px rgba(115, 190, 68, 0.3);
  border-radius: 10px;
}

.headings h4{
  text-align: center;
  font-style: italic;
  font-size: 22px;
  color: #FFFFFF;
}
.headings h2{
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: #FFFFFF;
}

.headings h6{
  text-align: center;
  font-style: italic;
  font-size: 16px;
  color: #FFFFFF;
}
.formContact .headings h4{
  text-align: center;
  font-style: italic;
  font-size: 16px;
  color: #FFFFFF;
}
.formContact .headings h2{
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: #FFFFFF;
}

.formContact .headings h6{
  text-align: center;
  font-style: italic;
  font-size: 20px;
  color: #FFFFFF;
}

.customStyleBtn{
  font-size: 18px;
  font-weight: 600;
  color: #06874b;
  background: #FFFFFF;
  border: none;
  padding: 10px 20px;
  width: 100%;
  max-width: 200px;
  border-radius: 5px;
}
.customStyleBtn:hover{
  color: #FFFFFF;
  background-image: linear-gradient(90deg, #73be44 0%, #06874b 100%);
  border: none;
}

.tableStyle{
  margin-top: 50px;
}

.tableStyle table{
  color: #FFFFFF;
}

.tableStyle table tr th, .tableStyle table tr td{
  text-align: center;
  vertical-align: middle;
}

.tableStyle table tr th:first-child, .tableStyle table tr td:first-child{
  text-align: left;
  min-width: 150px;
}

@media (max-width: 768px) {
  .card{
    padding: 20px;
  }
}

/* AUTO TABLE STYLE */

.dataTables_length{
  float: right;
  text-align: end;
}

.dataTables_length, .dataTables_filter{
  width: 50%;
  margin-bottom: 10px;
  margin-top: 10px;
}

.dataTables_filter input, .dataTables_length select{
  border-radius: 6px !important;    
}
.dataTables_filter input{
  border-radius: 6px !important;    
border:1px solid #ced4da !important;
}

.dataTables_wrapper .dataTables_length select {
  width: 50px;
}

.table td, .table th{
  vertical-align: middle;
  font-size: 12px !important;
  font-weight: 600 !important;
}

table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled{
  padding-right: 0px;
}

thead, thead:first-child, thead:first-child:first-child{
  border-top-left-radius: 12px !important;
}
thead, thead:first-child, thead:first-child:last-child{
  border-top-right-radius: 12px !important;
}

.dataTables_paginate{
  display: flex;
  justify-content: end;
  position: relative;
  top: -25px;
}

.dataTables_paginate a, .dataTables_paginate span{
  background: #FFF;
  color: #333333;
  padding: 5px 10px;
  margin: 0px 5px;
  border-radius: 6px;
}
.dataTables_paginate a:hover, .dataTables_paginate span:hover{
  background: #06874b !important;
  color: #FFFFFF;
}

#myTable_1 tbody tr td:last-child{
  text-align: center;
}

.table>:not(caption)>*>* {
  border-bottom-width: 0px !important;
}

.table td, .table th {
  border: 1px solid #dee2e6 !important;
}

.resourceTable , .resourceTable tbody{
  border:none !important;
  margin-bottom: 0px !important;
}

.resourceTable td, .resourceTable th{
  border: none !important; 
}