body {
    font-family: "Nunito", sans-serif;
    background: #f8f8fb;
}

.navbar-brand{width: 16%;margin-right: 0;}
.navbar-bordered .navbar-brand-logo{max-height: 45px;}
.navbar-brand-logo {
width: auto;
max-width: 100%;
}
.navbar-nav-wrap-secondary-content{width: 16%;}
.sign-in-page a img{max-height: 50px;}
.form-select {
padding: .8rem 2.25rem .6125rem 1rem;
border: .2rem solid rgba(231, 234, 243, .7);
border-radius: 10px;
}
.page-link:hover {
color: #5a5bb5;
}
.form-check-input{ background-color: #e5e5e5;}
.form-check-input:focus {
box-shadow: none;
border-color:transparent
}
.form-label {
margin-bottom: .4rem;
font-size: 14px;
color: #666;
font-weight: 500;
letter-spacing: 1px;
}
.form-control-light, .form-select-light, .input-group-light .form-control, .input-group-light .form-select {
background-color: #ffffff;
box-shadow: none;
}
.dropdown-item {
padding: .5rem 1rem;
font-weight: 600;
}
.dropdown-item-icon {
display: inline-block;
opacity: .9;
width: 1.5rem;
color: #333;
}

.form-check-input:checked {
background-color: #5a5bb5;
border-color: #5a5bb5;
}
a {
    color: #5a5bb5;
}
.text-info {
    --bs-text-opacity: 1;
    color: #5a5bb5 !important;
}
.text-success {
    --bs-text-opacity: 1;
    color: #08a13e !important;
}
.text-warning {
    --bs-text-opacity: 1;
    color: #f9982a !important;
}
.subTitle{font-weight: 400; margin-top: 5px;}
header {
position: sticky;
top: 0;
z-index: 99;
box-shadow: 0px -10px 18px 3px rgba(0, 0, 0, 0.2);
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.nav-link.active {
color: #5a5bb5;
}
.navbar:not(.splitted-content-navbar) .navbar-nav .nav-link {
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
}
.form-control {
padding: .7rem 1rem;
font-weight: 500;
border: .2rem solid rgba(231, 234, 243, .7);
border-radius: 10px;
}

.navbar .nav-item:hover > .nav-link,.navbar .nav-item:active > .nav-link,.navbar .nav-item.active > .nav-link {
color: #5a5bb5;
}
.btn{
    text-transform: uppercase;
    letter-spacing: 2px;
}

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

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
box-shadow: none;
}
.btn-check:active + .btn-ghost-secondary, .btn-check:checked + .btn-ghost-secondary, .btn-check:focus + .btn-ghost-secondary, .btn-ghost-secondary.active, .btn-ghost-secondary:active, .btn-ghost-secondary:focus, .btn-ghost-secondary:hover, .show > .btn-ghost-secondary.dropdown-toggle {
color: #71869d;
background-color: #e5e5e5;
}


.btn-primary:hover {
color: #fff;
background-color: #797bee;
border-color: #797bee;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff;
background-color: #797bee;
border-color: #797bee;
box-shadow: none;
}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #797bee;
border-color: #797bee;
}

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

.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #5a5bb5;
border-color: #5a5bb5;
}

.page-item.active .page-link2 {
    z-index: 3;
    color: #000;
    background-color: #e5b0fe;
    border-color: #e5b0fe;
    }

.btn-outline-primary {
    color: #5a5bb5;
    border-color: #5a5bb5;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #5a5bb5;
    border-color: #5a5bb5;
}
.btn-link {
    color: #5e54a5;

}
.btn-link:hover {
    color: #928ac9;
}

.btn-secondary {
    color: #000;
    background-color: #e5b0fe;
    border-color: #e5b0fe;
    font-weight: 600;
}

.btn-secondary:hover {
    color: #000;
    background-color: #ce8fec;
    border-color: #ce8fec;
}
.btn-check:focus+.btn-secondary, .btn-secondary:focus, .btn-secondary:hover {
    box-shadow: none;
}

.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
    color: #000;
    background-color: #ce8fec;
    border-color: #ce8fec;
}

.btn-check:focus+.btn-secondary, .btn-secondary:focus {
    color: #000;
    background-color: #ce8fec;
    border-color: #ce8fec;
    box-shadow: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    min-width: 250px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu h4{
    margin: 10px 10px 8px 10px;
    color: #5a5bb5;
    border-bottom: 1px dashed #5a5bb5;
    padding-bottom: 6px;
    font-size: 12px;
    letter-spacing: 1px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-link {
    padding: .4rem .75rem .4rem 1rem;
    font-size: 13px !important;
    color: #3b3b3b;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .nav-link i{
  margin-right: 10px;
  font-size: 14px;
  color: #5a5bb5;
}

.main .content {
padding-top: .7rem;
padding-bottom: 1.75rem;
background: #f8f8fb;
}
.content.datatable .card {
border: 0;
box-shadow: none !important;
background-color: transparent;

}
.datatable .card-body {
background: #fff;
padding: 0;
border-radius: 14px 14px 0 0;
overflow: hidden;
box-shadow: 0px 13px 14px 3px rgba(0, 0, 0, 0.2);
}

.datatable .card-footer{background-color: #fff; border-radius:0 0 14px 14px;box-shadow: 0px 6px 16px 3px rgba(0, 0, 0, 0.1);}

.datatable .bg-light {
    background-color: rgb(245 245 245) !important;
}
.card-header-title {
margin-bottom: 0;
font-size: 27px;
font-weight: 600;
letter-spacing: 1px;
color: #5a5bb5;
}
.datatable .card-footer{ padding: 1rem 1.3125rem;padding-right:0}
.datatable .table-thead-bordered > :not(:last-child) > :last-child > * {
border-top: 0;
border-bottom: 0;
}

.pagination {
    margin-bottom: 0;
}

/* .datatable .thead-light th {
background-color: #f8f9fa;
color: #333;
font-weight: 600;
font-size: 15px;
text-transform: initial;
} */

.datatable .thead-light th {
background-color: #d9dafd;
color: #333;
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
padding: 12px 10px;
letter-spacing: 1px;
}

.datatable .thead-light th .form-check-input {
background-color: #ffffff;
}

.datatable .thead-light th .form-check-input:checked {
background-color: #5a5bb5;
}

.table-align-middle tbody tr, .table-align-middle td, .table-align-middle th {
vertical-align: middle;
}
.table-nowrap td, .table-nowrap th {
    white-space: nowrap;
    font-size: 15px;
    font-weight: 500;
}

.table-nowrap td p.date{font-size: 11px;}


.card .card-table > tbody > tr:first-child > td {
padding-top: 8px;
padding-bottom: 8px;
}

.card .card-table > tbody > tr td {
padding-top: 8px;
padding-bottom: 8px;
color: #000;
}
.card .card-table > tbody > tr:last-child > td {
padding-top: 8px;
padding-bottom: 8px;

}
.btn-check:focus + .btn-ghost-secondary, .btn-ghost-secondary:focus, .btn-ghost-secondary:hover {
color: #5a5bb5;
}

.nav-link:focus, .nav-link:hover {
color: #5a5bb5;
}
.table>:not(:first-child) {
    border-top: 1px solid #eff2f7;
}
.content.datatable .card-header {
    padding: .6rem 0;
}

.card  .table .btn {
    white-space: nowrap;
    /* padding: 0; */
    width: auto;
    height: auto;
}
.card  .table .btn.btn-icon{
    width: 24px;
    height: 24px;
    background: #5a5bb5;
    letter-spacing: 0;
    color: #fff;
    padding-top: 2px;
}

.card  .table .dropdown-item {
    padding: .5rem .5rem;
    font-weight: 600;
}

.card .btn-check:focus + .card .btn-ghost-secondary, .card  .btn-ghost-secondary:focus, .card .btn-ghost-secondary:hover {
color: #5a5bb5;
background: transparent;
}
.table tr {
color: #000;
}

.btn-option {
width: 42px;
height: 42px;
display: flex;
justify-content: center;
align-items:center;
border: 1px solid #5a5bb5;
}
.btn-option i {
color: #5a5bb5;
font-size: 16px
}

.top-search .search-input {
background: #fff;
padding: .7rem 1rem;
border: .0625rem solid rgba(231, 234, 243, .7);
width: 160px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.top-search .form-control {
    padding: .7rem 2.2rem .7rem 1rem;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.top-search .search-btn {
position: absolute;
right: 16px;
top: 14px;
z-index: 8
}

.datatable .card .card-header .basicDate {
background: #fff
}

.datamodal .modal-header {
padding:.6rem 1rem;
}

.datamodal .modal-body {
padding: 1rem 1rem;
}

.datamodal .modal-title {
margin-bottom: 0;
line-height: 1.5;
font-weight: 700;
color: #5a5bb5;
}
.flatpickr-calendar .flatpickr-day.today {
    background-color: #5a5bb5;
}

.sign-in-page {
    height: 100vh;
    height: 100vh;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
}


.rounr_btn {
    border-radius: 35px;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

.navbar .nav-item .nav-link {
    padding: 1rem 1.75rem;
}

.navbar .nav-item:not(:last-child) {
    margin-right: 1.6rem;
}
.table-responsive{
    min-height: 150px;
}



.flatpickr-calendar .numInputWrapper span.arrowDown, .flatpickr-calendar .numInputWrapper span.arrowUp{
  display:block;
}

.modal-footer {
    padding: .8rem 1rem;

}
.custom-scroll {
    max-height: 70vh;
    overflow-y: auto;
}

.custom-scroll::-webkit-scrollbar {
    width: 4px;
    }
    .custom-scroll::-webkit-scrollbar-track {
    background-color: darkgrey;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
    background:#000;
    width:2px
    }

    /* table tr.nohover:hover{
        --bs-table-hover-bg: rgb(235 235 235)
    } */

    .page-item.disabled .page-link {
        color: #8c98a4;
        pointer-events: none;
        background-color: transparent;
        border-color: #e7eaf3;
    }
.btn.add-btn{
    width: 44px;
    height: 37px;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
}
.btn.add-btn i{ font-size: 18px;}

a.backBtn{width: 30px; height: 30px; border-radius: 35px;line-height: 1.5; margin-right: 14px; border:1px solid #5a5bb5; display: flex; align-items: center; justify-content: center;}

a.backBtn i{font-size: 18px; color: #5a5bb5;margin-top: 4px;}

a.viewresume{
    font-size: 16px;
    font-weight: 400;
    margin-left: 14px;
}

label small{
    font-size: 11px;
    color: #797979;
    font-weight: 400;
    line-height: 1.1;
    display: inline-block;
}

label small.custom{
    font-size: 11px;
    color: #797979;
    font-weight: 400;
    line-height: 1.1;
    display: block;
}

.nodata{
margin: 0;
text-align: center;
height: 180px;
display: flex;
align-items: center;
justify-content: center;}

.nodata h3{font-size: 20px; color: #5e54a5;}
.nodata img{max-height: 200px;margin-bottom: 20px;}

.summary-header {
    padding: .75rem .75rem;
    background: #efefef;
    color: #333;
    font-weight: 600;
    font-size: 15px;
    vertical-align: middle;
}
.summary-body {
    margin: 0;
    width: 100%;
    background: #fff;
    padding: 10px;
    font-size: 13px;
    border-radius: 10px;
}
.summary-body .table>tbody>tr>th {
    border-top: none;
    padding: 6px 3px;
    font-weight: 600;
    vertical-align: top;
}
.summary-body .table>tbody>tr>td {
    padding: 6px 3px;
    font-weight: 500;
    color: #757575;
}

.summary-body .table tr.border-bottom-top {
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}

.collectionTab{margin: 0;}

.collectionTab .tab-content{padding:20px; background: #f9f9f9;}
.collectionTab .nav-tabs {
  border-bottom: 0;
}

.collectionTab .nav-tabs .nav-link.active {
color: #5a5bb5;
background-color: #f9f9f9;
border: 0;
border-bottom: 1px solid #5a5bb5;
}
.collectionTab .nav-tabs .nav-link{
padding: 10px 16px;
  border-radius: 6px 6px 0 0;
  min-width: auto;
  background: transparent;
  margin-right: 20px;
  font-size: 16px;
  border-bottom: 0;
  color: #333;
  border: 0;
}

.collectionTab .nav-tabs .nav-link:focus-visible{ outline: none;}

.modal-dialog.livevideo-modal{max-width: 50%;}
.modal-dialog.livevideo-modal .btn-close{
    position: absolute;
    right: 14px;
    top: 14px;
}
.modal-dialog.livevideo-modal .modal-body {
    padding: 10px;
}

/* .modal-dialog.livevideo-modal .modal-content{background: transparent;} */

.iframe-sec{width: 100%; height: 500px;}
.iframe-sec iframe{width: 100%; height: 100%;}
.message-sec{margin: 0; padding: 0;background-color: #f0f2f5;
    .message-tabs{ margin: 0;background: #fff; height: 80vh;overflow-y: auto;
        .nav-link{border-radius: 0;padding: .5rem 1rem; width: 100%;
            &.active{
                background-color: #f0f2f5;
                h3{margin: 0; font-size: 1rem; color:#111b21}
            }
            .image-sec{ overflow: hidden; border-radius: 50%; width: auto; text-align: left;
                img{width: 60px; height: 60px; object-fit: cover;border-radius: 50%; overflow: hidden;}
            }

            .w-80{flex: 1 0 0%;padding-left: 16px;
                .customer-details{position: relative;
                    h2{margin:0 0 6px 0; font-size:1rem; line-height: 18px; font-weight: 400; color:#111b21;
                        display: flex; justify-content: space-between; align-items: center;
                        span{font-size: .85rem; font-weight: 400; color:#667781}
                    }
                    h3{margin:0; font-size:.85rem; line-height: 16px;padding-right: 14px; font-weight: 400; text-align: left;    text-transform: initial; color:#4A5968; width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

                }
            }
            .unread{ position: absolute; bottom: 4px; right: 0; width: 8px; height: 8px; border-radius: 25px; background: #7766C6;display: none;}

                    &.unreadMessages{
                        .unread{display: block;}
                    }
        }
    }

    .message-content{height: 80vh;position: relative;position: relative;display: flex;flex-direction: column;justify-content: space-between;
        .tab-content{height: 73vh;overflow: auto;
            .chatScreen{ padding: 16px 10px;
                .messageTime{ text-align: center; margin-bottom: 20px;
                    span{font-size: 12px;
                        font-weight: 400;
                        line-height: 15px;
                        background: #EFEFEF;
                        width: auto;
                        padding: 6px 10px;
                        display: inline-block;
                        border-radius: 35px;}
                }

                .message-center{display: block;
                    .messageSend{  width: 100%; text-align: left;
                        .content{max-width: 70%;background: #fff; padding: 10px; border-radius: 14px 14px 14px 0;margin-bottom: 20px;display: inline-block;
                            p{margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; color:#000; text-align: left;white-space: break-spaces;}
                            span{margin: 0; font-size: 10px; font-weight: 400; line-height: 18px;text-align: left; color:#8A8A8A}
                        }

                        .send-sec{max-width: 90%; padding: 0;background: #fff;border-radius: 14px 14px 14px 0;margin-bottom: 20px;display: inline-block;overflow: hidden;
                            .send-content{display: flex;align-items: start;padding: 10px;
                                .icon{margin: 0 8px 0 0;
                                    i{ font-size: 1.8rem;
                                    &.bi-file-earmark-pdf-fill{color: #c50606;}
                                    }
                                }
                                .name{text-align: left;
                                    p{margin: 0; font-size: 14px; font-weight: 400; line-height: 16px;text-align: right; color:#000;white-space: break-spaces;}
                                    span{margin: 0; font-size: 10px; font-weight: 400; line-height: 16px;text-align: right; color:#8A8A8A;
                                        ion-icon{font-size: 12px;margin-left:5px}
                                        ion-spinner{width:12px;height: 12px; margin-left:5px}
                                      }
                                }

                            }
                            .typecontent{background: #ededed; padding: 10px;border-radius: 0 0 0 0;
                                p{margin: 0; font-size: 14px; font-weight: 400; line-height: 22px;text-align: left; color:#000;white-space: break-spaces;}
                            }


                        }

                    }
                    .messagetype{width: 100%; text-align: right;
                        .content{max-width: 90%;background: #E0DFFE; padding: 10px;border-radius: 14px 14px 0 14px;margin-bottom: 20px;display: inline-block;
                            p{margin: 0; font-size: 14px; font-weight: 400; line-height: 22px;text-align: left; color:#000;white-space: break-spaces;}
                            span{margin: 0; font-size: 10px; font-weight: 400; line-height: 16px;text-align: left; color:#8A8A8A;
                              ion-icon{font-size: 12px;margin-left:5px}
                              ion-spinner{width:12px;height: 12px; margin-left:5px}
                            }
                        }

                        .upload-sec{max-width: 90%; padding: 0;background: #f2f2ff;border-radius: 14px 14px 0 14px;margin-bottom: 20px;display: inline-block;overflow: hidden;
                            .upload-content{display: flex;align-items: start;padding: 10px;
                                .icon{margin: 0 8px 0 0;
                                    i{ font-size: 1.8rem;
                                    &.bi-file-earmark-pdf-fill{color: #c50606;}
                                    }
                                }
                                .name{text-align: left;
                                    p{margin: 0; font-size: 14px; font-weight: 400; line-height: 16px;text-align: right; color:#000;white-space: break-spaces;}
                                    span{margin: 0; font-size: 10px; font-weight: 400; line-height: 16px;text-align: right; color:#8A8A8A;
                                        ion-icon{font-size: 12px;margin-left:5px}
                                        ion-spinner{width:12px;height: 12px; margin-left:5px}
                                      }
                                }

                            }
                            .typecontent{background: #E0DFFE; padding: 10px;border-radius: 0 0 0 0;
                                p{margin: 0; font-size: 14px; font-weight: 400; line-height: 22px;text-align: left; color:#000;white-space: break-spaces;}
                            }


                        }

                        .uploadimg-sec{max-width: 90%; padding: 6px;background: #E0DFFE; border-radius: 14px;margin-bottom: 20px;display: inline-block;overflow: hidden;
                            .upload-image{margin: 0; padding: 0;max-width: 100%;position: relative;
                                ion-img{width: 100%; height: 100%; object-fit: cover;border-radius: 10px;overflow: hidden;}
                                video{width: 100%; height: 100%; border-radius:10px; }
                                .overlay{position: absolute;top:0; width: 100%; height: 97%; background:rgb(0, 0, 0,.3);display: flex;justify-content: center;align-items: center; border-radius: 14px;
                                    ion-img{width: 50px; height: 50px; object-fit: cover;}
                                }
                            }
                            .typecontent{background: #E0DFFE; padding: 10px;border-radius: 0 0 0 0;
                                p{margin: 0; font-size: 14px; font-weight: 400; line-height: 22px;text-align: left; color:#000;white-space: break-spaces;}
                            }


                        }

                    }
                }
            }
        }

    }

    .message-input{ background: #e2e2ff;padding: 10px;
        .sendButtonSec{display: flex; align-items: end; justify-content: space-between;
            .attachBtn{
                .add-button{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;padding: 0;background: #7766c6;min-height: 1.5em;border-radius: 50%;border: 0;
                    i{font-size: 1.4rem; color: #fff;}
                }
            }
            .inputSec{width: 100%; padding-left: 6px;
                .chat-textarea {
                    resize: none;
                        overflow: hidden;
                        min-height: 40px;
                        max-height: 150px;
                }


            }

            .sendBtn{
                .send-button{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;padding: 0;border: 0;background: transparent;min-height: 1.5em;
                    i{font-size: 1.8rem;}
                }
            }
        }
    }

}





@media (max-width:1440px) {
.dashboard .grid img {
    max-height: 35px !important;
} 
.dashboard .grid .grid-body.counter h2 {
    font-size: 1.2rem !important;
}
.dashboard .grid .grid-body.counter h2 span {
    font-size: 12px !important;
}

.form-label {
font-size: 13px;

}
    .collectionTab .nav-tabs .nav-link {
    padding: 10px 14px;
    border-radius: 6px 6px 0 0;
    min-width: auto;
    background: transparent;
    margin-right: 20px;
    font-size: 13px;
    border-bottom: 0;
    color: #333;
    border: 0;
}
    .card .table .btn.btn-icon {
    padding-top: 10px;
}

    .navbar .nav-item:not(:last-child) {
    margin-right: .5rem;
}
    .table>:not(caption)>*>* {
        padding: .45rem .75rem;
    }

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

    .datamodal .modal-header {
        padding: .6rem 1rem;
    }

    .form-control {
        padding: .5rem .6rem;
        font-weight: 500;
        font-size: 12px;
    }
    .form-select{
        padding: .5rem .6rem;
        font-weight: 500;
        font-size: 12px;
    }
    .error_sec {
        font-size: 11px;
    }

    .navbar:not(.splitted-content-navbar) .navbar-nav .nav-link {
        padding: .25rem .75rem;
        font-size: 14px;
    }
    .navbar-brand-logo {
        width: 90%;
        min-width: 84%;
    }
    .form-label {
        margin-bottom: .4rem;
        font-size: .8rem;
        color: #000;
        font-weight: 600;
    }
    .card-header-title {
        font-size: 20px;
    }


    .top-search .form-control {
        padding: .5rem 2.2rem .5rem 1rem;
    }
    .top-search .search-btn {
        top: 10px;
    }
    .btn{padding: .55rem .5rem;
        font-size: 12px;
        letter-spacing: 1px;}
    .datamodal .modal-body {
        padding: .5rem 1rem;
    }
    .rounr_btn {
        width: 36px;
        height: 36px;

    }
    .modal-xl {
        max-width: 920px;
    }
    .datatable .thead-light th {
        font-size: 13px;
        letter-spacing: 1px;


        }
        .dropdown-item {
            padding: .4rem 1rem;
            font-weight: 600;
        }

}

.dashboard h2{text-transform: capitalize;}

.dashboard .grid {
padding: 0;
min-height: 300px;
}
.dashboard .grid .grid-body {
border-radius: 7px;
box-shadow: 0 0.375rem 0.75rem rgba(140, 152, 164, .075);
background: #fff;
padding: 15px;
height: 100%;
}
.dashboard .grid .grid-subtitle {
display: block;
text-transform: uppercase;
color: #333;
font-size: 13px;
font-weight: 800;
margin-bottom: 0.25rem;
background: transparent;
}
.dashboard .grid .grid-body.counter h2 {
font-size: 1.7rem;
color: #5a5bb5;
font-weight: 800;
/* display: flex; */
align-items: center;
}
.dashboard .grid .grid-body.counter h2 span{font-size: 14px; color:#8A8A8A; font-weight: 400;display: block; margin-left: 0;}
.dashboard .grid img {
max-height: 56px;
}

.dashboard .grid .grid-body .table-nowrap td h4{
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 3px 0;
}

.dashboard .grid .grid-body .table-nowrap td p {
    margin-bottom: 0;
    color: #adadad;
    font-size: 14px;
}
.dashboard .grid .grid-body .table-nowrap td{padding: .50rem .75rem;}

.dashboard .grid .grid-body .table-nowrap td i{
    font-size: 12px;
    color: #e51c1c;
    margin-right: 4px;
    vertical-align: bottom;
}