@font-face {
    font-family: Outfit-Regular;
    src: url(../fonts/Outfit-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: Outfit-Bold;
    src: url(../fonts/Outfit-Bold.ttf);
    font-display: swap;
}

/* fontawesome css */
@font-face {
    font-family: "FontAwesome";
    src: url(../fonts/fontawesome-webfont.ttf);
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-home:before {
    content: "\f015";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-phone:before {
    content: "\f095";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-plus:before {
    content: "\f067";
}

.fa-search:before {
    content: "\f002";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-upload:before {
    content: "\f093";
}

.fa-download:before {
    content: "\f019";
}

.fa-check:before {
    content: "\f00c";
}

.fa-file:before {
    content: "\f15b";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-calendar:before {
    content: "\f073";
}

/* fontawesome end css */

html {
    scroll-behavior: smooth;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1330px !important;
    }
}

* {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 24px;
    color: #0a263b;
    box-sizing: border-box;
    font-family: Outfit-Regular;
}

.font-bold {
    font-family: Outfit-Bold;
}

.main-content {
    background-color: #f3f3f8;
}

.fixed-top {
    animation: smoothscroll 1s forwards;
    transition: all 1s ease;
}

@keyframes smoothscroll {
    0% {
        transform: translateY(-60px);
    }

    100% {
        transform: translateY(0px);
    }
}

a {
    text-decoration: none !important;
}

.br-10 {
    border-radius: 10px;
}

.br-30 {
    border-radius: 30px;
}

.cursor {
    cursor: pointer;
}

.fs-13 {
    font-size: 13px;
}

.fs-16 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

.fs-25 {
    font-size: 25px;
}

.fs-30 {
    font-size: 30px;
}

.lh-18 {
    line-height: 18px;
}

table .fa-pencil-square-o {
    color: #1e81b0;
}

.fa-eye {
    color: #9e31a6;
    font-size: 18px;
}

/* button css */

.btn-add {
    background-color: #70ad47;
    border: 2px solid #70ad47 !important;
}

.btn-edit {
    background-color: #673ab7;
    border: 2px solid #673ab7 !important;
}

.btn-delete {
    background-color: #ff0000;
    border: 2px solid #ff0000 !important;
}

.btn-back {
    background-color: #ed7d31;
    border: 2px solid #ed7d31 !important;
}

.btn-filter {
    background-color: #0d6efd;
    border: 2px solid #0d6efd !important;
}

.btn-clear {
    background-color: #673ab7;
    border: 2px solid #673ab7 !important;
}

.btn-premier {
    background-color: #a144af;
}

.btn-agile {
    background-color: #03a9f4;
}

.bg-partner {
    background-color: #052c65;
}

.bg-wrong-info {
    background-color: #f77986;
}

.bg-pricing-issue {
    background-color: #0cb394;
}

.bg-not-interested {
    background-color: #f1095f;
}

.bg-wrong-client {
    background-color: #830000;
}

.bg-other {
    background-color: #af4470;
}

.btn-a {
    min-width: 100px;
    border-radius: 5px;
    padding: 4px 15px;
    font-size: 16px;
    transition: all .5s ease;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-a i {
    transition: all .5s ease;
    color: #fff;
    font-size: 16px;
}

.btn-a:hover,
.btn-a:hover i {
    color: #000;
    background-color: transparent;
}

.rejected {
    color: #ff0000;
}

.approved {
    color: #70ad47;
}

.pending {
    color: #0066cc;
}

.notify {
    background-color: #f3f3f8;
}

.notify button {
    background-color: #fff;
    padding: 15px;
    width: 30px;
    height: 30px;
    display: grid;
    place-content: center;
    border-radius: 50%;
}

.notify button i {
    font-size: 15px !important;
    color: #1e81b0;
}

.account li {
    list-style: none;
}

.account ul {
    position: absolute;
    top: 100%;
    width: 185px;
    right: 0;
    display: none;
    border-radius: 20px;
    padding: 15px 10px 5px 20px !important;
    z-index: 99;
}

.account ul li a {
    text-decoration: none;
    color: #000;
    margin-bottom: 8px;
    display: inline-block;
    font-family: Outfit-Bold;
    font-size: 14px;
}

.account ul li i {
    color: #1e81b0 !important;
    min-width: 25px;
}

.account:hover ul {
    display: block;
}

.sub-pages li {
    list-style: none;
    margin-bottom: 0px;
}

.sub-pages li:not(:last-child) {
    border-right: 1px solid #4f81bd;
    margin-right: 8px;
}

.sub-pages li a {
    padding: 3px 5px;
    min-width: 120px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #000;
    border-radius: 30px;
    font-size: 14px;
    margin-right: 8px;
    font-family: Outfit-Bold;
    transition: all .5s ease;
}

.sub-pages li :is(a.active, a:hover) {
    color: #fff;
    background-color: #1e81b0;
}

.tab-method {
    border: 2px solid #000;
    border-radius: 5px;
}

.tab-method a {
    min-width: 130px !important;
    font-size: 18px;
    color: #000;
    border-radius: 0px;
}

.tab-method a.active {
    background-color: #000;
    color: #fff;
}

.tab-method a:hover {
    text-decoration: underline !important;
}

.form-elements h3 {
    position: relative;
    padding-bottom: 8px;
}

.form-elements h3::before {
    content: '';
    position: absolute;
    border-bottom: 2px solid #673ab7;
    width: 100%;
    bottom: 0px;
}

.activities-list {
    height: 500px;
    overflow-y: scroll;
}

.activities-list::-webkit-scrollbar {
    width: 7px;
    background-color: #aaa;
    border-radius: 10px;
}

.activities-list::-webkit-scrollbar-thumb {
    background: #1e81b0;
    border-radius: 10px;
}

.notify-list .border-bottom:last-child {
    border-bottom: unset !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.notify-list .col-lg-8.active {
    border-left: 3px solid #70ad47;
}

.notify-list .col-lg-8 {
    border-left: 3px solid #ff0000;
    padding-left: 15px;
}

/* table css */
table th {
    font-family: Outfit-Bold;
    line-height: 18px;
    padding: 10px 0px 10px 10px !important;
}

table :is(td, th, td a) {
    font-size: 15px;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after {
    right: 0 !important;
}

.table-responsive {
    /* min-height: 400px; */
    min-height: 100vh;
}

table .selected i {
    color: #fff;
}

table .total td {
    background-color: #052c65;
    color: #fff;
}

/* form css */
.btn:focus,
button:focus,
input,
select,
.bootstrap-select button,
textarea {
    box-shadow: none !important;
}

form :is(input, select, .bootstrap-select button, textarea),
.filters :is(input, select, .bootstrap-select button, textarea) {
    border-radius: 5px !important;
    padding: 7px 15px;
    border: 1px solid #673ab757 !important;
    font-size: 17px !important;
    outline: none !important;
    background-color: #fff !important;
}

form :is(input, select, .bootstrap-select button) {
    height: 40px;
}

.filters :is(input, .bootstrap-select button) {
    height: 40px !important;
    border-radius: 30px !important;
    width: 225px;
    background-color: #1e81b026 !important;
    border-color: #1e81b026 !important;
}

.bootstrap-select {
    display: block;
    width: 100% !important;
    padding: 0 !important;
    border: unset !important;
}

.bootstrap-select .filter-option-inner-inner {
    font-size: 17px;
}

/* .bootstrap-select .dropdown-menu {
    width: 100% !important;
} */
.bootstrap-select .dropdown-menu.inner {
    min-width: 100% !important;
}

.form-select {
    background: unset !important;
}

.bootstrap-select button,
.bootstrap-select button:hover,
.bootstrap-select button:focus {
    background: unset !important;
}

.dropdown.bootstrap-select .dropdown-toggle:focus,
.dropdown.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: unset !important;
}

form label {
    color: #673ab7;
    font-size: 16px;
}

form label.error {
    color: red;
    font-size: 14px;
}

form input[disabled],
form select[disabled] {
    background-color: #f6f6f6 !important;
}

.edit input[readonly],
.edit select[readonly]+button,
.edit textarea[readonly] {
    background-color: #fff !important;
    border: unset !important;
    background-size: 0;
    padding: 0;
    pointer-events: none;
}

.edit select[readonly]+.dropdown-toggle:after {
    display: none;
}

form .btn-submit {
    min-width: 150px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    background-color: #673ab7;
    padding: 10px 5px;
    transition: all .5s ease;
}

form.textarea textarea {
    resize: unset !important;
}

form .btn-submit:hover {
    background-color: #fb6747;
}

.dropdown ul {
    min-width: 160px;
}

.dropdown li {
    padding: 0px 10px;
    cursor: pointer;
}

.input-radio {
    height: unset !important;
}

/* modal css */
.btn-close {
    border: 1px solid #000 !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    background-size: 12px !important;
}

.multi-field:first-child .filtertype {
    display: none;
}

.multi-field:first-child .remove-field {
    display: none;
}

@media (max-width: 1199px) {
    .menu-list ul {
        overflow-x: scroll;
    }
}

@media (max-width: 767px) {
    #userLeads {
        height: 100% !important;
        width: 100% !important;
    }
}

/* datatable css */
.dt-buttons button {
    background: #70ad47 !important;
    border: unset !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    margin-right: 15px !important;
}

.dt-buttons span {
    color: #fff !important;
}

.dataTables_length label {
    display: flex;
    align-items: center;
}

table .bootstrap-select>.dropdown-toggle {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.popup-loader {
    pointer-events: none;
    z-index: 99;
    width: 100%;
    text-align: center;
    height: 100%;
    top: 50%;
    opacity: 0.8;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: hsl(0deg 0% 100%);
}

.body-pointer {
    pointer-events: none;
}

.loader-loading {
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
}

.dt-buttons {
    display: block !important;
}


/*  Melson */

.text-status-new {
    color: blue;
}

.text-status-assigned {
    color: green;
}

.text-status-cold-call {
    color: purple;
}

.text-status-followup {
    color: orange;
}

.text-status-prospect {
    color: teal;
}

.text-status-converted {
    color: #00cc00;
}

/* Green color */
.text-status-lost {
    color: red;
}

.text-status-spam {
    color: gray;
}

.text-status-partner {
    color: brown;
}

.text-status-wrong-info {
    color: #ff6600;
}

/* Orange color */
.text-status-pricing-issue {
    color: #990000;
}

/* Dark red color */
.text-status-customer-not-interested {
    color: #666666;
}

/* Dark gray color */
.text-status-wrong-client-segment {
    color: #663300;
}

/* Brown color */
.text-status-other {
    color: black;
}


.bg-status-new {
    background-color: blue;
}

.bg-status-assigned {
    background-color: green;
}

.bg-status-cold-call {
    background-color: purple;
}

.bg-status-followup {
    background-color: orange;
}

.bg-status-prospect {
    background-color: teal;
}

.bg-status-converted {
    background-color: #00cc00;
}

/* Green background-color */
.bg-status-lost {
    background-color: red;
}

.bg-status-spam {
    background-color: gray;
}

.bg-status-partner {
    background-color: brown;
}

.bg-status-wrong-info {
    background-color: #ff6600;
}

/* Orange background-color */
.bg-status-pricing-issue {
    background-color: #990000;
}

/* Dark red background-color */
.bg-status-customer-not-interested {
    background-color: #666666;
}

/* Dark gray background-color */
.bg-status-wrong-client-segment {
    background-color: #663300;
}

/* Brown background-color */
.bg-status-other {
    background-color: black;
}

.bg-blur {
    background-color: #ffffffa8 !important;
    backdrop-filter: blur(8px);
}

.bg-status-type {
    background-color: #be4dba;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #d1d1d1 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 8px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: #d1d1d1;
    border-radius: 10px;
    border: 1px solid #ffffff;
}