.dropdown-menu.show{max-height: 450px;overflow-y: auto;overflow-x: hidden;}
        .pheader {border: none;}
        .pleft {border: none;box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);border-right: 1px solid #f0f0f0;}
        .pbody{overflow-x: hidden;border: none;padding:0;background_:#eef2fe!important;}
        .tstCat {color: red;}
        .sidebar-hov li{ position: relative; max-width: 100%;}
        .sidebar-hov li .submenu{ 
        	display: none;
        	position: absolute;
        	left:100%; 
        	top:-11px;
        	min-width: 240px;
    	    max-height: 400px;
            overflow-y: auto;
            top: 50%;
            transform: translateY(-50%);
        }
        .sidebar-hov li:hover > .submenu{ display: block; }
        .sidebar-hov li:hover{ background: #f8f9fa; }
        
.rnomargin {
    margin-right: 0;
    margin-left: 0;
}

.frontlink{
    display: inline-block;
}
.pleft .frontlink:hover{
    padding-bottom: 2px;
    color: #5e72e4;
}


.modal-fullpage-c {padding: 0!important;}
.modal-fullpage-c .modal-dialog{margin: 0;max-width: 100%;min-height: 100%;}
.modal-fullpage-c .modal-dialog .modal-content{border-radius: 0;border: none;height: 100%;}


.sortable-ghost{background: #f5f9fd;}

    .hide-reorder-active .hide-reorder-item {
        display: none!important;
    }
    .hide-reorder-active .show-reorder-item-only {
        display: block!important;
    }
    .show-reorder-item-only{
        display: none!important;
    }


    .filters-option-item .filter-options-actions-box{
        display: none;
    }
    .filters-option-item {
        transition: all 0.15s;
    }
    .filters-option-item:hover {
        /*background: #f9f9f9;*/
        font-size: 1.1rem;
        font-weight: 600;
    }
    #redoFiltersModal .filters-option-item:hover {
        background: #f9f9f9;
    }
    .filters-option-item:hover .filter-options-actions-box{
        display: block;
    }


/* THEME CUSTOM FIXES */
#pleft{
    width: 60px;
    transition: width 0.2s;
    overflow: hidden;
    height: calc(-60px + 100vh);
    z-index: 5;
}
.sidebar-full #pleft{
    width: 160px;
}
#pleft .frontlink{
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    display: block;
}
#pleft .frontlinkicon {
    
}

.fronttext{
    display: none;
    padding-left: 15px!important;
}
.sidebar-full .fronttext{
    display: inline;
}

#pleft:hover{
    width: 160px;
}
#pleft:hover .fronttext{
    display: inline;
}
.main-wrapper #pleft{
    position: absolute;
}
.main-wrapper.sidebar-full #pleft{
    position: relative;
}
.main-wrapper #pbody{
    margin-left: 60px;
}
.main-wrapper.sidebar-full #pbody{
    margin-left: 0;
}

.chat-wrapper{
    width: 100%;
    transition: width 0.2s;
    z-index: 55;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
    background: white;
}
.chat-wrapper.chat-min{
    width: 65px!important;
    border: none;
    box-shadow: none;
    padding: 0;
}

body {
    color: #525f7f;
}
body {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    color: #525f7f;
    background-color: #f8f9fe;
}
/*p,span, b{*/
/*    color: #525f7f;*/
/*}*/
.h3, h3 {
    font-size: 1.0625rem;
}
.text-primary {
    color: #5e72e4 !important;
}
.text-success {
    color: #2dce89 !important;
}
.text-danger {
    color: #f5365c !important;
}

.table-action {
    font-size: .875rem;
    margin: 0 .25rem;
    color: #adb5bd;
}
.table-action:hover {
    color: #919ca6;
}
.table-action-delete:hover {
    color: #f5365c;
}

[class*=shadow] {
    transition: all .15s ease;
}
.card {
    margin-bottom: 30px; 
    border: 0;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15); 
}
.card .table td, .card .table th {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.table.align-items-center td, .table.align-items-center th {
    vertical-align: middle;
}

.table td, .table th {
    font-size: .8125rem;
    white-space: nowrap;
}
.table td, .table th {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
}
.card .table td, .card .table th {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.table .thead-light th {
    color: #8898aa;
    background-color: #f6f9fc;
}
.table.align-items-center td, .table.align-items-center th {
    vertical-align: middle;
}
.table .thead-light th {
    color: #8898aa;
    border-color: #e9ecef;
    background-color: #f6f9fc;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}


.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .375rem;
}
.page-item.active .page-link {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4;
}
.page-item .page-link, .page-item span {
    font-size: .875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #5e72e4;
}
.nav-pills .nav-link.active .btn-close, .nav-pills .show>.nav-link .btn-close, .nav-tabs .nav-link.active .btn-close {
    color: #fff;
    filter: invert(1) grayscale(100%) brightness(200%);
    /*background-color: #5e72e4;*/
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #5e72e4;
}
.nav-pills .nav-link {
    font-size: .875rem;
    font-weight: 500;
    padding: .75rem 1rem;
    transition: all .15s ease;
    color: #5e72e4;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 4px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.nav-pills .nav-link {
    border-radius: .375rem;
}
.nav-pills .nav-item:not(:last-child) {
    padding-right: 1rem;
}

.nav-link {
    color: #525f7f;
}
.nav-link {
    display: block;
    padding: .25rem .75rem;
}

.dropdown-menu {
    font-size: 1rem;
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    padding: .5rem 0;
    list-style: none;
    text-align: left;
    color: #525f7f;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: .4375rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}

.list-group-item.active {
    background-color: #f0f7ff;
}
table tr.active td {
    background-color: #f0f7ff;
}
.input-group .form-control:focus {
    box-shadow: none;
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
    z-index: 3;
}
.input-group .form-control {
    box-shadow: none;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    min-width: 0;
    margin-bottom: 0;
    flex: 1 1;
}
.form-control:focus {
    /*color: #8898aa;*/
    border-color: #5e72e4;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.form-control {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    width: 100%;
    height: calc(1.5em + 1.25rem + 2px);
    padding: .625rem .75rem;
    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
    color: #525f7f;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
.form-control:disabled, .form-control[readonly] {
    opacity: 1;
    background-color: #e9ecef;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5rem;
    color: #32325d;
}

.card-header {
    margin-bottom: 0;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
}
.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1.25rem;
}


.close {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    float: right;
    opacity: .5;
    /* color:rgba(0,0,0,.6); */
    /* text-shadow:none; */
}


.close:hover {
    text-decoration: none;
    color: rgba(0,0,0,.6)
}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    border: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.close {
    transition: all .15s ease
}

.close>span:not(.sr-only) {
    font-size: 1.25rem;
    line-height: 17px;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    transition: all .15s ease;
    /* color:rgba(0,0,0,.6); */
    /* border-radius:50%; */
    /* background-color:transparent; */
}

.close:focus,.close:hover {
    color: rgba(0,0,0,.9);
    outline: 0;
    background-color: transparent;
}

.close:focus span:not(.sr-only),.close:hover span:not(.sr-only) {
    background-color: transparent
}

.card-body {
    min-height: 1px;
    padding: 1.5rem;
    flex: 1 1 auto;
}
.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    color: #16181b;
    background-color: transparent;
}



.form-control-label {
    font-size: .875rem;
    font-weight: 600;
    color: #525f7f;
}
.form-group {
    margin-bottom: 1.5rem;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
}

.bg-primary {
    background-color: #5e72e4 !important;
}
.bg-gradient-primary .modal-title, .bg-gradient-danger .modal-title, .bg-gradient-success .modal-title  {
    color: white;
}
.bg-gradient-primary {
    background: linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important
}

.bg-gradient-secondary {
    background: linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%)!important
}
.bg-gradient-c1 {
    background: linear-gradient(87deg, #5e72e42e 0, #5f73e163 100%) !important;
}
.bg-gradient-success {
    background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important
}

.bg-gradient-info {
    background: linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important
}

.bg-gradient-warning {
    background: linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important
}

.bg-gradient-danger {
    background: linear-gradient(87deg,#f5365c 0,#f56036 100%)!important
}

.bg-gradient-light {
    background: linear-gradient(87deg,#adb5bd 0,#adaebd 100%)!important
}

.bg-gradient-dark {
    background: linear-gradient(87deg,#212529 0,#212229 100%)!important
}

.bg-gradient-default {
    background: linear-gradient(87deg,#172b4d 0,#1a174d 100%)!important
}

.bg-gradient-white {
    background: linear-gradient(87deg,#fff 0,#fff 100%)!important
}

.bg-gradient-neutral {
    background: linear-gradient(87deg,#fff 0,#fff 100%)!important
}

.bg-gradient-darker {
    background: linear-gradient(87deg,#000 0,#000 100%)!important
}

.shadow-sm {
    box-shadow: 0 0 .5rem rgba(136, 152, 170, .075) !important;
}

/*.modal-content {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    width: 100%;*/
/*    pointer-events: auto;*/
/*    border: 0 solid rgba(0, 0, 0, .2);*/
/*    border-radius: .4375rem;*/
/*    outline: 0;*/
/*    background-color: #fff;*/
/*    background-clip: padding-box;*/
/*    box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);*/
/*}*/
.modal-title {
    line-height: 1.1;
    margin-bottom: 0;
    font-size: 1.0625rem;
}
.modal-header {
    display: flex;
    padding: 1.25rem;
    border-bottom: 0 solid #e9ecef;
    border-top-left-radius: .4375rem;
    border-top-right-radius: .4375rem;
    align-items: flex-start;
    justify-content: space-between;
}
.modal-body {
    position: relative;
    padding: 1.5rem;
    flex: 1 1 auto;
}
.modal-footer {
    display: flex;
    padding: 1.25rem;
    border-top: 0 solid #e9ecef;
    border-bottom-right-radius: .4375rem;
    border-bottom-left-radius: .4375rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}


.btn-group .btn:not(.border), .input-group .btn:not(.border) {
    border-color: transparent!important;
}


.btn {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    padding: .625rem 1.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    color: #525f7f;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: transparent;
}
.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn-block+.btn-block {
    margin-top: .5rem;
}
.btn:hover {
    text-decoration: none;
    color: #525f7f;
}
.btn span{
    color: inherit;
}


.btn-primary {
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-primary:hover {
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4
}

.btn-primary.focus,.btn-primary:focus {
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(94,114,228,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4
}

.btn-success {
    color: #fff;
    border-color: #2dce89;
    background-color: #2dce89;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-success:hover {
    color: #fff;
    border-color: #2dce89;
    background-color: #2dce89;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}


.btn-danger {
    color: #fff;
    border-color: #f5365c;
    background-color: #f5365c;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-danger:hover {
    color: #fff;
    border-color: #f5365c;
    background-color: #f5365c
}

.btn-danger.focus,.btn-danger:focus {
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 rgba(245,54,92,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    border-color: #f5365c;
    background-color: #f5365c
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    border-color: #f5365c;
    background-color: #ec0c38
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: none,0 0 0 0 rgba(245,54,92,.5)
}

.btn:not(:last-child) {
    /*margin-right: .5rem;*/
}

.btn-group-sm>.btn,.btn.btn-sm {
    font-size: .75rem;
    line-height: 1.5;
    padding: .25rem .5rem;
    border-radius: .25rem
}

.btn-icon .btn-inner--icon img {
    width: 20px
}

.btn-icon .btn-inner--text:not(:first-child) {
    margin-left: .75em
}

.btn-icon .btn-inner--text:not(:last-child) {
    margin-right: .75em
}

.btn-icon-only {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0
}

.dropdown-toggle {
    white-space: nowrap;
}
.btn-secondary {
    color: #212529;
    border-color: #f7fafc;
    background-color: #f7fafc;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-outline-primary {
    color: #5e72e4;
    border-color: #5e72e4;
    background-color: transparent;
    background-image: none;
}
.btn-outline-secondary {
    color: #4385b1;;
    border-color: #d1d8dd;;
    background-color: transparent;
    background-image: none;
}
.btn-outline-primary:hover {
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4;
}
.btn-outline-secondary:hover {
    color: #212529;
    border-color: #f7fafc;
    background-color: #f7fafc;
}

.btn-outline-danger {
    color: #f5365c;
    border-color: #f5365c;
    background-color: transparent;
    background-image: none
}

.btn-outline-danger:hover {
    color: #fff;
    border-color: #f5365c;
    background-color: #f5365c
}

/*.btn-outline-danger.focus,.btn-outline-danger:focus {*/
/*    box-shadow: 0 0 0 0 rgba(245,54,92,.5)*/
/*}*/

/*.btn-outline-danger.disabled,.btn-outline-danger:disabled {*/
/*    color: #f5365c;*/
/*    background-color: transparent*/
/*}*/

.btn-primary:hover {
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4;
}
.btn-secondary:hover {
    color: #212529;
    border-color: #f7fafc;
    background-color: #f7fafc;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #212529;
    border-color: #f7fafc;
    background-color: #d2e3ee;
}

.btn-group .btn, .input-group .btn {
    margin-right: 0;
    transform: translateY(0);
    box-shadow: none!important;
    /*border-color: transparent!important;*/
}


.dropdown-item {
    font-weight: 400;
    display: block;
    clear: both;
    width: 100%;
    padding: .5rem 1rem;
    text-align: inherit;
    white-space: nowrap;
    color: #212529;
    border: 0;
    background-color: transparent;
}
.dropdown-menu .dropdown-item {
    font-size: .875rem;
    padding: .5rem 1rem;
}

.btn-block{
    display: block;
    width: 100%;
}
.avatar {
    font-size: 1rem;
    display: inline-flex;
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: .375rem;
    background-color: #adb5bd;
    align-items: center;
    justify-content: center;
}
.avatar img {
    width: 100%;
    border-radius: .375rem;
}
.c-avatar-nonsquare{
    background-color: #f9f9f9;
    overflow: hidden;
    vertical-align: middle;
}
.c-avatar-nonsquare.c-avatar-lg{
    width: 70px;
    height: 70px;
}
.nav-link {
    padding: 0.5rem 1rem;
    border-color: #dee2e6 !important;
}
.navbar-dark .nav-link {
    color: rgba(255, 255, 255, .95);
}
.navbar-dark  .nav-link:focus, .navbar-dark  .nav-link:hover {
    color: rgba(255, 255, 255, .65);
}

.btn-light{
    color: #525f7f;
    background-color: #f8f9fa;
}


.custom-toggle {
    position: relative;
    display: inherit;
    display: inline-block;
    width: 52px;
    height: 1.5rem;
    margin: 0
}

.custom-toggle input {
    display: none
}

.custom-toggle input:checked+.custom-toggle-slider {
    border: 1px solid #5e72e4
}

.custom-toggle input:checked+.custom-toggle-slider:before {
    transform: translateX(28px);
    background: #5e72e4
}

.custom-toggle input:disabled+.custom-toggle-slider {
    border: 1px solid #e9ecef
}

.custom-toggle input:disabled:checked+.custom-toggle-slider {
    border: 1px solid #e9ecef
}

.custom-toggle input:disabled:checked+.custom-toggle-slider:before {
    background-color: #8a98eb
}

.custom-toggle-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    border: 1px solid #ced4da;
    border-radius: 34px!important;
    background-color: transparent
}

.custom-toggle-slider:before {
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    content: '';
    transition: all .15s cubic-bezier(.68,-.55,.265,1.55);
    border-radius: 50%!important;
    background-color: #e9ecef
}

.custom-toggle-wrapper .custom-toggle+.custom-toggle {
    margin-left: 1rem!important
}

.custom-toggle input:checked+.custom-toggle-slider:after {
    right: auto;
    left: 0;
    content: attr(data-label-on);
    color: #5e72e4
}

.custom-toggle-slider:after {
    font-family: inherit;
    font-size: .75rem;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    min-width: 1.66667rem;
    margin: 0 .21667rem;
    content: attr(data-label-off);
    transition: all .15s ease;
    text-align: center;
    color: #ced4da
}


/* optional: rotate the ionicon when dropdown is open */
.dropdown .btn.show .toggle-chevron{
  transform: rotate(180deg);
  transition: transform .18s ease;
}

.reports-tab-offset-settings-sm{
    position: absolute;
    top: -52px;
    right: 0;
}

@media (prefers-reduced-motion:reduce) {
    .custom-toggle-slider:after {
        transition: none
    }
}

.c-loader-element {
  position: relative;
  overflow: hidden;
}

.c-loader-element:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #c7c7c7;
  z-index: 5;
  opacity: 0.1;
  pointer-events: none;
}

.c-loader-element:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-name: loader-animate;
  animation-timing-function: linear;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0) 81%);
  pointer-events: none;
}

.c-loader{
    position: relative;
}
.c-loader:before{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c7c7c7;
    z-index: 5;
    opacity: 0.1;
}
.c-loader:after {
  content: "";
  background-color: #333;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 23;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-name: loader-animate;
  animation-timing-function: linear;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 81%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 81%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 81%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff",GradientType=1 );
}



@keyframes loader-animate {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}

.active-dot{
    border-radius: 50px; 
    height: 12px; 
    width: 12px; display: inline-block; 
    background-color: rgb(94, 114, 228); 
}
.inactive-dot{
    border-radius: 50px; 
    height: 12px; 
    width: 12px; display: inline-block; 
    background-color: rgb(231, 231, 231); 
}
/*Move to reports retup component css*/
.reports-categs .list-group-item .link{display: none}
.reports-categs .list-group-item:hover .link{display: inline}
.reports-list-actions .link{display: none}
.reports-list .link{display: none}
.reports-list:hover .link{display: inline}
.show-hover-el{display: none;}
.show-hover-wrapper:hover .show-hover-el{display: inline;}

.accordion-button:not(.collapsed){
    background-color: #e0e5fb;
}

#after-js-info.overlay-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 50;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transform: translateX(100%);        /* start off-screen right */
  transition: transform 180ms ease;   /* slide duration */
  overflow: auto;
  pointer-events: auto;
}

/* when opened (Bootstrap collapse adds .show) */
#c-side-panel.overlay-panel.show {
  transform: translateX(0);
}

#c-side-panel.overlay-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 50;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transform: translateX(100%);        /* start off-screen right */
  transition: transform 180ms ease;   /* slide duration */
  overflow: auto;
  pointer-events: auto;
}

/* when opened (Bootstrap collapse adds .show) */
#after-js-info.overlay-panel.show {
  transform: translateX(0);
}


.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #525f7f;
    background-color: transparent;
    --bs-table-color: #525f7f;
}

.table td,.table th {
    padding: 1rem;
    vertical-align: top;
    /*border-top: 1px solid #e9ecef*/
    border-bottom: 1px solid #e9ecef
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef
}

.table tbody+tbody {
    border-top: 2px solid #e9ecef
}

.table-sm td,.table-sm th {
    padding: .5rem
}

.table-bordered {
    border: 1px solid #e9ecef
}

.table-bordered td,.table-bordered th {
    border: 1px solid #e9ecef
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(246,249,252,.3)
}

/*.table-hover tbody tr:hover {*/
/*    color: #525f7f;*/
    /*background-color: #f6f9fc;*/
/*    background-color: #f0f7ff;*/
/*}*/

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #d2d8f7
}

.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
    border-color: #abb6f1
}

.table-hover .table-primary:hover {
    background-color: #bcc5f3
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #bcc5f3
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #fdfefe
}

.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
    border-color: #fbfcfd
}

.table-hover .table-secondary:hover {
    background-color: #ecf6f6
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #ecf6f6
}

.table-success,.table-success>td,.table-success>th {
    background-color: #c4f1de
}

.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
    border-color: #92e6c2
}

.table-hover .table-success:hover {
    background-color: #afecd2
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #afecd2
}

.table-info,.table-info>td,.table-info>th {
    background-color: #bcf1fb
}

.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
    border-color: #83e5f7
}

.table-hover .table-info:hover {
    background-color: #a4ecfa
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #a4ecfa
}

.table-warning,.table-warning>td,.table-warning>th {
    background-color: #fed3ca
}

.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
    border-color: #fdae9c
}

.table-hover .table-warning:hover {
    background-color: #febeb1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #febeb1
}

.table-danger,.table-danger>td,.table-danger>th {
    background-color: #fcc7d1
}

.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
    border-color: #fa96aa
}

.table-hover .table-danger:hover {
    background-color: #fbafbd
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #fbafbd
}

.table-light,.table-light>td,.table-light>th {
    background-color: #e8eaed
}

.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
    border-color: #d4d9dd
}

.table-hover .table-light:hover {
    background-color: #dadde2
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #dadde2
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #c1c2c3
}

.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #8c8e90
}

.table-hover .table-dark:hover {
    background-color: #b4b5b6
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b4b5b6
}

.table-default,.table-default>td,.table-default>th {
    background-color: #bec4cd
}

.table-default tbody+tbody,.table-default td,.table-default th,.table-default thead th {
    border-color: #8691a2
}

.table-hover .table-default:hover {
    background-color: #b0b7c2
}

.table-hover .table-default:hover>td,.table-hover .table-default:hover>th {
    background-color: #b0b7c2
}

.table-white,.table-white>td,.table-white>th {
    background-color: #fff
}

.table-white tbody+tbody,.table-white td,.table-white th,.table-white thead th {
    border-color: #fff
}

.table-hover .table-white:hover {
    background-color: #f2f2f2
}

.table-hover .table-white:hover>td,.table-hover .table-white:hover>th {
    background-color: #f2f2f2
}

.table-neutral,.table-neutral>td,.table-neutral>th {
    background-color: #fff
}

.table-neutral tbody+tbody,.table-neutral td,.table-neutral th,.table-neutral thead th {
    border-color: #fff
}

.table-hover .table-neutral:hover {
    background-color: #f2f2f2
}

.table-hover .table-neutral:hover>td,.table-hover .table-neutral:hover>th {
    background-color: #f2f2f2
}

.table-darker,.table-darker>td,.table-darker>th {
    background-color: #b8b8b8
}

.table-darker tbody+tbody,.table-darker td,.table-darker th,.table-darker thead th {
    border-color: #7a7a7a
}

.table-hover .table-darker:hover {
    background-color: #ababab
}

.table-hover .table-darker:hover>td,.table-hover .table-darker:hover>th {
    background-color: #ababab
}

.table-active,.table-active>td,.table-active>th {
    background-color: #f6f9fc
}

.table-hover .table-active:hover {
    background-color: #e3ecf6
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: #e3ecf6
}

.table .thead-dark th {
    color: #f8f9fe;
    border-color: #1f3a68;
    background-color: #172b4d
}

.table .thead-light th {
    color: #8898aa;
    border-color: #e9ecef;
    background-color: #f6f9fc
}

.table-dark {
    color: #f8f9fe;
    background-color: #172b4d
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #1f3a68
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
    color: #f8f9fe;
    background-color: rgba(255,255,255,.075)
}

.table thead th {
    font-size: .65rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #e9ecef
}

.table th {
    font-weight: 600
}

.table td .progress {
    width: 120px;
    height: 3px;
    margin: 0
}

.table td,.table th {
    font-size: .8125rem;
    white-space: nowrap
}

.table.align-items-center td,.table.align-items-center th {
    vertical-align: middle
}

.table .thead-dark th {
    color: #4d7bca;
    background-color: #1c345d
}

.table .thead-dark th a {
    color: #4d7bca
}

.table .thead-light th {
    color: #8898aa;
    background-color: #f6f9fc
}

.table .thead-light th a {
    color: #8898aa
}

.table-hover tr {
    transition: all .15s ease
}
.table-hover tbody tr:hover {
    color: #525f7f;
    background-color: #f6f9fc;
    /*background-color: #f6f9fc;*/
}
.table-hover>tbody>tr:hover>td {
    background-color: transparent;
    --bs-table-bg-state: transparent !important;
}


.table-flush td,.table-flush th {
    border-right: 0;
    border-left: 0
}

.table-flush tbody tr:first-child td,.table-flush tbody tr:first-child th {
    border-top: 0
}

.table-flush tbody tr:last-child td,.table-flush tbody tr:last-child th {
    /*border-bottom: 0*/
}

.card .table {
    margin-bottom: 0;
}

.card .table td,.card .table th {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.table .custom-toggle {
    display: block
}

.table-action {
    font-size: .875rem;
    margin: 0 .25rem;
    color: #adb5bd
}

.table-action:hover {
    color: #919ca6
}

.table-action-delete:hover {
    color: #f5365c
}

.table-dark .table-action {
    color: #4d7bca
}

.table [data-sort] {
    cursor: pointer
}

.table .thead-dark [data-sort]::after {
    margin-left: .25rem;
    content: url('data:image/svg+xml;utf8,<svg width=\'6\' height=\'10\' viewBox=\'0 0 6 10\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z\' fill=\'%234d7bca\'/></svg>')
}

.table .thead-light [data-sort]::after {
    margin-left: .25rem;
    content: url('data:image/svg+xml;utf8,<svg width=\'6\' height=\'10\' viewBox=\'0 0 6 10\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z\' fill=\'%238898aa\'/></svg>')
}

.c-col-table tbody th {
    position: static;
}


/* Phone only (<= 767px) */
@media (max-width: 767px) {
  /* phone styles here */
  /* example: */
  #pleft { display: none; }
  body { font-size: 16px; }
}

/* Tablet only (768px — 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  /* tablet styles here */
  /* example: */
  #pleft { width: 200px; }
  body { font-size: 17px; }
}

/* phone + tablet (devices up to 1024px) */
@media (max-width: 1024px) {

  .main-wrapper #pbody{
    margin-left: 0;
  }
  #pleft{
      display: none;
  }
    tbody th {
        position: static;
    }
    
    thead th {
      position: -webkit-sticky;
      position: sticky;
      top: -8px; /* or use 0 if you prefer */
      left: auto !important;
      right: auto !important;
      z-index: 2;
      background: white;
    }
}