h1,
h2,
h3,
h4,
h5,
h6,
label{
    font-family: "Quicksand", Georgia, "Times New Roman", Times, serif !important;
    letter-spacing: unset !important;

}
button{
    font-family: 'Poppins' !important;
}

button:focus {
    outline: none;
}

p,
table th,
table td{

    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;

    letter-spacing: unset !important;
}


body {
    margin: 0;
    /* font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; */
}

.card-header .heading-elements {
    top: 16px !important;
}

.card-header .heading-elements .date {
    margin-top: -.6em;
}

.heading-elements .btn,
.form-actions .btn {
    height: 34px;
    line-height: 1.6;
    margin: 0 2px;
}

.heading-elements .btn i,
.form-actions .btn i {
    font-size: 14px;
}

.table-responsive>.table-bordered {
    border: 0;
    margin-bottom: 100px;
}

.row.info {
    display: block;
    padding: 5px;
}

.row.info div {
    display: flex;
    /* margin-left: ; */
    margin: 0 10px;
    align-items: center;
}

.row.info div span {
    margin-top: 3px;
}

img.brand-logo {
    margin-top: 0;
}

form .form-control,
.form-control,
.selectize-control .selectize-input {
    min-height: 40.5px;
}

.selectize-control .selectize-input {
    line-height: 1.5;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgb(150 150 150) !important;
    font-size: 13px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: rgb(150 150 150) !important;
    font-size: 13px;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: rgb(150 150 150) !important;
    font-size: 13px;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: rgb(150 150 150) !important;
    font-size: 13px;
}

.loading {
    width: 100%;
    text-align: center;
    padding: 50px;
    font-size: 50px;
}

.loading i {
    font-size: 50px !important;
}

.card.grey {
    background-color: rgba(0, 0, 0, .03);
}

.list-group-item-action:hover {
    background: #fff !important;
}

.list-group .card {
    margin-bottom: 9;
}

.orders-details .table {
    overflow: hidden;
    text-transform: capitalize;
}

#timeline.timeline-center .timeline-item:nth-child(odd) {
    margin-top: 50px;
}

.box-shadow {
    box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07);
}

.btn-info {
    color: #fff !important;
}

.timeline-center {
    width: 100%;
}

.bg-light-grey {
    background: #f4f5fa !important;
}

#timeline.timeline-center .timeline-item:nth-child(even):after {
    border-left: 11px solid #e3e9ed !important;
    right: 25px !important;
}

#timeline.timeline-center .timeline-item:nth-child(odd):after {
    border-right: 11px solid #e3e9ed !important;
    left: 25px !important;
}

.vertical-compact-menu .main-menu .navigation>li>a>img {
    width: 34px;
    margin: auto;
    display: block;
    margin: 0;
    font-size: 2.2rem;
    text-align: center;
}

.menu-hide.vertical-compact-menu .main-menu .navigation>li>a>img,
.vertical-compact-menu .main-menu:hover .navigation>li>a>img {
    margin-right: 8px;
}

.menu-hide.vertical-compact-menu .main-menu .navigation>li>a>img {
    margin: 0 10px 0 0;
}

.navbar-dark {
    background: #3c525d !important;
}

.card-header .card-title {
    color: #002520;
    font-size: 18px !important;
    letter-spacing: 0.03rem;
}

.card-header .card-title .la {
    font-size: 22px;
}

.card-header h5.card-title {
    font-size: 1.1rem !important;
}

form label {
    color: #000;
    font-weight: 600;
    box-shadow: none;
    letter-spacing: .3px;
}

.btn-danger {
    color: #fff !important;
}

.modal-footer .btn {
    min-width: 100px;
}

.modal-footer>:not(:last-child) {
    margin-right: .35rem;
}

.btn-social> :first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.51) !important;
}

.modal-footer .btn.btn-social,
.card-header .btn.btn-social,
.form-action .btn.btn-social,
.form-actions .btn.btn-social,
.btn.btn-social {
    padding: 0.6rem 0.25rem 0.6rem 2.75rem !important;
    border: 0;
}

.modal-footer .btn-social> :first-child {
    width: 2.4rem;
    line-height: 2.5rem;
}

.card-header .btn-social> :first-child {
    width: 2.4rem;
    line-height: 2.3rem;
}

.width-125 {
    width: 120px !important;
}

.width-160 {
    width: 160px !important;
}

.modal-footer {
    padding: 0rem 0 1rem;
    border-top: 0px solid #e9ecef !important;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    font-size: 13px;
}

thead {
    color: #2b335e;
    letter-spacing: .3px;
}

thead th {
    font-weight: 600;
}

.badge {
    padding: .4em .7em !important;
}

.badge.badge-striped {
    border-width: 2px !important;
    background-color: #dadada7d !important;
    padding-left: .4em !important;
}

.nav.nav-tabs.nav-underline {
    font-size: 14px
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link.active,
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active:hover,
.nav.nav-tabs.nav-underline .nav-item a.nav-link:hover {
    background-color: rgba(54, 138, 255, 0.79) !important;
    color: #fff !important;
}

.dropdown-toggle::after {
    top: -1px !important;
    line-height: 1 !important;
}

.dropdown i {
    margin-right: 0.1rem !important;
}

.text-muted {
    color: #222!important;
    font-size: 15px;
}

.list-group-item .card {
    padding: 1em;
}

.list-group-item-action {
    padding: 0 !important;
    border: 0px solid rgba(0, 0, 0, .125) !important;
}

.card .bg-warning {
    background-color: #FF9149 !important;
}

div#lastActivities .card i {
    opacity: .5;
}

nav.navbar.navbar-expand-lg.pt-0.navbar-light {
    background: none;
}

.white-bg {
    background: #fff !important;
}

.text-black {
    color: #000;
}

.card-header .btn-outline-white {
    border-color: transparent !important;
    border-radius: 0 !important;
    margin: 0 5px !important;
    padding: .25rem!important;
    font-size: 12.6px;
}

.card-header .btn-outline-white:hover {
    background-color: transparent !important;
    border-color: #fff !important;
}

.outline-primary a.nav-link {
    border-color: transparent !important;
    border: 1px solid;
    margin: 0 5px;
    padding: 2px;
}

.outline-primary a.nav-link:hover {
    border-color: #1E9FF2 !important;
}

.border-grey {
    border: 1px solid #cacaca !important;
}

.border-none .outline-primary a.nav-link:hover {
    border-color: #fff !important;
}

.bg-danger a.nav-link,
.bg-success a.nav-link {
    color: #fff !important;
}

.bg-danger a.nav-link:hover,
.bg-success a.nav-link:hover {
    border-color: #fff !important;
}

.select2-container {
    display: block;
}
.manager .select2,
.department .select2,
.teamLead .select2 {
    margin-top: 28px;
}
.performance .card-header {
    background-color: #899ea3 !important;
}

.performance .card-header h4 {
    color: #fff;
}

.performance .fonticon-container>.fonticon-wrap {
    float: right;
}

.performance .fonticon-container>.fonticon-wrap img {
    width: 64px;
    vertical-align: text-bottom;
    margin: 0 10px;
}

table tr td table tr td {
    border: 0 !important;
}

@media (max-width: 767.98px) {
    .vertical-overlay-menu .main-menu {
        width: 260px !important;
    }
    /* .main-menu.menu-light .navigation>li>a img {
            width: 24px;
    } */
}

.card>button.waves-effect.btn.btn-secondary.btn-md,
.card>a.waves-effect.btn.btn-primary.btn-md {
    border-radius: 50px;
    box-shadow: 0px 1px 20px 1px rgba(108, 117, 125, 0.38);
    margin-top: 20px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.in-range.active {
    background-color: #357ebd !important;
}

.daterangepicker td.in-range {
    background-color: #ddd !important
}

.red-text {
    color: red;
}

.badge {
    font-size: 0.85rem !important;
}

.capitalize {
    text-transform: lowercase;
}

.capitalize::first-letter {
    text-transform: uppercase;
}

.btn-danger-2 {
    background-color: #F46036 !important;
}

.btn-blue-2 {
    background-color: #0B3954 !important;
}

.btn-success-2 {
    background-color: #1B998B;
}

.danger-2 {
    color: #F46036 !important;
}

.blue-2 {
    color: #0B3954 !important;
}

.success-2 {
    color: #1B998B;
}

.bg-yellow {
    background-color: #fff8c5 !important;
}

.border-yellow {
    border: 3px solid #fff8c5 !important;
}

.text-yellow {
    color: #fff8c5 !important;
}

form label {
    display: block;
}

.select2-container {
    width: 100% !important;
}

.nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link {
    width: 100%;
}

.nav-vertical .nav-left~.tab-content .tab-pane.active {
    overflow: hidden;
}

.table th,
.table td {
    font-size: 12px;
}

.badge.black {
    padding: 0 !important;
}

.timeline-card .card-header {
    padding: 1rem 1.5rem;
}

.table-fixed tbody {
    height: 300px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead>tr>th {
    float: left;
    position: relative;
}

.table-fixed tbody td::after,
.table-fixed tbody th::after,
.table-fixed thead>tr>th::after {
    content: '';
    clear: both;
    display: block;
}

table .row-options {
    margin-top: 5px;
    padding: 2px 0 0;
    position: relative;
    left: -9999em;
}

table tr:hover td .row-options {
    position: static;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.row-options a:hover {
    text-decoration: none;
}

.font-small-4 {
    font-size: 0.8rem !important;
}

.font-small-5 {
    font-size: 1.14rem !important;
}

/* .slide-up {
        position: relative;
        bottom: -11px;
} */

table tr:hover td .slide-up {
    bottom: 0px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

table.newtable thead {
    background: #e3e9ed;
}
/*
table.newtable thead th {
        padding: 1.2rem .4rem !important;
} */

.project_details_task_table tr:nth-child(2n+2) {
    background: #3c525d12 !important;
    box-shadow: 1px 1px 4px 0px #e3e9ed !important;
}

table.newtable tr:nth-child(2n+2) {
    background: rgba(227, 233, 237, .2);
    box-shadow: 1px 1px 4px 0px #e3e9ed;
}

table.newtable tbody tr td {
    border: 0;
}

div#orderDetails div>div.border-grey:nth-child(2n+2) {
    background: rgba(227, 233, 237, .2);
    box-shadow: 1px 1px 4px 0px #e3e9ed;
}

.mt-40 {
    margin-top: 40px!important;
}

.mt-20 {
    margin-top: 20px!important;
}

.mt-10 {
    margin-top: 10px!important;
}

.mt-28 {
    margin-top: 28px!important;
}

.hide {
    display: none !important;
}

.visibility-hidden {
    visibility: hidden !important;
    position: absolute !important;
}

.td-100 {
    max-width: 100px;
}

.td-110 {
    max-width: 110px;
}

.td-150 {
    max-width: 150px;
}

.bg-warning.bg-accent-2 {
    background-color: #FF8A65 !important;
}

.tb-break {
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap !important;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
}

.details-break {
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap !important;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    max-width: 200px;
}

.border-left-secondary {
    border-left: 1px solid #6B6F82;
}

.card .card.box-shadow-1 {
    box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07) !important;
    padding: 10px 15px;
}

.sectionOne {
    margin-top: 20px !important;
    font-size: initial !important;
}

.sectionTwo {
    margin-top: 10px !important;
    font-size: initial !important;
    border-top: 1px solid #f9f9f9 !important;
    padding: 15px 0 0 0 !important;
}

.sectionTwo ul {
    list-style-type: none;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f9f9f9;
}

.sectionTwo ul li .project-highlight {
    display: flex;
}

.sectionTwo ul li .project-highlight i {
    font-size: 4.4rem !important;
}

.users .list-group {
    max-height: 150px;
    overflow-y: auto;
}

.ribbon {
    position: relative;
    color: white;
}

.ribbon4.status {
    top: 50px;
}

.ribbon4 {
    position: absolute;
    top: 15px;
    padding: 3px 10px;
    background: #00B3ED;
    box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
    left: -15px
}

.ribbon4:before,
.ribbon4:after {
    content: "";
    position: absolute;
}

.ribbon4:before {
    width: 7px;
    height: 100%;
    top: 0;
    left: -6.5px;
    padding: 0 0 7px;
    background: inherit;
    border-radius: 5px 0 0 5px;
}

.ribbon4:after {
    width: 5px;
    height: 5px;
    bottom: -5px;
    left: -4.5px;
    background: lightgreen;
    border-radius: 5px 0 0 5px;
}

.ribbon5 {
    position: absolute;
    top: 15px;
    padding: 3px 10px;
    background: #00B3ED;
    box-shadow: -1px 0px 3px 2px rgba(0, 0, 0, .3);
    right: -15px
}

.ribbon5:before,
.ribbon5:after {
    content: "";
    position: absolute;
}

.ribbon5:before {
    width: 7px;
    height: 100%;
    top: 0;
    right: -6.5px;
    padding: 0 0 7px;
    background: inherit;
    border-radius: 5px 5px 0 0;
}

.ribbon5:after {
    width: 5px;
    height: 5px;
    bottom: -5px;
    right: -4.5px;
    background: lightskyblue;
    border-radius: 5px 5px 0 0px;
}

.project .card-header {
    border-bottom: 1px solid #EEEEEE;
}


/******** Project details page ***********/

.project-intro.project ul {
    list-style-type: none;
    margin: 0px 0 15px 0px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

ul li .project-highlight {
    display: flex;
}

ul li .project-highlight i {
    font-size: 42px;
    background: linear-gradient(to left top, #6676e9, rgba(103, 119, 239, 0.3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul li .project-highlight .info {
    margin-left: 5px;
    margin-top: 8px;
}

ul li .project-highlight .info span {
    font-size: 14px;
    color: #6c757d;
    padding-bottom: 6px;
    line-height: 1.7;
}

ul li .project-highlight .info p {
    margin: 0;
    font-weight: 500;
    line-height: initial;
    color: #ffffff;
    background-color: #47636c;
    text-align: center;
    border-radius: 2.25rem;
    display: block;
    padding: 0 10px;
}

.custom-table-view .table-row {
    justify-content: space-between;
    align-items: center;
    padding: 10px 8px;
}

.custom-table-view .table-row:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

.custom-table-view .table-row .user-name {
    width: 60%;
}

.custom-table-view .table-row .user-name span {
    display: block;
}

.custom-table-view .table-row .task {
    width: 10%;
}

.custom-table-view .table-row .tag {
    width: 25%;
}

.custom-table-view .table-row .status {
    color: #fd7f7f;
    width: 5%;
    text-align: center;
}

.custom-table-inner.milestones .milestones-name {
    width: 50%;
}

.custom-table-inner.milestones .milestones {
    width: 25%;
}

.custom-table-inner.milestones .tag {
    width: 17%;
}

.custom-table-inner.milestones .action {
    width: 10%;
    display: flex;
    justify-content: space-around;
}

.list-unstyled-border li {
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.list-unstyled-border li.odd {
    background: #F5F5F5;
    text-align: right;
}

ul.activity-wrap li h6 {
    font-size: 14px;
}

ul.activity-wrap li p {
    line-height: initial;
    padding: 5px 0;
    font-size: 13px;
}

ul.activity-wrap li div {
    font-size: 12px;
}

.project-info span {
    margin-bottom: 3px;
    margin-top: 5px;
    margin-right: 5px;
}

.img-close {
    position: relative;
    text-align: right;
    top: 7px;
    right: 6px;
    font-size: 22px;
    margin-bottom: -22px;
    cursor: pointer;
}

.img-close i {
    box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07);
}

.activity-wrap {
    max-height: 693px;
    overflow: auto;
}

.hidden {
    display: none;
}

.inline-block {
    display: inline-block;
}

.multi-file-uploader-border-red {
    border-color: red !important;
}

.box-shadow-3,
.card .card.box-shadow-3 {
    box-shadow: 0 3px 10px 0 rgba(62, 57, 107, 0.11) !important;
}

.card .btn-blue-grey {
    border-color: #607d8b !important;
}

.h-400 {
    max-height: 400px;
    overflow: auto;
}

.grid-hover {
    padding-bottom: 0;
}

.grid-hover figure {
    min-width: auto;
}

.grid-hover figure h2 {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 15px 0;
    margin: 0;
}

figure.effect-oscar figcaption {
    padding: 0;
}

figure.effect-oscar img {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
}

figure.effect-oscar p {
    margin-bottom: 8px;
    font-size: 18px;
}

figure.effect-oscar figcaption a {
    color: #fff;
}

figure.effect-oscar figcaption a:hover {
    color: #fff;
}

.grid-hover figure {
    margin: 0 0 10px;
    background-color: #fff;
    background-image: none;
    max-height: 190px;
}

figure.effect-oscar:hover .count {
    position: absolute;
    font-size: 10px;
    margin-left: 12px;
    margin-top: -10px;
    background: #1e9ff2;
    border-radius: 50px;
    width: 16px;
    height: 16px;
}

figure.effect-oscar figcaption::before {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(25, 24, 23, 0.58);
    height: 100%;
    width: 100%;
    border-radius: 0;
}

.caption-img {
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}

.masonry {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-display: grid;
    -moz-display: grid;
    display: grid;
    -webkit-grid-template-columns: 1fr 1fr;
    -moz-grid-template-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    padding: 0 8px;
}

.masonry.two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.masonry.one {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.badge.badge-striped.badge-success {
    background-color: rgba(40, 208, 148, 0.1) !important;
    border-width: 4px !important;
    padding: 12px !important;
}

.badge.badge-striped.badge-danger {
    background-color: rgba(255, 73, 97, 0.1) !important;
    border-width: 4px !important;
    padding: 12px !important;
}

fieldset button.btn.btn-social {
    min-height: 39px;
}

.width-36 {
    width: 36px;
    height: 36px;
}

.custom-table-inner.milestones {
    min-height: 90px;
}

.project-status {
    min-height: 154px;
}


/*** Email page ***/

.emailbox {
    height: 100vh;
}

.email-application .email-app-list #users-list {
    position: relative;
}

.email-application .users-list-padding {
    padding-top: 0;
}

.email-application .email-app-menu .list-group-messages a {
    padding: 0.85rem 1rem !important;
}

.cursor-pointor {
    cursor: pointer !important;
}

.top .picker--opened .picker__holder {
    top: -370px;
}

.action-button {
    position: relative;
    max-width: 300px;
    top: 0;
    margin-top: 0px !important;
}

.action-button .form-group {
    display: flex;
}


/* sajid */

.mt-27 {
    margin-top: 27px !important;
}

.action-button .btn {
    min-height: 36px;
}

.action-button .btn-group>.btn:first-child {
    margin-bottom: 0 !important;
}

@media (min-width: 767.98px) {
    .action-button {
        margin-top: -30px;
        top: -50px;
        margin-bottom: 0;
    }
    .action-button.top-space-2 {
        margin-top: -27px;
    }
}

.left-arrow {
    position: relative;
    border-radius: 4px;
    padding: .5em .9em !important;
}

.left-arrow:before {
    position: absolute;
    top: 7px;
    right: auto;
    left: -10px;
    height: 0;
    content: '';
    border: 5px solid transparent;
    border-right-color: #28d094;
    border-left-color: transparent;
}

.badge-success.badge-glow {
    box-shadow: -2px 1px 3px 0px #bfbfbf;
}

.min-h-120 {
    min-height: 120px;
}


/* AS CSS */

.urgentPara {
    overflow: auto;
    max-height: 127px;
    padding-bottom: 0;
}

.urgentPara p {
    margin-bottom: 0;
}

.whiteText {
    color: #fff;
}

.singleDownloadIcon {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 0.4);
    opacity: 0;
    transition: all .15s ease-in-out;
}

.singleDownloadIcon .la {
    cursor: pointer;
}

.uploadData:hover .singleDownloadIcon {
    opacity: 1;
}

form .form-control,
.form-group .form-control,
form .form-control option,
form .selectize-control .selectize-input,
.form-group .select2-container--default .select2-selection--single,
form .select2-container--default .select2-selection--single {
    background-color: rgb(255 255 255 / 52%) !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    color: #607d8b;
    border-color: transparent;
    border-bottom: 2px solid rgb(96 125 139 / 25%) !important;
    width: 100%;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background-image: none;
    max-height: 120px;
    overflow-y: inherit;
}

form .form-control,
.form-group .form-control,
form .form-control option,
form .select_categories .selectize-input,
.form-group .select2-container--default .select2-selection--single,
form .select2-container--default .select2-selection--single {
    max-height: 103px;
}

form .selectize-control {
}

form select {
    color: rgb(150 150 150) !important;
}

form .form-control:focus,
.form-group .form-control:focus,
form .selectize-control .selectize-input:focus,
form .select2-container--default .select2-selection--single:focus,
.form-group .select2-container--default .select2-selection--single:focus,
form .selectize-input.dropdown-active,
form .select2-container--default.select2-container--open .select2-selection--single {
    color: #495057;
    background-color: #fff !important;
    outline: 0 !important;
    box-shadow: none;
    border-bottom: 2px solid rgb(139 195 74 / 75%) !important;
}

form .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    color: rgb(150 150 150);
}

form .select2-container--default .select2-selection--single .select2-selection__rendered[title="NO CATEGORY"] {
    color: rgb(150 150 150);
    text-transform: capitalize !important;
}

.setting-button .action-button {
    margin-top: 0;
    top: 0;
    right: 0;
}

.action-button .btn-group>.btn:first-child {
    margin-bottom: 0 !important;
    padding: 0.44rem 1rem;
}

.setttingBtnOneLine .action-button {
    top: -61px;
    right: 265px;
}

form .form-group {
    margin-bottom: 0;
}

form .modal-footer {
    padding: 10px 0 0;
}

form label {
    display: none;
}

form .input-field {
    margin-bottom: 12px !important;
}

.header-navbar .navbar-header .navbar-brand h3 {
    font-size: 20px;
}

.iconAssign {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.iconAssign a {
    font-size: 18px;
    color: #002520;
    transition: all .15s ease-in-out;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconAssign a:hover {
    text-decoration: none;
    color: #002520;
}

.wrap-sec .card p p {
    margin-bottom: 0;
}

.subtaskMergeSection {
    height: 48%;
}

.subtaskUploadArea .uppy-Dashboard-inner {
    width: 100% !important;
    height: 400px !important;
}

.subtaskMessageArea .chat-application .chat-app-window {
    padding: 0;
}

.subtaskMessageArea .chat-application .chats .chats {
    max-height: 500px;
}


/* End AS CSS */

.whiteText {
    color: white !important;
}

.conversation-text {
    font-size: 0.9rem !important;
    white-space: break-spaces;
    text-align: left;
}

.conversation-chat-width {
    max-width: 1000px !important;
    margin: 0 0px 15px 0!important;
}

.client-conversation-chat-width {
    max-width: 100% !important;
    margin: 3px 21px 15px 21px !important;
    box-shadow: none !important;
}

.float-r {
    float: right !important;
}

.float-l {
    float: left !important;
}

.card .card-style .card {
    box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07) !important;
    border-radius: 0.35rem;
}

.card .card-style .pull-up:hover {
    box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2) !important;
}

.table-style table tr td,
.table-style table tr th {
    border: 1px solid #dee2e6;
    vertical-align: middle;
    border-bottom: 0;
    border-top: 0;
    font-size: 12px;
}

.table-style table tr th,
.sticky-th th {
    text-align: center;
    position: sticky !important;
    top: -2px;
    /* Don't forget this, required for the stickiness */
}

.table-style table tr td:first-child,
.table-style table tr th:first-child {
    text-align: left;
}

.report-filter-area .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #cfcfcf;
}

.report-filter-area .selectize-control .selectize-input {
    box-shadow: none;
}

.table-style .table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-style .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-style .table .thead-dark th,
.table-style .table .table-ft-tr th {
    color: #f8fafc;
    background-color: #899ea3;
    border-color: #dee2e6;
}

.table-style .table .thead-dark th {
    border: 1px solid #dee2e6;
}

.height-set-sticky {
    height: 55vh;
}

.table-bordered tbody .even td {
    background: #899ea3 !important;
    color: #fff !important;
}

.table-bordered tbody .even td {
    background: #dde5d2 !important;
    color: #243842 !important;
}

table.header {
    margin-bottom: 10px;
}


/*** UZAIR CSS START ***/

form .form-actions {
    border-top: none !important;
    padding: 20px 0 0 0;
    margin-top: 0;
}

.card > a {
    color: #fff !important;
    padding: 0.375rem 0.75rem;
    border-radius: 50px !important;
    font-size: 0.9rem !important;
    margin-top: 20px !important;
    box-shadow: 0px 1px 20px 1px rgba(108, 117, 125, 0.38);
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
    text-decoration: none;
}

.card>a:hover {
    color: #fff !important;
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
    text-decoration: none;
}

.table-responsive>.table-bordered {
    margin-bottom: 0px;
}

.subHead-card h4 {
    margin: 0;
}

.bg-grey {
    background-color: #F4F5FA;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    top: 1px;
    width: 20px;
    font-size: 17px;
}

.btn-download-exe {
    background-color: #1cce8e;
    color: #fff;
    display: flex;
    position: absolute;
    align-items: center;
    transition: all 0.3s ease-in-out;
    right: -146px;
    float: right;
    border: none;
    cursor: pointer;
    padding: 9px 13px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    top: -81px;
    z-index: 1;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.btn-download-exe>span {
    font-size: 17px !important;
    margin-right: 10px;
}

.btn-download-exe:hover {
    right: -48px;
    width: 190px;
}

.btn-download-exe:focus {
    outline: none;
}

.reset-foot-margin-r {
    margin-right: 10px;
}

.download-icon span {
    cursor: pointer;
    position: relative;
    display: block;
    width: 23px;
    height: 12px;
    border: 2px solid #fff;
    border-top: transparent;
}

.download-icon span:before,
.download-icon span:after {
    content: '';
    display: block;
    position: absolute;
}

.download-icon span:before,
.download-icon span:after {
    animation: bounce 0.8s infinite alternate;
    -webkit-animation: bounce 0.8s infinite alternate;
}

.download-icon span:after {
    left: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}

@keyframes bounce {
    from {
        transform: translateY(-5px);
    }
    to {
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translateY(-5px);
    }
    to {
        -webkit-transform: translateY(0);
    }
}

.reset-foot-margin-r button {
    margin-bottom: 0 !important;
}

.btn-agnet-per-exce {
    top: 201px;
    right: -146px;
}

.btn-agnet-per-exce:hover {
    text-decoration: none;
    color: #fff;
    /* width: unset; */
    background-color: #04c17d;
}

.btn-daily-trans-summ-exce {
    top: -55px;
}


/* width */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}


/* Track */

::-webkit-scrollbar-track {
    background: transparent;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #848484;
    border-radius: 40px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #848484;
}

::-webkit-scrollbar-track:hover {
    background: #e2e2e2;
}

.chargeBackHeader .heading-elements {
    display: flex;
    align-items: center;
}

.chargeBackHeader .heading-elements>div {
    margin-right: 0px;
}

.PerformancesReportHeader {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}

.PerformancesReportHeader .input-field {
    width: 320px;
    margin-right: 20px;
}

.PerformancesReportHeader .input-field:last-child {
    width: unset;
    margin-right: 0;
    margin-bottom: 0px !important;
}

.performanceV2reportFilter {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

.toast-container>div {
    margin-top: 30px;
}

table.top-header tbody tr td>h4 {
    font-weight: 400;
}

table.top-header tbody tr td>img {
    position: absolute;
    top: 20px;
    left: 20px;
    width: unset;
}

table.top-header>tbody>tr>td {
    width: unset !important;
}

.bg-warning.bg-accent-2 {
    color: #fff;
    font-weight: 600;
}

.table-responsive .card-body {
    padding-top: 30px;
}

.vertical-compact-menu .main-menu .navigation li .according-menu i {
    right: 10px;
}

.main-menu.menu-light .navigation>li ul li>a:hover {
    background-color: transparent;
    color: #8bc34a;
}

.btn-fullScreen>i {
    font-size: 20px;
    color: #fff;
}

.btn-fullScreen {
    position: absolute;
    top: 24px;
    left: 100px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    z-index: 1;
}

.btn-fullScreen:hover i {
    color: #8bc34a;
}

.navigation>li.active {
    background-color: #fff;
    border-radius: 40px;
}

.main-menu.menu-fixed {
    margin-top: -5px;
}

.chargeBackHeader {
    padding: 1.5rem 1.5rem;
    background-color: #e3e9ed !important;
    border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chargeBack-btn-div {
    display: flex;
    align-items: center;
}

.main-menu.menu-light .navigation>li ul li>a {
    padding: 8px 0px 8px 50px;
    font-family: unset !important;
}

.border-left-merchant {
    border-left: 1px solid #d84fff;
}

.border-left-merchant i {
    position: relative;
    top: 2px;
    padding-right: 5px;
}

.transac-amount {
    font-size: 14px !important;
    letter-spacing: 1.2px;
}

.transactionsTableGroup .la-eye {
    color: #f7a43d;
    font-size: 23px !important;
}

.transactionsTableGroup .refund-action .la-eye {
    color: #28d094;
    font-size: 24px !important;
}

.transactionsTableGroup .la-arrow-circle-right {
    color: #fe9049;
    font-size: 23px;
}

.transactionsTableGroup .la-share-alt {
    color: #757575;
    font-size: 23px !important;
}

.transactionsTableGroup a i {
    transition: all 0.2s ease-in-out;
}

.transactionsTableGroup a i:hover {
    transform: scale(1.2);
}

.ordersTableGroup .la-eye {
    color: #f7a43d;
    font-size: 23px !important;
}

/* .ordersTableGroup a i {
        transition: all 0.2s ease-in-out;
} */

/* .ordersTableGroup a i:hover {
        transform: scale(1.2);
} */

a:hover {
    text-decoration: none !important;
}

.border-left-refund-money i {
    padding-right: 4px;
    position: relative;
    top: 1px;
}

.border-left-refund-money {
    border-left: 1px solid #ff4747;
}

.lead-username a {
    color: #1E9FF2;
}

.lead-username a:hover {
    color: #1E9FF2;
    text-decoration: underline !important;
}

.transactionsTableGroup .la-money {
    position: relative;
    top: 2px;
    padding-right: 4px;
}

.btn-change {
    background-color: #666EE8 !important;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
}

.btn-change i {
    font-size: 18px !important;
}

.btn-change:hover {
    background-color: #666EE8 !important;
}

.btn-change:active {
    background-color: #666EE8 !important;
}

.btn-change:hover i {
    transform: scale(1) !important;
    transform: rotate(45deg) !important;
}

.btn-change i {
    position: relative;
    top: 1px;
}

.border-left-upsell {
    border-left: 1px solid #666ee8;
}

.trans-summary-card {
    border-radius: 5px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    border: 1px solid rgb(142 170 183 / 0.3);
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.trans-summary-card::before {
    content: '';
    background-image: url(../images/back-shadow.png);
    height: 660px;
    width: 660px;
    position: absolute;
    top: -320px;
    left: 180px;
    opacity: 0.1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

.trans-summary-card .summary-icon {
    display: flex;
    background-color: rgb(30 159 242 / 0.08);
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.trans-amount-desc h3 {
    color: #0dc8de;
    font-size: 30px;
    text-align: right;
}

.trans-amount-desc h6 {
    font-size: 16px;
    text-align: right;
}

.summary-icon i {
    line-height: 70px;
    margin: 0 auto;
}

.sale-box .summary-icon {
    background-color: rgb(40 208 148 / 0.08);
}

.sale-box .trans-amount-desc h3 {
    color: #28d094;
}

.upsell-box .trans-amount-desc h3 {
    color: #6d81f5;
}

.upsell-box .summary-icon {
    background-color: #28d0943d;
}

.upsell-box .summary-icon {
    background-color: rgb(109 129 245 / .08);
}

.upsell-box .summary-icon i {
    color: #6d81f5 !important;
}

.trans-summary-card:hover {
    transform: scale(1.05);
}

.chargeback-box .summary-icon {
    background-color: rgb(255 145 73 / 10%);
}

.chargeback-box .summary-icon i {
    position: relative;
    right: 5px;
    top: 3px;
}

.chargeback-box .trans-amount-desc h3 {
    color: #ff9149 !important;
}

.refund-box .summary-icon {
    background-color: rgb(255 145 73 / 10%);
}

.refund-box .trans-amount-desc h3 {
    color: #ff4d65;
}

.thead-borders-show thead th {
    border: 1px solid #dee2e6 !important;
}

.view-tabs-sec ul {
    background-color: #d8e2e1 !important;
    border: none !important;
}

.view-tabs-content-box {
    background-color: #ffff !important;
    padding: 40px 10px;
}

.view-tabs-sec ul li a {
    font-size: 19px;
    color: #002520 !important;
    font-weight: 500;
    padding: 14px 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-family: 'poppins' !important;
}

.view-tabs-sec ul li a img {
    padding-right: 20px;
}

.view-tabs-sec .nav.nav-tabs.nav-underline .nav-item a.nav-link.active {
    background-color: #fff !important;
    color: #002520 !important;
}

.view-tabs-sec .nav.nav-tabs.nav-underline .nav-item a.nav-link.active:before {
    background-color: #3c525d !important;
    top: 0;
}

.view-tabs-sec .nav.nav-tabs.nav-underline .nav-item a.nav-link:hover {
    background-color: #3c525d !important;
    color: #ffffff !important;
}

.view-tabs-sec .nav.nav-tabs.nav-underline .nav-item a.nav-link:hover img {
    filter: brightness(0) invert(1);
}

.view-tabs-content-box .tab-content .tab-pane:nth-child(3n) .bg-success {
    background-color: #fff !important;
    border-bottom: 4px solid #40e285;
}

.view-tabs-content-box .tab-content .tab-pane:nth-child(2n) .bg-success {
    background-color: #fff !important;
    border-bottom: 4px solid #40e285;
}

.view-tabs-content-box .tab-content .tab-pane:nth-child(3n) .bg-danger {
    background-color: #fff !important;
    border-bottom: 4px solid #f6001a;
}

.view-tabs-content-box .tab-content .tab-pane:nth-child(3n) .text-white {
    color: #002520 !important;
}

.view-tabs-content-box .tab-content .tab-pane:first-child .card-header,
.view-tabs-content-box .tab-content .tab-pane:nth-child(2n) .card-header,
.view-tabs-content-box .tab-content .tab-pane:nth-child(3n) .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-tabs-content-box .tab-content .tab-pane:nth-child(2n) .match-height .card,
.view-tabs-content-box .tab-content .tab-pane:nth-child(3n) .match-height .card {
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
}

.view-tabs-content-box .tab-content .tab-pane:first-child .bg-success {
    background-color: #fff !important;
    border-bottom: 4px solid #40e285;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
}

.view-tabs-content-box .tab-content .tab-pane:first-child .bg-danger,
.view-tabs-content-box .tab-content .tab-pane:nth-child(2n) .bg-danger {
    background-color: #fff !important;
    border-bottom: 4px solid #f6001a;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
    padding: 15px;
}

.bg-order-items {
    background-color: #fff !important;
    border-bottom: 4px solid #ffb822;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
}

.order-items-badge {
    background-color: #ffb822;
}

.tab-trnsac-head {
    display: flex;
    align-items: center;
}

.transac-btn-box {
    display: flex;
    align-items: center;
}

.transac-btn-box .buttons {
    display: flex;
    align-items: center;
}

.tab-transac-badge {
    padding: 15px;
    border-radius: 8px;
    position: absolute;
    top: -15px;
    -webkit-box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
}

.transac-success {
    background-color: #40e285;
}

.transac-danger {
    background-color: #f6001a;
}

.tab-transac-badge i {
    color: #fff;
    font-size: 35px !important;
}

.tab-trnsac-head h4 {
    margin-left: 80px;
}

.transac-btn-box .buttons a {
    font-size: 12px;
    padding: 6px 5px 6px 35px !important;
    position: relative;
    color: #002520;
    align-items: center;
    display: block;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

.transac-btn-box .buttons i {
    font-size: 21px;
    position: absolute;
    left: 9px;
    top: 4px;
    padding-right: 6px;
}

.transac-btn-box .buttons:nth-child(2n) a {
    margin: 0 8px;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.success-hover:hover {
    background-color: #40e285;
    color: #fff !important;
    border-radius: 4px;
}

.danger-hover:hover {
    background-color: #f6001a;
    color: #fff !important;
    border-radius: 4px;
}

.lead-order-items-icon {
    background-color: #fff;
    height: 70px;
    width: 70px;
    text-align: center;
    border-radius: 8px;
    margin-right: 10px;
    box-shadow: 0px 4px 0px -2px rgb(140 167 180);
}

.lead-order-items-icon i {
    color: #dfa579;
    font-size: 35px;
    line-height: 70px;
}

.lead-order-items-head .card-title span {
    font-weight: 600;
}

.lead-order-status-form .form-control {
    background-color: rgb(255 255 255 / 52%) !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    color: #607d8b;
    text-transform: capitalize;
    border-color: transparent;
    border-bottom: 2px solid rgb(96 125 139 / 25%) !important;
    width: 100%;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background-image: none;
    max-height: 95px;
    overflow-y: inherit;
}


.lead-order-items {
    position: relative;
    padding: 40px 10px 10px 20px;
    background-color: #eee;
    border-radius: 8px;
    margin: 80px 20px 30px 20px;
}

.lead-order-items .lead-order-items-icon,
.lead-order-items h4 {
    font-size: 20px !important;
    font-weight: 400 !important;
    letter-spacing: unset !important;
}

.lead-order-items h4 span {
    font-weight: bold !important;
}

.lead-order-invoices .lead-order-items-icon i {
    color: #1ccab8;
}

.lead-order-status .lead-order-items-icon i {
    color: #fdb6a4;
}

.lead-order-items-head {
    display: flex;
    align-items: center;
    position: absolute;
    top: -50px;
}

.lead-order-general-card h3 {
    font-size: 30px;
    color: #8bc34a !important;
}

.lead-order-general-card {
    padding-left: 10px;
    height: 100%;
    width: 100%;
}

.lead-order-general-user {
    height: unset;
    margin: 20px 0;
    padding: 20px 20px;
}

.lead-order-general-user .lead-order-items-head .card-title {
    color: #3c525d;
}

.lead-order-general-user .lead-order-items-icon i {
    color: #8bc34a;
}

.mt-40 {
    margin-top: 40px;
}

.lead-order-general-user .lead-order-items-icon {
    box-shadow: 0px 4px 0px -2px rgb(153 202 96);
    margin: 0 auto;
}

.lead-order-general-user .lead-order-items-head {
    display: block;
    position: static;
}

.lead-order-general-user h4 {
    text-align: center;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #3c525d !important;
    margin: 10px 0 0;
}

.lead-order-user-card-box h6 {
    margin: 0;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 13px;
    font-weight: 500;
    font-family: unset !important;
    position: relative;
    top: 1px;
}

.lead-order-user-card-box i {
    font-size: 24px !important;
    padding-right: 3px;
}

.lead-order-user-card-box {
    display: flex;
    align-items: center;
}

.lead-order-general-card-info p,
.lead-order-general-card-info span {
    margin: 0;
    word-break: break-word;
    font-size: 12px;
}

.lead-order-card-box {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px 8px;
    border-radius: 8px;
}

.lead-order-general-user h5 {
    text-align: center;
    font-size: 18px;
    font-weight: 600 !important;
    letter-spacing: 1.5px;
    margin: 8px 0 11px 0;
    color: #3c525d;
}

.lead-order-card-box input {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.btn.btn-order-view {
    background-color: #f7a43d;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    margin-top: 20px;
    margin-bottom: 25px;
    border-radius: 28px;
    font-size: 13px;
    width: 50%;
    margin: 0 auto;
}

.btn.btn-order-view i {
    font-size: 22px;
    padding-right: 3px;
}

.lead-order-gene-trans-card {
    color: #002520;
    font-size: 13px;
    font-weight: 500;
}

.lead-order-gene-trans-card p {
    margin: 0;
}

.lea-ord-gen-trans-content .tab-transac-badge {
    position: static;
}

.lead-order-gene-trans-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lea-ord-gen-trans-content {
    display: flex;
    align-items: center;
}

.transac-txt {
    padding-left: 15px;
}

.card-activity {
    padding: 1rem;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
}

.info-activity {
    border-bottom: 4px solid #1E9FF2 !important;
}

.danger-activity {
    border-bottom: 4px solid #f6001a !important;
}

.danger-activity .bg-act-danger {
    background-color: #f6001a !important;
}

.transac-date p {
    text-align: right;
    font-weight: 500;
    font-size: 15px;
}

.vertical-compact-menu.menu-open .main-menu:hover {
    width: 280px !important;
}

label {
    font-weight: 500;
    font-size: 14px;
    color: #3c525d;
}

.dashboard-box .trans-summary-card {
    box-shadow: none;
    padding: 0;
    border: none;
    border-radius: 0px;
    position: static;
    cursor: unset;
    transition: unset;
    z-index: unset;
    overflow: unset;
}

.dashboard-box {
    border-radius: 5px;
    padding: 20px 30px;
    /* -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1); */
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    /* box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1); */
    border: 1px solid rgb(142 170 183 / 0.3);
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dashboard-box .trans-summary-card:hover {
    transform: unset;
}

.dashboard-box:hover {
    transform: scale(1.05);
}

.dashboard-box .summery-icon {
    background-color: rgb(27 153 139 / 0.08);
}

.dashboard-box i {
    color: #1B998B;
}

.dashboard-box a {
    font-size: 15px;
    font-weight: 400;
    background-color: #1B998B;
    padding: 3px 0;
}

.dashboard-box h3 {
    text-align: right;
    color: #1b998b;
}

.converted h3 {
    color: #0b3954;
}

.converted .summary-icon {
    background-color: rgb(11 57 84 / 0.08);
}

.converted i {
    color: #0b3954;
}

.converted a {
    background-color: #0b3954;
}

.missed a {
    background-color: #F46036;
}

.missed .summary-icon {
    background-color: rgb(244 96 54 / 0.08);
}

.missed i {
    color: #f46036;
}

.missed h3 {
    color: #f46036;
}

.main-menu:hover .navigation li a.active+.menu-content {
    margin-left: 20px;
}

.menu-content>li .menu-content {
    margin-left: 20px;
}

.card-shadow {
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
}

.theme-card-badge {
    -webkit-box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
    padding: 15px;
    border-radius: 8px;
    position: absolute;
    top: -23px;
}

.theme-card-badge i {
    color: #fff;
    font-size: 35px !important;
}

.theme-card-header h4 {
    margin-left: 80px;
}

.theme-card-header {
    background: transparent;
    position: relative;
}

.items-badge {
    border-bottom: 4px solid #ffb822;
}

.items-badge .theme-card-badge {
    background-color: #ffb822;
}

.success-badge {
    border-bottom: 4px solid #38c072;
}

.success-badge .theme-card-badge {
    background-color: #38c072;
}

.promo-lable-posi {
    position: relative;
    top: 3px;
    left: 4px;
}

.label-show label {
    display: block !important;
    font-weight: 500 !important;
    color: #3c525d;
}

.menu-content li a:before {
    content: '';
    background-color: #607d8b;
    height: 2px;
    width: 7px;
    position: absolute;
    top: 20px;
    left: 30px;
}

.btn-charge-back-exce {
    top: -1px;
}

.btn-charge-back-exce:hover {
    color: #fff !important;
}

.marB-3 {
    margin-bottom: 3px;
}

.task-icon {
    font-size: 15px !important;
}

.task-icon i {
    color: #8bc34a;
}

.main-menu.menu-light .navigation>li ul li>a:hover::before {
    background-color: #8bc34a;
}

.urgent-detail {
    padding: 0px 0 0 75px;
}

.card-header .card-title {
    letter-spacing: unset;
}

.urgent-header {
    padding: 20px;
}

.urgent-header {
    border-bottom: 2px solid red;
}

.card.box-shadow-2 .card-header h4 {
    display: flex;
    align-items: center;
    color: #3c525d !important;
}

.project-status-box {
    border-left: 3px solid #1e9ff2 !important;
    border-radius: 0px;
}

.project-status-box h4 {
    color: #3c525d !important;
}

.project-status-box .card-header {
    background: transparent;
}

.box-shadow-2 h4 i {
    color: #1e9ff2;
    font-size: 29px !important;
    margin-right: 8px;
    background-color: rgb(30 159 242 / 0.08);
    padding: 10px 10px;
    border-radius: 50%;
}

.sample-box {
    border-left: 3px solid #6b6f82 !important;
    max-height: 77vh;
    min-height: 77vh;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
}

.revised-sample-box {
    border-left: 3px solid #f6001a !important;
    max-height: 77vh;
    min-height: 77vh;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
}

.revisionArea {
    max-height: 77vh;
    min-height: 77vh;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
}

.inner-message-area {
    min-height: 69vh;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
}

.revised-sample-box .card-title > i {
    color: #f6001a !important;
    background-color: rgb(246 0 26 / 10%);
}

.sample-box .card-title > i {
    color: #6b6f82 !important;
    background-color: rgb(107 111 130 / 10%) !important;
}

.client-brief-box {
    border-left: 3px solid #38c172 !important;
    max-height: 77vh;
    min-height: 77vh;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
}

.client-brief-box .card-title i {
    color: #38c172 !important;
    background-color: rgb(56 193 114 / 0.08) !important;
}

.activities-box {
    border-bottom: 2px solid #949aef !important;
    border-left: 2px solid #949aef !important;
    border-top: 2px solid #949aef !important;
}

.activities-box .card-title i {
    color: #949aef !important;
    background-color: rgb(148 154 239 / 0.08) !important;
}

.urgent-header {
    background-color: transparent;
}

.urgentPara span {
    font-size: 13px !important;
}

/* .subTask-table .fa-edit {
        color: #9ba7ca;
        position: relative;
        top: -2px;
        font-size: 19px;
} */

.subTask-table .fa-edit:hover {
    transform: scale(1) !important;
}

.createSubTask-table p>span {
    font-size: 12px !important;
}

.project-highlight img {
    position: relative;
    top: 8px;
}

.subTask-expire {
    background-color: transparent;
    border-bottom: 3px solid #f6001a;
}

.subTask-expire h4 {
    color: #47636c;
    padding-left: 60px;
}

/* .subTask-expire .heading-elements p {
        background-color: rgb(246 0 26 / 0.08) !important;
        color: #f6001a !important;
        padding: 7px 20px;
        border-radius: 8px;
        font-weight: 500;
        font-size: 13px;
} */

.subTask-expire .tab-transac-badge {
    top: -11px;
}

/* .card-deck-wrapper i {
        color: #fff !important;
} */

.subTask-expire .tab-transac-badge {
    padding: 10px 10px;
    top: 10px;
}

.subTask-expire .tab-transac-badge i {
    font-size: 30px !important;
}

.note-view .btn-fullscreen {
    top: unset;
    left: unset;
}

.status-text {
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13px;
}

.cancel-text {
    background-color: rgb(255 73 97 / 0.08);
    color: #ff4961;
}

.expire-text {
    background-color: rgb(255 0 0 / 0.08);
    color: #ff0000;
}

.reject-text {
    color: #666ee8;
    background-color: rgb(102 110 232 / 0.08);
}

.complete-text {
    color: #38c172;
    background-color: rgb(56 193 114 / 0.08);
}

.subTask-table .ft-trash-2{
    font-size: 21px;
}

.subTask-table .fa-tasks{
    font-size: 21px;
}

.subTask-table .icon-briefcase {
    font-size: 19px;
    color: #ff9149;
}

td.subTask-user i {
    margin-right: 6px;
    font-size: 17px;
    color: #8bc34a;
}

td.subTask-user a {
    color: #3c525d;
    text-decoration: underline;
}

td.subTask-user a:hover {
    text-decoration: none;
    color: #3c525d;
}

.subTask-user {
    display: flex;
    align-items: center;
}


/*** UZAIR CSS END ***/

.marBot-5 {
    margin-bottom: 5px;
}

.taskDescription p {
    margin: 0;
}

.taskName i {
    font-size: 19px;
    color: #8bc34a;
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.taskName a {
    color: #3c525d;
    text-decoration: underline;
}

.taskName a:hover {
    text-decoration: none !important;
    color: #3c525d;
}

.taskComments i {
    font-size: 19px;
    color: #ff9149;
}

.mailbox-user-card {
    padding: 15px 0;
    background-color: #0173c7;
}

.mailbox-user-card img {
    margin: 0 auto 7px auto;
    display: table;
}

.mailbox-user-card h5 {
    text-align: center;
    color: #ffffff;
    margin: 0;
}

.mail-leftside {
    background-color: #fff;
    margin-bottom: 11px;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
}

.mail-sidebar li a {
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
    border-bottom: 1px solid rgb(1 115 199 / 0.10);
}

.mail-sidebar li a img {
    padding-right: 10px;
    position: relative;
    top: -3px;
}

.unutilized-funds .summary-icon {
    background-color: rgb(83 91 226 / 0.08);
}

.unutilized-funds i {
    color: #535be2;
}

.unutilized-funds .form-actions a {
    background-color: #535be2;
}

.unutilized-funds h3 {
    color: #535be2;
}

.mailBox-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 20px 0;
}

.mailBox-content-header h3 {
    text-transform: capitalize;
    margin: 0;
    padding: 10px 0 0 0;
}

.inbox-emails td a {
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

td.email-date a span {
    color: #0b3954 !important;
    font-weight: 500;
    /* background-color: rgb(11 57 84 / 0.08); */
    padding: 4px 10px;
}

.new-email td a {
    font-weight: 600;
}

.inbox-emails .table thead th {
    background-color: #0173c7 !important;
    border: 1px solid #0173c7 !important;
    font-size: 13px !important;
    letter-spacing: 1.0px;
}

.inbox-header {
    background-color: #0173c7;
    padding: 9px 0;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
}

.inbox-header h5 {
    color: #fff;
    font-weight: 400;
    margin: 0 0 0 5px;
    font-size: 13px;
}

.inbox-header h5 i {
    font-size: 32px;
    margin-right: 5px;
}

tr.new-email {
    background-color: rgb(1 115 199 / 0.08);
}

.sidebar-icons {
    background-color: rgb(27 153 139 / 0.08);
    border-radius: 50%;
    height: 35px;
    width: 35px;
    margin-right: 10px;
    position: relative;
}

.sidebar-icons i {
    color: #1B998B;
    font-size: 26px !important;
    line-height: 35px;
    margin: 0 auto;
    display: table;
}

.junk-icon {
    background-color: rgb(244 96 54 / 0.08);
}

.junk-icon i {
    color: #F46036;
}

.important-icon {
    background-color: rgb(252 138 0 / 0.08);
}

.important-icon i {
    color: #fc8a00;
}

.draft-icon {
    background-color: rgb(109 129 245 / 0.08);
}

.draft-icon i {
    color: #6d81f5;
}

.sent-icon {
    background-color: rgb(40 208 148 / 0.08);
}

.sent-icon i {
    color: #28d094;
}

.trash-icon {
    background-color: rgb(246 0 26 / 0.08);
}

.trash-icon i {
    color: #f6001a;
}

.link-box {
    display: flex;
    align-items: center;
}

.link-box p {
    margin: 0;
    font-family: 'Poppins' !important;
    color: #000000b5;
}

.counter-badge {
    background-color: rgb(27 153 139);
    border-radius: 50%;
    position: absolute;
    top: -14px;
    left: 22px;
    height: 25px;
    width: 25px;
    /* animation: pulse 2s infinite; */
}

.counter-badge p {
    margin: 0;
    color: #ffffff;
    /* font-weight: 700; */
    line-height: 23px;
    text-align: center;
    font-size: 9px;
}

.inbox-header i {
    margin: 0 0 0 12px;
    font-size: 22px !important;
    color: #fff;
}

.junk-badge {
    background-color: rgb(244 96 54) !important;
}

.junk-badge p {
    color: #ffffff;
}

.draft-badge {
    background-color: rgb(121 139 246) !important;
}

.draft-badge p {
    color: #ffffff;
}

.email-inbox-table {
    height: 74vh;
    overflow: scroll;
}

.hover-link::before {
    content: '';
    background-color: #1B998B;
    height: 100%;
    width: 0px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.1s ease-in-out;
}

.hover-link:hover::before {
    width: 5px;
}

.junk-link:hover::before {
    background-color: #F46036;
}

.important-link:hover::before {
    background-color: #fc8a00;
}

.draft-link:hover::before {
    background-color: #6d81f5;
}

.sent-link:hover::before {
    background-color: #28d094;
}

.trash-link:hover::before {
    background-color: #f6001a;
}

a:visited,
span.MsoHyperlinkFollowed {
    text-decoration: none !important;
}

a:link,
span.MsoHyperlink {
    text-decoration: none !important;
}

.view-email-user {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.view-email-info {
    padding-left: 25px;
}

.view-email-user h6 {
    font-size: 13px;
    margin: 0;
    font-weight: 400;
    font-family: 'Poppins' !important;
}

.view-email-user h5 {
    margin: 4px 0;
    font-size: 15px;
    color: #0170c2;
    font-family: 'Poppins' !important;
    font-weight: 400;
}

.view-email-user p {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    font-family: 'Poppins' !important;
}

.view-email-haeder {
    border-bottom: 1px solid #3c525d42;
    padding: 15px 0 9px 0;
    margin-top: 40px;
    border-top: 1px solid #3c525d42;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-email-haeder p {
    margin: 0 0 7px 0;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Poppins' !important;
}

/* .view-email-haeder p span {
        font-weight: 500;
} */

.reply-btn-box {
    position: absolute;
    top: 15px;
    left: 30px;
}

.email-message {
    margin-top: 10px;
    width: 100%;
    overflow: auto;
}

.email-message span {
    font-size: 14px;
    font-family: 'Poppins' !important;
    font-weight: 400;
}

.view-email-card {
    height: 100%;
}

.reply-btn-box a {
    color: #3c525d !important;
    margin: 0px 5px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
}

.reply-btn-box a i {
    color: #3c525d;
    font-size: 15px;
    margin-right: 6px;
}

.reply-btn-box a:hover {
    background-color: #3c525d;
    color: #fff !important;
}

.reply-btn-box a:hover i {
    color: #fff !important;
}

.view-email-user img {
    height: 60px;
    object-fit: contain;
}

/* .attachment-box {
        position: absolute;
        top: 70px;
        right: 17px;
        height: 100px;
        overflow: auto;
        width: 120px;
        display: flex;
        align-items: center;
        margin-top: 20px;
} */

.attachment-box p {
    font-size: 15px;
    font-weight: 500;
    color: #0173c7;
}

.attachment-box p i {
    font-size: 18px;
    position: relative;
    padding-right: 5px;
}

.hover-link.active::before {
    content: '';
    background-color: #1b998b;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.inbox-emails .pagination {
    justify-content: flex-end;
    margin-right: 10px;
}

.inbox-emails .page-link {
    font-size: 14px;
    font-weight: 600;
}

.inbox-emails {
    height: 717px;
    overflow: scroll;
}


/** MEDIA QUERIES START **/

@media (max-width: 1366px) {
    .btn-download-exe{
        right: -132px !important;
    }
    .reset-foot-margin-r {
        margin-right: 20px !important;
    }
    .btn-download-exe:hover {
        width: 285px !important;
    }

}

@media (max-width: 1280px) {
    .project-id {
        margin-bottom: 15px;
    }
    /* .project-card-head {
            display: block !important;
    } */
    .transac-btn-box .buttons:nth-child(2n) a {
        margin: 0 1px !important;
    }
}

@media (max-width: 1199px) {
    .dashboard-box .trans-amount-desc h6 {
        font-size: 14px;
    }
    .card-shadow label {
        font-size: 12px;
    }
    .transac-btn-box {
        margin-top: 15px;
    }
    .view-tabs-content-box .tab-content .tab-pane .card-header {
        display: block;
    }
}

@media (max-width: 991px) {
    .pl-15 {
        padding-left: 15px !important;
    }
    .marBot-20 {
        margin-bottom: 20px !important;
    }
    .margin-0 {
        margin: 0 !important;
    }
    .card-shadow label {
        font-size: 14px;
    }
    .transac-btn-box .buttons i {
        font-size: 16px !important;
    }
    .transac-btn-box .buttons a {
        font-size: 11px !important;
        padding: 6px 5px 6px 27px !important;
    }
    a.heading-elements-toggle {
        display: none;
    }
    table.top-header tbody tr td>img {
        display: none;
    }
    .PerformancesReportHeader {
        justify-content: flex-start;
    }
    .view-tabs-content-box .tab-content .tab-pane:nth-child(3n) .card-header {
        display: block !important;
    }
    .tab-trnsac-head {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {

    .chat-application .chat-app-window {
        height: unset !important;
    }
    .lead-order-general-card-info {
        margin-top: 30px;
    }
    .btn.btn-order-view {
        width: 160px;
    }
    .trans-summary-card {
        margin-bottom: 20px;
    }
    .transac-btn-box .buttons {
        margin-bottom: 7px;
    }
    .transac-btn-box {
        display: block;
    }
    .chargeBackHeader {
        display: block !important;
    }
    .chargeBackHeader .heading-elements {
        position: static;
        margin-top: 20px;
    }
    .chargeBackHeader .heading-elements {
        justify-content: flex-end;
    }
    .main-menu.menu-light .navigation>li>a img {
        display: none;
    }
    .main-menu.menu-light .navigation>li>a {
        padding: 15px 20px;
    }
    .main-menu.menu-light .navigation>li>a i {
        display: none;
    }
    /* .main-menu.menu-light .navigation>li ul li>a {
            padding: 8px 0px 8px 30px;
    } */
    .header-navbar .navbar-header .menu-toggle {
        top: 8px;
    }
    .main-menu.menu-fixed {
        margin-top: 0px;
    }
    table.top-header tbody tr td>h4 {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        line-height: 23px;
    }
}

@media (max-width: 576px) {
    .heading-elements a,
    .heading-elements button
    {
        width: 100%;
    }
    .lead-index-box .heading-elements {
        position: unset !important;
        text-align: unset !important;
        margin-top: 10px;
    }
    #statuswiseLeadPieChart .apexcharts-legend.apexcharts-align-center.position-right {
        display: none !important;
    }
    ul li .project-highlight {
        display: block;
    }
    .lead-order-items {
        height: unset;
    }
    .view-tabs-sec ul {
        display: block !important;
    }
    .view-tabs-sec ul li {
        height: fit-content;
    }
    .PerformancesReportHeader {
        display: block;
        margin-bottom: 20px;
    }
    .chargeBackHeader .heading-elements {
        display: block;
    }
    .chargeBackHeader .heading-elements {
        text-align: left !important;
    }
    .chargeBack-btn-div {
        display: block !important;
    }
    .chargeback-upload-btn {
        margin-bottom: 10px;
        ;
    }
}

@media (max-width: 480px) {
    .mailBox-content-header .modal-footer {
        display: block;
    }
    .mailBox-content-header {
        display: block !important;
    }
    .mailBox-content-header .modal-footer {
        margin-top: 10px !important;
    }
    ul li .project-highlight .info span {
        font-size: 17px;
        margin: 0 auto;
        display: table;
    }
    .project-highlight img {
        margin: 0 auto;
        display: table;
    }
    ul li .project-highlight .info p {
        padding: 5px 10px;
        font-size: 16px;
    }
    .project-intro.project ul {
        display: block !important;
    }
    .tab-trnsac-head h4 {
        font-size: 16px;
    }
    .header-navbar .navbar-header .navbar-brand {
        top: 8px;
    }
    .btn-fullScreen {
        display: none;
    }
    .PerformancesReportHeader {
        margin-bottom: 40px;
    }
}

@media (max-width: 360px) {
    .mailBox-content-header .modal-footer a:last-child {
        margin-top: 10px;
        margin-left: 0;
    }

    .menu-content li a:before {
        display: none;
    }
    .subTask-expire h4 {
        padding-left: 0;
        padding-top: 10px;
    }
    .subTask-expire .tab-transac-badge {
        width: 50px;
    }
    .urgent-header .tab-transac-badge {
        position: absolute;
    }
    .transac-date {
        margin-top: 15px;
    }
    .lead-order-gene-trans-card {
        display: block;
    }
    .lead-order-user-card-box h6 {
        font-size: 12px;
    }
    .lead-order-user-card-box i {
        display: none;
    }
    .transac-btn-box .buttons:nth-child(2n) a {
        margin: 10px 0 !important;
    }
    .transac-btn-box {
        display: block !important;
    }
    .tab-transac-badge {
        position: static;
    }
    .tab-trnsac-head h4 {
        margin-left: 10px;
    }
    .btn-fullScreen {
        left: 60px !important;
    }
    .card-header .heading-elements {
        position: static;
        text-align: left;
        margin-top: 15px;
    }
    .content-header .btnSubmit {
        margin-top: 10px;
    }
    .PerformancesReportHeader .input-field {
        width: 100%;
    }
}


/** MEDIA QUERIES END **/

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 192, 60, 0.9);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(34, 192, 60, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 192, 60, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 192, 60, 0.9);
        box-shadow: 0 0 0 0 rgba(34, 192, 60, 0.7);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(34, 192, 60, 0);
        box-shadow: 0 0 0 10px rgba(34, 192, 60, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 192, 60, 0);
        box-shadow: 0 0 0 0 rgba(34, 192, 60, 0);
    }
}

.attachment .text a {
    color: #3c525d;
}

.attachment .text {
    font-size: 13px;
}

.attachment-box img {
    object-fit: contain;
}

.composeModal button.close {
    position: absolute;
    right: 10px;
    z-index: 1;
    opacity: 2;
    color: #ffffff;
    height: 30px;
    width: 30px;
    top: 16px;
    font-size: 30px;
    text-shadow: none;
    background-color: transparent;
}

.btn-Cc {
    position: absolute;
    top: 0;
    right: 15px;
}

.To-input {
    position: relative;
}

.pulse-anim {
    animation: pulse 2s infinite;
}

.mailbox-head {
    background-color: #0173c7 !important;
    display: flex;
    align-items: center;
}

.mailbox-head h4 {
    color: #fff !important;
}

/* .btn-compose-email {
        box-shadow: none !important;
        background: transparent;
} */

/* .btn-compose-email span {
        font-size: 19px !important;
} */

.info-hover:hover {
    background-color: #1e9ff2;
    color: #fff !important;
}

.primary-hover:hover {
    background-color: #535be2;
    color: #fff !important;
}

.success-hover:hover {
    background-color: #38c172;
    color: #fff !important;
}

.attach-files label {
    padding: 0;
    margin: 0;
}

.attach-files label i {
    font-size: 25px;
    color: #79909b;
    padding: 7px 10px;
}

.attach-files label:hover i {
    color: #8bc34a;
}

ul#email-files {
    margin: 0;
    padding: 0;
    display: flex;
}

ul#email-files li {
    margin-right: 7px;
    padding: 0 10px;
    border-radius: 4px;
    background-color: #8bc34a;
    color: #fff;
}

.attach-files {
    display: flex;
    align-items: center;
}


/*** UZAIR CSS END ***/

tr.collapse.show {
    display: table-row !important;
}

.fromEmail {
    margin: 0;
    position: absolute;
    top: 22px;
    left: 110px;
    color: #fff;
    font-size: 13px;
    text-decoration: underline;
}

.btn-back span {
    position: relative;
    top: 2px;
    left: 3px;
}

.composeModalMessage {
    top: -10px;
}

.compose-card {
    max-width: 1120px;
    margin: 0 auto;
}

.promo-multi .selectize-input {
    max-height: 100px !important;
}


/* .composeModalMessage input::placeholder{
        color: #0173c7 !important;
} */

.emailSignature {
    top: 45px !important;
    left: -40px;
}

.emailSignature .close {
    color: #fff !important;
    opacity: 1;
    text-shadow: none;
    font-size: 30px !important;
}

.hr-user-action .la-pencil {
    font-size: 23px;
    color: #f7a43d;
}

.hr-user-action .la-dollar {
    font-size: 23px !important;
    color: #666ee8;
}

.hr-user-action i {
    transition: all 0.1s ease-in-out;
}

.hr-user-action a:hover i {
    transform: scale(1.20);
}

.hr-teams-table td {
    padding: 10px 9px !important;
}

.btn-member {
    color: #ffffff !important;
    background-color: #8bc34a;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid #8bc34a;
    transition: all 0.2s ease-in-out;
}

.btn-member:hover {
    background-color: #fff;
    color: #9fce69 !important;
}

.btn-approve-spiff i {
    margin-right: 6px;
}

.spiff-checkbox input {
    position: relative;
    top: 10px;
}

.spiff-td-checkbox input {
    position: relative;
    top: 5px;
}

.top-1 {
    top: 1px !important;
}

.project-dates {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.project-card-box {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 6px;
    padding: 0;
    border: 1px solid rgb(60 82 93 / 0.15);
}

.p-dates-box {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.p-dates-box p {
    margin: 0 10px 0 0;
}

.project-card-head {
    border-bottom: 2px solid #38c172;
}

.project-card-footer {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    background-color: #f9f9f9;
    margin-top: 20px;
}

.project-status-exp {
    position: absolute;
    top: 0;
    right: 15px;
    background-color: red;
    color: #fff;
    padding: 7px 20px;
    font-size: 13px;
    border-bottom-left-radius: 8px;
}

.project-card-box h6 {
    margin: 0;
    font-family: 'Poppins';
    font-size: 13px;
    text-align: right;
}

.project-card-box p {
    margin: 0;
    font-family: 'Poppins';
    font-size: 13px;
}

.project-card-desc {
    height: 330px;
}

.project-name {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.project-name h5 {
    margin: 0;
}

.p-desc-box {
    /* margin-bottom: 7px; */
    border-radius: 6px;
    padding: 20px 0;
    /* margin: 0 0px 6px 0px; */
}

.desc-box span {
    font-weight: 500;
}

.project-id a {
    background-color: #d8e2e1;
    padding: 10px 10px;
    color: #3c525d;
    border-radius: 5px;
    font-size: 22px;
}

.desc-box p {
    height: 60px;
}

.project-name h5 {
    font-size: 19px;
    font-weight: 500;
}

.p-dates-box h6 {
    color: #596a73;
    font-weight: 600;
}

.p-dates-box p {
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}

.p-foot-box {
    background-color: rgb(40 208 148 / 0.10);
    margin: 0 10px;
    height: 45px;
    width: 45px;
    position: relative;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.p-foot-box span {
    position: absolute;
    top: 1px;
    right: -5px;
    background-color: #28d094;
    color: #fff;
    border-radius: 20px;
    border: 2px solid #fff;
    height: 20px;
    width: 20px;
    line-height: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 9px;
}

.comment-box {
    background-color: rgb(255 184 34 / 0.10);
}

.comment-box i {
    color: #ffb822 !important;
}

.comment-box span {
    background-color: #ffb822;
    border: 2px solid #fff;
}

.detail-box {
    background-color: rgb(255 145 73 / 0.10);
}

.detail-box i {
    color: #ff9149 !important;
}

.edit-box {
    background-color: rgb(13 200 222 / 0.10);
}

.edit-box i {
    color: #0dc8de !important;
}

.delete-box {
    background-color: rgb(227 52 47 / 0.10);
}

.delete-box i {
    color: #e3342f !important;
}

.p-foot-box:hover {
    background-color: transparent;
}

.p-foot-box:hover i {
    transform: scale(1.2);
}

.expired-bottom {
    border-bottom: 2px solid #ff0000;
}

.project-id {
    padding-right: 10px;
}

.id-expire {
    background-color: #f00 !important;
}

.category-badge {
    display: flex;
    align-items: center;
}

.category-badge-main {
    background-color: rgb(54 179 126 / 0.10);
    color: #36b37e;
    border: 1px solid rgb(54 179 126 / 37%);
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px;
    margin-right: 2px;
    margin-bottom: 10px !important;
}

.category-badge-0 {
    background-color: rgb(255 171 0 / 0.10) !important;
    color: #ffab00 !important;
}

.category-badge-1 {
    background-color: rgb(249 72 89 / 0.10) !important;
    color: #f94859 !important;
}

.project_timer_stop .countdown {
    font-weight: 500;
    font-size: 17px;
    color: #e3342f;
    font-family: 'Poppins';
}

.project_timer .countdown {
    font-weight: 500;
    font-size: 17px;
    color: #596a73;
    font-family: 'Poppins';
}

.countdown {
    font-size: 13px;
    color: #656565;
    border-radius: 7px;
    background: #65656524;
    padding: 10px 0;
    margin-top: 7px;
    width: 280px;
    text-align: center;
}

.margin-b-5 {
    margin-bottom: 5px;
}

/* .action-icons .fa-edit {
        font-size: 21px;
        color: #a3b3bb;
} */

/* .action-icons .fa-history {
        font-size: 21px;
        color: #FF9149;
} */

.avatarStyle:hover a {
    color: #fff !important;
}

.wrap-project-details h6 {
    padding-left: 14px;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 9px;
    margin: 0;
    font-weight: 500;
}

p.lead-order-desc {
    height: 60px;
    overflow: auto;
}

.task-countdown {
    background-color: rgb(40 208 148 / 0.10);
    color: #28d094;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
}

.task-expire {
    background-color: rgb(255 0 0 / 0.10);
    color: #ff0000;
}

.email-message table.top-header tbody tr td>img {
    position: unset;
}

.btn-chargeBack-days-exe {
    top: 9px;
}

.chargebackTable-days tfoot td {
    background-color: #607d8b;
    color: #fff;
    font-weight: 600;
}

.login-sec .card-header.border-0 {
    padding: 20px 0 10px 0;
    margin-bottom: 5px;
}

.login-sec img {
    max-width: 160px;
}

.login-sec input {
    margin-bottom: 20px;
}

.btn-login {
    background-color: #8bc34a;
    padding: 7px 0;
    border-radius: 40px;
    font-size: 14px;
    transition: all 0.1s ease-in-out;
    color: #fff !important;
}

.login-sec fieldset input {
    padding-left: 40px !important;
}

.login-sec fieldset i {
    position: absolute;
    left: 10px;
    font-size: 22px;
    color: #607d8b;
    top: 30px;
}

.login-sec fieldset {
    display: flex;
    align-items: center;
    position: relative;
}

.remember-me label {
    margin: 0 0 0 7px;
}

.btn-login:hover {
    transform: scale(1.02);
    color: #8bc34a !important;
    background-color: #fff;
}

textarea {
    max-height: unset !important;
}

.custom-tooltip {
    display: inline;
}

.custom-tooltip:hover:after {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #444;
    border-radius: 8px;
    color: #fff;
    content: attr(title);
    margin: -82px auto 0;
    font-size: 12px;
    width: 95px;
    padding: 7px 0;
    position: absolute;
    bottom: -35px;
    z-index: 99;
    left: -24px;
    font-family: 'Poppins';
}

.custom-tooltip:hover:before {
    border: solid;
    border-color: #444 transparent;
    border-width: 0px 8px 12px 8px;
    content: "";
    left: 14px;
    bottom: -3px;
    position: absolute;
}

.dropdown .dropdown-menu .dropdown-item {
    padding: 15px 20px;
}

.members-card {
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    border: 1px solid rgb(142 170 183 / 0.3);
    margin-bottom: 30px;
}

.m-card-header {
    position: relative;
    height: 105px;
    width: 100%;
}

.card-ribbon {
    position: absolute;
    top: 3px;
    left: -3px;
}

.card-ribbon span {
    font-size: 13px;
    color: #fff;
    padding: 3px 6px 3px 6px;
}

.m-card-header .card-close {
    color: #fff !important;
    position: absolute;
    right: -5px;
    background-color: #9a9a9a;
    top: -6px;
    height: 25px;
    width: 25px;
    border-radius: 5px;
}

.m-card-header .card-close i {
    line-height: 25px;
    margin: 0 auto;
    display: table;
    font-size: 13px;
}

/* .card-image-box {
        top: 10px;
        position: absolute;
        right: 0;
        left: 0;
} */

.card-image-box img {
    margin: 0 auto;
    display: table;
    border: 3px solid #fff;
    background-color: #fff;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.m-card-body h4 {
    text-align: center;
    margin: 30px 0 25px 0;
    font-size: 19px !important;
    font-weight: 600 !important;
    color: #3c525d !important;
}

.card-action-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background-color: #f9f9f9;
    margin-top: 20px;
}

.footer-buttons-box {
    display: flex;
    align-items: center;
}

.footer-buttons-box a {
    width: 50%;
    text-align: center;
    color: #fff !important;
    padding: 10px 0;
    background-color: #38c172;
    border-right: 1px solid #fff;
    font-size: 14px;
}

.footer-buttons-box a:last-child {
    border-right: none;
}

.p-foot-box {
    background-color: transparent;
    margin: 0 5px;
    height: 45px;
    width: 35px;
    position: relative;
    border-radius: 15px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.detail-box {
    background-color: transparent;
}

.detail-box i {
    color: #fff;
}

.edit-box {
    background-color: transparent;
}

.edit-box i {
    color: #fff;
}

.lead-order-card-box {
    padding: 9px 8px;
    border-radius: 6px;
    margin: 0 10px 10px 10px;
}

.lead-order-user-card-box i {
    font-size: 17px !important;
    padding-right: 5px;
    font-weight: 500;
}

.lead-box {
    background-color: transparent;
}

.lead-box i {
    color: #ffb822;
}

.lead-box:hover i {
    color: #ffb822;
}

.detail-box:hover i {
    color: #ff9149;
}

.edit-box:hover i {
    color: #0dc8de;
}

.active-ribbon {
    top: 31px;
    left: 110px;
}

.status-ribbon {
    bottom: 50px;
    top: unset;
    right: 20px;
}

.active-ribbon .ribbon4:after {
    display: none;
}

.status-ribbon .ribbon5:after {
    display: none;
}

.userRole {
    display: table;
    margin: 0 auto 20px auto;
}

.compnies-box {
    display: flex;
    overflow-x: scroll;
}

.userStatus {
    cursor: pointer;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 228px;
    bottom: 8px;
    z-index: 1;
    border-radius: 50%;
}

.userStatus.bg-success {
    animation: pulse 2s infinite;
}

.ledge-user-card .m-card-header .custom-tooltip:hover:before {
    left: -1px;
    bottom: -12px;
}

.ledge-user-card .m-card-header .custom-tooltip:hover:after {
    bottom: -42px;
    left: -40px;
}
.promotions-table .la-external-link {
    color: #28d094;
    font-size: 23px !important;
}

.promotions-table .la-pencil {
    color: #f7a43d;
    font-size: 23px !important;
}

.promotions-table a i {
    transition: all 0.2s ease-in-out;
}

.promotions-table a i:hover {
    transform: scale(1.2);
}

.company-checkLabel{
    margin: 0;
    position: relative;
    top: 2px;
}

.company-curren{
    font-family: 'Poppins';
    font-size: 16px !important;
    font-weight: 400;
}

.company-table .la-pencil {
    color: #f7a43d;
    font-size: 23px !important;
}

.company-table .la-edit {
    color: #28d094;
    font-size: 23px !important;
}
.company-table .la-external-link {
    color: #28d094;
    font-size: 23px !important;
}
.company-table .la-credit-card,
.company-table .la-key{
    color: #666ee8;
    font-size: 23px !important;
}

/* .company-table a i {
    transition: all 0.2s ease-in-out;
} */

/* .company-table a i:hover {
    transform: scale(1.2);
} */

#Leadmenu > li {
    float: left;
    padding: 10px 10px;
    position: relative;
}
#Leadmenu li a {
    display: block;

}
#Leadmenu {
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border-radius: 7px;
    width: 237px;
    background-color: #ffffff;
    padding: 0;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 20%);
    max-height: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    bottom: -43px;
    left: 0px;
}

table tr:hover #Leadmenu{
    max-height: 200px;
    opacity: 1;
    visibility: visible;
}

.lead-row:hover {
    cursor: pointer;
    background-color: #dddddd38 !important;
}

#Leadmenu a i {
    font-size: 18px;
    transition: all 0.2s ease-in-out;
}

#Leadmenu .custom-tooltip:hover:before {
    left: 9px;
}

ul#Leadmenu li a:hover i {
    transform: scale(1.15);
}

#Leadmenu .custom-tooltip:hover:after {
    width: 83px;
    padding: 2px 0;
    bottom: -26px;
    left: -24px;
    border-radius: 4px;
}

#Leadmenu .lead-view a i {
    color: #f7a43d;
}

#Leadmenu .lead-assign a i {
    color: #666ee8;
}


#Leadmenu .lead-edit a i {
    color: #0dc8de;
}

#Leadmenu .lead-delete a i {
    color: #f94859;
}

#Leadmenu .lead-project a i {
    color: #28D094;
}

.lead-order-items h6 {
    font-family: 'Poppins';
}

.btn-sample-file-box {
    margin-right: 18px !important;
}

.chargeback-div span{
    font-size: 22px;
    font-weight: 500;
}

/* MODAL CSS START */

.modal-header {
    background-color: #8bc34a;
    border: none;
    align-items: center;
}

.sender_badge {
    position: relative;
    margin-left: 10px;
}

.sender_badge::after {
    content: '';
    border: solid;
    border-color: transparent #28d094;
    border-width: 8px 0px 8px 10px;
    right: -7px;
    position: absolute;
    top: 3px;
}

.modalDeleteHeader .modal-header {
    background-color: #e3342f;
}

.modalDeleteHeader .alert.alert-danger {
    background: transparent !important;
    color: #607d8b !important;
}

.modal-header h4 {
    color: #fff !important;
}

.modal-header .close {
    padding: 10px 14px;
    opacity: 1;
    text-shadow: none;
    color: #ffffff;
    font-size: 22px;
}

.modal-content {
    border: none;
}


.modal-invoice-link-btn{
    padding: 5px 0 !important;
    width: 100% !important;
}

.btn-excel-sales-summary {
    right: -146px;
}

.btn-excel-sales-summary:hover{
    width: 220px;
}
.feedback-table {
    border: none;
}

.fancybox-container{
    z-index: 99999 !important;
}

.modalDeclineCountHeader .modal-header{
    background-color: #1e9ff2;
}
.commentsTabs {
    margin-bottom: 20px;
    border: 1px solid #535be2;
}
.commentsTabs li {
    width: 50%;
    text-align: center;
}
.commentsTabs li a {
    background-color: #fff !important;
    color: #535be2 !important;
    border-radius: 0px !important;
    text-transform: uppercase;
}
.commentsTabs li a.active{
    background-color: #535be2 !important;
    color: #fff !important;
}
div#clientModal h5,
div#agentModal h5{
    color: #fff;
}
/* .chats p {
    padding-left: 20px;
} */

.modal-box img {
    height: 300px;
    width: 300px;
    object-fit: contain;
    margin: 0 auto;
    display: table;
}
.project-tasks i {
    color: #28d094;
}
.custom-tooltip:hover:before {
    left: 9px;
    bottom: -3px;
}
.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -30px;
    left: -30px;
    padding: 4px 0;
}

/* MODAL CSS END */

.activites-div {
    width: 470px;
    position: fixed;
    bottom: 155px;
    z-index: 99999;
    right: -470px;
    transition: all 0.5s ease-in-out;
    height: 62% !important;
}

.activites-div-slide{
    right: -2px;
}

.btn-activity {
    position: absolute;
    left: -94px;
    transform: rotate(270deg);
    top: 252px;
    font-size: 17px;
    letter-spacing: 1.5px;
    color: #fff;
    padding: 6px 30px;
    background-color: #3c525d;
    font-weight: 100;
    z-index: 9;
}

@media (max-width: 1600px) {

    .today-tasks, .mtd-tasks, .total-tasks {
        padding: 0px 35px 0 35px !important;
    }
    .product-tasks-card .today-tasks,
    .product-tasks-card .mtd-tasks,
    .product-tasks-card .total-tasks
    {
        padding: 0px 56px !important;
    }
    .activites-div {
        bottom: 155px;
        width: 400px;
        right: -400px;
    }
    .activites-div-slide {
        right: -2px;
    }
    .users-card-box .active-ribbon {
        left: 145px;
    }
}

@media (max-width: 1440px) {
    .today-tasks, .mtd-tasks, .total-tasks {
        padding: 0px 27px 0 27px !important;
    }
    .product-tasks-card .today-tasks,
    .product-tasks-card .mtd-tasks,
    .product-tasks-card .total-tasks
    {
        padding: 0px 47px !important;
    }
    .activites-div {
        width: 354px;
        right: -354px;
    }
    .activites-div-slide {
        right: -2px;
    }
}

@media (max-width: 1366px) {
    div#refundTransactionContainer {
        padding-top: 15px;
    }
    .product-tasks-card .today-tasks,
    .product-tasks-card .mtd-tasks,
    .product-tasks-card .total-tasks
    {
        padding: 0px 44px !important;
    }
    .activites-div {
        width: 386px;
        bottom: 40px;
        right: -386px;
        height: 80% !important;
    }
    .activites-div-slide {
        right: -2px !important;
    }

}

@media (max-width: 1280px) {
    .today-tasks, .mtd-tasks, .total-tasks {
        padding: 0px 23px 0 23px !important;
    }
    .product-tasks-card .today-tasks,
    .product-tasks-card .mtd-tasks,
    .product-tasks-card .total-tasks
    {
        padding: 0px 39px !important;
    }
}

@media (max-width: 1199px) {
    .today-tasks, .mtd-tasks, .total-tasks {
        padding: 0px 18px 0 18px !important;
    }
    .product-tasks-card .today-tasks,
    .product-tasks-card .mtd-tasks,
    .product-tasks-card .total-tasks
    {
        padding: 0px 35px !important;
    }
}


.product-cards {
    background-color: #fff;
    padding: 20px 20px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 49px -38px rgba(0,0,0,0.75);
    margin-bottom: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.product-cards .icons {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 25px;
    background-image: linear-gradient(342deg, #1e9ff2 50%, transparent 50%, transparent), linear-gradient(270deg, #1e9ff2 50%, #e8ebf2 50%, #e8ebf2) !important;

}

.product-cards .icons i {

    background-color: #fff;

    height: 44px;

    width: 44px;

    color: #1e9ff2;

    font-size: 23px;

    border-radius: 100%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
}


.product-cards .desc h6 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #1b3155;
}

.product-cards .desc p {
    color: #3c525d;
    font-size: 13px;
    margin: 0;
}

.product-cards.complete-card .icons {

}

.product-cards.reject-card .icons {

}

.product-cards.reject-card .icons i {

}

.product-cards.complete-card .icons i {

}

.product-cards.logo-card .icons i {

}

.product-cards.logo-card .icons {

}

.product-cards.develope-card .icons i {

}

.product-cards.develope-card .icons {

}

.product-cards.show-card .icons i {

}

.product-cards.show-card .icons {

}

.product-cards:hover {
    transform: scale(1.05);
}

.pro-chart
{
    background-color: #fff;
    padding: 15px 0;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 49px -38px rgba(0,0,0,0.75);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.cht-messagesBox {
    display: flex;
    align-items: center;
    float: right;
    justify-content: flex-end;
}

.project-client-message-main-box .cht-messagesBox {
    width: 100% !important;
    text-align: unset !important;
    float: none !important;
    justify-content: space-between;
}

.project-client-message-main-box .cht-messagesBox.withAttachment {
    display: block;
}

.project-client-message-main-box .cht-messagesBox ul {
    min-width: 150px !important;
    border: 1px solid #E4E5EC !important;
}

.project-client-message-main-box .cht-messagesBox ul li .fa-edit {
    color: unset !important;
}

.project-client-message-main-box .uploadView {
    margin: 3px 21px 0px 21px !important;
}

.project-client-message-main-box .uploadView .downloadDropdown {
    top: -50px;
}

.project-client-message-main-box .chat-body {
    text-align: unset !important;
}

/* .project-client-message-main-box .chat_box {
    justify-content: unset !important;
} */

.project-client-message-main-box .chat {
    padding: 40px 10px 40px 20px;
    border-bottom: 1px solid #bbbbbb;
}

.project-client-message-main-box .chat:last-child {
    border: none;
}

.project-client-message-main-box .project_client_mess {
    max-height: 483px !important;
    min-height: 483px;
    height: unset !important;
}

.project-client-message-main-box .client_message_section {
    height: auto !important;
    position: relative !important;
    overflow: scroll;
}

.summerNoteEditor.client-message-area > .card {
    overflow: hidden !important;
}

.summerNoteEditor.client-message-area .chat-application > .chat-app-window {
    padding: 0px !important;
}

.project-client-message-main-box .note-editable {
    padding: 10px 90px 10px 10px !important;
}

.cht-messagesBox button.btn.dropdown-toggle {
    padding: 10px 5px;
    position: relative;
    top: -10px;
    background: transparent;
    opacity: 0;
}

.cht-messagesBox:hover button.btn.dropdown-toggle {
    opacity: 1;
}

.cht-messagesBox .dropdown-toggle::after {
    top: -6px !important;
    left: -6px;
}

.cht-messagesBox ul{
    min-width: 70px !important;
    border-radius: 0px !important;
    border: none!important;
    background-color: #fff !important;
    padding: 5px !important;
    transform: translate3d(-64px, -8px, 0px) !important;
    transform-origin: unset !important;
    animation-fill-mode: unset !important;
}

.cht-messagesBox ul li {
    display: inline-block !important;
    padding: 0 6px;
}

.cht-messagesBox ul li i{
    font-size: 15px !important;
}
.cht-messagesBox ul li .fa-edit{
    color: #1e9ff2 !important;
}
.cht-messagesBox ul li .fa-trash{
    color: red !important;
}

.prod-card-header {
    display: flex;
    align-items: center;
}

.prod-card-header h5 {
    color: #1b3155;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins';
    margin: 0 0 0 15px;
}

.prod-tasks-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}

.today-tasks,
.mtd-tasks,
.total-tasks
{
    padding: 0px 48px 0 48px;
    border-right: 1px solid #ddd;
    margin-top: 10px;
    text-align: center;
}

.today-tasks h6,
.mtd-tasks h6,
.total-tasks h6
{
    margin: 0;
    padding: 0;
    color: #1b3155;
    font-size: 12px;
    font-family: 'Poppins';
}

.today-tasks p,
.mtd-tasks p,
.total-tasks p
{
    margin: 0;
    padding: 0;
    font-family: 'Poppins';
    color: #1b3155;
    font-size: 17px;
    font-weight: 600;
}

.total-tasks {
    border-right: none !important;
}


.open-card .icons {
    background-image: linear-gradient(342deg, #fd2e64 50%, transparent 50%, transparent), linear-gradient(270deg, #fd2e64 50%, #e8ebf2 50%, #e8ebf2) !important;
}


.open-card .icons i {
    color: #fd2e64;
}


.completed-card .icons {
    background-image: linear-gradient(342deg, #38c172 50%, transparent 50%, transparent), linear-gradient(270deg, #38c172 50%, #e8ebf2 50%, #e8ebf2) !important;
}

.completed-card .icons i {
    color: #38c172;
}

.rejected-card .icons {
    background-image: linear-gradient(342deg, #ff0000 50%, transparent 50%, transparent), linear-gradient(270deg, #ff0000 50%, #e8ebf2 50%, #e8ebf2) !important;
}

.rejected-card .icons i {
    color: #ff0000;
}

.canceled-card .icons {
    background-image: linear-gradient(342deg, #FF7E39 50%, transparent 50%, transparent), linear-gradient(270deg, #FF7E39 50%, #e8ebf2 50%, #e8ebf2) !important;
}

.canceled-card .icons i {
    color: #FF7E39;
}

.re-open-card .icons {
    background-image: linear-gradient(342deg, #655af3 50%, transparent 50%, transparent), linear-gradient(270deg, #655af3 50%, #e8ebf2 50%, #e8ebf2) !important;
}

.re-open-card .icons i {
    color: #655af3;
}


.incomplete-card .icons {
    background-image: linear-gradient(342deg, #6b6f82 50%, transparent 50%, transparent), linear-gradient(270deg, #6b6f82 50%, #e8ebf2 50%, #e8ebf2) !important;
}

.incomplete-card .icons i {
    color: #6b6f82;
}

.in-progress-card .icons {
    background-image: linear-gradient(342deg, #ffb822 50%, transparent 50%, transparent), linear-gradient(270deg, #ffb822 50%, #e8ebf2 50%, #e8ebf2) !important;
}

.in-progress-card .icons i {
    color: #ffb822;
}

.agent-report-box {
    background-color: #fff;
    padding: 0;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 49px -38px rgba(0,0,0,0.75);
    margin-bottom: 30px;
    border: 1px solid #dfe5f5;
}

.agent-profile {
    display: flex;
    align-items: center;
}

.agent-profile img {
    width: 40px;
    border-radius: 50%;
}

.agent-info h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #1b3155;
    font-weight: 600;
    font-family: 'Poppins';
    text-transform: capitalize;
}
.agent-info p {
    margin: 0;
    padding: 0;
}

.agents-perform-box {
    border-bottom: 1px solid #dfe5f5;
}

.agent-progress p {
    margin: 0;
    padding: 0;
}

.agent-points p {
    margin: 0;
    padding: 0;
}

.agent-report-box .header h4 {
    color: #1b3155;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins';
    margin-bottom: 20px;
    margin-top: 5px;
}

.agent-info {
    margin-left: 10px;
}

.agent-report-box .agents-perform-box:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.agent-points p {
    color: #1b3155;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Poppins';
}
.ldBar-label {
    font-size: 12px;
    margin: 0 auto;
    display: table;
}

.rate-stars .checked {
    color: orange;
}

.ratings-box {
    border-top: 1px solid #ddd;
}
.overall-rate-box {
    border-right: 1px solid #ddd;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.depart-rate-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
}

.overall-rate-box h3 {
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: #1b3155;
    font-size: 37px;
    font-family: 'Poppins';
}

.overall-rate-box .rate-stars span {
    font-size: 24px;
}

.depart-rate-box h3 {
    font-family: 'Poppins';
    margin: 0;
    padding: 0;
    font-size: 18px;
}

.depart-rate-box p {
    font-family: 'Poppins';
    margin: 0;
    padding: 0;
}

.depart-rate-box .rate-stars {
    margin: 0 15px;
}

.depart-rate-box h2 {
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 600;
    margin: 0;
}

.depart-rate {
    display: flex;
    align-items: center;
}

.overall-rating-box {
    padding: 0;
}
.overall-rating-box .header h4 {
    padding: 15px 20px 0 20px;
}

.depart-rating-section .depart-rate-box:last-child {
    border-bottom: none;
}
.prod-filter-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.prod-filter-box > .filter-box {
    width: 350px;
    margin-right: 15px;
}

.cb-effected {
    background-color: hsl(0deg 100% 50% / 18%) !important;
}

.ratings-box .depart-rating-section {
    max-height: 255px;
    overflow: auto;
}

.agents-box {
    padding: 12px 17px;
    border-bottom: 1px solid #ddd;
}

.agents-perform-box .agents-box:last-child {
    border-bottom: none;
}

.agents-perform-box{
    max-height: 415px;
    overflow: auto;
    border-top: 1px solid #ddd;
}

.agent-report-box .header h4 {
    padding: 15px 20px 0 20px;
}

.tasks-category-box .depart-rate-box {
    padding: 7px 50px 7px 25px;
}

.tasks-category-box .depart-rating-section {
    max-height: 320px;
    overflow: auto;
}

.tasks-category-box .depart-rate-box h3{
    font-size: 15px !important;
}

.prod-member-points-box {
    height: 100%;
}

.today-tasksBox .agents-perform-box {
    height: 100%;
}

.product-tasks-card .today-tasks,
.product-tasks-card .mtd-tasks,
.product-tasks-card .total-tasks
{
    padding: 0px 73px;
}

.today-tasks-members .agents-perform-box {
    height: 100%;
}

.prod-tasksCard.tasks-card .prod-tasks-counter {
    border-top: none;
    margin: 0;
}

.product-cards.prod-tasksCard.tasks-card {
    padding: 26px 30px;
}

.prod-tasksCard .prod-tasks-counter p {
    font-size: 36px;
    font-family: 'Poppins';
    margin: 0;
    font-weight: 500;
}

.max-height-102 .selectize-input{
    max-height: 102px !important;
}

.max-height-425 .selectize-input {
    max-height: 425px !important;
}

.agent-report-box.overall-rating-box.tasks-category-box {
    height: 100%;
    margin-bottom: 0px !important;
}

.users-card-box .fa-user {
    color: #28d094;
}

.users-card-box .active-ribbon {
    left: 197px !important;
}

.users-card-box .m-card-header .custom-tooltip:hover:after {
    bottom: -39px;
}

@media (max-width: 1600px) {
    .btn-subtask-editor {
        right: 184px !important;
    }
    .activity-wrap {
        max-height: 643px;
        overflow: auto;
    }
    .btn-task-edit {
        right: 265px !important;
    }
    .users-card-box .active-ribbon {
        left: 145px !important;
    }
    .userStatus {
        left: 174px;
    }
    .btn-editor {
        right: 245px !important;
    }
    .inner-message-area .note-editable {
        width: 83% !important;
    }
    .client-message-area .btn-editor{
        right: 309px !important;
    }
}

@media (max-width: 1440px) {
    .btn-subtask-editor {
        right: 174px !important;
    }
    .btn-task-edit {
        right: 240px !important;
    }
    .client-message-area .btn-editor {
        right: 285px !important;
    }
    .users-card-box .active-ribbon {
        left: 119px !important;
    }
    .userStatus {
        left: 147px;
    }
    .btn-editor {
        right: 237px !important;
    }
}

@media (max-width: 1366px) {
    .btn-subtask-editor {
        right: 169px !important;
    }
    .btn-task-edit {
        right: 235px !important;
    }
    .users-card-box .active-ribbon {
        left: 112px !important;
    }
    .userStatus {
        left: 140px;
    }
    .quick-terminal-box label {
        font-size: 13px !important;
    }
    .btn-editor {
        right: 126px !important;
    }
    .client-message-area .btn-editor {
        right: 275px !important;
        top: 27px;
    }
    .sample-box {
        max-height: 73vh;
        min-height: 73vh; 
    }
    .samples-table-box {
        max-height: 389px !important;
        min-height: 389px !important;
    }
    .client-brief-box {
        max-height: 73vh;
        min-height: 73vh;
    }
    .revised-sample-box {
        max-height: 73vh;
        min-height: 73vh;
    }
    .revisionArea {
        max-height: 73vh;
        min-height: 73vh;
    }
    .activity-wrap {
        max-height: 427px;
    }
    .inner-message-area {
        min-height: 57vh;
    }
    div#internalMessageBox {
        height: 290px;
        max-height: 290px;
    }
    .inner-message-area-text-editor .btn-editor {
        right: 215px !important;
    }
}

@media (max-width: 1280px) {
    .btn-subtask-editor {
        right: 160px !important;
    }
    .activity-wrap {
        max-height: 591px !important;
    }
    .inner-message-area {
        min-height: 54vh !important;
    }
    .revision-box-project .activity-wrap {
        max-height: 591px !important;
    }
    .btn-task-edit {
        right: 220px !important;
    }
    .icon-box i {
        width: 10px !important;
        font-size: 15px !important;
    }
    .refund-transac-detail-box .fund-utilization-items-head h6 {
        font-size: 12px !important;
    }
    .refund-transac-detail-box .fund-utilization-items-head p {
        font-size: 11px !important;
    }
    .amount-distri-box h6 {
        font-size: 12px !important;
    }
    .amount-distri-box p {
        font-size: 11px !important;
    }
    .refund-approve-box-content h6 {
        font-size: 12px !important;
    }
    .refund-approve-box-content p {
        font-size: 11px !important;
    }
    .users-card-box .active-ribbon {
        left: 97px !important;
    }
    .userStatus {
        left: 125px;
    }
    .btn-editor {
        right: 117px !important;
    }
    .client-message-area .btn-editor {
        right: 260px !important;
    }

}

@media (max-width: 1199px) {
    .users-card-box .active-ribbon {
        left: 175px !important;
    }
    .userStatus {
        left: 200px;
    }
    .sales-summary-v2 h4 {
        left: 10px !important;
        top: 70px !important;
    }
}

@media (max-width: 991px) {
    .users-card-box .active-ribbon {
        left: 123px !important;
    }
    .userStatus {
        left: 150px;
    }
    .finance-salesPerform .input-field {
        width: 311px;
    }
}

@media (max-width: 767px) {
    .today-salesSummary .input-field:last-child {
        text-align: right;
    }
    .today-salesSummary {
        justify-content: space-between;
    }
    .finance-salesPerform .input-field {
        width: 231px;
    }
    .has-sub .according-menu i {
        display: none;
    }

    #MyClockDisplay{
        display: none !important;
    }
    .users-card-box .active-ribbon {
        left: 271px !important;
    }
    .userStatus {
        left: 295px;
    }
}

@media (max-width: 576px) {
    .sales-v2-header .input-field {
        width: 100% !important;
    }
    .finance-salesPerform .input-field:last-child {
        text-align: right;
    }
    .finance-salesPerform .input-field {
        width: 100%;
    }
    .listing_note {
        position: unset !important;
        margin-top: 20px;
    }
    .users-card-box .active-ribbon {
        left: 175px !important;
    }
    .userStatus {
        left: 200px;
    }
}

@media (max-width: 480px) {
    .users-card-box .active-ribbon {
        left: 127px !important;
    }
    .userStatus {
        left: 150px;
    }
}

@media (max-width: 414px) {
    .today-salesSummary .input-field:last-child {
        margin: 0 !important;
    }
    .today-salesSummary button,
    .today-salesSummary a{
        width: 100%;
        margin-bottom: 5px;
        display: block;
    }
    .today-salesSummary .input-field {
        width: 100%;
    }
    .users-card-box .active-ribbon {
        left: 93px !important;
    }
    .userStatus {
        left: 118px;
    }
}

@media (max-width: 375px) {
    .users-card-box .active-ribbon {
        left: 75px !important;
    }
    .userStatus {
        left: 100px;
    }
    .button-excel {
        width: 100% !important;
        display: block !important;
    }
    .finance-salesPerform .input-field:last-child {
        margin: 0 !important;
    }
}

@media (max-width: 360px) {
    .users-card-box .active-ribbon {
        left: 47px !important;
    }
    .userStatus {
        left: 90px;
    }
}

.relative-position{
    position: relative;
}
.btn-select-box {
    position: absolute;
    top: 0;
    left: 100px;
}

.btn-select-box input {
    border: none;
    font-size: 10px;
    cursor: pointer;
    border-radius: 3px;
}

.btn-select-box input:first-child {
    background: green;
    color: #fff;
}

.btn-select-box input:nth-child(2n){
    background: red;
    color: #fff;
}

.loader {
    position: absolute;
    left: 219px;
    top: 0px;
    z-index: 999;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.btn-select-box input[disabled] {
    color: #ddd;
}

.pt-8 {
    padding-top: 8px;
}

.leadTable-list {
    padding-bottom: 50px;
    max-height: 550px;
}



.companies-dropdown .select2-container {
    width: 350px !important;
}

.companies-dropdown {
    justify-content: flex-end;
}

.width-100-pecent{
    width: 100%;
}

.apexcharts-toolbar {
    display: none !important;
}
.hr-user-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hr-user-action .fa-envelope {
    font-size: 18px !important;
    color: #666ee8;
}

.hr-user-action .fa-envelope {
    font-size: 18px !important;
    color: #34d299;
    margin-left: 3px;
}

.category-badge-main.book-cover {
    background-color: rgb(167 150 103 / 30%);
    color: #A79667;
    border: 1px solid rgb(167 150 103 / 30%);
}
.category-badge-main.content-writing {
    background-color: rgb(255 184 34 / 20%);
    color: #ffb822;
    border: 1px solid rgb(255 184 34 / 37%);
}

.category-badge-main.branding {
    background-color: rgb(122 142 167 / 30%) !important;
    color: #7A8EA7 !important;
    border: 1px solid #7a8ea7;
}

.category-badge-main.animation {
    background-color: rgb(33 31 170 / 30%);
    color: #211FAA;
    border: 1px solid rgb(33 31 170 / 30%);
}

.category-badge-main.website {
    background-color: rgb(9 194 222 / 30%);
    color: #09c2de;
    border: 1px solid rgb(9 194 222 / 30%);
}

.category-badge-main.seo {
    background-color: rgb(253 46 100 / 20%);
    color: #fd2e64;
    border: 1px solid rgb(253 46 100 / 37%);
}

.category-badge-main.book-writing {
    background-color: rgb(122 21 247 / 20%);
    color: #7a15f7;
    border: 1px solid rgb(122 21 247 / 37%);
}

.unutilized-funds-info .name {
    width: 140px;
}

.unutilized-funds-info input {
    margin-left: 20px;
}

/* Hamza Khan Css Starts */
.pt-8 {
    padding-top: 8px;
}

.email_template .nav-horizontal .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link {
    color: #FF4961;
}

.email_template .nav-horizontal .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link.active {
    border-top: 3px solid #FF4961;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #555 !important;
}

.email_template .card-body {
    padding: 5px;
}

.agent_td {
    border: none !important;
}

.fund_utilization_box .card-body {
    padding: 0px !important;
}

.trans_amount_lbl {
    margin-top: 15px;
    font-size: 15px;
}

.fund-utilization-items-icon {
    background-color: #fff;
    height: 70px;
    width: 70px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 4px 0px -2px rgb(153 202 96);
    margin: 0 auto 15px auto;
}

.fund-utilization-items-icon i {
    color: #8bc34a;
    font-size: 35px;
    line-height: 70px;
}

.fund-utilization-card {
    margin: 14px;
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
    background-color: #f3f3f3;
    padding: 50px 20px 20px;
}

.fund-utilization-items-head {
    padding: 0;
    text-align: center;
}

.custome-id {
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 600 !important;
    color: #3c525d;
    padding: 0;
    margin: 15px 0 0 0;
}

.fund-utilization-items-head .row .col-md-6 h6 {
    font-size: 18px;
    font-weight: 600 !important;
    color: #3c525d;
}

.fund-utilization-items-head .row .col-md-6 p {
    font-size: 18px;
    font-weight: 600 !important;
    color: #3c525d;
}

.agent_details_card {
    background-color: #fff;
    margin: 0 0 50px 0;
    padding: 20px 0px 20px 90px;
    align-items: center;
    position: relative;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
    border-radius: 5px;
}

.agent_details_card .agent_name h6 {
    font-size: 15px;
    color: #3c525d;
    font-family: 'Poppins';
}

.agent_details_card .agent_name2 p {
    font-size: 15px;
    color: #3c525d;
    font-family: 'Poppins';
}

.agent_details_card h6 {
    font-size: 15px;
    color: #3c525d;
    font-family: 'Poppins';
}
.fund-amount {
    display: flex;
    align-items: center;
    justify-content: center;
}
.fund-amount h6 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #3c525d;
}
.fund-amount p {
    padding: 0;
    margin: 0 0 0 7px;
    font-size: 27px;
    font-weight: 600 !important;
    color: #3c525d;
}
.agent_details_card h6{
    margin: 0;
    padding: 0;
}
.agent_details_card p{
    margin: 0;
    padding: 0;
}

.disbursed-success {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 6px 10px 10px 10px;
    position: relative;
    border-bottom: 2px solid #40e285;
    margin-top: 27px;
    background: #ffffff;
    border-radius: 5px;
    width: 35%;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1) !important;
}
.disbursed-success p {
    margin: 0 0 0 40px;
    color: #212529;
    font-size: 13px;
    font-family: 'Poppins';
    text-transform: capitalize;
}
.disbursed-success .agent-name,
.disbursed-success .amount-received
{

    font-size: 13px;
    font-weight: 600;
}
.amunt-success-icon {
    background-color: #40e285;
    height: 65px;
    text-align: center;
    width: 65px;
    position: absolute;
    top: -15px;
    left: 21px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
}
.amunt-success-icon i {
    line-height: 65px;
    color: #fff;
    font-size: 33px !important;
}

.agent_details_card.disbursed_success {
    border-bottom: 2px solid #40e285;
}

.amunt-warning-icon {
    background-color: #f6001a;
    height: 65px;
    text-align: center;
    width: 65px;
    position: absolute;
    top: -15px;
    left: 21px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
}

.amunt-warning-icon i {
    line-height: 65px;
    color: #fff;
    font-size: 33px !important;
}

.agent_details_card.disbursed_warning {
    border-bottom: 2px solid #f6001a;
}

.fund_utilization_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fund_utilization_header button i {
    margin-right: 5px;
}

.assign_msg {
    width: 100%;
    margin: 22px 10px 0px 0px;
}

.msg_success {
    width: 100%;
}

.msg_danger {
    width: 100%;
}

.category-badge-main.book-editing {
    background-color: rgb(231 74 37 / 20%);
    color: #e74a25;
    border: 1px solid hsl(11deg 80% 53% / 37%);
}
.category-badge-main.logo {
    background-color: rgb(255 145 73 / 30%);
    color: #ff9149;
    border: 1px solid rgb(255 145 73);
}

.btn-utilized-report {
    top: 185px;
    color: #fff !important;
}

.btn-unutilize-download{
    top: 185px;
    color: #fff !important;
}

.lead-amount.modal-title {
    color: #3c525d;
}

#salePerformance th {
    font-weight: 400;
}

.nav-horizontal ul li a {
    width: 350px;
    display: block !important;
    text-align: center;
    color: #fff !important;
    padding: 7px 0 !important;
    font-size: 15px;
    font-weight: 400 !important;
}

.nav-horizontal ul {
    background-color: #fc4961;
}


.unutilized-funds-info {
    background-color: #eee;
    padding: 10px 4px;
    border-radius: 4px;
    color: #3c525d;
}

.unutilized-funds-info .name {
    margin-left: 10px;
}

.unutilized-funds-field{
    width: 160px !important;
    min-height: 0px !important;
}
.lead-percentage {
    font-size: 12px;
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
}
.converted sup.lead-percentage {
    background-color: rgb(11 57 84 / 80%);
}
.missed sup.lead-percentage {
    background-color: rgb(244 96 54 / 80%);
}
.decline-trans sup.lead-percentage {
    background-color: rgb(87 113 226 / 80%);
}
/* Hamza Khan Css Ends */

#modalReUtilizeLeadsHeader .unutilized-funds-info a {
    background-color: #8bc34a;
    color: #fff;
    padding: 0 4px;
    font-size: 10px;
    border-radius: 50%;
    margin-left: 10px;
}

#modalReUtilizeLeadsHeader input.task.form-control {
    width: 140px;
}
.check_box_switch {
    display: inline-block;
    width: 40px;
    height: 20px;
    position: relative;
    margin-top: 10px;
}

.check_box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #f94859, 0 0 8px #f94859;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: 0.2s;
}

.check_box::before {
    content: '';
    position: absolute;
    width: 43px;
    height: 100%;
    background-color: #f94859;
    border-radius: 30px;
    transform: translateX(-30px);
    transition: 0.2s;
}

input:checked + .check_box:before
{
    transform: translateX(20px); /*translateX(w-h)*/
    background-color: #28D094;
}

input:checked + .check_box
{
    box-shadow: 0 0 0 2px #28D094, 0 0 8px #28D094;
}

label.check_box_switch input {
    visibility: hidden;
}

.is_urgent_checkbox p {
    margin: 10px 0 0 0;
    font-size: 15px;
    font-family: 'Poppins' !important;
    font-weight: 700;
    color: #3c525d;
}

.is_Check_checkbox p {
    margin: 10px 0 0 0;
    font-size: 15px;
    font-family: 'Poppins' !important;
    font-weight: 400;
    color: #3c525d;
}

.user_mails table {
    margin: 0px;
}

.user_mails table tbody tr td {
    border: none !important;
}

.user_mails table thead tr th {
    border: none !important;
}

.user_mails table tbody tr td a .la-pencil {
    color: #f7a43d;
    font-size: 23px !important;
}

.global_access_check {
    margin: 10px;
}

/* p#taskBrief {
        max-height: 180px;
        overflow: scroll;
} */

p#taskBrief img {
    max-width: 100px;
}

.merchant_list table tbody tr td a .la-pencil {
    color: #f7a43d;
    font-size: 23px !important;
}

.web_activate span {
    font-size: 15px;
    font-family: 'Poppins' !important;
    font-weight: 700;
    color: #3c525d;
}

.sidebar_nav.active {
    background-color: #3c525d;
    border-radius: 30px;
    width: 30px;
    height: 30px;
}

/* badges */

/* standard badge css start */

.value_badge_standard {
    position: relative;
    background-color: #9BC90D;
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 4px;
    margin-left: 10px;
}

.value_badge_standard::before {
    content: "";
    position: absolute;
    top: 5px;
    right: auto;
    left: -10px;
    height: 0;
    content: '';
    border: 5px solid transparent;
    border-right-color: #9BC90D;
    border-left-color: transparent;
}

/* standard badge css end */


/* regular badge css start */

.value_badge_regular {
    position: relative;
    background-color: #2989d8;
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 4px;
    margin-left: 10px;
}

.value_badge_regular::before {
    content: "";
    position: absolute;
    top: 5px;
    right: auto;
    left: -10px;
    height: 0;
    content: '';
    border: 5px solid transparent;
    border-right-color: #2989d8;
    border-left-color: transparent;
}

/* regular badge css end */

/* premium badge css start */

.value_badge_premium {
    position: relative;
    background-color: #F79E05;
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 4px;
    margin-left: 10px;
}

.value_badge_premium::before {
    content: "";
    position: absolute;
    top: 5px;
    right: auto;
    left: -10px;
    height: 0;
    content: '';
    border: 5px solid transparent;
    border-right-color: #F79E05;
    border-left-color: transparent;
}

/* premium badge css end */


/* exclusive badge css start */

.value_badge_exclusive {
    position: relative;
    background-color: #F70505;
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 4px;
    margin-left: 10px;
}

.value_badge_exclusive::before {
    content: "";
    position: absolute;
    top: 5px;
    right: auto;
    left: -10px;
    height: 0;
    content: '';
    border: 5px solid transparent;
    border-right-color: #F70505;
    border-left-color: transparent;
}

/* exclusive badge css end */


/* badges */


.project_timer_stop i {
    font-size: 20px;
    margin-right: 10px;
}

.project_timer i {
    font-size: 20px;
    margin-right: 10px;
    animation-name: rotate_timer;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

@keyframes rotate_timer {
    100%{
        transform: rotate(360deg);
    }
}

.project_timer_stop {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e3342f;
}

.project_timer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-card-head-main {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    padding: 10px 5px;
}

/* Project card css starts */

.card-bordered {
    border: 1px solid #dbdfea;
}

.h-100 {
    height: 100% !important;
}

.card-inner {
    padding: 1.5rem;
}

.project-head {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
}

.project-details {
    margin-bottom: 1rem;
}

.project-details p {
    margin: 20px 0;
    font-family: 'Poppins' !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
    color: #526484;
    text-align: left;
    letter-spacing: 0.3px !important;
}

.project-title {
    display: flex;
    align-items: center;
    margin-right: 0.75rem;
}

.project-title .user-avatar {
    margin-right: 1rem;
}

.user-avatar, [class^="user-avatar"]:not([class*="-group"]) {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #798bff;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 0.06em;
    flex-shrink: 0;
    position: relative;
}

.bg-purple-regular {
    background-color: #816bff !important;
}

.bg-golden-premium {
    background-color: #f4bd0e !important;
}

.bg-cyan-standard {
    background-color: #09c2de !important;
}

.bg-red-exclusive {
    background-color: #e85347 !important;
}

.user-avatar.sq, [class^="user-avatar"]:not([class*="-group"]).sq {
    border-radius: 4px;
}

.project-title .title:not(:last-child) {
    margin-bottom: 0.125rem;
}

.project-title .title {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    color: #364a63;
    font-family: 'Poppins';
    text-transform: capitalize;
    letter-spacing: 0.5px !important;
}

.user-info .sub-text {
    margin-bottom: 5px;
    display: block;
    font-size: 13px;
    color: #8094ae;
}


.project-progress {
    margin-bottom: 1rem;
}

.project-progress-details {
    /* display: flex; */
    /* justify-content: space-between; */
    /* margin-bottom: 0.5rem; */
}

.project-progress-task {
    display: flex;
    align-items: center;
    color: #3c525da8;
}

.project-progress-task .icon {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 0.25rem;
}

.project-progress-percent {
    color: #526484;
    font-weight: 500;
}

.progress-pill, .progress-pill .progress-bar {
    border-radius: 100px !important;
}

.progress-md {
    height: .375rem;
}

.bg-light {
    background-color: #e5e9f2 !important;
}

.progress {
    display: flex;
    height: 4px;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #f5f6fa;
    border-radius: 2px;
}

.progress-bar {
    height: 100%;
    line-height: 1;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #6576ff;
    transition: width 0.6s ease;
}

.project-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-users {
    display: flex;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

.g-1 {
    margin: -0.1875rem !important;
}

.g-1 > li, .g-1 > div {
    padding: 0.1875rem !important;
}

.user-avatar-sm, .user-avatar.sm {
    height: 32px;
    width: 32px;
    font-size: 12px;
}

.bg-primary {
    background-color: #6576ff !important;
}

.project_badge_dim {
    /* color: #f4bd0e;
    background-color: #fef8e4;
        border-color: #fef8e4; */
    color: #f4bd0e;
    background-color: #fef8e4;
    border-color: rgb(54 179 126 / 0.10);
    background-color: hsl(200deg 22% 30% / 10%);
    color: #3c525d;
    padding: 0px 6px;
    border-radius: 4px;
    border: 1px solid #3c525d2e;
}

.project_badge_dan {
    color: #f00;
    background-color: #f0191717;
    border-color: #f0191717;
    padding: 0px 5px;
    border-radius: 4px;
    border: 1px solid #ff000040;
}

/* .dropdown-toggle {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
} */

.btn-trigger {
    position: relative;
    z-index: 1;
    color: #3c525da8;
}

.btn-trigger:before {
    position: absolute;
    z-index: -1;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    content: '';
    background-color: #e5e9f2;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s;
}

.btn-icon.btn-sm .icon, .btn-group-sm > .btn-icon.btn .icon {
    width: 1.75rem;
}

.btn-icon:not([class*="btn-icon-break"]) {
    padding-left: 0;
    padding-right: 0;
}

.btn-trigger + .dropdown-menu-right {
    margin-right: 16px;
}

.btn-trigger + .dropdown-menu-right, .btn-trigger + .dropdown-menu-left {
    margin: -.75rem 0;
}

.dropdown-menu {
    overflow: hidden;
    border: 1px solid #e5e9f2;
    box-shadow: 0 3px 12px 1px rgb(44 55 130 / 15%);
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    text-align: left;
    min-width: 180px;
    padding: 0 0;
    margin: 0.125rem 0 0;
    font-size: 0.8125rem;
    color: #526484;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e9f2;
    border-radius: 4px;
}

.link-list-opt.no-bdr {
    padding: .5rem 0;
}

.border-0, .no-bdr {
    border: 0 !important;
}

.link-list-opt.no-bdr li:not(.divider) {
    border-top-width: 0;
}

.link-list-opt a {
    display: flex;
    align-items: center;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 500;
    color: #526484;
    transition: all .1s;
    line-height: 1.3rem;
    position: relative;
}

.link-list-opt a:hover {
    background-color: #526484;
    color: #ffffff !important;
}

.link-list-opt a i {
    font-size: 1.125rem !important;
    width: 1.75rem;
    opacity: .8;
}

.project-progress-task i {
    margin-right: 5px;
    font-size: 17px;
    /* margin-left: 15px; */
}

.project-progress-details ul {
    display: flex;
    justify-content: space-between;
}

.user-avatar.custom-tooltip:hover:before {
    left: 9px;
    bottom: -10px;
}

.user-avatar.custom-tooltip:hover:after {
    bottom: -35px;
    left: -30px;
}

.user-avatar.bg-golden-premium.custom-tooltip:hover:after,
.user-avatar.bg-purple-regular.custom-tooltip:hover:after {
    bottom: -35px;
    left: -22px;
}

.user-avatar.bg-red-exclusive.custom-tooltip:hover:after {
    bottom: -35px;
    left: -28px;
}

.user-avatar.bg-cyan-standard.custom-tooltip:hover:after {
    bottom: -35px;
    left: -28px;
}

.start_date_tooltip.custom-tooltip:hover:after {
    bottom: -28px;
    left: -39px;
}

.start_date_tooltip.custom-tooltip:hover:before {
    left: 0;
    bottom: 0;
}

.tasks_tooltip.custom-tooltip:hover:after {
    bottom: -27px;
    left: -40px;
}

.tasks_tooltip.custom-tooltip:hover:before {
    left: 0;
    bottom: 0;
}

.comments_tooltip.custom-tooltip:hover:before {
    left: 0;
    bottom: 0;
}

.comments_tooltip.custom-tooltip:hover:after {
    bottom: -28px;
    left: -40px;
}

.deadline_tooltip.custom-tooltip:hover:before {
    left: 0;
    bottom: 0;
}

.deadline_tooltip.custom-tooltip:hover:after {
    bottom: -28px;
    left: -39px;
}

.website_tooltip.custom-tooltip:hover:before {
    left: 0;
    bottom: 0;
}

.website_tooltip.custom-tooltip:hover:after {
    bottom: -28px;
    left: -38px;
}

.user_tooltip.custom-tooltip:hover:before {
    left: 0;
    bottom: 0;
}

.user_tooltip.custom-tooltip:hover:after {
    bottom: -28px;
    left: -39px;
}



.refund-transac-detail-box {
    background-color: #fff;
}

.amount-distri-details-box {
    height: 100%;
    background-color: #fff;
}

.refund-transac-detail-box {
    background-color: #eee;
    padding: 10px;
    height: 100%;
}

.refund-approve-box {
    background-color: #eee;
    padding: 20px;
    height: 100%;
}

div#refundTransactionContainer .card {
    margin: 0 10px;
    box-shadow: 0px 1px 15px 1px rgb(62 57 107 / 7%) !important;
}

.refund-transac-detail-box .fund-amount {
    display: block !important;
    /* background-color: #fff; */
    /* margin-bottom: 9px; */
    /* padding: 8px 10px; */
    /* border-radius: 4px; */
}

.refund-transac-detail-box .fund-utilization-items-head h6{
    text-align: left;
    font-size: 13px;
}

.refund-transac-detail-box .fund-utilization-items-head p{
    text-align: left;
    font-size: 12px;
    font-weight: 400 !important;
    margin: 0;
}
.amount-distri-details-box {
    padding: 10px;
    background-color: #eee;
    height: 100%;
}

.agent-box {
    background-color: #fff;
    margin: 0 0 10px 0;
    border-radius: 5px;
    padding: 10px 10px;
}

.amount-distri-box h6 {
    margin: 0;
    font-size: 13px;
}

.amount-distri-box p {
    margin: 0;
    font-size: 12px;
}
.amount-distri-details-box .agent-box:last-child {
    margin-bottom: 0;
}

.refund-approve-box-content {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.refund-transaction-box {
    padding: 15px 4px;
}

.refund-transaction-box {
    padding: 0;
}

.refund-danger {
    border-bottom: 4px solid #f3001a !important;
}

.refund-success {
    border-bottom: 4px solid #40e285 !important;
}

.main-heading-refund {
    margin-left: 75px;
}

.amount-distri-details-box .form-control,
.refund-approve-box-content .form-control
{
    background-color: rgb(255 255 255 / 52%) !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    color: #607d8b;
    border-color: transparent;
    border-bottom: 2px solid rgb(96 125 139 / 25%) !important;
    width: 100%;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background-image: none;
    overflow-y: inherit;
    min-height: 0px;
    padding: 0;
}

.icon-box{
    display: flex;
    align-items: center;
}

.icon-box i {
    margin-right: 15px;
    width: 15px;
    font-size: 17px;
    color: #3c525d;
}

.refund-approve-box-content h6 {
    font-size: 13px;
    margin: 0;
}

.refund-approve-box-content p {
    font-size: 12px;
    margin: 0;
}
.agent-box .amount-distri-box {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}

.agent-box .amount-distri-box:last-child {
    border-bottom: none;
}

.refund-client-info .fund-amount {
    border-bottom: 1px solid #ddd;
    padding: 12px 3px;
}
.refund-client-info .fund-amount:last-child {
    border-bottom: none;
}

.refund-client-info {
    background-color: #fff;
    margin: 0 0 10px 0;
    border-radius: 5px;
    padding: 10px 10px;
}

.refund-approve-content-box {
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 10px;
}

.refund-approve-content-box .refund-approve-box-content:last-child{
    border-bottom: none;
    padding-top: 10px;
}

.btn-project-read {
    background: #38c172;
    text-transform: capitalize;
    color: #fff;
    margin-left: 10px;
    padding: 2px 10px;
}
.tasks_tooltip {
    position: relative !important;
}

.start_date_tooltip {
    position: relative;
}

.deadline_tooltip{
    position: relative;
}

.website_tooltip{
    position: relative;
}

.comments_tooltip{
    position: relative;
}

.user_tooltip{
    position: relative;
}

.projectHeader-div {
    display: flex;
    align-items: center;
}

.projectHeader-div .user-avatar.sq {
    margin-right: 10px;
}

.project_details {
    position: relative;
}

.projectHeader-div .user-avatar.sq {
    margin-right: 10px;
    position: absolute;
    top: 10px;
}

.projectHeader-div h4 {
    margin-left: 50px;
}

.card-head.project_details .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 15px 10px;
}

.pro-detail-actions a {
    margin-right: 5px;
}

.inbox-link.active {
    background-color: rgb(27 153 139 / 20%);
}

.draft-link.active::before {
    background-color: #798bf6;
}

.draft-link.active{
    background-color: hsl(231deg 87% 72% / 20%);
}

.sent-link.active::before {
    background-color: #28d094;
}

.sent-link.active{
    background-color: rgb(40 208 148 / 20%);
}

.trash-link.active::before {
    background-color: #f6001a;
}

.trash-link.active{
    background-color: rgb(246 0 26 / 20%);
}

section.project-details-sec {
    border: 1px solid #ebedf3;
    background-color: #fff;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
}

.sub-info-header {
    display: flex;
    align-items: center;
}

.sub-info {
    display: flex;
    align-items: center;
}

.sub-info p {
    margin: 0;
    padding: 0;
    font-family: 'Poppins' !important;
}

.info-header {
    display: flex;
    align-items: center;
}

.project-detail-left button {
    position: absolute;
    bottom: 0;
    right: 0;
}

.project-header-main-box {
    position: relative;
    display: flex;
}
.project-header-main-box button {
    position: absolute;
    bottom: 0;
    right: 0;
}

.deadline-box {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.project-desc-main-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-desc-main-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

p#description > div {
    width: 100% !important;
}

p#description > div {
    width: 100% !important;
    margin: 0 !important;
}

.fromEmail .left-arrow:before {
    top: 4px;
    right: 0;
    left: 58px;
    height: 0;
    border: 7px solid transparent;
    border-left-color: #28d094;
    border-right-color: transparent;
}

.quick-terminal-box .icon {
    display: inline-block;
    background-color: #d8e2e1;
    height: 28px;
    border-radius: 50%;
    width: 28px;
    text-align: center;
    margin-right: 6px;
}

.general_notifications_container {
    width: 30rem !important;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    top: 55px;
}

.general_notifications {
    color: #002520;
    font-size: 15px;
    font-family: 'Poppins';
    line-height: 2;
    margin-bottom: 0px;
    font-weight: 400;
    letter-spacing: 0.4px !important;
    text-transform: capitalize;
}

.general_notifications_dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px !important;
    background-color: #d8e2e1;
}

.general_notifications_count {
    color: #ffffff;
    background-color: #ff0000;
    padding: 3px 20px;
    font-size: 15px;
    border-radius: 10px;
    font-family: 'Poppins';
    font-weight: 500;
}

.mail_notifications_count {
    color: #fff;
    background-color: #1d73c7;
    padding: 3px 20px;
    font-size: 15px;
    border-radius: 10px;
    font-family: 'Poppins';
    font-weight: 500;
}

.project_notifications_count {
    color: #ffffff;
    background-color: #fa713b;
    padding: 3px 20px;
    font-size: 15px;
    border-radius: 10px;
    font-family: 'Poppins';
    font-weight: 500;
}

.general_notifications_button {
    font-size: 15px;
    border: 1px solid #7367f0 !important;
    background-color: #7367f0;
    padding: 7px 100px !important;
    border-radius: 30px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.general_notifications_button:hover {
    color: #7367f0;
    background-color: #fff;
    border: 1px solid #7367f0 !important;
}

.project_notification_body {
    padding: 20px 10px !important;
}

.project_notification_body:hover {
    background-color: #d8e2e159;
}

.project_notification_body .media-left {
    padding: 0px !important;
    height: 45px;
    width: 45px;
    background-color: #d8e2e1;
    border-radius: 50%;
    margin-right: 8px;
}

.project_notification_body .media-body {
    background-color: transparent;
    padding: 0;
}

.project_notification_body .media-body h6 {
    color: #002520;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 400;
    letter-spacing: 0.4px !important;
}

.project_notification_body .media-body small time {
    font-size: 12px;
    color: #8094ae !important;
    font-family: 'Poppins';
}

.project_notification_body .media-left i {
    font-size: 17px;
    margin-left: 15px;
    color: #3c525d;
    line-height: 42px;
}

.project_noti_icon {
    font-size: 24px !important;
}

.project_noti_tooltip {
    position: relative;
}

.project_noti_tooltip.custom-tooltip:hover:before {
    left: 18px;
    bottom: 10px;
}

.project_noti_tooltip.custom-tooltip:hover:after {
    bottom: -19px;
    left: -18px;
    text-align: center;
}

.mail_noti_tooltip {
    position: relative;
}

.mail_noti_tooltip.custom-tooltip:hover:before {
    left: 16px;
    bottom: 10px;
}

.mail_noti_tooltip.custom-tooltip:hover:after {
    bottom: -20px;
    left: -23px;
    text-align: center;
}

.general_noti_tooltip {
    position: relative;
}

.general_noti_tooltip.custom-tooltip:hover:before {
    left: 17px;
    bottom: 10px;
}

.general_noti_tooltip.custom-tooltip:hover:after {
    bottom: -8px;
    left: -20px;
}

.header_project_notifications_badge {
    top: 16px;
    right: 6px;
    background-color: #fa713b;
    font-size: 12px !important;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    font-family: 'Poppins';
    height: 18px;
    width: 18px;
}

.chat_notifications_badge {
    top: 16px;
    right: 6px;
    background-color: #8bc34a;
    font-size: 12px !important;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    font-family: 'Poppins';
    height: 18px;
    width: 18px;
}

.header_project_notifications_badge span {
    line-height: 18px;
}

.chat_notifications_badge span {
    line-height: 18px;
}

.header_mail_notifications_badge {
    top: 14px;
    right: 6px;
    background-color: #1d73c7;
    font-size: 12px !important;
    position: absolute;
    border-radius: 50%;
    font-family: 'Poppins';
    text-align: center;
    width: 18px;
    height: 18px;
}

.header_mail_notifications_badge span {
    line-height: 18px;
}

.header_general_notifications_badge {
    top: 14px;
    right: 6px;
    background-color: #f6001a;
    font-size: 12px !important;
    position: absolute;
    border-radius: 50%;
    font-family: 'Poppins';
    text-align: center;
    width: 18px;
    height: 18px;
}

.header_general_notifications_badge span {
    line-height: 18px;
}

.header-general-pulse {
    animation: general-pulse 2s infinite;
}

@keyframes general-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(246, 0, 46, 1);
        box-shadow: 0 0 0 0 rgba(246, 0, 46, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(246, 0, 46, 0);
        box-shadow: 0 0 0 10px rgba(246, 0, 46, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(246, 0, 46, 0);
        box-shadow: 0 0 0 0 rgba(246, 0, 46, 0);
    }
}

@-webkit-keyframes general-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(246, 0, 46, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(246, 0, 46, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(246, 0, 46, 0);
    }
}

.header-mail-pulse {
    animation: mail-pulse 2s infinite;
}

@keyframes mail-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(29, 115, 199, 1);
        box-shadow: 0 0 0 0 rgba(29, 115, 199, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(29, 115, 199, 0);
        box-shadow: 0 0 0 10px rgba(29, 115, 199, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(29, 115, 199, 0);
        box-shadow: 0 0 0 0 rgba(29, 115, 199, 0);
    }
}

@-webkit-keyframes mail-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(29, 115, 199, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(29, 115, 199, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(29, 115, 199, 0);
    }
}

.header-project-pulse {
    animation: project-pulse 2s infinite;
}

@keyframes project-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(250, 113, 59, 1);
        box-shadow: 0 0 0 0 rgba(250, 113, 59, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(250, 113, 59, 0);
        box-shadow: 0 0 0 10px rgba(250, 113, 59, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(250, 113, 59, 0);
        box-shadow: 0 0 0 0 rgba(250, 113, 59, 0);
    }
}

@-webkit-keyframes project-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(250, 113, 59, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(250, 113, 59, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(250, 113, 59, 0);
    }
}

.chat-notification-pulse {
    animation: chat-notification-pulse 2s infinite;
}

@keyframes chat-notification-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(139, 195, 74, 1);
        box-shadow: 0 0 0 0 rgb(139, 195, 74);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(139, 195, 74, 0);
        box-shadow: 0 0 0 10px rgba(139, 195, 74, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
        box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
    }
}

@-webkit-keyframes chat-notification-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(139, 195, 74, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(139, 195, 74, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
    }
}

#Taskmenu > li {
    float: left;
    padding: 8px 8px;
    position: relative;
}
#Taskmenu li a {
    display: block;

}
#Taskmenu {
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border: 1px solid #607d8b87;
    width: 101px;
    background-color: #ffffff;
    padding: 0;
    max-height: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

table tr:hover #Taskmenu{
    max-height: 200px;
    opacity: 1;
    visibility: visible;
}

.Task-row:hover {
    cursor: pointer;
    background-color: #dddddd38 !important;
}

#Taskmenu a i {
    font-size: 18px;
    transition: all 0.2s ease-in-out;
}

#Taskmenu .task-view .custom-tooltip:hover:before {
    left: 2px;
    bottom: -10px;
}

ul#Taskmenu li a:hover i {
    transform: scale(1.15);
}

#Taskmenu .task-view .custom-tooltip:hover:after {
    bottom: -37px;
    left: -35px;
}

#Taskmenu .task-view a i {
    color: #f7a43d;
}

#Taskmenu .task-edit a i {
    color: #0dc8de;
}

#Taskmenu .task-delete a i {
    color: #f94859;
}

#Taskmenu .task-delete a {
    position: relative;
}

#Taskmenu .task-edit a {
    position: relative;
}

#Taskmenu .task-view a {
    position: relative;
}

#Taskmenu .task-delete .custom-tooltip:hover:before {
    left: -1px;
    bottom: -10px;
}

#Taskmenu .task-delete .custom-tooltip:hover:after {
    bottom: -37px;
    left: -39px;
}

#Taskmenu .task-edit .custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -37px;
    left: -40px;
    padding: 4px 0;
}

#Taskmenu .task-edit .custom-tooltip:hover:before {
    left: -1px;
    bottom: -10px;
}

.input-tag {
    background: white;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 5px 0;
}

.input-tag input {
    width: 100%;
}

.input-tag__tags {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
}

.input-tag__tags li {
    align-items: center;
    background: #85A3BF;
    border-radius: 2px;
    color: white;
    display: flex;
    font-weight: 300;
    list-style: none;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px 10px;
}

.input-tag__tags li button {
    align-items: center;
    appearance: none;
    background: #333333;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    height: 15px;
    justify-content: center;
    line-height: 0;
    margin-left: 8px;
    padding: 0;
    transform: rotate(45deg);
    width: 15px;
}

.input-tag__tags li.input-tag__tags__input {
    background: none;
    flex-grow: 1;
    padding: 0;
}

.status-main-box{
    align-items: center;
    margin-top: 20px;
}

.project-value-and-details-box {
    display: flex;
}

.project-value {
    height: 50px;
    position: relative;
    border-radius: 5px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #798bff;
    margin-right: 15px;
}

.project-value h2 {
    line-height: 110px;
    font-size: 35px;
    color: #fff;
    margin-bottom: 0px;
}

.main-heading h6 {
    font-size: 20px;
    color: #181c32;
    font-weight: 500;
    font-family: 'Poppins' !important;
    margin-bottom: 10px;
}

.sub-info-header .sub-info {
    color: #b5b5c3 !important;
    margin-left: 20px;
    position: relative;
}

.main-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.start-date h6 {
    font-size: 13px;
    text-transform: capitalize;
    font-family: 'Poppins' !important;
}

.start-date p {
    color: #3699ff;
    background-color: #e1f0ff;
    border-color: transparent;
    font-family: 'Poppins' !important;
    border-radius: 7px;
    font-size: 13px;
    text-align: center;
    padding: 6px 10px;
    margin: 0;
}

.due-date h6 {
    font-size: 13px;
    text-transform: capitalize;
    font-family: 'Poppins' !important;
}

.due-date p {
    color: #f64e60;
    background-color: #ffe2e5;
    border-color: transparent;
    font-family: 'Poppins' !important;
    border-radius: 7px;
    font-size: 13px;
    text-align: center;
    padding: 6px 12px;
    margin: 0;
}

.project_teams_circle {
    width: 35px;
    height: 35px;
    margin-right: -0.8rem;
}

.team_wrapper {
    margin: 0;
}

/* .sub-text span {
    margin-right: 10px;
} */


.tasks_custom.custom-tooltip:hover:before {
    left: 4px;
    bottom: 0px;
}

.tasks_custom.custom-tooltip:hover:after {
    bottom: -25px;
    left: -34px;
}

.comments_custom.custom-tooltip:hover:before {
    left: 7px;
    bottom: 0px;
}

.comments_custom.custom-tooltip:hover:after {
    bottom: -25px;
    left: -31px;
}

.teams_custom.custom-tooltip:hover:before {
    left: 3px;
    bottom: 0px;
}

.teams_custom.custom-tooltip:hover:after {
    bottom: -25px;
    left: -33px;
}

.status-secion .form-group {
    margin-bottom: 0px;
    width: 100%;
}

.status-secion {
    width: 100%;
}

.project_status_btn {
    margin-left: 20px;
    background-color: #38c172;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-family: 'Poppins';
}

.project_status_btn:hover {
    background-color: #fff;
    color: #38c172;
    border: 1px solid #38c172;
}

.descp-box label {
    font-size: 17px;
    font-family: 'Poppins' !important;
    color: #181c32;
}

.descp-box p {
    font-size: 13px !important;
    font-family: 'Poppins' !important;
    color: #181c32 !important;
    margin: 0;
}

.project_teams span {
    font-size: 14px !important;
    color: #181c32 !important;
}

.project-value.custom-tooltip:hover:before {
    left: 18px;
    bottom: -5px;
}

.project-value.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -30px;
    left: -20px;
    padding: 4px 0;
}
.input-tag input {
    width: 100%;
}

.input-tag__tags {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
}

.input-tag__tags li {
    align-items: center;
    background: #85A3BF;
    border-radius: 2px;
    color: white;
    display: flex;
    font-weight: 300;
    list-style: none;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px 10px;
}

.input-tag__tags li button {
    align-items: center;
    appearance: none;
    background: #333333;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    height: 15px;
    justify-content: center;
    line-height: 0;
    margin-left: 8px;
    padding: 0;
    transform: rotate(45deg);
    width: 15px;
}

.input-tag__tags li.input-tag__tags__input {
    background: none;
    flex-grow: 1;
    padding: 0;
}
#modalReUtilizeLeadsHeader .unutilized-funds-info a {
    background-color: #8bc34a;
    color: #fff;
    padding: 0 4px;
    font-size: 10px;
    border-radius: 50%;
    margin-left: 10px;
}

#modalReUtilizeLeadsHeader input.task.form-control {
    width: 140px;
}

.refund-transac-detail-box {
    background-color: #fff;
}

.amount-distri-details-box {
    height: 100%;
    background-color: #fff;
}

.refund-transac-detail-box {
    background-color: #eee;
    padding: 10px;
    height: 100%;
}

.refund-approve-box {
    background-color: #eee;
    padding: 20px;
    height: 100%;
}

div#refundTransactionContainer .card {
    margin: 0 10px;
    box-shadow: 0px 1px 15px 1px rgb(62 57 107 / 7%) !important;
}

.refund-transac-detail-box .fund-amount {
    display: block !important;
    /* background-color: #fff; */
    /* margin-bottom: 9px; */
    /* padding: 8px 10px; */
    /* border-radius: 4px; */
}

.refund-transac-detail-box .fund-utilization-items-head h6{
    text-align: left;
    font-size: 13px;
}

.refund-transac-detail-box .fund-utilization-items-head p{
    text-align: left;
    font-size: 12px;
    font-weight: 400 !important;
    margin: 0;
}
.amount-distri-details-box {
    padding: 10px;
    background-color: #eee;
    height: 100%;
}

.agent-box {
    background-color: #fff;
    margin: 0 0 10px 0;
    border-radius: 5px;
    padding: 10px 10px;
}

.amount-distri-box h6 {
    margin: 0;
    font-size: 13px;
}

.amount-distri-box p {
    margin: 0;
    font-size: 12px;
}
.amount-distri-details-box .agent-box:last-child {
    margin-bottom: 0;
}

.refund-approve-box-content {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.refund-transaction-box {
    padding: 15px 4px;
}

.refund-transaction-box {
    padding: 0;
}

.refund-danger {
    border-bottom: 4px solid #f3001a;
}

.refund-success {
    border-bottom: 4px solid #40e285;
}

.main-heading-refund {
    margin-left: 75px;
}

.amount-distri-details-box .form-control,
.refund-approve-box-content .form-control
{
    background-color: rgb(255 255 255 / 52%) !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    color: #607d8b;
    border-color: transparent;
    border-bottom: 2px solid rgb(96 125 139 / 25%) !important;
    width: 100%;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background-image: none;
    overflow-y: inherit;
    min-height: 0px;
    padding: 0;
}

.icon-box{
    display: flex;
    align-items: center;
}

.icon-box i {
    margin-right: 15px;
    width: 15px;
    font-size: 17px;
    color: #3c525d;
}

.refund-approve-box-content h6 {
    font-size: 13px;
    margin: 0;
}

.refund-approve-box-content p {
    font-size: 12px;
    margin: 0;
}
.agent-box .amount-distri-box {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}

.agent-box .amount-distri-box:last-child {
    border-bottom: none;
}

.refund-client-info .fund-amount {
    border-bottom: 1px solid #ddd;
    padding: 12px 3px;
}
.refund-client-info .fund-amount:last-child {
    border-bottom: none;
}

.refund-client-info {
    background-color: #fff;
    margin: 0 0 10px 0;
    border-radius: 5px;
    padding: 10px 10px;
}

.refund-approve-content-box {
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 10px;
}

.refund-approve-content-box .refund-approve-box-content:last-child{
    border-bottom: none;
    padding-top: 10px;
}

.inbox-link.active {
    background-color: rgb(27 153 139 / 20%);
}

.junk-link.active::before {
    background-color: #f46036;
}

.junk-link.active {
    background-color: rgb(244 96 54 / 20%);
}

.important-link.active::before {
    background-color: #fc8a00;
}

.important-link.active {
    background-color: rgb(252 138 0 / 20%);
}

.draft-link.active::before {
    background-color: #798bf6;
}

.draft-link.active{
    background-color: hsl(231deg 87% 72% / 20%);
}

.sent-link.active::before {
    background-color: #28d094;
}

.sent-link.active{
    background-color: rgb(40 208 148 / 20%);
}

.trash-link.active::before {
    background-color: #f6001a;
}

.trash-link.active{
    background-color: rgb(246 0 26 / 20%);
}


.fromEmail .left-arrow:before {
    top: 4px;
    right: 0;
    left: 58px;
    height: 0;
    border: 7px solid transparent;
    border-left-color: #28d094;
    border-right-color: transparent;
}

.quick-terminal-box i {
    font-size: 16px;
    color: #3c525d;
    line-height: 28px;
}


.deadline-box .due-date {
    margin: 0 20px;
}

.revision-list-box {
    padding: 0px 20px;
    border-bottom: 1px solid #d8e2e1;
    position: relative;
    margin: 10px 0px 20px 30px;
}
.revisions-info {
    width: 100%;
}
.revisions-info > a {
    float: right;
    color: red !important;
    padding: 1px 10px;
    border-radius: 4px;
    font-style: italic;
    text-decoration: underline !important;
}
.revision-list {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.revisions-info > p {
    margin: 0 0 10px 0 !important;
    background-color: #ff0000a1;
    color: #fff;
    padding: 0 5px;
    width: max-content;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 13px;
    float: right;
}

.revision-list .check {
    background-color: #2ba4f1;
    height: 25px;
    width: 25px;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px;
}

.revision-list .check i {
    line-height: 25px;
    font-size: 15px;
    color: #fff;
}

.revision-list h6 {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    color: #3c525d !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-family: 'Poppins' !important;
}

.revision-list h5 {
    margin: 0 0px 3px 0 !important;
    padding: 0 !important;
    color: #b5b5c3 !important;
    font-size: 12px !important;
    font-family: 'Poppins' !important;
}

.revision-todo-list .revision-list-box:last-child {
    border-bottom: none;
    margin-bottom: 0px !important;
}

.no-revision p {
    font-weight: bold;
    font-size: 15px;
    padding-left: 30px;
}

.countdown-box h6 {
    font-size: 13px;
    text-transform: capitalize;
    font-family: 'Poppins' !important;
}

.deadline-box .countdown-box {
    margin-right: 19px;
}

.teams-assign-box h6 {
    font-size: 13px;
    text-transform: capitalize;
    font-family: 'Poppins' !important;
}

.projects-tabs .projectDetailsTaskHeight .project_details_tasks {
    max-height: 78vh;
    min-height: 78vh;
    overflow: auto;
}

.projects-tabs .projectDetailsTaskHeight .project_details_tasks .table-responsive {
    overflow: visible;
}

.project_details_tasks h4 {
    font-weight: 600 !important;
    color: #181c32 !important;
    font-family: 'Poppins' !important;
}

.chat-img-icon {
    background-color: #e2e2e2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-weight: 600;
    font-size: 16px;
}

.chat-body .chat_box > span {
    margin-right: 5px;
    font-size: 11px;
    color: #b5b5c3!important;
}

.chat_box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 5px;
    padding-right: 20px;
}

.chat-body .chat_box > span h6 {
    margin: 0px;
    font-size: 14px;
    font-family: 'Poppins';
}

.revision-list-box p {
    font-family: 'Poppins' !important;
    line-height: 20px;
    margin-top: 10px;
    white-space: break-spaces;
}

.project_details_task_table td {
    padding: 20px 16px !important;
}

.action-icons .drodown .dropdown-menu ul li a h6 {
    font-family: 'Poppins' !important;
    margin: 0px;
}

.action-icons .drodown > a {
    background-color: #3c525d12;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.action-icons .drodown > a i {
    line-height: 23px;
}



.mailbox-pagination .col.right {
    text-align: right;
}
.mailbox-pagination .row {
    margin: 20px 0 10px 0;
}
.mailbox-pagination a {
    background-color: #8bc34a;
    color: #fff;
}

.websites-pagination a{
    background-color: aliceblue;
}
/* .project_details_task_table tr:nth-child(2n+2) .action-icons .drodown > a {
background-color: #fff !important;
} */

.chat_box span a {
    font-size: 13px;
    font-family: 'Poppins' !important;
    font-weight: 600;
    color: #181c32 !important;
    margin-left: 5px;
}

.chat_internal_messages {
    padding-right: 20px;
}

#chatTabContent .chat_internal_messages {
    padding: 0px 20px;
}

.project_internal_mess .chat-left .chat_box{
    justify-content: end;
}

.project_client_mess .chat-left .chat_box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 5px;
    padding-right: 20px;
}

.project_client_mess .chat-left .chat-content {
    margin-top: 0px !important;
}

.chat-img-icon img {
    width: 30px;
    height: 30px;
}

.chat-left .chat_box span a {
    margin-right: 5px;
}

.revision-list-box::before {
    content: '';
    position: absolute;
    height: 95%;
    width: 4px;
    top: 0;
    left: 0;
    background-color: #8bc34aa8;
    border-radius: 7px;
}

.revision-todo-list .revision-list-box:nth-child(odd):before {
    background-color: #2ba4f173;
}

.action-icons .drodown > a:hover {
    background-color: #8bc34a;
    color: #fff;
}

.drodown.show > a {
    background-color: #8bc34a;
    color: #fff;
}

.sample_file_box .item {
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
    text-align: center;
    margin: 10px;
    position: relative;
    padding: 40px 23px;
}

.sample_file_box .item img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.sample_file_box .masonry .item h2 {
    font-size: 14px;
    font-weight: 500;
    margin: 6px 0 7px 0;
    font-family: unset !important;
}

.sample_file_box .masonry .item h3 {
    font-size: 12px;
    font-weight: 500;
    margin: 0px;
    font-family: unset !important;
}

.samples-drop-down > a > i {
    color: #526484;
    font-size: 16px !important;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}

.samples-drop-down {
    position: absolute;
    top: 10px;
    right: 8px;
}

.samples-drop-down ul li a {
    display: flex;
    align-items: center;
    padding: .625rem 1.25rem;
    font-size: 12px;
    font-weight: 400;
    color: #526484 !important;
    transition: all .1s;
    line-height: 1.3rem;
    position: relative;
}

.samples-drop-down ul li a:hover {
    color: #fff !important;
    background-color: #566f7b !important;
}

.samples-drop-down ul li a h6 {
    margin-bottom: 0px;
    font-family: 'Poppins';
}

.client_file_box .item {
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
    text-align: center;
    margin: 10px;
    position: relative;
    padding: 20px;
}

.client_file_box .masonry .item img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.client_file_box .masonry .item h2 {
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 500;
    margin: 10px 0px 20px;
}

.client-drop-down {
    position: absolute;
    top: 10px;
    right: 20px;
}

.client-drop-down > a > i {
    color: #526484;
    font-size: 20px !important;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}

.client-drop-down ul li a {
    display: flex;
    align-items: center;
    padding: .625rem 1.25rem;
    font-size: 12px;
    font-weight: 500;
    color: #526484 !important;
    transition: all .1s;
    line-height: 1.3rem;
    position: relative;
}

.client-drop-down ul li a:hover {
    color: #fff !important;
    background-color: #526484 !important;
}

.client-drop-down ul li a h6 {
    margin-bottom: 0px;
    font-family: 'Poppins';
}

.revised_file_box .item {
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
    text-align: center;
    margin: 10px;
    position: relative;
    padding: 20px;
}

.revised_file_box .masonry .item img {
    width: 100px;
    height: 120px;
}

.revised_file_box .masonry .item h2 {
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 500;
    margin: 10px 0px 20px;
}

.revised-drop-down {
    position: absolute;
    top: 10px;
    right: 20px;
}

.revised-drop-down > a > i {
    color: #526484;
    font-size: 20px !important;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}

.revised-drop-down ul li a {
    display: flex;
    align-items: center;
    padding: .625rem 1.25rem;
    font-size: 12px;
    font-weight: 500;
    color: #526484 !important;
    transition: all .1s;
    line-height: 1.3rem;
    position: relative;
}

.revised-drop-down ul li a:hover {
    color: #fff !important;
    background-color: #526484 !important;
}

.revised-drop-down ul li a h6 {
    margin-bottom: 0px;
    font-family: 'Poppins';
}

.samples-drop-down > a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    /* background-color: #d8e2e1; */
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-in-out;
}

.samples-drop-down > a:hover {
    background-color: #8bc34a;
}

.mailbox-pagination .col.right {
    text-align: right;
}


.samples-drop-down > a:hover i {
    color: #fff;
}

.samples-drop-down > a:focus {
    background-color: #8bc34a;
}

.samples-drop-down > a:focus i {
    color: #fff;
}

.client-drop-down > a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-in-out;
}

.client-drop-down > a:hover {
    background-color: #8bc34a;
}

.client-drop-down > a:hover i {
    color: #fff;
}

.client-drop-down > a:focus {
    background-color: #8bc34a;
}

.client-drop-down > a:focus i {
    color: #fff;
}

.revised-drop-down > a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-in-out;
}

.revised-drop-down > a:hover {
    background-color: #8bc34a;
}

.revised-drop-down > a:hover i {
    color: #fff;
}

.revised-drop-down > a:focus {
    background-color: #8bc34a;
}

.revised-drop-down > a:focus i {
    color: #fff;
}

.project .drodown > a {
    background-color: #e2e2e2 !important;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.project .drodown > a i {
    line-height: 23px;
}

.project .drodown > a:hover,
.project .drodown.show > a
{
    background-color: #8bc34a !important;
}


.project .drodown > a:hover i,
.project .drodown.show > a i
{
    color: #ffffff !important;
}

.project-info a {
    font-size: 15px;
    font-weight: 500;
    color: #6b6f82;
    font-family: 'Poppins' !important;
}

.proj-tasks .samples-drop-down{
    position: unset;
}
/*
p#description img {
    max-width: 100px;
} */

.mailbox-pagination a:hover {
    background-color: #0173c6;
    color: #fff !important;
}
.taskDesc-box {
    position: relative;
    display: flex;
    align-items: center;
}

.heading-elements {
    position: absolute;
    top: 0;
    right: 0;
}

.taskInfo-box {
}

.taskDesc-main-box {
    background-color: #fff;
    padding: 20px;
    height: 100%;
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
}

.taskDesc-info {
    margin-left: 15px;
}

.taskDesc-info h5 {
    font-size: 20px;
    color: #181c32;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Poppins' !important;
}

.task-description {
    margin-top: 10px;
    margin-right: 15px;
}

.task-description h4 {
    margin-bottom: 15px;
    font-size: 20px;
    color: #181c32;
    font-weight: 500;
    font-family: 'Poppins' !important;
    border-top: 1px solid #71838a52;
    padding-top: 10px;
}

.task-description p {
    font-weight: 400;
    font-size: 15px !important;
    font-family: 'Poppins' !important;
    margin: 0px;
    line-height: 23px;
}

.taskDesc-info h6 {
    font-size: 14px;
    font-weight: 500;
    color: #495057;
}

.taskDesc-box .project-value {
    height: 50px;
    border-radius: 5px;
    width: 50px;
    color: #fff;
    background: #798bff;
    font-weight: 500;
    letter-spacing: 0.06em;
    flex-shrink: 0;
    position: relative;
}

.taskDesc-box .project-value h2 {
    font-size: 30px;
    color: #fff;
    margin: 0px 0px 3px 3px;
}

.taskInfo-box .countdown {
    background: #8bc34a;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 25px;
    margin-top: 0;
}

.taskInfo_box h6 {
    font-size: 14px;
    font-weight: 500;
    color: #3c525d;
    font-family: 'Poppins' !important;
    margin: 0px;
}

.task-info-box p {
    font-size: 13px;
    font-weight: 400;
    color: #000000bf;
    font-family: 'Poppins' !important;
    margin: 0px 0px 0px 10px;
    padding: 0;
}

.subTask-table .samples-drop-down {
    position: unset !important;
}

.txt-box {
    margin-bottom: 20px;
}

.taskInfo_box .icon ,
.brand-subtask-detail-box .head-box .icon
{
    display: inline-block;
    background-color: #ffffff;
    height: 28px;
    border-radius: 50%;
    width: 28px;
    text-align: center;
    margin-right: 10px;
}

.taskInfo_box .icon i,
.brand-subtask-detail-box .head-box .icon i
{
    font-size: 16px;
    color: #3c525d;
    line-height: 28px;
}

.link-style a:hover {
    color: #000;
}

.task_details_info_box {
    display: flex;
    align-items: center;
}

.subtask-main-box {
    background-color: #fff;
    padding: 20px;
    height: 100%;
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
}
.subtask-desc-box {
    background-color: #fff;
    padding: 20px;
    height: 100%;
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
    position: relative;
    min-height: 400px;
    width: 100%;
    overflow: scroll;
}

.subtask-date-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.task_details_status {
    display: flex;
    align-items: center;
    width: 430px;
}

.task_details_status .btn_status {
    background-color: #38c172;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    margin: 5px 0px 0px 10px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.task_details_status .btn_status:hover {
    background-color: #fff;
    color: #38c172;
    border: 1px solid #38c172;
}

.task_details_chat .cht-messagesBox .chat-content {
    margin-right: 20px !important;
}


.taskDesc-main-box .project-value.custom-tooltip:hover:before {
    left: 18px;
    bottom: 5px;
}

.taskDesc-main-box .project-value.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -20px;
    left: -20px;
    padding: 4px 0;
}

.taskDesc-box .heading-elements {
    display: flex;
    align-items: center;
}

.taskDesc-box .heading-elements .countdown {
    font-size: 13px;
    color: #656565;
    border-radius: 7px;
    background: #65656524;
    padding: 8px 10px;
    margin-top: 1px;
    margin-right: 2px;
}

.task-detail-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*
.task-info-main-box {
    display: flex;
    align-items: center;
} */

.task-info-box {
    display: flex;
    align-items: center;
    background-color: #dddddd85;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 10px 10px 0px;
}

.taskInfo_box {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
.taskInfo_box h6 {
    margin: 0;
    padding: 0;
}
.task-info-main-box .task-info-box:nth-child(2n) {
    margin: 0 22px;
}

.taskStatus_box {
    width: 430px;
}

.task_details_status .form-group {
    width: 380px;
}

.taskDesc-info .sub-info-header .sub-info {
    color: #b5b5c3 !important;
    position: relative;
    font-weight: 500;
}

.task_details_chat .subTask_client_chat {
    margin-right: 20px !important;
}

.subtask-desc-box .subTask_desc h4 {
    font-size: 17px;
    font-family: 'Poppins' !important;
    color: #181c32;
    margin-top: 15px;
}

.subTask-desc-box h4 {
    font-size: 17px;
    font-family: 'Poppins' !important;
    color: #181c32;
}

.subtask-desc-box .taskDesc-box .project_name_subtask h4 {
    font-size: 20px;
    font-family: 'Poppins' !important;
    color: #181c32;
}

.subtask-desc-box p {
    font-size: 13px !important;
    font-family: 'Poppins' !important;
    color: #181c32 !important;
    margin: 0px;
    line-height: 22px;
}

.subtask-main-box p {
    font-size: 13px;
    font-weight: 400;
    color: #6c757d;
    font-family: 'Poppins' !important;
    margin: 0px 0px 0px 10px;
    padding: 0;
}

.subtask-desc-box .project_name_subtask p {
    font-size: 20px;
    color: #181c32;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Poppins' !important;
}

.project_name_subtask {
    margin-left: 15px;
}


.lead_details_btns .toolbar a i {
    font-size: 25px;
    color: #3c525d;
    line-height: 40px;
}

.lead_details_btns .toolbar .email_delete_btn.custom-tooltip:hover:before {
    left: 10px;
    bottom: -5px;
}

.lead_details_btns .toolbar .email_delete_btn.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -30px;
    left: -29px;
    padding: 4px 0;
}

.lead_details_btns .toolbar .read_tool.custom-tooltip:hover:before {
    left: 12px;
    bottom: -5px;
}

.lead_details_btns .toolbar .read_tool.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -30px;
    left: -28px;
    padding: 4px 0;
}

.lead_details_btns .toolbar .un-read_tool.custom-tooltip:hover:before {
    left: 12px;
    bottom: -5px;
}

.lead_details_btns .toolbar .un-read_tool.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -30px;
    left: -31px;
    padding: 4px 0px;
}

.lead_details_btns .toolbar .un-read_tool.custom-tooltip:hover:after {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #444;
    color: #fff;
    content: attr(title);
    margin: -82px auto 0;
    font-size: 12px;
    width: 105px;
    position: absolute;
    z-index: 99;
}

.lead_details_btns .toolbar .Move_tool.custom-tooltip:hover:before {
    left: 9px;
    bottom: -5px;
}

.lead_details_btns .toolbar .Move_tool.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -30px;
    left: -30px;
    padding: 4px 0;
}

.email_delete_btn {
    position: relative;
}

.Move_tool {
    position: relative;
}

.un-read_tool {
    position: relative;
}

.read_tool {
    position: relative;
}

.lead_details_btns .toolbar {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
}
/* .lead_details_btns .toolbar:hover {
    background-color: #fff;
    border-radius: 50%;
} */
.lead_details_btns .toolbar > a {
    padding: 0 !important;
}
.lead_details_btns .toolbar a:hover {
    background-color: #fff;
    height: 40px;
    width: 40px;
    display: block;
    border-radius: 50%;
}

td.user-email .la-paperclip {
    color: #8bc34a;
    font-size: 20px;
}

.email-action-box .custom-tooltip:hover:after {
    width: 120px;
    bottom: -26px;
    left: -47px;
    font-weight: 400;
}


element.style {
}
table tr:hover #Leadmenu {
    max-height: 40px;
    opacity: 1;
    visibility: visible;
}
.email-action-box {
    width: 127px !important;
}

.email-action-box li a{
    position: relative;
}

.email-action-box .lead-delete .custom-tooltip:hover:after {
    width: auto !important;
    bottom: -29px !important;
    left: -28px !important;
    font-weight: 400;
    padding: 0 15px !important;
}

.email-action-box .lead-delete .custom-tooltip:hover:before {
    left: 0 !important;
    bottom: -10px;
}


.email-action-box .lead-assign .custom-tooltip:hover::before{
    left: 2px !important;
    bottom: -6px !important;
}
.email-action-box .lead-assign .custom-tooltip:hover:after {
    bottom: -27px !important;
    left: -38px !important;
    padding: 2px 10px !important;
    width: auto !important;
}
.email-action-box .lead-edit .custom-tooltip:hover:before{
    left: 2px !important;
    bottom: -7px !important;
}
.email-action-box .lead-edit .custom-tooltip:hover:after {
    bottom: -29px !important;
    left: -28px !important;
    padding: 0 15px !important;
}

.email-action-box .lead-edit .custom-tooltip:hover:after {
    bottom: -30px !important;
    left: -44px !important;
    padding: 2px 7px !important;
    width: auto !important;
}
.email-action-box .lead-view .custom-tooltip:hover:before{
    left: -1px !important;
    bottom: -7px !important;
}


.email-action-box .lead-view .custom-tooltip:hover:after {
    bottom: -30px !important;
    left: -27px !important;
    padding: 2px 7px !important;
    width: auto !important;
}


.signature-modal-box {
    position: relative;
}

.signature-modal-box .loader {
    top: -10px;
    z-index: 999;
    right: 20px;
    position: absolute;
    left: unset;

}

.select-email{
    border: none;
    margin-left: 10px;
    border-radius: 4px;
    padding: 0px;
}

div#revision-date-box p{

    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.project-details-box .custom-table-view {
    margin-bottom: 20px;
}


.card.card-bordered {
    transition: all 0.2s ease-in-out;
}

.card.card-bordered:hover {
    transform: scale(1.04);
}

.subTask_status .status_check {
    font-size: 100px;
    color: #38c172;
}

.subTask_status {
    margin: 0 auto;
    display: table;
    text-align: center;
    text-transform: capitalize;
}

.subTask_status .status_complete {
    font-size: 20px;
    font-family: 'Poppins' !important;
    color: #38c172;
    font-weight: 500;
}

.subTask_status .status_times {
    font-size: 100px;
    color: #fc0500;
}

.subTask_status .status_cancel {
    font-size: 20px;
    font-family: 'Poppins' !important;
    color: #fc0500;
    font-weight: 500;
}

.subtask-desc-box .heading-elements {
    position: unset;
}

.subtask-desc-box .card-body {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 5px;
}

.subTask_info {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    position: absolute;
    right: 0;
    left: 0;
    padding: 20px 0 0 20px;
    bottom: 0;
    border-top: 1px solid #e5e5e5;
}

.subTask_status_select {
    display: flex;
    align-items: center;
}

.subTask_info .taskInfo_box p {
    font-size: 13px !important;
    font-family: 'Poppins' !important;
    color: #181c32 !important;
    margin: 0px 0px 0px 5px;
    line-height: 22px;
}

.project-details-sec .project-details-box {
    max-height: 320px;
    min-height: 320px;
}

.project-overview-card {
    border: 1px solid #ebedf3;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
}

.project-overview-card .project_details_tasks {
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 20px;
    background-color: #dddddd38 !important;
}

.project-overview-card .project_details_tasks h4 {
    color: #3c525d !important;
}

.project-overview-card .project-details-box {
    max-height: 284px;
    min-height: 284px;
}

.project-details-box .custom-table-view {
    margin-bottom: 20px;
}

.p-detail-second-sec .custom-table-view {
    min-height: 300px;
}

.t-detail-second-sec .custom-table-view {
    min-height: 300px;
}

.t-detail-second-sec .table thead th {
    z-index: 2;
}

.p-detail-second-sec .table thead th {
    z-index: 2;
}

.taskDesc-box .project-value.custom-tooltip:hover:before {
    left: 17px;
    bottom: 7px;
}

.taskDesc-box .project-value.custom-tooltip:hover:after {
    bottom: -18px;
    left: -21px;
}

.task_details_status #statusReason {
    margin-left: 10px;
}

.task_details_status #revision {
    margin-left: 10px;
}

.subtask-desc-box .card-body .d-flex {
    width: 40%;
}

.taskDesc-main-box .custom-table-view {
    margin-bottom: 20px;
}

.client-brief-box .sample_file_box {
    max-height: 380px;
    overflow: auto;
}

.sample-box .sample_file_box {
    max-height: 380px;
    overflow: auto;
}

.revised-sample-box .sample_file_box {
    max-height: 380px;
    overflow: auto;
}

.samples-drop-down .dropdown-menu {
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
}

.deadline-box .start-date {
    margin-right: 20px;
}

.samplesCard-box .samples-drop-down {
    position: unset;
}

.samplesCard-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 13px 10px;
}

.samplesCard-header {
    display: flex;
    align-items: center;
}
.samplesCard-info {
    margin-left: 10px;
}
.samplesCard-info h6 {
    font-family: 'Poppins' !important;
    font-weight: 500;
}

.samplesCard-header img {
    max-width: 70px;
}
.samplesCard .samplesCard-box:last-child {
    border-bottom: none;
}

.userName {
    background-color: #38c172;
    color: #fff;
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 3px;
}

.fileDate {
    background-color: #737575;
}

.samplesCard-header img {
    height: 60px;
    width: 60px;
    object-fit: contain;
}

.samplesCard-box:hover {
    background-color: rgb(221 221 221 / 30%);
}
.briefBox .samples-drop-down {
    position: unset;
}

.briefBox .table thead th {
    background-color: transparent !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
    padding: 10px 0 20px 10px !important;
    font-family: 'Poppins' !important;
    position: unset !important;
}

.briefBox .table thead th > input{
    position: relative;
    left: 5px;
}

.briefBox .table tbody td {
    padding: 12px 12px !important;
    font-family: 'Poppins' !important;
    vertical-align: middle;
    white-space: nowrap;
}

.briefBox table td img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.briefBox table td input {
    position: relative;
    top: 0px;
}

.briefBox .project_details_tasks {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.briefBoxes-action a {
    height: 40px;
    position: relative;
    width: 40px;
    background-color: #ddd;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px;
    transition: all 0.1s ease-in-out;
}
.briefBoxes-action a i {
    line-height: 40px;
    margin: auto;
    display: table;
    background-color: transparent !important;
    font-size: 20px;
    color: #3c525d;
}

.briefBoxes-action a:hover {
    background-color: #3c525d;
}

.briefBoxes-action a:hover i {
    color: #fff;
}

.hideFromAgent-icon.custom-tooltip:hover:after{
    width: 115px !important;
    left: -38px !important;
}

.fileName {
    color: #3c525d !important;
    margin-bottom: 6px !important;
    margin-top: 10px !important;
    font-weight: 500;
    line-height: 18px;
}



.fileName span {
    color: #8bc34a !important;
    font-weight: 400;
}


.p-urgent {
    margin-bottom: 0px !important;
    margin-top: 25px;
    width: 100%;
}

.p-urgent .urgent-detail {
    padding: 0;
}

.p-urgent .card {
    box-shadow: none !important;
}

.urgent-header {
    border-left: 2px solid red;
    border-bottom: none;
    background-color: rgb(255 0 0 / 10%) !important;
}

.project-info {
    margin-left: 10px;
}


.chat-img-icon i {
    font-size: 17px;
    line-height: 27px;
    color: #607d8b;
}


/* .subTask_desc {
    width: 100%;
    line-break: anywhere;
} */

.tasks-name a {
    color: #0c84d1 !important;
}

.tasks-name a:hover {
    text-decoration: underline !important;
}

.tasks-dropdown .samples-drop-down {
    position: unset;
}

.project-details-box .status-secion{
    background-color: #dddddd80;
    padding: 15px;
    border-radius: 5px;
}

.samples-table-box {
    max-height: 655px;
    min-height: 655px;
    overflow: scroll;
}

.taskDesc-main-box .taskStatus_box{
    width: unset !important;
    background-color: #dddddd80;
    padding: 15px;
    border-radius: 5px;
}

.from_input .row .input-field:first-child {
    position: absolute;
    left: 166px;
    top: -50px;
}


.drag_and_drop .uppy-Dashboard-inner {
    height: 200px !important;
    min-width: 100%;
}

.drag_and_drop .uppy-size--lg .uppy-Dashboard-Item-preview {
    height: 50px;
    width: unset;
}

.drag_and_drop .uppy-size--lg .uppy-Dashboard-Item {
    margin: 5px 5px;
    width: unset;
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #d0d0d0 !important;
    padding: 5px 5px;
}

.drag_and_drop .uppy-Dashboard-Item-previewInnerWrap {
    width: 50px;
    height: 50px;
}

.drag_and_drop .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
    width: 50px;
    height: 50px;
}

.drag_and_drop .uppy-Dashboard-files > div {
    height: unset !important;
}

.drag_and_drop .uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons {
    align-items: unset;
    width: unset;
    padding: 0px 0px 0px 10px;
}

.drag_and_drop .uppy-size--md .uppy-Dashboard-Item-action--remove {
    position: relative;
    margin-left: 5px;
    top: 5px;
    right: 0px !important;
}

.from_input .selectize-input {
    padding: 10px 8px;
}

.form_input .row .input-field:first-child {
    position: absolute;
    left: 213px;
    top: 13px;
}

.form_input .selectize-input {
    padding: 9px 8px;
}

.message_area .sun-editor {
    width: 100% !important;
}

/* .projectStatus {
    text-align: right;
} */

.projectCard-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.p-customer a:hover {
    text-decoration: underline !important;
}
.p-customer i {
    font-size: 16px;
    color: #7f8d94;
    padding-right: 8px;
}
.order_expense_table thead tr th {
    z-index: 1111;
}

.btn-transac-timeline{
    top: -81px;
}

.bootstrap-tagsinput .tag {
    color: #ffffff;
    background-color: #6d6d6d;
    padding: 2px 10px;
    border-radius: 4px;
}

.bootstrap-tagsinput {
    width: 100%;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border-bottom: 2px solid #d7dee2 !important;
}
.view-email-info i {
    color: #8bc34a;
    font-size: 20px;
}
.mail-count-badge {
    position: absolute;
    top: -9px;
    left: 20px;
    background-color: #1b988a;
    height: 15px;
    padding: 3px 10px;
    border-radius: 20px;
}

.mail-count-badge p {
    font-size: 11px;
    position: relative;
    top: -4px;
    font-family: 'Poppins' !important;
    color: #fff;
}

.btn-signature{
    background-color: #fff !important;
    color: #6c757d !important;
    border: none !important;
}

.userName-no{
    background-color: red !important;
}

.project_details_tasks.task_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.revision-box .uppy-Root.uppy-Dashboard:last-child {
    display: none;
}

.revision-deadline {
    position: relative;
}

span.deadline-placeholder {
    position: absolute;
    background-color: #ffffff;
    width: 80%;
    color: #969696;
    top: 10px;
    padding-left: 10px;
}

#addRevisionModal .modal-body > span {
    position: absolute;
    bottom: 52px;
}

.view_order_expense_details h5 {
    font-size: 17px;
    font-weight: 300;
    color: #4b606b;
    font-family: 'Poppins' !important;
    margin-bottom: 0px;
}

.view_order_expense_details .icon h6 {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Poppins' !important;
    margin: 0px;
    color: #4b606b;
}

.view_order_expense_details .icon {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.icon_bg {
    width: 25px;
    height: 25px;
    background-color: #607d8b38;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}

.icon_bg i {
    font-size: 13px;
    color: #607d8b;
    line-height: 25px;
}

.order_expense_details_data {
    font-size: 12px;
    font-weight: 300;
    font-family: 'Poppins';
    color: #4b606b;
}

.form_request_proceed {
    background-color: #e1e5e6e3;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.request_initiate_order_expense label {
    color: #7e858a !important;
    font-size: 12px;
    font-family: 'Poppins' !important;
    font-weight: 500;
}

.request_approval_order_expense h5 {
    font-size: 17px;
    font-weight: 300;
    color: #4b606b;
    font-family: 'Poppins' !important;
    margin-bottom: 0px;
}

.request_approval_order_expense .icon h6 {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Poppins' !important;
    margin: 0px;
    color: #4b606b;
}

.request_approval_order_expense .icon {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.form_approve_request_proceed {
    background-color: #e1e5e6e3;
    padding: 15px;
    border-radius: 4px;
}

.modal_body_bg_color {
    background-color: #e1e5e6e3;
    padding: 15px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.modal_body_bg_color_middle {
    background-color: #e1e5e6e3;
    padding: 15px;
}

.icon-bg {
    background-color: #fff;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 10px;
    border-radius: 4px;
}

.form_request_proceed .input-field .form-group .form-control {
    background-color: #fff !important;
}

.form_request_initiate_modal {
    background-color: #e1e5e6e3;
    padding: 15px;
    border-radius: 4px;
}

.form_request_initiate_modal .input-field select {
    background-color: #fff !important;
}

.form_request_initiate_modal .input-field .form-control {
    background-color: #fff !important;
}

.view_order_expense_details .modal-header h4 {
    width: 100%;
}

.view_order_expense_details .modal-header .close {
    text-align: right;
    width: 50%;
}

.request-initiate .modal-header h4 {
    width: 100%;
}

.request-initiate .modal-header .close {
    text-align: right;
    width: 50%;
}

.request_approval_order_expense .modal-header h4 {
    width: 100%;
}

.request_approval_order_expense .modal-header .close {
    text-align: right;
    width: 50%;
}

.QA_task_table .samples-drop-down {
    position: unset;
}

.chat-left .cht-messagesBox {
    justify-content: unset;
    float: left;
    width: 100%;
}

.chat-left {
    padding-left: 20px;
}

.badge-inprogress {
    background-color: #ffb822 !important;
}

.badge-open {
    background-color: #1e9ff2 !important;
}

.badge-completed {
    background-color: #38c172 !important;
}

.badge-final-files {
    background-color: #0A7E1E !important;
}

.badge-cancel {
    background-color: #FF7E39 !important;
}

.badge-incomplete-brief {
    background-color: #6b6f82 !important;
}

.badge-short-deadline {
    background-color: #2504F5 !important;
}

.badge-resolved {
    background-color: #38c172 !important;
}

.badge-rejected {
    background-color: #ff0000 !important;
}

.badge-reopen {
    background-color: #655af3 !important;
}

.badge-hold {
    background-color: #ff7e39 !important;
}

.badge-discussion {
    background-color: #aa7ac9 !important;
}

.badge-notMyReivision {
    background-color: #6b6f82 !important;
}

.badge-revision {
    background-color: #6b6f82 !important;
}

.badge-pending {
    background-color: crimson !important;
}

.project_details_task_table .taskName a {
    color: #0c84d1 !important;
}

.project_details_task_table .taskName a:hover {
    text-decoration: underline !important;
}

.subTask-table .taskName a {
    color: #0c84d1 !important;
}

.subTask-table .taskName a:hover {
    text-decoration: underline !important;
}

.subTask_details_box h4 {
    font-size: 20px !important;
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
    color: #3c525d;
    margin-bottom: 30px;
}

.subTask_create_box h4 {
    font-size: 20px !important;
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
    color: #3c525d;
    margin-bottom: 30px;
}

.create_subTask_section_1 .icon {
    display: flex;
    align-items: center;
}

.subTask_create_box {
    padding: 30px;
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
}

.subTask_details_box {
    padding: 30px 30px 0px 30px;
    background-color: #eee;
    box-shadow: 0px 5px 15px 0px rgba(0, 37, 32, 0.15) !important;
}

.create_subTask_section_1 .icon h6 {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins' !important;
    margin: 0px;
    color: #4b606b;
}

.badge-standard {
    background-color: #09c2de;
}

.badge-regular {
    background-color: #816bff;
}

.badge-exclusive {
    background-color: #e85347;
}

.badge-premium {
    background-color: #f4bd0e;
}

.subTask_details_box .order_expense_details_data {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins';
    color: #4b606b;
}

.create_subTask_section_1 .icon-bg {
    background-color: #fff;
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
}

.subTask_details_box p {
    margin: 0px;
}

.create_subTask_section_1 span {
    margin-top: 2px;
}

.internal_messages_width .conversation-chat-width {
    max-width: 480px !important;
    margin: 0 0px 15px 0!important;
}

.note_tag {
    font-size: 13px;
    font-family: 'Poppins';
    font-weight: 400;
    color: #e3342f !important;
    text-decoration: underline;
}

.upload_file_revision {
    left: 110px;
    bottom: 10px !important;
    top: unset;
}

.attach_file_revision {
    margin-top: 15px;
    font-size: 14px;
    font-family: 'Poppins' !important;
    font-weight: 300;
}

.subTask-expire .sub-task-header p {
    background-color: rgb(56 193 114 / 23%) !important;
    color: #38c172 !important;
    padding: 7px 20px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
}

.transactionList_download_btn .btn-download-exe {
    top: -103px !important;
}


/* .fileName-p{
        color: #3c525d !important;
    margin-bottom: 6px !important;
    margin-top: 10px !important;
    font-weight: 500;
    font-size: 12px;
} */

.transaction_timeline_download_btn .btn-download-exe {
    top: -81px !important;
}

.upload_file_revision .uploadProjectsWrapper .uppy-Dashboard-files {
    margin: 0;
    padding: 10px;
    overflow-y: auto;
    position: absolute;
    top: 0px;
    left: 10px;
    width: 100%;
    height: 100px;
    background-color: #fff;
    width: 150px;
    min-height: 110px;
}


.upload_file_revision .uploadProjectsWrapper .uppy-Dashboard-files .uppy-Dashboard-Item-previewIconWrap {
    height: 100px;
    max-height: 100%;
    position: relative;
}

.fileName-p i {
    color: #696d80;
    font-size: 15px;
    padding-right: 4px;
}

.fileName-p{
    color: #3c525d !important;
    margin-bottom: 6px !important;
    margin-top: 10px !important;
    font-weight: 500;
    font-size: 12px;
}

.daily_transac_table_mh {
    max-height: 43vh;
    overflow: auto;
}

.chargeBack_Details .icon {
    display: flex;
    align-items: center;
}

.chargeBack_Details .icon h6 {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Poppins' !important;
    margin: 0px;
    color: #4b606b;
}

.chargeBack_Details .icon-bg span {
    font-size: 12px;
    font-weight: 300;
    font-family: 'Poppins';
    color: #4b606b;
}

.chargeBack_Details .icon .icon_bg i {
    font-size: 16px;
    line-height: 30px;
}

.chargeBack_Details .icon .icon_bg {
    width: 30px;
    height: 30px;
    background-color: #607d8b38;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}


.taskStatus_box p {
    font-size: 16px;
    font-family: 'Poppins' !important;
    color: #3c525d;
}

.status-secion p {
    font-size: 16px;
    font-family: 'Poppins' !important;
    color: #3c525d;
}

.subtask-desc-box .subTask_main_card p {
    font-size: 16px !important;
    font-family: 'Poppins' !important;
    color: #3c525d !important;
}

#chargeBackTransactionContainer table tbody tr td {
    border: none !important;
}

.activities-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.activities-box-create h4 {
    color: #fff !important;
}

.activities-box-create i {
    color: #fff !important;
    font-size: 10px !important;
    margin-right: 0px !important;
    padding: 0 !important;
}

.chargeBack_Details .icon-bg {
    background-color: #fff;
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
}

.chargeBack_Details h4 {
    font-size: 17px;
    font-weight: 300;
    color: #4b606b;
    font-family: 'Poppins' !important;
    margin-bottom: 20px;
}

.email-action-box .lead-delete a i {
    color: #3c525dbf !important;
}

.email-action-box .lead-assign a i {
    color: #3c525dbf !important;
}

.email-action-box .lead-edit a i {
    color: #3c525dbf !important;
}

.email-action-box .lead-view a i {
    color: #3c525dbf !important;
}

#subTaskList .email-table {
    max-height: 53vh;
    overflow: auto;
}
.team {
    position: relative;
}

.team-status {
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    z-index: 1;
}

.team-status i {
    color: #fff;
}

.team-options {
    position: absolute;
    top: -.25rem;
    right: -.25rem;
}

.team-options .drodown .btn-trigger {
    position: relative;
    z-index: 1;
    color: #526484;
}

.user-card-s2 .user-avatar {
    margin: 0 auto;
}

.user-card-s2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: .5rem;
}

.sub-text {
    display: block;
    font-size: 13px;
    color: #8094ae;
}

.user-info h6 {
    font-family: 'Poppins' !important;
    font-weight: 500;
    color: #364a63;
    font-size: 18px;
    margin: 15px 0px 5px;
}

.team-options .samples-drop-down {
    position: absolute;
    top: -4px;
    right: -9px;
}

.team-options .samples-drop-down .dropdown-menu {
    top: 5px !important;
}

.team-info {
    padding: 1rem 0 1.25rem;
}

.team-info li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .9375rem;
    line-height: 1.75rem;
    margin-bottom: 3px;
}

.team-info {
    margin-top: 10px;
}

.team-info li span:first-child {
    color: #8094ae;
}

.team-info li span:last-child {
    color: #526484;
}

.user-card-s2 .card-image-box {
    position: relative;
}

.user-card-s2 .card-image-box .userStatus {
    cursor: pointer;
    height: 15px;
    width: 15px;
    position: absolute;
    bottom: 10px;
    z-index: 1;
    border-radius: 50%;
    border: 2px solid #fff;
    left: 200px;
}

.user-card-s2 .card-image-box .custom-tooltip:hover:before {
    left: -3px;
    bottom: -10px;
}

.user-card-s2 .card-image-box .custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -36px;
    left: -41px;
    padding: 4px 0;
}

.team-options .link-list-opt {
    margin: 0px;
    padding: 0px;
}

.team-info li span a:hover {
    text-decoration: underline !important;
}

.team-status.custom-tooltip:hover:before {
    left: 3px;
    bottom: -5px;
}

.team-status.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -32px;
    left: -36px;
    padding: 4px 0;
}

.team-view .button-info {
    background-color: rgb(39 159 242 / 20%);
    color: #1e9ff2!important;
    border: none;
}

.team-view .button-info:hover {
    background-color: #1e9ff2 !important;
    color: #ffffff !important;
}

.team-view .theme-button {
    font-size: 15px;
    box-shadow: none;
}

.team-view .theme-button i {
    font-size: 15px !important;
}

.no_resize {
    resize: none;
}

.file_upload_size .uppy-Dashboard-Item {
    width: 100px !important;
    height: 90px !important;
}

.file_upload_size .uppy-Dashboard-Item .uppy-Dashboard-Item-action--remove {
    z-index: 1002;
    position: absolute;
    top: -139px;
    right: -22px;
    width: 18px;
    height: 18px;
    padding: 0;
}


.p-detail-four-sec .chat-application .chat-app-window .chats,
.internal_messages_width .chat-app-window .chats  {
    margin-bottom: 15px;
}


.blogs_box > .p-3 h5 {
    color: #495057;
    font-size: 16px;
    font-family: 'Poppins' !important;
    font-weight: 400;
}

.blogs_box > .p-3 p {
    color: #74788d;
    font-size: 14px;
    font-family: 'Poppins' !important;
    font-weight: 400;
}

.blogs_box .articles_meta_tags {
    display: flex;
    align-items: center;
}

.blogs_box .articles_meta_tags .badge-primary {
    background-color: #e7edf3;
    color: #74788d;
}

.blogs_box .list-inline .list-inline-item div {
    color: #74788d;
    font-size: 14px;
    font-family: 'Poppins' !important;
    font-weight: 400;
    position: relative;
}

.blogs_box .list-inline {
    display: flex;
    justify-content: space-between;
}

.blogs_box .list-inline .list-inline-item div.custom-tooltip:hover:before {
    left: -2px;
    bottom: -5px;
}

.blogs_box .list-inline .list-inline-item div.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -32px;
    left: -39px;
    padding: 4px 0;
}

.blogs_box .list-inline .list-inline-item div.blog_id_tip.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -32px;
    left: -41px;
    padding: 4px 0;
}

.blogs_box .samples-drop-down .dropdown-menu {
    top: 5px !important;
}


.blogs_box .status .publish_status {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 155px;
}

.blogs_box .status {
    position: relative;
}

.blogs_box .status .publish_status i {
    color: #fff;
}

.blogs_box .status .publish_status.custom-tooltip:hover:before {
    left: 3px;
    bottom: -10px;
}

.blogs_box .status .publish_status.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -36px;
    left: -35px;
    padding: 4px 0;
}

.blogs_box .position-relative {
    min-height: 150px;
}

#Users-company .badge-striped {
    border-width: 2px !important;
}

.internal_messages_width .chat-app-form .chat-app-input .has-icon-left .theme-button {
    border-radius: 0px 5px 5px 0px;
    padding: 7px 22px !important;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    font-family: 'Poppins' !important;
    font-size: 13px;
    transition: all 0.2s ease-in-out;
    height: 48px !important;
}

.client_message_section .chat-app-input .has-icon-left .theme-button {
    border-radius: 0px 5px 5px 0px;
    padding: 7px 22px !important;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    font-family: 'Poppins' !important;
    font-size: 13px;
    transition: all 0.2s ease-in-out;
    display: flex;height: 48px !important;
justify-content: center;align-items: center;}

.company_list .heading-elements .button-info:hover i {
    color: #1e9ff2 !important;
}

.customer_tooltip {
    position: relative;
}

.customer_tooltip.custom-tooltip:hover:before {
    left: -3px;
    bottom: -5px;
}

.customer_tooltip.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -30px;
    left: -41px;
    padding: 4px 0;
}

#bankDetailsModal .modal-body ul li {
    width: 50%;
}

#bankDetailsModal .modal-body ul li a.nav-link {
    text-decoration: none !important;
    color: #212529;
}

#bankDetailsModal .modal-body ul li a.active {
    color: #fff;
}
.general-box {
    background-color: #e2e2e291;
    padding: 10px;
    border-radius: 5px;
    height: 100%;
}

.general-box h6 {
    font-family: unset !important;
}

.general-box p {
    white-space: pre;
    margin: 0;
}

span.filename-badge {
    background-color: #e2e2e2;
    margin-right: 4px;
    padding: 0 6px;
    border-radius: 3px;
}

#MyClockDisplay {
    letter-spacing: 2px;
    font-size: 14px;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 300;
    position: absolute;
    top: 20px;
    left: 160px;
}

.sprite {
    background-image: url('../images/spritesheet.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-pakistan-flag {
    width: 20px;
    height: 20px;
    background-position: -5px -5px;
}

.sprite-usa-flag {
    width: 20px;
    height: 20px;
    background-position: -35px -5px;
}

.time-box {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.time-box i {
    margin-right: 7px;
}


.btn-general-lead {
    display: inline-block !important;
    width: auto !important;
    padding: 5px 20px !important;
    color: #fff !important;
    margin: 0 0 0px 7px !important;
}

.general-lead-box {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.d-unset{
    display: unset !important;
    padding: 7px 60px !important;
}

#modalQuickTerminal .modal-body {
    overflow-y: scroll;
    max-height: 530px;
    overflow-x: hidden;
}


.listing_note {
    color: #f6001a;
    font-size: 12px;
    position: absolute;
    bottom: -20px;
    font-weight: 500;
    font-family: 'Poppins' !important;
}

.paymemts-info-main-box {
    text-align: center;
    padding: 20px 0 10px 0;
    margin-bottom: 25px;
    border-radius: 8px;
    webkit-box-shadow: 0px 0px 8px -3px rgb(142 170 183);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgb(142 170 183) !important;
    background-color: #fff;
}

.paymemts-info-main-box h6 {
    color: #464855;
    font-family: unset !important;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
}

.paymemts-info-main-box h5 {
    color: #464855;
    font-family: unset !important;
    text-transform: uppercase;
    margin: 0;
    font-size: 19px;
    padding: 0;
}

.btn_1 {
    background-color: #f7a43d;
    color: #fff;
    padding: 0 3px;
    border-radius: 4px;
    border: 1px solid #f7a43d;
}

.btn_2 {
    background-color: #38c172;
    color: #fff !important;
    padding: 0 3px;
    margin: 0 8px;
    border-radius: 4px;
    border: 1px solid #38c172;
}
.btn_3 {
    background-color: #168DEE;
    color: #fff;
    padding: 0 3px;
    border-radius: 4px;
    border: 1px solid #168DEE;
}

.btn_1:hover {
    background-color: #fff;
    color: #f7a43d;
}

.btn_2:hover {
    background-color: #ffffff;
    color: #40d39e !important;
}

.btn_3:hover {
    background-color: #fff;
    color: #168dee;
}

.lead-project-box .project-box-info {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.lead-project-box .value-badge {
    height: 100%;
    width: 100%;
    background: #e0e0e0;
    position: relative;
}

.lead-project-box .value-badge p {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    padding: 0;
}

.lead-project-status {
    position: absolute;
    top: 10px;
    right: 20px;
}

.lead-project-box {
    position: relative;
    webkit-box-shadow: 0px 0px 8px -3px rgb(142 170 183);
    -moz-box-shadow: 0px 0px 8px -3px rgba(142, 170, 183, 1);
    box-shadow: 0px 0px 8px -3px rgb(142 170 183) !important;
    background-color: #fff;
    padding: 15px 15px 0 15px;
    margin-bottom: 20px;
}


.lead-project-box .subTask_info {
    position: unset !important;
    padding: 10px 0 0 0 !important;
    margin-top: 15px;
}

.lead-project-box .project-desc p {
    margin: 0;
    padding: 0;
}

.lead-project-box .user-avatar {
    height: 100%;
    width: 100%;
}

.lead-project-box .project-id h6 {
    font-family: unset !important;
    font-size: 13px;
    color: #000;
    margin: 0 0 4px 0;
}

.lead-project-box .project-box-info .project-name {
    margin-right: 10px;
    margin-bottom: 0;
}

.lead-project-box .subTask_info ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.lead-project-box .subTask_info ul li {
    margin-bottom: 10px;
}

.lead-project-box .p-main-box {
    display: flex;
    align-items: center;
}

.lead-project-box .p-main-box .user-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.custom-expense-drop {
    z-index: 999999;
}

.note-editable li {
    list-style: revert !important;
}

.project_details_tasks .card-body table tbody {
    max-height: 100px;
    overflow: auto;
}

.project-overview-box {
    max-height: 700px;
}

.project-overview-box .project_details_tasks {
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 20px;
    background-color: #dddddd38 !important;
}

.client-activity-box {
    display: flex;
    padding: 15px 20px 10px 10px;
    border-bottom: 1px solid #00000017;
    position: relative;
}

.user-box {
    padding-right: 5px;
}

.client-activity-box .user-box i {
    font-size: 20px;
    color: #c7c7c7;
}

.client-activity-box .main-header {
    display: block;
    align-items: center;
    margin-bottom: 8px;
}

.client-activity-box .main-header h6 {
    font-family: 'Poppins' !important;
    color: #3c525d !important;
    font-weight: 600 !important;
    padding-right: 10px !important;
    font-size: 13px !important;
    margin: 0 !important;
}

.client-activity-box .main-header h5 {
    font-family: unset !important;
    font-size: 11px !important;
    color: #3c525d !important;
    margin: 5px 0 10px 0px !important;
}

.client-activity-box .c-desc-box p {
    margin: 0;
    font-family: unset !important;
    display: flex;
    align-items: flex-start;
}

.client-activity-box .c-desc-box p span {
    margin-right: 5px;
}

.client-activity-box .c-desc-box p span p {
    margin-right: 5px;
    font-size: 12px;
    text-decoration: none !important;
    color: unset !important;
    font-style: normal !important;
}

.btn-rpt-link {
    background-color: #1e9ff2;
    color: #fff !important;
    padding: 2px 0;
    border: 1px solid #1e9ff2;
    display: block;
    text-align: center;
    border-radius: 5px;
}

.btn-rpt-link:hover {
    background-color: #fff !important;
    color: #1e9ff2 !important;
    border: 1px solid #1e9ff2;
}

.link-danger {
    background-color: #f86b6d;
    border: 1px solid #f86b6d;
}

.link-danger:hover {
    background-color: #fff;
    color: #f86b6d !important;
    border: 1px solid #f86b6d;
}

.link-success {
    background-color: #38c172;
    border: 1px solid #38c172;
}

.link-success:hover {
    background-color: #fff;
    color: #38c172 !important;
    border: 1px solid #38c172;
}


.button-excel.custom-tooltip:hover:before {
    left: 15px !important;
    bottom: -12px !important;
}

.button-excel.custom-tooltip:hover:after {
    bottom: -39px !important;
    left: -31px !important;
    width: 105px !important;
}

.task-info-main-box ul {
    margin: 0;
}

.btn-unutilize-excel{
    position: absolute !important;
    right: 20px;
    top: 15px;
}
.btn-utilize-excel {
    position: absolute !important;
    top: -67px;
    right: 10px;
}

div#LoadBalancerCascadeFieldsDiv label,
div#LoadBalancerFieldsDiv label {
    font-size: 13px !important;
}


.topButtonForAdmin {
    display: inline-block;
    background-color: #fa713b;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
.topButtonForAdmin::after {
    content: "\f077";
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 47px;
    color: #fff;
}
.topButtonForAdmin:hover {
    cursor: pointer;
    background-color: #607d8b;
}
.topButtonForAdmin:active {
    background-color: #555;
}
.topButtonForAdmin.show {
    opacity: 1;
    visibility: visible;
}
.topButton {
    display: inline-block;
    background-color: #fa713b;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 90px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
.topButton::after {
    content: "\f077";
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 47px;
    color: #fff;
}
.topButton:hover {
    cursor: pointer;
    background-color: #607d8b;
}
.topButton:active {
    background-color: #555;
}
.topButton.show {
    opacity: 1;
    visibility: visible;
}

.chatAreaShow .chatCard {
    position: fixed;
    overflow: hidden;
    bottom: 5px;
    right: 10px;
    z-index: 1000;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.chatAreaHide .chatCard {
    background-color: #fff;
    position: fixed;
    bottom: -550px;
    right: 10px;
    z-index: 1000;
    border-radius: 5px;
    display: none;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.chatCard .wrap {
    margin: 0 auto;
}

.chatCard .wrap ul.chat-tabs {
    width: 390px;
    margin: 0 auto;
    list-style: none;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0px;
    z-index: 1002;
}

.chatCard .wrap ul.chat-tabs li {
    float: left;
    width: 50%;
}

.chatCard .wrap ul.chat-tabs li a {
    /* position: relative; */
    display: block;
    /* margin: 10px 0px 0px 0px; */
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background: #3c525dbf;
    -webkit-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
    box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
    border: 0px solid #000000;
    -webkit-transition: padding 0.2s ease, margin 0.2s ease;
    -moz-transition: padding 0.2s ease, margin 0.2s ease;
    -o-transition: padding 0.2s ease, margin 0.2s ease;
    -ms-transition: padding 0.2s ease, margin 0.2s ease;
    transition: padding 0.2s ease, margin 0.2s ease;
}
.chatCard .wrap .chat-tabs li:first-child a {
    z-index: 3;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
}
.chatCard .wrap .chat-tabs li:nth-child(2) a {
    z-index: 2;
}
.chatCard .wrap .chat-tabs li:last-child a {
    z-index: 1;
    -webkit-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
    box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
}
.chatCard .wrap ul.chat-tabs li a:hover {
    /* margin: 10px 0px 0px 0px; */
    /* padding: 10px 0px 0px 0px; */
}
.chatCard .wrap ul.chat-tabs li a.active {
    margin: 0px;
    padding: 10px 0;
    background: #3c525d;
    color: #ffffff;
    /*color: #ff6831;*/
    z-index: 4;
    outline: none;
}
.chatCard .wrap .group:before,
.chatCard .wrap .group:after {
    content: ""; /* 1 */
    display: table; /* 2 */
}
.chatCard .wrap .group:after {
    clear: both;
}
.chatCard .wrap #chatTabContent {
    width: 390px;
    height: 550px;
    padding: 0;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 2px 8px 25px -2px rgb(0 0 0 / 30%);
    -moz-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
    box-shadow: 2px 8px 25px -2px rgb(0 0 0 / 30%);
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.chatCard #chatTabContent .chat-popup-contact-list-boxes p {
    font-family: 'Open Sans', sans-serif;
    padding: 0px 10px 0px 0px;
    color: #000;
    line-height: 26px;
    font-size: 18px;
    margin: 0;
}
.chat-popup-tab .contact-list-desc h6 {
    color: #000;
    font-size: 14px;
    font-family: 'Poppins' !important;
    font-weight: 300;
    margin: 0px;
}
.chat-popup-tab {
    height: 100%;
}

.chat-popup-tab .chatsStyle {
    height: 435px !important;
    padding-top: 80px !important;
    border: none !important;
    margin-bottom: 0px !important;
}

.chat-popup-tab .custom-table-view .chats {
    margin-bottom: 0px !important;
}

.chat-popup-tab .subHeader-main-box {
    border-bottom: 1px solid #ddd;
    padding: 10px 10px;
    /* justify-content: space-between;
    position: fixed;
    z-index: 1002;
    top: 52px;
    left: 0px;
    right: 0px; */
}

.chat-popup-tab .chat-application .chat-app-form {
    overflow: initial;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.chat-popup-tab form .form-control, .form-control, .selectize-control .selectize-input {
    min-height: 52.5px !important;
    margin-top: 15px !important;
    padding-left: 10px !important;
}


.agentPerform-tootlip {
    position: relative;
}

.agentPerform-tootlip.custom-tooltip:hover:before {
    left: 70px;
    bottom: -12px;
}

.agentPerform-tootlip.custom-tooltip:hover:after {
    border-radius: 4px;
    bottom: -37px;
    left: 0;
    width: 175px;
}

.table thead th {
    border: 1px solid #607d8b !important;
    color: #fff !important;
    font-size: 13px !important;
    background-color: #607d8b !important;
    font-weight: 500 !important;
    letter-spacing: 0.8px;
    position: sticky !important;
    top: -1px !important;
    z-index: 2 !important;
    padding: 9px !important;
}


div#accordion .card-header {
    background-color: #ffffff !important;
    -webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
    padding: 0;
    position: relative;
}

div#accordion .card-header a {
    color: #3c525d;
    font-size: 13px;
    width: 100%;
    display: block;
    padding: 22px 43px;
}
.sales-v2-table .table-bordered tbody .even td {
    background-color: #fff !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #899ea3;
}

.sales-v2-table table tr td {
    background-color: #fff !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #899ea3;
}

.sales-v2-tooltip {
    position: relative;
}

.sales-v2-tooltip.custom-tooltip:hover:before {
    left: 20px;
    bottom: -9px;
}

.sales-v2-tooltip.custom-tooltip:hover:after {
    border-radius: 3px;
    bottom: -35px;
    left: -14px;
    width: 175px;
}

div#accordion .card-header a > i {
    position: absolute;
    left: 10px;
    top: 20px;
    font-size: 12px;
    background-color: #38c172;
    padding: 5px 6px;
    border-radius: 50%;
    color: #fff;
}

div#accordion .card-header a .fa-minus {
    background-color: red;
}

.won-chargeback .summary-icon {
    background-color: rgb(42 208 149 / 10%);
}

.won-chargeback .trans-amount-desc h3 {
    color: #28d094;
}

.second-cb i {
    color: red;
}

.second-cb .trans-amount-desc h3 {
    color: red;
}

.second-cb .summary-icon {
    background-color: rgb(255 0 0 / 10%);
}

.refund-box i {
    color: #ff4d65;
}

.rf-box i {
    color: #fe9d5d;
}

.second-cb i {
    color: red;
}

.reports-tabs-box .tab-content div:first-child {
    opacity: 1 !important;
}

.reports-tabs-box .nav.nav-tabs.nav-underline .nav-item a.nav-link {
    font-size: 15px !important;
}

.reports-tabs-box .view-tabs-content-box{
    padding: 20px 10px;
}

.report-role-span{
    display: table;
    margin: 10px auto 0 auto;
}

.reports-tabs-box .lead-order-card-box{
    background-color: #eee;
}

.reports-tabs-box .lead-order-general-card-info .sales-accordian:last-child .card {
    margin-bottom: 0;
}

.single-agent-header .PerformancesReportHeader {
    align-items: end !important;
}

.reports-tabs-box .lead-order-general-user h4{
    font-size: 15px !important;
    font-family: unset !important;
    font-weight: unset !important;
    margin-top: 20px !important;
}

.reports-tabs-box .lead-order-general-user h5{
    font-size: 14px !important;
    font-family: unset !important;
    font-weight: 400 !important;
}

.agents-subunit-table .custom-tooltip{
    position: relative;
    padding: 1px 7px !important;
}

.agents-subunit-table .custom-tooltip:hover:before {
    bottom: -8px;
}

.agents-subunit-table .custom-tooltip:hover:after {
    border-radius: 3px;
    bottom: -27px;
    left: -37px;
    width: 115px;
    font-size: 11px;
}

.agents-unit-table {
    table-layout: fixed !important;
}

.role-counter {
    background-color: #8bc34a;
    color: #ffffff;
    height: 20px;
    width: 20px;
    text-align: center;
    display: block;
    position: absolute;
    top: 11px;
    border-radius: 50%;
    line-height: 20px;
}

.text-underline{
    text-decoration: underline;
}

.report-lk{
    color: #0066ff !important;
    font-family: unset !important;
}

.report-lk:hover {
    text-decoration: underline !important;
}

.b-unit-tooltip {
    position: relative;
}

.b-unit-tooltip.custom-tooltip:hover:before {
    left: 50%;
    bottom: -10px;
}

.b-unit-tooltip.custom-tooltip:hover:after {
    border-radius: 3px;
    bottom: -37px;
    left: -14px;
    width: 165px;
}

.sales-summ-table table thead tr:nth-child(1) th {
    position: sticky !important;
    top: -1px !important;
}
.sales-summ-table table thead tr:nth-child(2) th {
    position: sticky !important;
    top: 38px !important;
}



.project-members-table tr:nth-child(2n+2) {
    background: rgba(227, 233, 237, .2);
    box-shadow: 1px 1px 4px 0px #e3e9ed;
}

.project-members-table table tr td {
    border: none;
}

.project-members-table {
    max-height: 230px;
    overflow: scroll;
}

.subTask_info .taskInfo_box {
    margin-bottom: 10px;
}

.overview-activity .main-header {
    display: block;
}

.overview-activity .main-header h5{
}

.overview-activity .c-desc-box p {
    margin: 0 0 3px 0;
}

.rev-active-main-box .overview-activity:last-child {
    border-bottom: none;
    padding: 10px 10px;
}

.project-members-table table tr td {
    white-space: nowrap;
}
.project-members-table table tr td .badge {
    margin-right: 5px;
}

.video-module-table table tbody tr td a {
    position: relative;
}

.video-module-table table tbody tr td a i {
    font-size: 20px;
    color: #f7a43d;
}

.view_video.custom-tooltip:hover:before {
    left: 3px;
    bottom: 1px;
}

.view_video.custom-tooltip:hover:after {
    bottom: -24px;
    left: -35px;
}

.card.video-tutorial {
    border: 1px solid #c7c6c6;
    padding: 15px 0px;
    margin: 20px;
}

.video-tutorial-thumbnail img {
    width: 100%;
    max-height: 139px;
    object-fit: cover;
}

.video-tutorial .video-thumbnail {
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    border-radius: 0 !important;
    font-size: 0.9rem !important;
    margin-top: 30px !important;
    box-shadow: none;
    position: relative;
}

.video-tutorial .samples-drop-down > a {
    margin-top: 0px !important;
    border-radius: 50% !important;
}

.video-tutorial .samples-drop-down > a:hover {
    background-color: #8bc34a !important;
    border-radius: 50% !important;
}




.video-tutorial h3 {
    color: #808080;
    font-size: 14px;
    margin: 20px 5px 5px;
    text-align: center;
}

.videos_section .card-top {
    margin-bottom: 0px !important;
}

.play_button {
    background-color: #0000008f;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 140px;
    /* transition: all 0.5s ease-in-out; */
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-tutorial .video-thumbnail:hover .play_button i {
    /* transition: all 0.5s ease-in-out; */
    transform: scale(1.3);
}

.play_button i {
    transition: all 0.5s ease-in-out;
}

.play_button i {
    font-size: 40px;
    color: #fff;
}
.for-height.subtask-detail {
    height: 100%;
}

.ticker-wrap {
    width: 100%;
    overflow: hidden;
    height: 20px;
    background-color: #8bc34a;
    padding-left: 100%;
    padding-top: 10px;
    padding-bottom: 29px;
}
.ticker-wrap .ticker {
    display: inline-block;
    line-height: 20px;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0);
    }
}
@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0);
    }
}
.ticker__item.white-text a {
    color: #fff !important;
    font-family: unset !important;
    font-weight: 100;
}

.tickerLoader {
    right: 30px;
    bottom: 0px;
    z-index: 999;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: relative;
}

.rev-active-main-box {
    max-height: unset;
    padding: 0;
}

.height-40{
    height: 40%;
}

.height-60{
    height: 60%;
}

.dashboard-members-box {
    max-height: unset !important;
}

.dashboard-members-box .table-responsive{
    max-height: unset !important;
}
.note-editor.note-frame.panel.panel-default {
    position: relative;
    z-index: 999;
}

.summerNoteEditor .uploadProjectsWrapper [data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
    background-color: #8bc34a !important;
    border-radius: 5px;
    right: 10px;
    top: 7px;
}

.summerNoteEditor .uploadProjectsWrapper .uppy-Dashboard-browse{
    color: #fff !important;
}

.chatSendBtn {
    bottom: 0;
    right: -10px;
    width: 100% !important;
}

.chatSendBtn > button {
    border-radius: 5px !important;
}

p.conversation-text ol {
    margin: 0;
    padding: 0;
}

p.conversation-text ol li {
    list-style: unset;
}

.ui-helper-hidden-accessible {
    display: none;
}

.p-client-message .uploadProjectsWrapper .uppy-Dashboard-files,
.p-internal-messages .uploadProjectsWrapper .uppy-Dashboard-files,
.t-inner-message .uploadProjectsWrapper .uppy-Dashboard-files,
.s-inner-message .uploadProjectsWrapper .uppy-Dashboard-files
{
    top: 0px !important;
    left: 0 !important;
    width: 100% !important;
    min-height: 80px !important;
    max-height: 80px !important;
    z-index: 999;
}
.t-client-messages .chat-application .chat-app-window .chats .chat-app-form {
    height: unset !important;
}

.t-inner-message .chat-application .chats .chat-body .chat-content{
    margin: 0 10px 15px 5px !important;
}

.t-inner-message .chat-app-window .chats .chat-app-form {
    height: 230px !important;
}

.t-inner-message .chat-application .chat-app-window {
    padding: 0 0 210px !important;
}

section.chat-app-window.chat-app-form.t-inner-message-editor{
    padding: 20px 20px 210px !important;
}

.taskClient-messages .project_details_tasks{
    height: 90px !important;
}

.task-client-messages-boxes{
    padding: 0 0 220px !important;
}

.s-inner-message .chat-app-window .chats .chat-app-form{
    height: 230px !important;
}

section.chat-app-window.px-0.subtask-inner-box {
    padding: 0 0 220px;
}

.s-inner-message .chat-application .chats .chat-body .chat-content{
    margin: 0 10px 15px 5px !important;
}

.descp-box h1,
.descp-box h2,
.descp-box h3,
.descp-box h4,
.descp-box h5,
.descp-box h6,
.descp-box label,
.descp-box span
{
    font-family: unset !important;
}

.summerNoteEditor .note-resizebar{
    display: none;
}

.summerNoteEditor .client_message_section .note-resizebar{
    display: block !important;
}

.summerNoteEditor .note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar{
    border-top: none !important;
}

.project-inner-message-padding{
    padding: 0 0 230px !important;
}

.project-inner-editor-height{
    height: 240px !important;
}

.project-summernote-editor-height{
    height: 120px !important;
}

.btn-editor {
    margin-bottom: 5px;
}

.btn-editor > i {
    font-size: 16px;
}

.btn-editor {
    position: absolute;
    right: 300px;
    top: 27px;
    height: 36px;
    z-index: 9999;
}

.inner-message-area .note-editable {
    width: 85%;
    padding-right: 0px !important;
}

.inner-message-area-text-editor {
    position: relative;
}

.client-message-area .btn-editor{
    position: unset !important;
    margin: 0px;
}
.inner-message-area-text-editor .btn-editor {
    top: 10px;
}

.client-message-editor-height{
    height: 140px !important;
}

.project-client-message-padding{
    padding: 0 0 240px !important;
}

.btn-task-edit {
    position: absolute;
    right: 320px;
    top: 27px;
    height: 36px;
    z-index: 9999;
}

.btn-subtask-editor{
    position: absolute;
    right: 211px;
    top: 27px;
    height: 36px;
    z-index: 9999;
}

#statuswiseLeadPieChart span.apexcharts-legend-marker {
    border-radius: 0px !important;
}

.custom-box-lead{
    padding: 10px;
    background-color: #fff;
    color: #000;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.custom-box-lead .number{
    font-weight: bold;
}

.per {
    font-weight: 700;
}

.revision-box-project ul li {
    width: 50%;
    text-align: center;
}

.revision-box-project ul li a {
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    background-color: #1e9ff2;
    color: #fff;

}

.revision-box-project ul li:first-child a{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


.revision-box-project ul li:nth-child(2n) a{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

span.text,
#errorMessage
{
    color: #f00;
    margin-top: 10px;
    display: block;
}

.seen-status-box {
    background-color: #38c172;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-left: 2px;
}

.seen-status-box i {
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    margin: 0 auto;
    display: table;
}

span.userName.upload_by {
    background-color: #607d8b;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Open Sans' !important;
}

.revision-box-project ul li:first-child {
    border-right: 2px solid #e2e2e2;
}

.revision-box-project ul li {
    border-bottom: 2px solid #e2e2e2;
}

.revision-box-project ul li a {
    background-color: transparent !important;
    color: #3c525d !important;
    font-family: 'Poppins' !important;
    font-weight: 500;
}

.revision-box-project ul li a.nav-link.active{
    background-color: #607d8b !important;
    color: #fff !important;
}

.c-desc-box > a {
    position: absolute;
    right: 30px;
    color: red !important;
    font-style: italic;
    text-decoration: underline !important;
    font-size: 13px;
}

.c-desc-box p:first-child {
    font-family: 'Poppins' !important;
    font-style: italic;
    color: red;
    text-decoration: underline !important;
}

.revision-todo-list > a {
    margin-left: 15px;
    margin-bottom: 20px;
    width: 95%;
    padding: 10px 0 !important;
    border-radius: 3px;
    margin-top: 20px;
}

.unseen-status {
    background-color: #bbb !important;
}

div#deadline_root {
    z-index: 99999;
}
.lead-name-email .lead-name {
    display: block;
    text-align: inherit;
    margin-bottom: 5px;
    font-size: 13px !important;
}

.lead-name-email .lead-email {
    font-size: 11px !important;
    color: #607d8b !important;
}

.project-position {
    position: relative;
}

.project_count {
    position: absolute;
    top: -8px;
    right: -14px;
    background-color: #28D094;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    line-height: 18px;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #fff;
    font-size: 12px;
}

.project_count p a {
    color: #fff !important;
}

.no-agent {
    background-color: #f6423f;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.yes-agent {
    background-color: #4bd195;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.no-agent.custom-tooltip:hover:before {
    left: 6px;
    bottom: -2px;
    border-color: #444 transparent;
}

.no-agent.custom-tooltip:hover:after {
    bottom: -25px;
    left: -33px;
    background-color: #444;
}

.yes-agent.custom-tooltip:hover:before {
    left: 6px;
    border-color: #444 transparent;
    bottom: -2px;
}


.yes-agent.custom-tooltip:hover:after {
    bottom: -28px;
    background-color: #444;
    left: -32px;
}

.lead-table-responsive table tbody tr td .samples-drop-down ul li a p {
    margin: 0px;
    font-weight: 600;
}

.lead-table-responsive table tbody tr td .samples-drop-down ul li {
    display: none;
}

.lead-table-responsive table tbody tr td .samples-drop-down ul li:nth-child(1),
.lead-table-responsive table tbody tr td .samples-drop-down ul li:nth-child(2) {
    display: block;
}

.lead-table-responsive table tbody tr td .samples-drop-down {
    top: 10px;
    right: 45px;
}

@media(max-width:1600px){
    .lead-table-responsive table tbody tr td .samples-drop-down {
        right: 28px;
    }
}

@media(max-width:1440px){
    .lead-table-responsive table tbody tr td .samples-drop-down {
        right: 20px;
    }
}

@media(max-width:1366px){
    .lead-table-responsive table tbody tr td .samples-drop-down {
        right: 18px;
    }
}

@media(max-width:1280px){
    .lead-table-responsive table tbody tr td .samples-drop-down {
        right: 14px;
    }

}

@media(max-width: 800px) {
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: list-item;
        width: 100%;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr {
        border: 1px solid #ccc;
    }

    .no-more-tables tr:nth-child(2n + 1) {
        background-color: #dadada52 !important;
    }

    .no-more-tables td {
        /* Behave like a "row" */
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative !important;
        padding-left: 50% !important;
        white-space: normal !important;
        text-align:left !important;
    }

    .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 12px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    .no-more-tables.lead-table-responsive table tbody tr td .samples-drop-down {
        right: 5px;
        top: -419px;
    }

    .no-more-tables.lead-table-responsive table tbody tr td #Leadmenu {
        display: none;
    }

    .no-more-tables.lead-table-responsive table tbody tr td .samples-drop-down ul li {
        display: block;
    }

    /*
    Label the data
    */
    .no-more-tables td:before {
        content: attr(table-data-title);
        padding-left: 20px;
        font-weight: 500;
    }
}

@media(max-width:414px){
    .no-more-tables td {
        /* Behave like a "row" */
        padding-left: 39%;
    }
}

@media(max-width:375px){
    .no-more-tables td {
        padding-left: 32%;
    }
}

@media(max-width:360px){
    .no-more-tables td {
        padding-left: 29%;
    }
    .no-more-tables td:before {
        padding-left: 10px;
    }
}



.box-shadow-none{
    box-shadow: none !important;
}

.custom-tooltip.call-icon-tooltip::after {
    width: 40px !important;
    left: -3px !important;
}

.unread-message h6,
.unread-message p
{
    font-weight: 500;
}

.call-modal.fade.show {
    opacity: 1;
    background-color: #000000c7;
}

.lead-call-modal-box {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.call-modal button.close {
    position: absolute;
    right: 0;
    background-color: #ff5b5b;
    text-shadow: none;
    color: #fff;
    padding: 3px 10px;
    font-size: 25px;
    z-index: 9999;
    opacity: 1;
}

.sender-main-box p {
    padding: 0;
    font-size: 27px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-weight: 700;
}

.sender-main-box select {
    border: 1px solid #fff;
    background-color: #ddd3 !important;
    color: #afafaf !important;
}

.sender-main-box h6 {
    font-family: unset !important;
    text-align: center;
    font-size: 16px;
    margin: 0;
    background-color: #38c172;
    color: #fff;
    padding: 10px 0;
    border-radius: 5px;
}

.plus-box i {
    font-size: 27px;
}

.button-call-box a {
    background-color: #1e9ff2;
    padding: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.button-call-box a i {
    font-size: 24px;
    color: #fff;
    line-height: 47px;
}

.call-modal .modal-dialog.modal-lg {
    top: 175px;
}

.call-modal .modal-lg {
    max-width: 700px;
}

.call-modal .modal-content{
    animation: animatebottom 0.4s;
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

.lead-status-box {
    margin-right: 5px;
    width: 30px;
    text-align: center;
    display: block;
}


.lead-main-info-box {
    display: flex;
    align-items: center;
}
.badge-source-website i {
    font-size: 22px;
    color: #607d8b;
}

.btn-download-agent-v2{
    top: 77px !important;
}

.chat-box {
    padding: 10px 0px;
    border-top: 1px dashed #b1b1b1;
}

.chat-box h6 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Open Sans' !important;
    font-style: italic;
}

.chat-box p {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans' !important;
}

.chat-box h6 span {
    float: right;
    font-style: initial;
    color: #000000b0;
    padding-right: 10px;
}

div#chatdata {
    width: 100%;
    float: left;
    max-height: 470px;
    overflow: auto;
    padding: 0 10px;
}

#agentOfMonth .card .card-content .card-body .agent-image img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    border: 1px solid #d8e2e1;
    border-radius: 50%;
}

#agentOfMonth .card .card-content .card-body {
    padding: 0px;
    margin-bottom: 26px;
}

#agentOfMonth .card .card-content .card-body h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#agentOfMonth .card .card-content .card-body .agent-info {
    margin: 0px;
}
#agentOfMonth .card .card-content .card-body .agent-info h6{
    margin: 20px 0px;
}

#agentOfMonth .card .card-content .card-body .agent-info h6 {
    font-size: 15px;
    color: #222 !important;
}

#agentOfMonth .card .card-content .card-body .t-center {
    justify-content: center;
}

#agentOfMonth .card .card-content .card-body .sep-border {
    border-right: 1px solid #d8e2e1;
}

#topAgents .card .card-content .card-body {
    padding: 0px;
}

#topFiveConvertedLeadsBrands .card-body,
#topFiveMissedLeadsBrands .card-body {
    padding: 0px;
}

.urgent-style::before {
    background-color: #ff00006e !important;
}

.project_list .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-btn-box button {
    background-color: #fff;
    padding: 7px 9px;
    border-radius: 5px;
    color: #1e9ff2;
}

.header-btn-box button:hover {
    background-color: #3c525d75;
    color: #fff !important;
}

.header-btn-box {
    display: flex;
    align-items: center;
}

.header-btn-box .button-filter:hover {
    background-color: #6c757d;
}

.header-btn-box .button-filter:hover i {
    color: #fff !important;
}

.header-btn-box button.active {
    background-color: #3c525d75;
    color: #fff;
}

.chat-hover-style{
    cursor: pointer !important;
}

.chat-hover-style:hover {
    background-color: #dddddd96 !important;
}

.chatData-box {
    width: 50%;
    float: right;
    box-shadow: -5px 0 15px -10px #888;
    height: 685px;
}

.chatData-box .tab-content {
    width: 100%;
}

.btn-chat-lead {
    background-color: #8bc34a;
    border: 1px solid #8bc34a;
    color: #fff;
}
.btn-chat-lead:hover {
    color: #8bc34a;
    border: 1px solid #8bc34a;
    background-color: #fff;
}

.btn-chat-order {
    background-color: #607d8b;
    color: #fff;
    margin-left: 5px;
    border: 1px solid #607d8b;
}

.btn-chat-order:hover {
    color: #607d8b;
    background-color: #fff;
}

.btn-chat-close {
    position: absolute;
    top: 10px;
    right: 15px;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    padding: 0;
    height: 30px;
    width: 30px;
    text-align: center;
    background-color: #fff;
}

.btn-chat-close i {
    line-height: 30px;
    color: #828282;
}

.btn-chat-close:hover {
    background-color: #b7b7b7;
}

.chatData-box ul li a {
    border: 1px solid #cecece;
    padding: 8px 10px;
    color: #191919;
    font-weight: 600;
    font-family: 'Open Sans' !important;
    cursor: pointer;
}

.chatData-box ul li:first-child a {
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.chatData-box ul li a.active {
    background-color: #e9ebed !important;
}

.chat-box.message-exists h6 {
    text-align: left;
    font-weight: 600;
    font-style: initial;
    margin-bottom: 3px;
}

.chat-box.message-exists h6 span {
    font-weight: 400;
}

.visitor-style {
    color: green;
}

.visitor-info-box,
.chat-paths
{
    border: 1px solid #cececeab;
    margin: 0 20px;
    padding: 10px 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.visitor-info-box .info p,
.chat-paths > p,
.chat-paths a
{
    margin: 0;
    padding: 0;
    color: #000000cc;
    font-size: 12px;
    font-family: 'Open Sans' !important;
    word-break: break-word;
}

.chat-paths a:hover{
    text-decoration: underline !important;
    color: #000000cc !important;
    cursor: pointer;
}

.visitor-info-box .info {
    margin-bottom: 15px;
}

.main-path-box i {
    background-color: #c5c5c5;
    font-size: 9px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    color: #757575;
    margin-right: 5px;
}

.main-path-box {
    margin-bottom: 5px;
}

.paths-box {
    margin-bottom: 5px;
}

.paths-box span:first-child {
    height: 15px;
    width: 15px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    border: 2px solid #c5c5c5;
    position: relative;
    top: 3px;
}

.paths-box span:first-child:after {
    content: '';
    height: 5px;
    width: 5px;
    display: block;
    background-color: #757575;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
}

.main-path-box span,
.paths-box p,
.paths-box span:last-child
{
    margin: 0 0 0 10px;
    color: #5e6063;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 11px;
    font-family: 'Open Sans' !important;
    border: 1px solid #7777774a;
}

div#userInfo {
    max-height: 470px;
    overflow: auto;
}

.chatData-box ul li:nth-child(2n) a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chat-id-box {
    background-color: #bdbdbd;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    margin-right: 8px;
}
.chat-id-box span {
    line-height: 30px;
}

td.lead-style {
    display: flex;
    align-items: center;
}
.chat-cust-info span {
    display: block;
}
.chat-id-box span {
    color: #fff !important;
    font-weight: bold;
}

.chat-cust-info span {
    font-size: 13px;
    color: #000 !important;
}

.chat-id-box.custom-tooltip:hover:before {
    left: 19px !important;
    bottom: 10px !important;
}

.chat-id-box.custom-tooltip:hover:after {
    bottom: -16px !important;
    left: -2px !important;
    width: 55px !important;
}

.chat-cust-info span:last-child {
    font-size: 11px !important;
    color: #607d8b !important;
}
/* td.lead-style span {
    display: block;
}

.lead-style span:first-child {
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #000 !important;
}

.lead-style span:last-child,
.lead-style span:nth-child(2n)
{
    font-size: 11px !important;
    color: #607d8b !important;
}

.display-inherit{
        display: inherit !important;
} */

.chat-agent-name {
    display: flex;
    align-items: center;
}

.chat-agent-name span:last-child {
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    color: #000 !important;
}

.chat-agent-name span:before {
    content: ',';
    margin-right: 4px;
}

.chat-agent-name span:first-child:before {
    content: '';
    margin-right: 0px !important;
}

.chat-history-header {
    background-color: #ddd;
    padding: 18px 0;
}
.chat-history-header h6 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Poppins' !important;
    font-size: 19px;
    font-style: italic;
    color: #000000ba;
}
.btn-chat-close:hover i {
    color: #fff;
}

.chat-id-box span {
    font-size: 16px;
}

.chat-agent-name span {
    text-transform: capitalize;
}

.chat-header-box {
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0px !important;
    padding: 30px 30px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#chat-history-box > .table-responsive {
    height: 600px !important;
}


.chat-cust-info a:hover {
    text-decoration: underline !important;
}

.task-list-item .custom-tooltip:hover:after {
    width: auto !important;
    padding-right: 10px;
    padding-left: 10px;
}

.expire-text-box {
    display: flex;
    align-items: center;
}

.expire-text-box span {
    margin-left: 4px;
}

.btn-load-mess {
    background-color: #1e9ff2;
    display: table;
    margin: 0 auto;
    border: 1px solid #1e9ff2;
    color: #ffffff;
    position: relative;
    border-radius: 6px;
    font-family: 'Poppins' !important;
    margin-bottom: 20px;
    padding: 5px 25px;
}

.btn-load-mess::before {
    /* content: ''; */
    background-color: #c7c7c76e;
    display: block;
    height: 1px;
    width: 486px;
    position: absolute;
    top: 15px;
    right: 89px;
}

.btn-load-mess::after {
    /* content: ''; */
    background-color: #c7c7c76e;
    display: block;
    height: 1px;
    width: 467px;
    position: absolute;
    top: 15px;
    left: 89px;
}

.btn-load-mess:hover {
    background-color: #fff;
    color: #1e9ff2;
}

.updatedDate-box {
    color: #000000;
    margin: 0 auto;
    display: table;
    border-radius: 20px;
    padding: 5px 10px;
    position: relative;
    border: 1px solid #ddd;
    font-family: 'Poppins' !important;
    font-weight: 400;
    margin-bottom: 15px;
}

.updatedDate-box::before {
    content: '';
    background-color: #c7c7c7;
    display: block;
    height: 1px;
    width: 430px;
    position: absolute;
    top: 15px;
    right: 125px;
}

.updatedDate-box::after {
    content: '';
    background-color: #c7c7c7;
    display: block;
    height: 1px;
    width: 430px;
    top: 15px;
    left: 125px;
    position: absolute;
}

.no-message-text{
    color: red;
    font-weight: 600;
    font-family: 'poppins' !important;
    text-align: center;
    margin: 10px 0 20px 0;
}

.chat .dialpad_chat_box p {
    font-weight: bold;
    margin: 0 5px 0 0;
    font-size: 13px;
    font-family: 'Poppins' !important;
}

.chat-left .dialpad_chat_box p {
    margin: 0 0 0 5px !important;
}

.chat .dialpad_chat_box p span {
    font-weight: 400;
    font-size: 12px;
    margin-right: 5px;
    font-family: 'Poppins' !important;
}

.chat-left .dialpad_chat_box p span {
    margin-left: 5px !important;
}

.chat .conversation-text i {
    margin-left: 6px;
}

.chat-left .conversation-text i {
    margin-right: 6px;
}

.missed-call {
    border: 1px solid #e87e95;
    box-shadow: none !important;
    border-radius: 8px !important;
    background-color: ffeeee !important;
    color: #7a0d20 !important;
    width: 100%;
    padding: 8px 10px !important;
}

.incoming-call,
.outgoing-call,
.cancel-call
{
    display: flex !important;
    border: 1px solid #d1d3d6;
    box-shadow: none !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    color: #000 !important;
    width: 100%;
    padding: 8px 10px !important;
}

.missed-call p,
.incoming-call p,
.outgoing-call p,
.cancel-call p
{
    font-weight: bold;
    font-family: 'Poppins' !important;
    text-transform: capitalize !important;
}

.missed-call span,
.incoming-call span,
.outgoing-call span,
.cancel-call span
{
    margin-left: 3px;
}

p.durationDate-box {
    margin: 0;
    margin-left: 4px;
    font-weight: 500;
    font-size: 12px;
}

p.conversation-text i {
    margin-right: 6px;
}

#deleteSubtaskModal h4 i {
    color: #fff;
    font-size: unset !important;
    margin-right: unset;
    background-color: unset !important;
    padding: unset;
    border-radius: unset;
}

#deleteClientFileModal h4 i {
    color: #fff;
    font-size: unset !important;
    margin-right: unset;
    background-color: unset !important;
    padding: unset;
    border-radius: unset;
}

.p_date_style p:first-child {
    color: green;
}

.p_date_style p:last-child,
.t_date_style p
{
    color: red;
}

.p_date_style p,
.t_date_style p,
.chat-date-style p
{
    margin: 0;
    font-family: 'Poppins' !important;
}

td.p_username_style {
    font-family: 'Poppins' !important;
    color: #3c525d99;
    font-weight: 600;
}
.samples-q-style {
    background-color: #607d8b45;
    color: #607d8b;
    border-radius: 50%;
    height: 19px;
    width: 19px;
    text-align: center;
    line-height: 19px;
    display: block;
    font-size: 12px;
    margin-left: 2px;
    font-weight: bold;
    margin-bottom: 0px !important;
}

.cat-samp-box {
    display: flex;
}

.modal-internal-comment-box {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 11px;
}
.modal-internal-comment-box label.check_box_switch {
    margin-right: 8px;
}
.modal-internal-comment-box .is_Check_checkbox p {
    color: red;
    font-size: 14px;
}
.project-comment-box input {
    background-color: #fff !important;
}

.chat-mess-internal-box{
    max-height: 230px !important;
}

#cientInternal .modal-internal-comment-box,
#clientExternal .modal-internal-comment-box,
#internal .modal-internal-comment-box,
#agentExternal .modal-internal-comment-box
{
    display: none;
}

#QAdashboardCards .crypto-card-3 {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}


.task-sample-modal-box {
    display: flex;
    align-items: center;
}

#agentExternal .project-comment-box,
.pro-rej-external-tab  .project-comment-box,
.pro-rej-internal-tab  .project-comment-box,
#cientInternal  .project-comment-box,
#clientExternal  .project-comment-box
{
    height: 75px !important;
    padding: 15px 30px 0 30px !important;
}

#internal .task-detail-reject-modal,
#agentExternal .task-detail-reject-modal
{
    height: 85px !important;
}

.task-reject-modal-comment {
    max-height: 210px !important;
}

.file-uploader-project-cient {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 130px;
}

.file-uploader-project-cient .uppy-Dashboard-files{
    width: 250px !important;
    top: 10px !important;
}

.visitor-path-box div {
    background-color: #ddd;
    padding: 20px;
    margin: 5px;
}

.user-contact-box {
    background-color: bisque;
    padding: 20px;
    margin: 5px;
}

.lead-chat-main-box {
    border: 1px solid #ddd;
    border-radius: 6px;
}
.user-info-box h4 {
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
    font-family: 'Poppins' !important;
    color: #79878e;
    font-weight: 500;
    font-size: 17px;
    margin: 0;
    background-color: #dddddd63;
    text-transform: uppercase;
}

.transcript-main-box {
    border-left: 1px solid #ddd;
    HEIGHT: 100%;
}

.transcript-main-box h4 {
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
    font-family: 'Poppins' !important;
    color: #79878e;
    font-weight: 500;
    font-size: 17px;
    margin: 0;
    background-color: #dddddd63;
    text-transform: uppercase;
}

.transcript-history-box {
    overflow: auto;
    max-height: 600px;
    padding: 50px 10px;
}

.user-info-box #userInfo {
    max-height: unset !important;
    overflow: unset !important;
}

.user-info-box .chat-paths,
.user-info-box .visitor-info-box
{
    border: none;
    padding: 20px 20px;
    margin: 0;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
}

.user-info-box .visitor-info-box
{
    border-bottom: none;
}

.user-info-box .chat-paths > p {
    margin-bottom: 5px;
}

.chatHistory-table tr.active{
    background-color: #bdbdbd5c !important;
}

.briefBoxes-action {
    display: flex;
    align-items: center;
}

.uppy-Dashboard-AddFiles-info {
    display: none !important;
}

.card-header-videos {
    background-color: #d8e2e1;
    border-radius: 0px;
    color: #3c525d;
    padding: 10px 10px 0px 10px;
    display: flex;
    justify-content: space-between;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card-header-videos .heading-elements-videos i {
    font-size: 20px;
    color: #3c525d;
}

.border-videos {
    border: 1px solid #dee2e6 !important;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.todo-task {
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #d8e2e1;
    padding-left: 10px;
    position: relative;
    margin-bottom: 10px;
}

.todo-ul {
    padding: 0;
}

.todo-ul .todo-li:before {
    content: '';
    position: absolute;
    height: 95%;
    width: 4px;
    border-radius: 7px;
    top: 0;
    left: -5px;
}

.todo-ul .todo-li:nth-child(odd):before {
    background-color: #2ba4f173;
}

.todo-ul .todo-li:nth-child(even):before {
    background-color: #8bc34aa8;
}

.todo-checkbox {
    margin-right: 10px;
}

.todo-ul .todo-li .todo-deadline {
    padding-left: 10px;
    font-size: 14px;
    font-family: 'Poppins' !important;
    color: #8bc34a;
}

.todo-title {
    font-size: 17px;
    font-weight: 500;
    font-family: 'Poppins' !important;
    color: #3c525d;
}

.todo-description {
    font-size: 13px;
    font-family: 'Poppins' !important;
    color: #808e96;
}

.todo-li {
    position: relative;
}

.todo-edit i {
    font-size: 15px;
    color: #3c525da6;
    margin-right: 10px;
}

.todo-delete i {
    font-size: 15px;
    color: #3c525da6;
    margin-right: 10px;
}

.activity-wrap-todo {
    max-height: 415px;
    overflow: auto;
}

.todo-line-through {
    text-decoration: line-through !important;
}

.todo-icons {
    position: absolute;
    right: 0;
    top: 0;
}

.todo-edit.custom-tooltip:hover:before {
    left: -1px;
    bottom: -5px;
}

.todo-edit.custom-tooltip:hover:after {
    bottom: -32px;
    left: -23px;
    width: 60px;
}

.todo-delete.custom-tooltip:hover:before {
    left: 24px;
    bottom: -5px;
}


.todo-delete.custom-tooltip:hover:after {
    bottom: -32px;
    left: -2px;
    width: 65px;
}

.agent-dashboard-profile {
    background-color: #fff;
    padding: 20px;
    height: 100%;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
    position: relative;
    min-height: 400px;
    width: 100%;
    overflow: scroll;
}

.agent-profile-image img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    border: 1px solid #d8e2e1;
    border-radius: 50%;
    margin-bottom: 30px;
}

.agent-profile-image {
    text-align: center;
}

.agent-dashboard-name .agentName {
    margin-bottom: 0px;
    text-align: center;
    font-size: 22px;
    font-family: 'Poppins' !important;
    font-weight: 500;
    color: #3c525d;
}

.agent-dashboard-name .agentRealName {
    text-align: center;
    font-size: 17px;
    font-family: 'Poppins' !important;
    font-weight: 500;
    color: #ababab;
}

.agent-dashboard-name .agentDetails {
    font-size: 15px;
    font-family: 'Poppins' !important;
    font-weight: 500;
    color: #3c525d;
}

.agent-dashboard-name .agentDetails i {
    margin-right: 5px;
}

.agent-dashboard-name .agentDetails span {
    font-size: 15px;
    font-family: 'Poppins';
    color: #717171;
    font-weight: 500;
}

.comparison-container {
    padding: 64px;
}

.accordian-dots-box i {
    color: #3c525d;
    padding: 4px 5px;
    font-size: 16px;
    background-color: #3c525d26;
    border-radius: 4px;
}

.trasac-err-mess .input-box input {
    border-radius: 6px;
}

.transac-message-main-box .target {
    background-color: #3c525d29;
    margin: 0 0 15px 0;
    padding: 30px 20px;
}

.transac-message-main-box .target h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-family: 'Poppins' !important;
    font-size: 20px;
    font-weight: 400;
}

.transac-message-main-box .target p {
    margin: 0;
    padding: 0;
}

.trasac-err-mess .card-body {
    overflow: scroll;
    max-height: 725px;
}

.target ul li {
    list-style: disc;
}

.brand-task-box {
    margin: 20px 20px 0 0;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all 0.1s ease-in-out;
}

.header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category {
    display: flex;
    align-items: center;
}

.footer {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand-orange {
    background-color: #ddd;
    height: 4px;
    border-radius: 20px;
    margin: 13px 0;
}

.category h6 {
    margin: 0 0px 0 5px;
    padding: 0;
    font-family: 'Poppins' !important;
    font-size: 11px;
    text-transform: uppercase;
    color: #8bc34a;
    font-weight: 300;
}

.category i {
    font-size: 9px;
    color: #8bc34a;
}

.brand-task-box > a {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    margin-top: 7px;
    margin-bottom: 4px;
    display: block;
}

.brand-task-box:hover {
    box-shadow: none;
    border: 1px solid #00000052;
}

.brand-orange::after {
    content: '';
    background-color: #8bc34a;
    width: 50%;
    height: 4px;
    position: absolute;
    border-radius: 20px;
}

/* BRAND CATEGORIES CSS START */

.brand-design .category i {
    color: #46AA04;
}

.brand-design .category h6 {
    color: #46AA04;
}

.brand-design .brand-orange::after {
    background-color: #46AA04;
}



.brand-develope .category i {
    color: #E3F99A;
}

.brand-develope .category h6 {
    color: #E3F99A;
}

.brand-develope .brand-orange::after {
    background-color: #E3F99A;
}



.lp-design .category i {
    color: #46AA04;
}

.brand-design .category h6 {
    color: #46AA04;
}

.brand-design .brand-orange::after {
    background-color: #46AA04;
}



.lp-develope .category i {
    color: #793CA4;
}

.lp-develope .category h6 {
    color: #793CA4;
}

.lp-develope .brand-orange::after {
    background-color: #793CA4;
}


.brand-qa .category i {
    color: #5BEF51;
}

.brand-qa .category h6 {
    color: #5BEF51;
}

.brand-qa .brand-orange::after {
    background-color: #5BEF51;
}

.lp-qa .category i {
    color: #53BE6A;
}

.lp-qa .category h6 {
    color: #53BE6A;
}

.lp-qa .brand-orange::after {
    background-color: #53BE6A;
    width: 25%;
}

.brand-opt-test .category i {
    color: #C3E3CF;
}

.brand-opt-test .category h6 {
    color: #C3E3CF;
}

.brand-opt-test .brand-orange::after {
    background-color: #C3E3CF;
    width: 25%;
}

.lp-opt-test .category i {
    color: #0EB0E3;
}

.lp-opt-test .category h6 {
    color: #0EB0E3;
}

.lp-opt-test .brand-orange::after {
    background-color: #0EB0E3;
    width: 65%;
}

.brand-logo-design .category i {
    color: #D59FD7;
}

.brand-logo-design .category h6 {
    color: #D59FD7;
}

.brand-logo-design .brand-orange::after {
    background-color: #D59FD7;
    width: 30%;
}

.brand-stat-design .category i {
    color: #9B8EF2;
}

.brand-stat-design .category h6 {
    color: #9B8EF2;
}

.brand-stat-design .brand-orange::after {
    background-color: #9B8EF2;
    width: 40%;
}

.web-develope .category i {
    color: #C7E370;
}

.web-develope .category h6 {
    color: #C7E370;
}

.web-develope .brand-orange::after {
    background-color: #C7E370;
    width: 20%;
}

.web-design .category i {
    color: #29AB95;
}

.web-design .category h6 {
    color: #29AB95;
}

.web-design .brand-orange::after {
    background-color: #29AB95;
    width: 30%;
}

.logo-design .category i {
    color: #3814EA;
}

.logo-design .category h6 {
    color: #3814EA;
}

.logo-design .brand-orange::after {
    background-color: #3814EA;
    width: 80%;
}

.stationary-design .category i {
    color: #21EC1E;
}

.stationary-design .category h6 {
    color: #21EC1E;
}

.stationary-design .brand-orange::after {
    background-color: #21EC1E;
    width: 39%;
}

.image-edit .category i {
    color: #D0FC63;
}

.image-edit .category h6 {
    color: #D0FC63;
}

.image-edit .brand-orange::after {
    background-color: #D0FC63;
    width: 65%;
}

.social-media .category i {
    color: #D0FC63;
}

.social-media .category h6 {
    color: #D0FC63;
}

.social-media .brand-orange::after {
    background-color: #D0FC63;
    width: 55%;
}

.brand-social-media .category i {
    color: #419000;
}

.brand-social-media .category h6 {
    color: #419000;
}

.brand-social-media .brand-orange::after {
    background-color: #419000;
    width: 33%;
}

.brand-seo .category i {
    color: #E4C679;
}

.brand-seo .category h6 {
    color: #E4C679;
}

.brand-seo .brand-orange::after {
    background-color: #E4C679;
    width: 76%;
}

.brand-orm .category i {
    color: #8E77B5;
}

.brand-orm .category h6 {
    color: #8E77B5;
}

.brand-orm .brand-orange::after {
    background-color: #8E77B5;
    width: 32%;
}

.brand-task-box > a:hover {
    text-decoration: underline !important;
    color: #000;
}

.footer p:last-child {
    margin: 0;
    padding: 0;
    color: #b1b1b1;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Poppins' !important;
    display: flex;
    align-items: center;
}
.footer p:last-child > i {
    margin-right: 5px !important;
    font-weight: 600;
}
.team h6 {
    text-transform: capitalize;
    font-family: 'Poppins' !important;
    color: #000000a8;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
/* BRAND CATEGORIES CSS END */

.brand-subtask-box {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 30px;
    background-color: #fff;
    transition: all 0.1s ease-in-out;
}


.brand-subtask-box .brand-subtask-header-box {
    display: flex;
    align-items: center;
}


.brand-subtask-box .brand-task-status {
    background-color: #8bc34a;
    height: 55px;
    width: 55px;
    border-radius: 50px;
    text-align: center;
    margin-right: 10px;
    position: relative;
}


.brand-subtask-box .brand-task-status p {
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 55px;
    font-size: 30px;
    font-weight: bold;
}

.brand-subtask-box .content-box a {
    margin: 0 0 4px 0;
    padding: 0;
    font-family: 'Poppins' !important;
    font-size: 16px;
    text-transform: capitalize;
    color: #000000e3;
    font-weight: 500;
}


.brand-subtask-box .content-box a:hover {
    color: #000;
    text-decoration: underline !important;
}


.brand-subtask-box .content-box p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Poppins' !important;
    color: #393939;
}

.brand-subtask-box p.text-box {
    font-size: 14px;
    font-family: 'Poppins' !important;
    color: #393939;
    margin: 10px 0 8px 0;
}

.brand-subtask-bar {
    background-color: #ddd;
    height: 6px;
    border-radius: 20px;
    margin: 10px 0 13px 0;
}

.brand-subtask-bar::after {
    content: '';
    position: absolute;
    background-color: #8bc34a;
    height: 6px;
    width: 50%;
    border-radius: 20px;
}

.brand-subtask-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand-subtask-footer h5 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #393939;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-family: 'Poppins' !important;
}

.brand-subtask-footer p {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-family: 'Poppins' !important;
}

.brand-subtask-box:hover {
    border: 1px solid #00000052;
}

.subtask-brand-details-style > ul {
    background-color: #fff;
    border-radius: 0px;
}

.subtask-brand-details-style {
    height: 92%;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
}

.subtask-brand-details-style > ul li a {
    color: #3c525d;
    font-weight: 500;
    font-family: 'Poppins' !important;
    font-size: 14px;
    padding: 13px 20px;
}

.subtask-brand-details-style > ul li a.active {
    border-bottom: 3px solid #8bc34a;
}

.subtask-brand-details-style > ul li {
    padding: 13px 0;
}

.h-92 {
    height: 93.9%;
    background-color: #fff;
    overflow: auto;
}

.subtask-brand-details-style .status {
    background-color: #8bc34a;
    height: 55px;
    width: 55px;
    border-radius: 10%;
    color: #fff;
    text-align: center;
    line-height: 55px;
    font-size: 28px;
    font-family: 'Poppins' !important;
    font-weight: 500;
    margin: 40px auto 0 auto;
}

.brand-subtask-detail-box .head-box {
    display: flex;
    align-items: center;
}

.brand-subtask-detail-box .head-box h6 {
    margin: 0;
    padding: 0;
    font-family: 'Poppins' !important;
    font-weight: 500;
    font-size: 13px;
}
.brand-subtask-detail-box .brand-task-card {
    border-right: 1px solid #3c525d1f;
    border-left: 1px solid #3c525d1f;
}

.subtask-brand-details-style .tab-content {
    border-top: 1px solid #3c525d1f;
}

.brand-task-card .row {
    border-bottom: 1px solid #e7eaeb;
    padding: 15px 0 7px 20px;
}

.brand-task-card p {
    margin: 0;
    padding: 0;
    font-family: 'Poppins' !important;
}

.status-div{
    display: flex;
    align-items: center;
}

.status-div button {
    border: none;
    background-color: #8bc34a;
    color: #fff;
    margin-left: 20px;
    cursor: pointer;
    font-style: italic;
    font-size: 15px;
    text-decoration: underline;
}

.status-div button:hover {
    color: #0000007d;
}

.b-subtask-brief-box h5 {
    font-size: 19px;
    font-family: 'Poppins' !important;
    color: #000000bf;
    text-decoration: underline;
    text-transform: capitalize;
}

.b-subtask-brief-box {
    padding: 20px;
}

p.b-subtask-status-badge {
    color: #fff;
    padding: 1.5px 10px !important;
    border-radius: 3px;
}

#sub-internal .project-inner-message-padding div#internalMessageBox {
    height: 473px;
    max-height: 473px;
}

/* #sub-internal .project-inner-message-padding {
    padding: 0 0 224px !important;
}

#sub-internal .chat-application .project-inner-message-padding .chat-app-form {
    bottom: -144px;
} */

.b-subtask-uploader .uppy-Dashboard-inner {
    width: 100% !important;
}

#reportLockForm .loader {
    left: unset;
    right: 55px;
    top: 8px;
}

.reportSubmitBtn {
    height: 37px;
}
.general-box-bank > h6 {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Poppins' !important;
    margin: 10px 0 20px 0;
}

.bank-box h6 {
    margin: 0 0 7px 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Poppins' !important;
    text-decoration: underline;
}

.bank-box p {
    margin: 0;
    padding: 0;
}

/*.contact-list-item-box {
    height: 100%;
}*/

.chat-popup-tab .message-area-footer {
    padding: 0;
    border-top: 1px solid #ddd;
}

.chat-popup-tab form .form-control:focus{
    border-bottom: none !important;
}

.chat-popup-tab .subHeader-box i {
    font-size: 18px;
    margin-right: 10px;
}

.chat-popup-tab .subHeader-box i:hover {
    color: #00000073;
    cursor: pointer;
}

.admin-chat-support .search-bar-box input{
    margin: 0 !important;
}

.revision-box-project .revision-heading {
    padding: 10px;
    color: #000000b5;
    text-align: center;
    font-family: 'Poppins' !important;
    font-size: 21px;
    border-bottom: 1px solid #dddddd;
}

.revision-box-project {
    height: 100%;
}

.revision-box-project .activity-wrap {
    max-height: 693px;
}

.revision-box-project .client-activity-box .c-desc-box {
    position: relative;
    width: 100%;
}

.revision-box-project .client-activity-box .c-desc-box > a {
    right: 10px !important;
}

.revision-box-project:first-child {
    border-right: 1px solid #dddddd;
    min-height: 77vh;
}

.subtask-brand-details-style .revision-box-project:first-child {
    border-right: 1px solid #dddddd;
    min-height: 80vh;
}

.subtask-brand-details-style #drag-drop-area .uppy-Root {
    height: 100%;
}

.subtask-files-box {
    text-align: center;
    margin: 10px 0px;
    padding: 20px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.subtask-files-box a img {
    height: 100px;
    width: 100px;
    object-fit: contain;
}

.subtask-files-box .samples-drop-down {
    position: absolute !important;
}

.subtask-files-box .seen-status {
    position: absolute;
    top: 20px;
    left: 20px;
}

.subtask-files-box .fileDate {
    background: none;
    color: #a4abc5 !important;
    font-size: 13px;
    font-weight: 500 !important;
}

.subtask-files-box h5 {
    color: #303e67 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: 'Poppins' !important;
    min-height: 35px !important;
    max-height: 35px !important;
    margin-top: 10px !important;
}

#sub-samples .sample-box {
    border: none !important;
}

#sub-client .client-brief-box {
    border: none !important;
}

#sub-rejected .revised-sample-box {
    border: none !important;
    margin-bottom: 0px;
}
#sub-internal div#internalMessageBox {
    height: 600px;
    max-height: 600px;
}
#sub-internal .chat-application > .chat-app-window {
    padding: 0 0 80px;
}

.brand-subtask-samples-table-box {
    overflow: auto;
}

.brand-qa table tr td {
    position: relative;
}

.brand-qa table tr td .custom-tooltip:hover:before {
    left: 16px;
    bottom: 12px;
}

.brand-qa table tr td .custom-tooltip:hover:after {
    bottom: -13px;
    left: -24px;
    width: 105px;
}

.brandTaskTabs {
    background-color: #fff;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
}

.task-header-sec .brandTaskTabs ul {
    display: block;
}

.brandTaskTabsContent {
    background-color: #fff;
    border-radius: 5px;
    border: none;
    max-height: 83vh;
    min-height: 83vh;
    overflow: auto;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 15%) !important;
}

.task-header-sec .brandTaskTabsContent h5 {
    font-size: 20px;
    color: #181c32;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Poppins' !important;
}

.task-header-sec .brandTaskTabsContent h6 {
    font-size: 16px;
    color: #181c32;
    font-weight: 500;
    font-family: 'Poppins' !important;
}

.task-header-sec .brandTaskTabs ul li a {
    color: #181c32;
    padding: 13px;
    background-color: #f3f3f3;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins' !important;
}

.task-header-sec .brandTaskTabs ul li a.active {
    background-color: #3c525d;
    color: #fff;
}

.brandTaskTabsContent h3 {
    border-bottom: 1px solid #71838a52;
    padding: 20px;
    font-size: 20px;
    color: #181c32;
    font-weight: 500;
    font-family: 'Poppins' !important;
}

.brandTaskTabsContent #dashboardTabs {
    position: relative;
}

.brandTaskTabsContent #subTasksTabs {
    position: relative;
}

#clientFilesTabs .client-brief-box,
#agentFilesTabs .sample-box,
#rejectedFilesTabs .revised-sample-box,
#internalMessagesTabs .internalMessageBox {
    border-left: none !important;
    box-shadow: none !important;
}

#revisionTabs .revision-box-project .activity-wrap {
    max-height: 710px;
}

#internalMessagesTabs div#internalMessageBox {
    max-height: 621px;
    height: 621px;
}

.task-info-box button {
    border: none;
    background-color: #8bc34a;
    color: #fff;
    margin-left: 20px;
    cursor: pointer;
    font-style: italic;
    font-size: 15px;
    text-decoration: underline;
}

#internalMessagesTabs .btn-editor {
    right: 238px !important;
    top: 30px !important;
}

#agentFilesTabs .visibleBadge {
    margin-top: 10px;
}
.chatsupport-textarea textarea{
    margin-top: 0px !important;
}
.chat-popup-tab > h4 {
    background-color: #d8e2e1;
    font-family: 'Poppins' !important;
    padding: 19px 10px 16px 10px;
    font-size: 20px;
    color: #3c525d;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#chatTabContent .project_internal_mess {
    padding-top: 20px !important;
    height: 357px !important;
}

#chatButton > p {
    position: absolute;
    background-color: #8bc34a;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 16px;
    border-radius: 50%;
    right: 0;
    font-weight: 700;
    font-family: 'Poppins' !important;
    top: -7px;
    margin: 0;
}


.support-notify-count .chat_notifications_badge {
    top: 16px;
    font-family: 'Poppins';
    height: 20px;
    width: 20px;
    right: 5px;
}

.support-notify-count .chat_notifications_badge span {
    line-height: 20px;
    font-family: 'Poppins' !important;
    color: #fff;
    font-weight: 600;
}

.brandTaskTabsContent #dashboardTabs .heading-elements {
    position: absolute;
    top: 15px;
    right: 20px;
}

#sub-internal .btn-subtask-editor {
    right: 365px;
}

#subTasksTabs .table-responsive.subtask-detail {
    overflow: visible;
}

.brand-task-box h5 {
    font-size: 11px;
    margin: 0 0 0 5px;
    background-color: #3c525d2b;
    color: #3c525d;
    padding: 4px 10px;
    font-family: 'Poppins' !important;
    border-radius: 17px;
}

.support-beta {
    padding: 5px 10px 5px 10px;
    background-color: #fa713b;
    color: #fff;
    font-size: 12px !important;
    border-radius: 5px;
    text-align: center;
    font-family: 'Poppins';
    height: auto;
    width: auto;
}

.user-card-support div:last-child{
    height: 10px;
    width: 10px;
    background-color: #7dd616;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    bottom: 0px;
    border: 1px solid #ffffff;
}

.user-card-support{
    position: relative;
}

ul.createSubTaskSamples li {
    list-style: unset !important;
    font-weight: 500;
    color: #f00;
    font-size: 13px;
    font-family: 'Poppins';
}

.no-of-sample h6 {
    font-family: 'Poppins' !important;
    font-weight: 500;
    font-size: 16px;
    text-decoration: underline;
    color: #3c525de0;
    text-transform: capitalize;
}

.order-invoice-main-box .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.order-invoice-main-box .contact-box {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.order-invoice-main-box .contact-box h6 {
    margin: 0 7px 0 0px;
    padding: 0;
    font-family: 'Open Sans' !important;
    font-size: 13px;
    font-weight: 600;
}

.order-invoice-main-box .contact-box p {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans' !important;
}

.order-invoice-main-box .header h4 {
    margin: 0;
    padding: 0;
    font-family: 'Poppins' !important;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #3c525d;
}

.order-invoice-main-box  .header a {
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.order-invoice-main-box  .header a i {
    margin: 0 auto;
    display: table;
    line-height: 40px;
    font-size: 22px;
}

.order-invoice-main-box  .contact-info {
    margin-bottom: 15px;
}

.order-invoice-main-box  .payment-info {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.order-invoice-main-box .payment-info h6 {
    margin: 0 10px 0 0;
    padding: 0;
    font-family: 'Open Sans' !important;
    font-size: 13px;
}

.order-invoice-main-box .payment-info p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-decoration: underline;
    font-family: 'Open Sans' !important;
}

.order-invoice-main-box .date p {
    font-style: italic;
    color: #000 !important;
}

.order-invoice-main-box .total h5 {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans' !important;
    font-weight: bold;
    font-size: 19px;
    color: #3c525d;
}

.order-invoice-main-box .total p {
    margin: 0 0px 0 10px !important;
    padding: 0 !important;
    font-family: 'Open Sans' !important;
    font-weight: bold !important;
    font-size: 19px !important;
    color: #3c525d !important;
}

.order-invoice-main-box .total {
    display: flex;
    align-items: center;
}


.lead-order-items-card-box {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}

.order-invoice-main-box {
    border-bottom: 1px dashed #3c525d52;
    padding: 30px 0 30px 0;
}


.order-invoice-main-box .table thead th {
    background-color: #e2e2e2 !important;
    color: #000 !important;
    border: none !important;
}

.adwords_spending {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.adwords_spending .heading-elements {
    position: unset !important;
    height: unset !important;
}

.adwords_spending .heading-elements form {
    margin: 0px !important;
}

.adwords_spending .heading-elements form .input-field {
    margin: 0px !important;
}

.adwords_spending .heading-elements form .form-control {
    margin: 0px !important;
    height: 35px !important;
    min-height: 35px !important;
    width: 160px;
}

.freelancerAmount .prod-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.freelancerAmount .prod-card-header .wordCountBoxLeft {
    display: flex;
    align-items: center;
}

.freelancerAmount .prod-card-header .wordCountBoxRight p {
    font-size: 20px;
    margin: 0px;
    font-weight: 500;
    font-family: 'Poppins' !important;
}

.gerenal-btn
{ 
    text-align: right;
}

.task-header-sec .projects-tabs {
    position: relative;
}

ul.project-details-actions {
    position: absolute;
    right: 0px;
    top: 5px;
    display: flex;
    padding: 0px;
    margin: 0px;
}

ul.project-details-actions li {
    width: 42px;
    height: 42px;
    text-align: center;
    background-color: #e2e2e2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

ul.project-details-actions li a span {
    font-size: 20px;
    font-weight: 600;
}

.project-details-back-btn,
.project-details-edit-btn,
.project-details-send-credentials-btn {
    position: relative;
}

.project-details-back-btn.custom-tooltip:hover:before {
    left: 23px;
    bottom: 0px;
}

.project-details-back-btn.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -28px;
    left: 1px;
    padding: 4px 0;
    width: 60px;
}

.project-details-edit-btn.custom-tooltip:hover:before {
    left: 23px;
    bottom: 0px;
}

.project-details-edit-btn.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -28px;
    left: 1px;
    padding: 4px 0;
    width: 60px;
}

.project-details-send-credentials-btn.custom-tooltip:hover:before {
    left: 23px;
    bottom: 0px;
}

.project-details-send-credentials-btn.custom-tooltip:hover:after {
    border-radius: 5px;
    bottom: -28px;
    left: -27px;
    padding: 4px 0;
    width: 115px;
}

.task-header-sec .projects-tabs ul {
    border: none;
    background-color: #fff;
    border-radius: 0px;
}

.task-header-sec .projects-tabs ul li a {
    color: #3c525d;
    font-weight: 500;
    font-family: 'Poppins' !important;
    font-size: 14px;
    padding: 13px 20px !important;
    border: none;
}
.task-header-sec .projects-tabs ul li a.active {
    border-bottom: 3px solid #8bc34a;
}
 
.chat-application .chats .chat-body .chat-content a.conversation-anchor {
    float: none;
    padding: 10px 00;
    font-size: 15px;
    text-align: unset !important;
}
.chat-application .chats .chat-body .chat-content a.conversation-anchor i {
    margin-right: 5px;
}
.box {
    border: 3px solid #666;
    background-color: #ddd;
    border-radius: .5em;
    padding: 10px;
    cursor: move;
  }

  /* file */

  .chat-application .form-control-position.fileuploaderText {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: unset;
}

.chat-application .chat-app-form.client_reply_section {
    position: unset;
    padding: 20px;
    background-color: #edeef0;
    overflow: hidden;
    width: 1000px;
}

.chat-application .chat-app-form.client_reply_section #replyArea {
    width: 100%;
}

.chat-application .chat-app-form.client_reply_section .btn-editor {
    position: absolute;
    right: 170px;
    top: 27px;
    height: 36px;
    z-index: 9999;
}

.replyChatBox {
    display: flex;
    align-items: center;
    border-left: 3px solid #e6e6e6;
    margin: 20px 0px 20px 20px;
    padding-left: 10px;
}

.replyChatBox .replyChatImg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.replyChatBox .replyChatImg img {
    width: 50px;
    height: 50px;
}

.replyChatUser h4 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins' !important;
}

.replyChatUser h4 span {
    font-size: 12px;
    font-weight: 400;
}

.replyChatUser {
    text-align: left;
    margin-left: 10px;
}
.revision-box-project, .rejection-box-project
{
 background-color: #fff;
}
.revision-box-project .revision-heading {
    padding: 10px;
    color: #000000b5;
    text-align: center;
    font-family: 'Poppins' !important;
    font-size: 21px;
    border-bottom: 1px solid #dddddd;
}

.rejection-box-project .rejection-heading {
    padding: 10px;
    color: #000000b5;
    text-align: center;
    font-family: 'Poppins' !important;
    font-size: 21px;
    border-bottom: 1px solid #dddddd;
}
.card-body > a {
    margin-left: 15px;
    margin-bottom: 20px;
    width: 95%;
    padding: 10px 0 !important;
    border-radius: 3px;
    margin-top: 20px;
}

.descp-box ul {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}
.descp-box ul li {
    width: fit-content;
    padding: 0px 10px;
    font-weight: 600;
    font-family: 'Poppins' !important;
}
.project-details-description-box {
    max-height: 265px;
    overflow: auto;
    margin-top: 20px;
}
.project-details-description-box h4 {
    font-size: 17px;
    font-weight: 500;
    font-family: 'Poppins' !important;
}
.hr-user-teamlist {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 30%) !important;
    position: relative;
    width: 100%;
    overflow: scroll;
    margin-bottom: 20px;
}

.hr-user-teamlist-image {
    text-align: center;
}

.hr-user-teamlist-image img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    border: 1px solid #d8e2e1;
    border-radius: 50%;
    margin-bottom: 30px;
}

.hr-teamlist-by-category {
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 30%) !important;
}

.hr-teamlist-by-category .hr-teamlist-by-category-card-content {
    height: 300px;
    overflow: auto;
}

.hr-teamlist-by-category .hr-teamlist-by-category-member-card {
    padding: 0px 7px;
    margin-bottom: 50px;
}

.hr-teamlist-by-category .hr-teamlist-by-category-member-card .card-body {
    box-shadow: 0px 5px 15px 0px rgb(0 37 32 / 30%) !important;
    height: 100px;
    border-radius: 20px;
}

.hr-teamlist-by-category .hr-teamlist-by-category-member-card .card-body .membersCategoriesIcon {
    background-color: #3c525d21;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hr-teamlist-by-category .hr-teamlist-by-category-member-card .card-body .membersCategoriesIcon i {
    font-size: 30px;
    color: #3c525d;
}

.hr-teamlist-by-category #accordion .card-header {
    height: unset !important;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding: 5px;
}

.hr-teamlist-by-category #accordion .card-header .accordian-icon {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #d8e2e1;
    text-align: center;
    line-height: 36px;
}

.hr-teamlist-by-category #accordion .card-header .accordian-icon i {
    font-size: 20px;
    color: #3c525d;
}

.hr-teamlist-by-category #accordion .card-header .card-link {
    padding: 0px;
}

.hr-teamlist-by-category #accordion .card-header .card-link.collapsed::after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 20px;
}

.hr-teamlist-by-category #accordion .card-header .card-link::after {
    content: '\f106';
    font-family: 'FontAwesome';
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 20px;
}

.hr-teamlist-by-category #accordion .card-header .card-link .teamLead-card {
    display: flex;
    align-items: center;
}

.hr-teamlist-by-category #accordion .card-header .card-link .teamLead-card .teamLead-name-image {
    display: flex;
    align-items: center;
}

.hr-teamlist-by-category #accordion .card-header .card-link .teamLead-card .teamLead-name-image p {
    margin-left: 10px;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
    font-family: 'Poppins' !important;
}

td.lead-style {
    display: flex;
    align-items: center;
}
td.lead-style.task-list-item .chat-cust-info a span {
    font-size: 13px !important;
    font-weight: 500;
    font-family: 'Poppins';
    color: #0c84d1 !important;
}
.user-avatar.sq, [class^="user-avatar"]:not([class*="-group"]).sq {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    font-size: 16px;
}
.leadChat {
    display: flex;
    align-items: center;
}

.taskInfo_box select {
    margin: 0px !important;
}

/* chat  */
.chat_box.chat_right_internal .btn.dropdown-toggle {
    padding: 10px 5px;
    position: relative;
    background: #3c525d;
    border-radius: 50px;
    color: white;
    font-weight: 600;
}
.chat_box.chat_right_internal .dropdown-toggle::after {
    /* top: -6px !important; */
    left: -6px;
}
.chat_box.chat_right_internal ul {
    min-width: 60px !important;
    border: 1px solid #E4E5EC !important;
    left: -38px !important;
}
.chat_box.chat_right_internal ul li {
    display: inline-block !important;
    padding: 6px 6px;
}
.chat_box.chat_right_internal ul li .fa-edit {
    color: unset !important;
}
.chat_box.chat_right_internal .dropdown-toggle::after {
    top: -6px !important;
    left: -6px;
}
.chat_box.chat_right_internal ul li .fa-trash {
    color: red !important;
}
.chat_box.chat_right_internal ul li i {
    font-size: 15px !important;
}
.chat_box.chat_right_internal :hover button.btn.dropdown-toggle {
    opacity: 1;
}

.project-client-message-main-box .chat_box {
    justify-content: unset;
}
.chat_box_icon
{
    display: flex;
    align-items: center;
}

.liveChatSupport {
    position: relative;
}

.liveChatSupport .header-box {
    background-color: #ddd;
    padding: 18px 0;
    justify-content: center;
}

.liveChatSupport .header-box h6 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Poppins' !important;
    font-size: 19px;
    font-style: italic;
    color: #000000ba;
}

.liveChatSupport .subHeader-main-box {
    display: block;
    padding: 0px;
}

.liveChatSupport .subHeader-main-box .subHeader-box {
    justify-content: space-between;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid #cecece;
}

.liveChatSupport .sidebar-info-box:last-child {
    border: none;
}

.liveChatSupport .subHeader-main-box .subHeader-box .subHeader-heading {
    display: flex;
    align-items: center;
}

.liveChatSupport .subHeader-main-box .subHeader-box ul li a {
    border: 1px solid #cecece;
    padding: 8px 10px;
    color: #191919;
    font-weight: 600;
    font-family: 'Open Sans' !important;
    cursor: pointer;
}

.liveChatSupport .subHeader-main-box .subHeader-box ul li a.active {
    background-color: #e9ebed !important;
}

.liveChatSupport .subHeader-main-box .tab-content .dialpad-message-box {
    height: 554px;
}

.liveChatSupport .subHeader-main-box .tab-content .dialpad-message-box .chatStyle {
    height: 470px !important;
}

.liveChatSupport .tab-content .message-area-footer fieldset button {
    display: flex;
    align-items: center;

}
.teamLead .select2-container--default .select2-selection--multiple {
    background-color: rgb(255 255 255 / 52%) !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    color: #607d8b;
    border-color: transparent;
    border-bottom: 2px solid rgb(96 125 139 / 25%) !important;
    width: 100%;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background-image: none;
    max-height: 120px;
    overflow-y: inherit;
}

.teamLead .select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1E9FF2 !important;
    border-color: #0c84d1 !important;
}

.replyImageUploadIcon {
    position: absolute;
    right: 135px;
    top: 9px;
    z-index: 9999;
    height: 40px;
    width: 40px;
    background-color: #8bc34a;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

.replyImageUploadIcon i {
    font-size: 20px;
    color: #fff;
}

.summerNoteEditor .replyBox .note-resizebar {
    display: block !important;
}

.replySendBtn {
    position: absolute;
    top: 8px;
    right: 23px;
    z-index: 9999;
}
.projectValue span {
    color: #fff;
    font-size: 11px;
    font-family: 'Poppins';
    font-weight: 300;
    padding: 1px 5px;
    border-radius: 4px;
}

.task-details .chat-application .chat-app-form {
    position: relative;
}

.task-details .chat-application .chat-app-form .btn-editor {
    right: 168px;
    top: 31px;
}

.summerNoteEditor.client-message-area .project-client-messages .fileuploaderWrapper {
    position: unset;
}

.summerNoteEditor.client-message-area .project-client-messages .fileuploaderWrapper .uppy-Dashboard-files {
    position: unset;
    min-height: 200px !important;
    max-height: 200px !important;
}

.summerNoteEditor.client-message-area .project-client-messages .client_message_section .fileuploaderWrapper .uppy-Dashboard-AddFiles {
    position: unset !important;
    margin: 0px 0px 0px 10px;
}

.uploadProjectsWrapper .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
    padding: 0px 10px;
    font-size: 12px;
    width: max-content;
    right: 10px;
    top: -190px;
}

.summerNoteEditor.client-message-area .project-client-messages .fileuploaderWrapper .uppy-size--md .uppy-DashboardContent-addMore {
    display: none !important;
}

.textEditorAndFileUploadBtnWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.replyChatUser .uploadData {
    background-color: transparent;
}

.replyChatUser .uploadData a.replyBoxDownloadBtn {
    position: absolute;
    top: 18px;
    left: 19px;
    border-radius: 50%;
    padding: 5px;
    background-color: #00000080;
}

.replyChatUser .uploadData a.replyBoxDownloadBtn i {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.assign-customer-button {
    background-color: #5e7ab9;
    border: 1px solid #5e7ab9;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins';
}

.assign-customer-button:hover {
    background-color: #fff;
    color: #5e7ab9;
    border: 1px solid #5e7ab9;
}

#sub-internal .chat-application .chat-app-form {
    position: relative;
}

.chat-application .project-message-main-box .chat-app-form {
    position: relative;
}