.bg-blue-dark-header {
    background-color: #9CA3AF !important;
    color: #fff !important;
}

.bg-Lightblue-dark-header {
    background-color: #9CA3AF !important;
    color: #fff !important;
}


.bg-black-dark-header {
    background-color: #9CA3AF !important;
    color: #fff !important;
}

.bg-Lightblack-dark-header {
    background-color: #545f74 !important;
    color: #fff !important;
}

.cursor {
    cursor: pointer !important;
}

.lable-none {
    display: inherit;
}

.new-alert-success {
    color: #135d3b;
    background-color: #dcf3e8;
    border-color: #36b97d;
}

.new-alert-warning {
    color: #7f4624;
    background-color: #fdece1;
    border-color: #f69055;
}

.datatable-footer {
    /*padding: 0.5rem 1.25rem 0.5rem 1.25rem;*/
    padding: 0.3rem;
}

    .datatable-footer .dataTables_info {
        margin-bottom: 0rem !important;
    }

    .datatable-footer .dataTables_paginate {
        margin-bottom: 0rem !important;
    }

    .datatable-footer .dataTables_length {
        margin-bottom: 0rem !important;
    }

    .datatable-footer .page-item .active a {
        color: #9ea2ab !important;
        background-color: #9ea2ab !important;
        border-color: #9ea2ab !important;
    }

.dataTable {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}

.table > :not(caption) > * > * {
    /*padding: 0.4rem !important;*/
}

.datatable-footer .active > .page-link, .page-link.active {
    background-color: rgb(38,166,154) !important;
    color: #fff !important;
    border-color: rgb(38,166,154) !important;
    font-size:12px;
}
.pagination-flat {
    font-size: 12px !important;
}
.page-item:first-child .page-link {
    padding:0px !important;
    margin-left:5px;
}
.page-item:last-child .page-link {
    
}
.page-item:not(:first-child) .page-link {
    font-size: 12px;
}

    .CustomLoader {
    display: grid;
    text-align: center;
    place-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: #00000082;*/
    z-index: 9999;
}

    .CustomLoader .CustomLoader_container {
        display: grid;
        grid-template-columns: repeat(1, 160px);
        grid-gap: 40px;
        margin: auto 0;
    }

        .CustomLoader .CustomLoader_container .box {
            width: 100%;
        }

            .CustomLoader .CustomLoader_container .box h2 {
                display: block;
                text-align: center;
                color: #da853d;
            }

            .CustomLoader .CustomLoader_container .box canvas {
                position: absolute;
                top: 0;
                left: 50%;
                width: 100%;
                width: 100%;
            }

.CustomLoginLoader {
    display: block;
    text-align: center;
    place-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000082;
    z-index: 9999;
}

    /*.row {
    display: flex;
    flex-wrap: wrap;
}

.column {
    flex: 1;
    margin: 10px;
}

@media screen and (min-width: 768px) {
    .column {
        flex: 1 1 calc(33.33% - 20px);
    }
}*/
#right-sidebar {
    position: fixed;
    right: 0;
    top: 63px;
    width: 300px;
    max-width: 300px;
    /*height: calc(100% - 50px);*/
    display: none;
    display: block;
}

#right-sidebar-search {
    padding-bottom: 1px;
    padding-top: 1px;
}

#dashboard-row {
    display: flex;
    margin-top: -23px;
    height: 100%;
    --gutter-x:15px;
}

/*#newinq-hstack{
    padding-top:-20px;
}*/

.card-text{
    /*margin-bottom:50px;*/
    margin-top:-20px;
}
.card-title {
    margin-bottom:20px;
}

.custom-padding{
    margin-top:-10px;
}

.custom-rounded {
    border-radius: 5px !important;
}

.dashboard-card-header {
    height: 33px;
    font-size: 15px;
}
.newinq-robin-button{
    height:25px;
    width:25px;
}

.hstack {
    margin-top: 5px;
}
#accinq-hstack{
    margin-top:-10px;
}

.robin-id-badge{
    max-width:60px;
}

.vstack-newinq{
    margin-top:-10px;
}

.parent-click {
    position: relative;
}
.click-icon{
    position:absolute;
    right:0;
    bottom:0;
}
#dashboard-partial-view{
    display:contents;
}

.ActivityTypeColour {
    color: #00ccff;
}

.ActivityTextColour {
    color: burlywood;
}
.mt-2rem {
    margin-top: 0.2rem !important;
}
#dashboard-partial-view {
    display: contents;
}
.form-control-sm-1 {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 5px !important; /*0.2rem !important;*/
}

.col-form-label {
    padding-top: 0px;
    padding-bottom: 0px;
}

.p-0X75 {
    padding: 0.75rem !important;
}
.pl-0X75 {
    padding-left: 0.75rem !important;
}
.pr-0X75 {
    padding-right: 0.75rem !important;
}
.pb-0X75 {
    padding-bottom: 0.75rem !important;
}
.pt-0X75 {
    padding-top: 0.75rem !important;
}
.lablesm {
    color: #9CA3AF !important;
    font-weight: 500;
}
.p-0X25 {
    padding: 0.25rem !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}
.font11 {
    font-size:11px !important;
}
.font15 {
    font-size: 15px !important;
}
.font16 {
    font-size: 18px !important;
}
.col-form-label-sm {
    padding-top:5px;
}
.table-border-custom tbody, td, tfoot, th, thead, tr {
    border-color: #e0e6f1 !important;
}
.table-border-footer-custom {
    border: 1px solid #e0e6f1 !important;
    border-radius: 0 !important;
    font-size:12px;
}
.table-border-custom {
    border: 1px solid #9CA3AF !important;
    border-bottom: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
.teal-bottom-border {
    border-bottom:1px solid teal;
}
.teal-top-bottom-border {
    border-bottom: 1px solid teal;
    border-top: 1px solid teal;
}
.teal-border {
    border: 1px solid teal;
}
.dz-image {
    width: 7rem !important;
    height: 7rem !important;
}

.multiselect-search {
    padding-left: 35px !important;
}

.form-control-feedback .multiselect-search {
    padding-left: 33px !important;
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: .875rem !important;
    line-height: 1.5;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

.form-control-feedback-icon .ph-magnifying-glass:before {
    font-size: 19px !important;
}

.form-control-feedback-icon {
    margin-left: 2px !important;
}

.multiselect-clear-filter {
    padding: 0 !important;
}

    .multiselect-clear-filter .ph-x:before {
        font-size: 18px !important;
    }

.multiselect-filter {
    padding: 10px !important;
}

.multiselect-container .multiselect-item {
    font-size: 12px !important;
    padding: calc( 1.25rem * 0.15) !important;
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.multiselect-container .form-check-input {
    height: 15px !important;
    width: 15px !important;
}

    .multiselect-container .form-check-input:checked {
        background-color: white;
        border-color: var(--form-check-input-checked-border-color);
    }

.multiselect .multiselect-selected-text {
    font-size: 12px !important;
}

.multiselect-item .form-check {
    min-height: 0 !important;
}

.select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    padding: 2px 0 0 0 !important;
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    line-height: 0.8 !important;
    margin-left: 5px !important;
}

.select2-selection--multiple .select2-selection__choice {
    padding: 2px 6px 2px 6px !important;
}
.form-control-feedback-icon {
    padding: 0.2rem !important;
}
.multiselect {
    line-height: 0.8 !important;
}
.w-5 {
    width: 5% !important
}
.w-10 {
    width: 10% !important
}
.w-20 {
    width: 20% !important
}
.w-70 {
    width: 70% !important
}
.dropdownDT {
    position: relative;
    display: inline-block;
}

.dropdownDT-content {
    display: none;
    /* position: absolute; */
    position: fixed;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdownDT-content a {
    color: black;
    padding: 8px 10px;
    text-decoration: none;
    display: block;
    font-size: 0.75rem;
    min-width: 150px;
    text-align: left;
    display: block;
}

    .dropdownDT-content a:hover {
        /* background-color: #f1f1f1; */
        background-color: rgba(38, 166, 154, .2) !important
    }

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.hidden-column {
    background-color: #f7e5e5 /* Red highlight color */
}
.text-left-padding {
    text-align: left !important;
    padding-left: 10px !important;
}
.ml-n1 {
    margin-left: -0.25rem; 
}

.ml-n2 {
    margin-left: -0.5rem; 
}

.ml-n3 {
    margin-left: -1rem; 
}

.ml-n4 {
    margin-left: -1.5rem; 
}

.ml-n5 {
    margin-left: -3rem; 
}

.mr-n1 {
    margin-right: -0.25rem; 
}

.mr-n2 {
    margin-right: -0.5rem; 
}

.mr-n3 {
    margin-right: -1rem; 
}

.mr-n4 {
    margin-right: -1.5rem; 
}

.mr-n5 {
    margin-right: -3rem; 
}

.mb-n1 {
    margin-bottom: -0.25rem; 
}

.mb-n2 {
    margin-bottom: -0.5rem; 
}

.mb-n3 {
    margin-bottom: -1rem; 
}

.mb-n4 {
    margin-bottom: -1.5rem; 
}

.mb-n5 {
    margin-bottom: -3rem; 
}

.mt-n1 {
    margin-top: -0.25rem; 
}

.mt-n2 {
    margin-top: -0.5rem; 
}

.mt-n3 {
    margin-top: -1rem; 
}

.mt-n4 {
    margin-top: -1.5rem; 
}

.mt-n5 {
    margin-top: -3rem; 
}

.my-n1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.my-n2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; 
}

.my-n3 {
      margin-top: -1rem;
      margin-bottom: -1rem; 
}

.my-n4 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
    
}

.my-n5 {
    margin-top: -3rem;
    margin-bottom: -3rem;
 
}

.mx-n1 {
      margin-left: -0.25rem;
      margin-right: -0.25rem;
    
}

.mx-n2 {
     margin-left: -0.5rem;
     margin-right: -0.5rem;
     
}

.mx-n3 {
    margin-left: -1rem;
    margin-right: -1rem;
  
}

.mx-n4 {
     margin-left: -1.5rem;
     margin-right: -1.5rem;
    
}

.mx-n5 {
    margin-left: -3rem;
    margin-right: -3rem;
    
}