/***************************************table change***************************************/
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
  }
  
  table.dataTable tfoot th,
  table.dataTable thead th {
    font-weight: 700
  }
  
  table.dataTable thead td:active,
  table.dataTable thead th:active {
    outline: none
  }
  
  table.dataTable tfoot td,
  table.dataTable tfoot th {
    padding: 5px 10px;
    /* border-bottom: 1px solid #111; */
  }
  
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: 100%
  }
  
  table.dataTable tbody tr {
    background-color: #fff
  }
  
  table.dataTable tbody tr.selected {
    background-color: #b0bed9
  }
  
  table.dataTable.display tbody td,
  table.dataTable.display tbody th,
  table.dataTable.row-border tbody td,
  table.dataTable.row-border tbody th {
    border-top: 1px solid #ddd
  }
  
  table.dataTable.display tbody tr:first-child td,
  table.dataTable.display tbody tr:first-child th,
  table.dataTable.row-border tbody tr:first-child td,
  table.dataTable.row-border tbody tr:first-child th {
    border-top: none
  }
  
  table.dataTable.cell-border tbody td,
  table.dataTable.cell-border tbody th {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
  }
  
  table.dataTable.cell-border tbody tr td:first-child,
  table.dataTable.cell-border tbody tr th:first-child {
    border-left: 1px solid #ddd
  }
  
  table.dataTable.cell-border tbody tr:first-child td,
  table.dataTable.cell-border tbody tr:first-child th {
    border-top: none
  }
  
  table.dataTable.display tbody tr.odd,
  table.dataTable.stripe tbody tr.odd {
    background-color: #f9f9f9
  }
  
  table.dataTable.display tbody tr.odd.selected,
  table.dataTable.stripe tbody tr.odd.selected {
    background-color: #acbad4
  }
  
  table.dataTable.display tbody tr:hover,
  table.dataTable.hover tbody tr:hover {
    background-color: #f6f6f6
  }
  
  table.dataTable.display tbody tr:hover.selected,
  table.dataTable.hover tbody tr:hover.selected {
    background-color: #aab7d1
  }
  
  table.dataTable.no-footer {
    border-bottom: 1px solid #111
  }
  
  table.dataTable.nowrap td,
  table.dataTable.nowrap th {
    white-space: nowrap
  }
  
  table.dataTable.compact thead td,
  table.dataTable.compact thead th {
    padding: 4px 17px 4px 4px
  }
  
  table.dataTable.compact tbody td,
  table.dataTable.compact tbody th,
  table.dataTable.compact tfoot td,
  table.dataTable.compact tfoot th {
    padding: 4px
  }
  
  table.dataTable,
  table.dataTable td,
  table.dataTable th {
    box-sizing: content-box
  }
  
  .dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1
  }
  
  .dataTables_wrapper .dataTables_length {
    float: left
  }
  
  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin-bottom: 10px;
  }
  
  .dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
  }
  
  .dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
  }
  
  .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: linear-gradient(180deg, #fff 0, #dcdcdc)
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #111;
    background-color: #585858;
    background: linear-gradient(180deg, #585858 0, #111)
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: linear-gradient(180deg, #2b2b2b 0, #0c0c0c);
    box-shadow: inset 0 0 3px #111
  }
  
  .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
  }
  
  .dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 25%, hsla(0, 0%, 100%, .9) 75%, hsla(0, 0%, 100%, 0))
  }
  
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_paginate,
  .dataTables_wrapper .dataTables_processing {
    color: #333
  }
  
  .dataTables_wrapper .dataTables_scroll {
    clear: both
  }
  
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
  }
  
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th {
    vertical-align: middle;
    text-align: center;
  }
  
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
  }
  
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
  }
  
  .dataTables_wrapper.no-footer div.dataTables_scrollBody>table,
  .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
    border-bottom: none
  }
  
  .dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
  }

  .dataTables_wrapper .dataTables_paginate span .paginate_button {
    padding: 3px 10px;
    border-radius: 8px;
    margin-left: 2px
  }
  
  .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
    color: #686868 !important;
    border: 1px solid #686868 !important;
    background: #7678cc !important
  }
  
  .dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
    color: #686868 !important;
    border: 1px solid #686868;
    background: #7678cc
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 3px 10px;
    border-radius: 8px;
    margin-left: 2px
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    color: #686868 !important;
    border: 1px solid #686868;
    background: #7678cc
  } 
  
  @media screen and (max-width:767px) {
  
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
      float: none;
      text-align: center
    }
  
    .dataTables_wrapper .dataTables_paginate {
      margin-top: .5em
    }
  }
  
  @media screen and (max-width:640px) {
  
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_length {
      float: none;
      text-align: center
    }
  
    .dataTables_wrapper .dataTables_filter {
      margin-top: .5em
    }
  }

  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff
  }
  
  .table-bordered,
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ccd3dc
  }
  
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_paginate,
  .dataTables_wrapper .dataTables_processing {
    color: #666 !important;
  }
  
  .dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ccd3dc;
    background-color: #fff;
    border-radius: 2px;
        outline: none;
  }
  
  table.dataTable thead td,
  table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #ccd3dc !important
  }
  
/*   table.dataTable.no-footer { */
/*     border-bottom: 1px solid #ccd3dc !important */
/*   } */
  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    box-shadow: none !important;
    outline: none !important
  }
  
  .dataTables_wrapper .dataTables_info {
    padding-top: 15px !important
  }
  
  .dataTables_wrapper .dataTables_length label,
  .dataTables_wrapper .dataTables_length select {
    border-color: #ccd3dc !important
  }
  .dataTables_wrapper .dataTables_length select {
    background-color: #fff;
  }
  
  table.dataTable thead th {
    border-bottom: none !important;
    color: #fff !important;
    text-align: center;
    line-height: 20px;
        text-transform: capitalize;
  }
  .custom-datatable{
    border-radius: 0;
  }
  
  .custom-datatable tfoot td, .custom-datatable tfoot th {
    border-top: none !important;
  }
  
  .dataTables_scrollHead{
    border-radius: 2px 2px 0px 0px;
  }
  
  .dataTables_wrapper .dataTables_paginate span .paginate_button,
  .dataTables_wrapper .dataTables_paginate .paginate_button.next,
  .dataTables_wrapper .dataTables_paginate .paginate_button.last,
  .dataTables_wrapper .dataTables_paginate .paginate_button.first,
  .dataTables_wrapper .dataTables_paginate .paginate_button.previous  {
    border: 0 !important;
    border-radius: 2px !important;
    padding: 5px 14px !important;
    margin-left: 4px !important;
        font-size: 14px;
  }
  

  .dataTables_wrapper .dataTables_paginate span .paginate_button.current,
  div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    color: #ffffff !important;
    background: #383838 !important;
    border-radius: 2px;
    padding: 5px 14px;
    border: 0 !important;
  }
  
  .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover,
	.dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover
	{
    color: #fff !important;
    background: #383838 !important;
    border: 0 !important;
  }
  .custom-datatable thead th {
    border: none;
/*     background: #005574; */
    color: #fff;
    text-align: left;
    padding: .65rem 1.875rem
  }
  
   .custom-datatable thead{
/*   background:linear-gradient(90deg, rgba(16,49,107,1) 0%, rgba(44,139,173,1) 98%); */
/* background:linear-gradient(90deg, #14007f 0%, #146bc2 98%); */
	background: #5785bb;
   }
  .custom-datatable thead td, .custom-datatable thead th {
    padding: 0.65rem 1.875rem;
  }
  
  .custom-datatable td,
  .custom-datatable th,
  .table td,
  .table th  {
    border: none;
  }
  
  .custom-datatable tbody th, .custom-datatable tbody td {
    padding: 0.5rem !important;
    text-align: center;
  }
  
  .custom-datatable tfoot th,
  .custom-datatable thead th {
    font-weight: 500 !important;
  }
  


  .custom-datatablegrid.dtr-inline.collapsed>tbody>tr>td.dtr-control, .custom-datatablegrid.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 30px !important;
}

.custom-datatable.table>:not(:first-child) {
    border-top: none;
}
.table .buttons-group{
	padding-left: 0;
	margin-bottom: 0;
}

 table.dataTable thead th:first-child{
  width:50px;
  max-width:50px;
  min-width:50px;
 }
  
table.dataTable thead th:last-child{
	width: 100px !important;
    max-width: 100px;
    min-width: 100px;
}

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

div.dt-container .dt-search input,
div.dt-container .dt-input {
    border: 1px solid #ccd3dc;
    border-radius: 2px;
    height: 30px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after {
	    opacity: .6;
}

/* latest datatable start */
div.dt-container .dt-paging .dt-paging-button
 {
    border: 0 !important;
    border-radius: 2px !important;
    padding: 5px 14px !important;
    margin-left: 4px !important;
        font-size: 14px;
  }
  
   div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover,
  div.dt-container .dt-paging .dt-paging-button:hover,
  div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    color: #ffffff !important;
    background: #969da6 !important;
    border-radius: 2px;
    padding: 5px 14px;
    border: 0 !important;
  }
  
  .dt-paging.paging_full_numbers {
  display:flex;
  justify-content:end;
  align-items:center;
  }
  
	.dt-paging.paging_full_numbers .dt-paging-button.next,
	.dt-paging.paging_full_numbers .dt-paging-button.last,
	.dt-paging.paging_full_numbers .dt-paging-button.first,
	.dt-paging.paging_full_numbers .dt-paging-button.previous{
	font-size:24px;
	line-height: 21px;
	}

  .custom-datatable td.dt-type-numeric {
  text-align:center !important;
  }
  
  .dt-input:focus-visible {
  outline:none;
  }
  
  .dt-length .dt-input {
      margin-right: 6px;
          height: 32px;
  }
  
  .dt-scroll-head {
  border-radius: 2px 2px 0 0;
  }
  
  .dt-scroll-body,
  div.dt-container.dt-empty-footer .dt-scroll-body {
      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  
  table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{
  text-align:center;
  }
  /* iPhone-6 plus 736 (Landscape) view */
@media only screen and (max-width: 767px) {
	 .dt-paging.paging_full_numbers {
  justify-content:center;
  }
}

/* latest datatable end */ 

/* filter css start */

.custom-filter-dt .cf-icon {
	position:absolute;
	left:10px;
	height:15px;
	width:15px;
}

.custom-filter-dd {
	background:#fff;
	border-radius:4px;
	padding:10px;
	max-width:300px;
	    position: absolute;
    z-index: 9;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    top: 0px;
}

.custom-filter-dd .cfdd-items{
	    list-style: none;
    margin-bottom: 0;
        padding-left: 0;
	
}

.custom-filter-dd .cfdd-item{
	    list-style: none;
    margin-bottom: 0;
	
}

.custom-filter-dt thead>tr>th.sorting {
	    padding-left: 26px;
}

.filterhead .form-group{
	    margin-bottom: 0rem;
}

.filterhead .form-group .form-control {
	height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.filterhead .btn-sm {
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.5;
}

.filterhead .input-group .btn {
    min-width: 30px;
}

.from-group-sm{
	width:300px;
}

.custom-datatable-wrapper {
	position:relative;
}

.custom-filter-1{
    position: absolute !important;
    right: 20%;
    top: 0;
    z-index: 1;
}

.custom-filter-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
    padding: 6px 32px 6px 10px !important;
}

.custom-filter-1 .select2-container .select2-selection--single .select2-selection__rendered,
.custom-filter-1 .select2-container--default .select2-selection--multiple {
	height: 36px;
}
    
    
.dataTables_scrollBody .cf-icon,
.dataTables_scrollHeadInner .custom-filter-dd{
	display:none !important;
}

/* filter css end */

/* fixed columns css start */

.custom-dtfc.custom-datatable thead tr th:last-child,
.custom-dtfc.custom-datatable tbody tr td:last-child{
	position: sticky;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: 3;
    box-shadow: -7px 1px 5px 0px rgba(16,49,107,0.25);
-webkit-box-shadow: -7px 1px 5px 0px rgba(16,49,107,0.25);
-moz-box-shadow: -7px 1px 5px 0px rgba(16,49,107,0.25);
}

.custom-dtfc.custom-datatable thead tr th:last-child{
	background:#1d7ca0;
}

.custom-dtfc.custom-datatable tbody tr td:last-child{
    background-color: #fff;
}

/* fixed columns css end */

/* datatable border css start */

table.dataTable > tbody > tr > * {
  border-top: 0px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable > thead > tr > * {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable > thead > tr.filters > *{
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable > tbody > tr > *:first-child,
table.dataTable > thead > tr > *:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable > tbody > tr:first-child > * {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before {
	    content: "\f106";
	    font-family: 'FontAwesome';
	}
	
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
	  content: "\f107";
	    font-family: 'FontAwesome';
}

/* datatable border css end */

.custom-datatable tbody td p{
	font-size: 14px;
}

.dt-scroll-headInner{
	background: #5785bb;
}
table.dataTable thead th:last-child{
	border-right: none;
}