:root {
    --tblr-page-padding-y : 1rem;
    --tblr-page-padding-y : 1rem;
    --tblr-page-padding: .3rem;
}
.modal{
    --tblr-modal-padding: 1rem;
}
.card{
    --tblr-card-cap-padding-y: .5rem;
    --tblr-card-cap-padding-x: .5rem;
}
.card-preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(6,30,57, 0.6);
    z-index: 9999;
}
.card-status {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}
.custom-loader {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ag-root-wrapper {
    border-color: #dadfe5 !important;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl
{
    --tblr-offcanvas-padding-x: 1rem;
    --tblr-offcanvas-padding-y: 1rem;
}

table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable td:first-child
{
    border-left-width: 0px;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child
{
    border-right-width: 0px;
}

.gridAppHeader
{
    border:1px solid #dadfe5; border-bottom: 0px;background-color:#f5f7f7;color:rgba(0,0,0,0.54);
}

.card-header-light{
    background: var(--tblr-bg-surface-tertiary);
}
.card-header-light .card-title{
    font-size: .75rem;
    font-weight: var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1rem;
    color: var(--tblr-secondary);
    white-space: nowrap;
}
.table-responsive .dropdown {
    position: static !important;
}
@media (min-width: 768px) {
    .table-responsive {
        overflow-x: visible;
    }
}
.custom-toggle .icon-off {
  display: none;
}
.custom-toggle.active .icon-on {
  display: none;
}
.custom-toggle.active .icon-off {
  display: block;
}
.choices__inner{
    padding: 3.6px 7.5px 3.6px;
}
.form-control:focus{
    box-shadow: none;
}