.gridRow{
  display:grid;
  grid-template-columns:1fr;
  grid-gap:6px;
  align-items:flex-start;
}
.flexRadioFields{
  display:flex;
  gap:0.5rem;
  align-items:center;
}

.gridColTwo{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap:6px;
}

.dropdown-toggle{
  vertical-align: text-bottom;
}
.radio-align{
  font-weight:400;
  display: flex;
  gap: 2.5rem;
  padding: 1rem 2.3rem;
  width:100%;
}
.drop.dropdown-toggle:after{
  display:none;
}

.drop.btn.show{
  border:none;
}

.pagination-custom svg{
  width:20px;
}
.pagination-custom > nav > div{
  margin-bottom:1rem;
}
.pagination-custom span [aria-current$="page"] > span {
background-color:#007bff !important;
color:#fff !important;

}

#contextMenu {
  position: absolute;
  display: none;
}


tr{
  position:relative;
}


.flex .justify-between{
  display:none;
}

.exportbtn{
    border-radius: 0px !important;
}


.padding-menu {
    padding-left: 0px;
}

th span.sorting a {
    color: #000;
}
.custom-dropdown{
  width:100%;
  max-width:200px;
}
.custom-width-search{
  width:100%;
}
.border-bottom-custom{
  border-bottom:1px solid #BDC3C7;
}
.fs-12-dropdown{
  font-size:12px;
  font-weight:400 !important;
  margin-bottom:0;
}
.dropdown-height{
  height: 100%;
  max-height: 190px;
  overflow-y: scroll;
}
.custom-padding{
  padding:6px 0;
}




#nav-main > ul > li:hover ul {

  display: block;

}



#nav-main a:hover {

  opacity: 1;

}

#nav-main ul ul {

  left:-50%;

}



#nav-main ul ul a {

  padding: 0 15px;

  white-space: nowrap;

  /* font-size:12px; */

}



 .icon_color

{

  color:#6571ff;

}

.no-record-cell
{
    position: sticky;
    left: 0;
    border: 0;
}

.actionBtn {
  font-size: 12px;
      color: #fff !important;
}

table>:not(caption)>*>* {
    padding: .25rem .5rem !important;
}
.table-menu a.nav-link {
    font-size: 16px;
}
.tableBuilder th {
    white-space: nowrap;
    min-width: 190px;
    padding:  0.5rem 0.5rem 0.5rem 1rem !important;
    font-size: 14px;
        line-height: 30px;
}

.tableBuilder tr td:first-child {
    padding-left: 1rem !important;
}
th:first-child {
    min-width: 0;
}
.tableFixHead {
    overflow-y: auto;
    height: calc(100vh - 261px);
}
.tableFixHead thead th {
    position: sticky;
    top: 0px;
    background-color: #fff;
    z-index: 1;

}
/*.table-menu ul li a:hover{
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out !important;
  transform: scale(1.1);
}*/

.tableBuilder th:after,
.tableBuilder th:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
      border-bottom-width: 1px;
}

.tableBuilder th:before {
  top: -1px;
  border-top: 1px solid #ccc;
}

.tableBuilder th:after {
  bottom: -1px;
  border-bottom: 1px solid #ccc;
}
div#dynamicTable {
    margin-left: 0px !important;
    padding-left: 0px;
}
td.no-action {
    padding: 0.5rem 0.5rem !important;
}
.scrollbar::-webkit-scrollbar {
    width: 9px;
    height: 6px;
}
.scrollbar::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #eee;

}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #c1c1c1;
}

.scrollbar tbody tr:last-child td{
    border-bottom: 0;
}

.table-link {
    text-decoration: underline;
    color: rgb(0 30 96 / 70%);
}

.list-icon-size
{
  font-size: 18px;
}
.table-responsive{
    box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
    -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
    background-color: #fff;
    border-radius: 0.25rem;
        border: 1px solid #ccc;
}
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}

.table-pagination{
  bottom: 0;
  z-index: 1;
  right: 1rem;
  font-size: 12px;
}
.table-pagination ul.pagination li {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.2rem;
}
.table-pagination .pagination {
  margin-bottom: 0;
}

.table-actions .navbar-expand-md {
  justify-content: end !important;
}

.nav-toggle-button{
    font-size: 11px;
    padding: 3px 8px;
}

@media (min-width: 768px){
  .table-actions .navbar-expand-md .navbar-collapse {
      display: contents !important;
  }

}


#dynamicTable nav {
    padding-top: 0px;
    padding-bottom: 0px;
}
.more-left{left:0 !important}
.inline_button {
    margin-right: 5px;
}
.loader {
    border: 5px solid #f3f3f3;
    border-top: 3px solid #001e60;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    left: 50%;
    top: 50%;
    position: absolute;
  }

  .loader-colour {
    border: 5px solid #f3f3f3;
    border-top: 3px solid #001e60;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    left: 50%;
    top: 30%;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }