.horizontal-navbar .primary-navbar .container .navbar-brand-wrapper .navbar-brand img {
    height: 50px;
}
.horizontal-navbar .secondary-navbar .nav-item-container {
    justify-content: start;
}
.swal2-icon.swal2-question::before {
    display: none;
}
.vue-notification.bg-danger {
    border-left: 5px solid #ff3043 !important;
}
.vue-notification.bg-success {
    border-left: 5px solid #00a573 !important;
}
.pointer {
    cursor: pointer !important;
}
.small-feather > svg {
    width: 16px;
    height: 16px;
}
th.email {
    display: table-cell;
}
.page-body-wrapper.full-page-wrapper .content-wrapper {
    height: auto !important;
}
.container-fluid.page-body-wrapper.full-page-wrapper {
    min-height: 100vh;
}
.nowrap{
    white-space: nowrap;
}
.modal-backdrop {
    opacity: 0.4;
}
.hidden{
    display: none;
}
.w-1{
    width: 10% !important;
}
.w-2{
    width: 20% !important;
}
.w-3{
    width: 30% !important;
}












/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.horizontal-navbar .primary-navbar{
    height: 60px;
}
.new-title-lk{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    line-height: 26px;
    color: #000;
}
@media (max-width: 991px) {
    .new-title-lk{
        display: none;
    }
}

.horizontal-navbar .secondary-navbar .nav-item-container > .nav-item > .nav-link{
    color: #222;
    font-weight: 400;
    transition: color 0.15s ease-in-out;
}
.horizontal-navbar .secondary-navbar .nav-item-container > .nav-item > .nav-link:hover{
    color: #4765FF;
} 
.horizontal-navbar .secondary-navbar .nav-item-container > .nav-item > .nav-link .nav-icon {
    color: #222;
    transition: color 0.15s ease-in-out;
}
.horizontal-navbar .secondary-navbar .nav-item-container > .nav-item > .nav-link:hover .nav-icon {
    color: #4765FF;
}
.horizontal-navbar .secondary-navbar .nav-item-container > .nav-item > .nav-link {
    padding: 1.25rem 1rem;
}
.horizontal-navbar .primary-navbar .container .navbar-menu-wrapper {
    color: #222;
}
.horizontal-navbar .primary-navbar .container .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:hover{
    color: #4765FF;
}
.horizontal-navbar .primary-navbar .container .navbar-menu-wrapper .navbar-nav .nav-item .nav-link svg{
    transition: all .2s;
}

a.text-body{
    transition: all .2s;
}
a.text-body:hover{
    color: #4765FF !important;
}

.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #222;
}

.data-custom-table.table-striped thead th.text-right.pointer::after{
    right: 0 !important;
}

.data-custom-table.table.table-striped th.pointer::after {
    content: "\25BC";
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin-left: 5px;
}
.data-custom-table.table.table-striped th.asc, .data-custom-table.table.table-striped th.desc{
    color: #4765FF;
}
.data-custom-table.table.table-striped th.pointer{
    transition: all .2s;
}
.data-custom-table.table.table-striped th.pointer:hover{
    color: #4765FF;
}

.card-body .btn {
    font-weight: 600;
    font-size: 0.8525rem;
}
.card-body .btn.btn-sm{
    font-size: 0.78rem;
}

.form-control{
    color: #222;
}
.delete:hover{
    color: #4765FF !important;
}

a.text-muted {
    transition: all .2s;
    color: #222 !important;
}
a.text-muted:hover {
    color: #4765FF !important;
}

.data-custom-table tbody tr td.text-right{
    white-space: nowrap;
}
.small-feather > svg.feather.feather-user {
    margin-top: -2px;
    position: absolute;
    left: 0;
    top: 0;
}
.small-feather{
    position: relative;
}
td:nth-child(2) a.text-body.ml-1{
    display: block;
    padding-left: 16px;
    line-height: 1.2;
}

.text-muted {
    color: #222 !important;
}
span.chart-icon.pointer{
    outline: none !important;
}
span.chart-icon.pointer:hover{
    color: #4765FF;
    border-color: #4765FF !important;
    transition: all .2s;
}


@media (min-width: 730px){
    .daterangepicker .ranges {
        width: 140px !important;
    }
    .daterangepicker .calendars-container {
        width: calc(100% - 140px) !important;
    }
}
.email .email-desc-wrapper .email-desc-body-wrapper .email-footer-wrapper .email-footer-message textarea {
    color: #000;
}

.d-flex.message-row{
    display: block !important;
}


.form-control.reportrange-text{
    transition: all .2s;
}
.form-control.reportrange-text:hover{
    border-color: #4765FF;
    color: #4765FF;
}
.pointer.go-back{
    transition: all .2s;
}
.pointer.go-back:hover{
    color: #4765FF;
}

.main-panel .content-wrapper .row .col-lg-12.card-margin .user-data.d-flex.align-items-center.justify-content-between{
    margin-left: 36px;
}


.col-3.border-left > .form-group > .input-group.mb-3 > .form-control[readonly]{
    height: 39px;
}
.col-3.border-left > .form-group > .input-group.mb-3 button.btn.btn-soft-primary{
    height: 39px;
}


.main-panel .content-wrapper .row .col-lg-12.card-margin .row.mb-4 .col-sm-9 h4{
    padding-left: 0;
}
@media (min-width: 576px){

    .main-panel .content-wrapper .row .col-lg-12.d-flex h4{
        padding-left: calc((100vw - 540px)/2);
    }
    .main-panel .content-wrapper .row .col-lg-12.card-margin div .row.mb-4{
        margin-left: calc((100vw - 540px)/2 - 10px);
    }
}
@media (min-width: 768px){

    .main-panel .content-wrapper .row .col-lg-12.d-flex h4{
        padding-left: calc((100vw - 720px)/2);
    }
    .main-panel .content-wrapper .row .col-lg-12.card-margin div .row.mb-4{
        margin-left: calc((100vw - 720px)/2 - 10px);
    }
}
@media (min-width: 992px){

    .main-panel .content-wrapper .row .col-lg-12.d-flex h4{
        padding-left: calc((100vw - 960px)/2);
    }
    .main-panel .content-wrapper .row .col-lg-12.card-margin div .row.mb-4{
        margin-left: calc((100vw - 960px)/2 - 10px);
    }
}
@media (min-width: 1200px){

    .main-panel .content-wrapper .row .col-lg-12.d-flex h4{
        padding-left: calc((100vw - 1140px)/2);
    }
    .main-panel .content-wrapper .row .col-lg-12.card-margin div .row.mb-4{
        margin-left: calc((100vw - 1140px)/2 - 10px);
    }
}
@media (min-width: 1440px){

    .main-panel .content-wrapper .row .col-lg-12.d-flex h4{
        padding-left: calc((100vw - 1380px)/2);
    }
    .main-panel .content-wrapper .row .col-lg-12.card-margin div .row.mb-4{
        margin-left: calc((100vw - 1380px)/2 - 10px);
    }
}