.logged-out body #main-wrapper {
  padding: 0 !important;
  overflow: unset !important;
}

.logged-out body #main-wrapper .login-box {
  background-color: transparent !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
  -webkit-box-shadow: unset !important;
}

.log-in-title {
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 22px !important;
}

.log-in-description {
  font-size: 16px !important;
  color: #333333 !important;
}

.logged-out body #main-wrapper .login-box {
  width: 70% !important;
}

body {
  font-family: "Poppins", serif !important;
}

.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
  background-image: unset !important;
  border: 1px solid #d9d9d9 !important;
  padding: 24px 8px !important;
  border-radius: 8px;
}

/* .btn {
  padding: 11px 12px !important;
  border-radius: 6.78px !important;
} */

.login-btn {
  background-color: #ff6600;
}

.text-purple {
  color: #290a50 !important;
}

.border-left {
  width: 30%;
  border-top: 1px solid #d9d9d9;
  margin: 10px 10px;
  height: 0;
}

.border-right {
  width: 30%;
  border-top: 1px solid #d9d9d9;
  margin: 10px 10px;
  height: 0;
}

.btn-border {
  border: 1px solid #d9d9d9 !important;
}

.custom-heading {
  font-size: 55px !important;
  font-weight: 700;
  line-height: 70px;
  letter-spacing: 5px;
}

.custom-heading span {
  display: block !important;
}

h1 span {
  display: block;
}

.border-text {
  border-bottom: 2px solid #ff6600;
  width: 50%;
  height: 1px;
  margin: 10px 0;
}

.p-10 {
  padding: 5% !important;
}

.letter-spacing-2 {
  letter-spacing: 2px;
}

.custom-width-100 {
  width: 100%;
}

.custom-width-50 {
  width: 50%;
}

@media (max-width: 992px) {
  .custom-width-50 {
    width: 100% !important;
  }
}

@media (max-width: 992px) {
  .logged-out body #main-wrapper .login-box {
    width: 100% !important;
  }
}

@media (max-width: 668px) {
  .login-description {
    padding-left: 30px !important;
    transform: translate(0%, 35%);
  }
}

@media (max-width: 490px) {
  .custom-heading {
    font-size: 35px !important;
    line-height: 41px;
  }
}

/*******************************/
/******* CSS for NavBar *******/
/*******************************/
.sidebar-nav .has-arrow::after {
  border-width: 2px 0px 0 2px !important;
  border-color: #ffffff !important;
}
.navbar-header {
  background: #290a50 !important;
  border-color: #645183 !important;
}

.topbar .top-navbar .navbar-header {
  width: 299px !important;
}

@media only screen and (max-width: 767px) {
  .topbar .top-navbar .navbar-header {
    width: 183px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .hide-xxl {
    color: red !important;
    display: none !important;
  }
}
.mini-sidebar .topbar .top-navbar .navbar-header {
  width: 93px !important;
}

.left-sidebar {
  width: 300px !important;
}

@media only screen and (max-width: 767px) {
  .left-sidebar {
    width: 183px !important;
  }
}

.mini-sidebar .left-sidebar {
  width: 75px !important;
}

.container-fluid {
  padding: 25px 25px 25px 120px !important;
}
@media only screen and (max-width: 767px) {
  .container-fluid {
    padding: 25px 25px !important;
  }
}

.mini-sidebar .page-wrapper {
  margin-left: 5px !important;
}

.top-search-bar .top-search-container input {
  border: none;
}

.sl-icon-magnifier {
  color: #2b3674 !important;
  font-weight: 600;
}

.top-search-bar .top-search-container input {
  font-size: 14px;
}

.sl-icon-bell {
  color: #a36fd8;
}

.sl-icon-settings {
  color: #290a50;
}

.ti-layers {
  color: #289ec9;
}

.sl-icon-bubbles {
  color: #5ac95a;
}

.ti-timer {
  color: #c6a667;
}

.mdi-plus-circle-multiple-outline {
  color: #ff6600 !important;
}

.topbar .u-pro {
  margin-left: 0;
}

.html body .p-l-20 {
  padding-left: 0;
}

/*******************************/
/******* CSS for SideBar *******/
/*******************************/
.left-sidebar,
.sidebar-nav {
  background: #290a50 !important;
}

.hide-menu {
  color: #ffffff;
}

li.sidenav-menu-item.active.menu-with-tooltip > a {
  background-color: #ff6600;
  border-color: #ff6600;
  color: white;
}

li.sidenav-menu-item.active.has-submenu > a {
  background-color: #593185;
  border-color: #593185;
  color: white;
}

li.sidenav-submenu.active a.active {
  margin-top: 5px;
  background-color: #ffffff;
  color: #ff6600 !important;
  border-radius: 8px;
}

.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li > a i,
.sidebar-nav > ul > li.active > a i,
.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
  color: #ffffff !important;
  border-color: #ffffff;
}

.sidebar-nav ul li a {
  color: #ffffff;
}
.sidebar-nav > ul > li > a,
.sidebar-nav > ul > li.active > a {
  margin-left: 8px;
}
.sidebar-nav > ul > li.active > a {
  background-color: #ff6600;
  border-radius: 8px;
  border-color: #ff6600;
}

@media (min-width: 768px) {
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    background: #593185;
  }

  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
    background: #593185;
  }
}

/*********************************/
/******* CSS for Customers *******/
/*********************************/

/* .label-outline-info::before, */
.col_lead_status .label::before,
#tasks-td-container .label-default::before,
#tasks-td-container .label-warning::before,
#tasks-td-container .label-info::before,
#invoices-td-container .label-outline-default::before,
#contracts-td-container .label-outline-default::before,
#tickets-td-container .label-outline-info::before,
#tickets-td-container .label-outline-warning::before,
#tickets-td-container .label-outline-danger::before,
#tickets-td-container .label-outline-success::before,
#canned-td-container .label-outline-info::before,
#report-results-ajax-container .label-outline-default::before,
#report-results-ajax-container .label-outline-success::before {
  content: "";
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.list-table-wrapper,
.table-responsive {
  border-radius: 8px;
}

.table > thead {
  background-color: #e0c7ff;
}

.datepicker-default{
  z-index: 9999 !important;
}

.table thead th > a,
.table tbody td,
.table tbody td > a {
  color: #626a83 !important;
  font-weight: 500;
}

.label-outline-default {
  color: white;
  background: #6366f1;
  border-radius: 50px;
  padding-right: 15px;
  padding-left: 15px;
}

.label-outline-info,
.label-info {
  color: white;
  background: #34d399;
  border-radius: 50px;
  padding-right: 15px;
  padding-left: 15px;
}
.label-outline-success {
  color: white;
  background: #07744c;
  border-radius: 50px;
  padding-right: 15px;
  padding-left: 15px;
}

.label-default {
  color: white;
  background: #a4bdb4;
  border-radius: 50px;
  padding-right: 15px;
  padding-left: 15px;
}
.label-warning {
  color: white;
  background: #ff6600;
  border-radius: 50px;
  padding-right: 15px;
  padding-left: 15px;
}

.container-project-overview {
  background-color: #fff !important;
  border-radius: 8px !important;
}

.breadcrumb-item:first-child {
  color: #290a50;
  font-weight: 400;
}

.breadcrumb-item.active {
  color: #626a83;
  font-weight: 400;
}

.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #ff6600;
}

.header-search i {
  font-size: 11px;
  left: 15px;
  top: 14px;
}

.header-search input {
  font-size: 14px;
  font-weight: 400;
}

.btn {
  font-weight: 500;
}

.btn-add-circle {
  border-radius: 8px;
  background-color: #ff6600;
  font-size: 14px;
}

.btn-add-circle:hover {
  background-color: #cf5b0d;
}
.card .client-sidebar {
  background-color: #f4f3f6 !important;
  border-radius: 8px;
}
.profile-bg {
  background: white;
  border-radius: 8px;
  box-shadow: 0px 4px 5px 3px #c7c7c71a;
}
.profile_header.logo-text {
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}

.profile_header.client {
  background-color: #e0c7ff;
  border-radius: 8px;
  padding: 10px;
  color: #290a50;
}

.text-muted {
  font-size: 12px;
  font-weight: 500;
  color: #626a83 !important;
  margin-bottom: 50px !important;
}

.margin-top {
  margin-top: -20px !important;
}
#embed-content-container .items-shadow,
.items-shadow {
  background-color: white; /* Keep your background color */
  border-radius: 8px; /* Optional: Add rounded corners */
  transition: all 0.3s ease;
}

/****************************************************/
/*********** CSS for Leads Top panel ****************/
/****************************************************/

#cardModalBody {
  flex-wrap: nowrap;
  width: 95%;
}
.tasks_col_title > span > a > span,
.tasks_col_project > span > a,
.col_lead_firstname > span > a,
.col_lead_title > span > a {
  color: #626a83 !important;
}

#leads-layout-wrapper #leads-view-wrapper .board-body {
  background-color: #ffffff !important;
  border: none;
}

.navbar-brand {
  height: 72px !important;
}
#leads-layout-wrapper #leads-view-wrapper .board-body .kanban-card,
#tasks-view-wrapper .board-body .kanban-card {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.kanban-card-border {
  border-top: 2px solid #67757c;
  padding-top: 20px;
}
.board-lead-count {
  padding: 9px;
  border-radius: 5px;
  color: #fff;
  line-height: 12px;
  background-color: #ff6600;
  display: block;
}

.dropdown-togglehide::after,
.dropdown-toggle::after {
  content: none !important;
}
.margin-topdelete {
  margin-top: -6px !important;
}
.margin-bottommore > button {
  margin-bottom: 5px;
}
#list_actions_sort_kanban > button {
  padding-top: 5px !important;
}
#list-page-actions > button,
#list-page-actions > button {
  padding: 5px !important;
}
#lead_1 > td span > button.edit-add-modal-button > img,
#lead_1 > td span > button.btn-outline-success > img {
  margin-top: -5px !important;
}
/******* CSS for Leads Tabs *******************/

.card-modal .modal-dialog .modal-content #cardModalTabMenu ul,
.card-modal .modal-dialog .modal-content #cardModalTabMenu ul .nav-link {
  background-color: #f4f2f6;
}
.card-modal .modal-dialog .modal-content #cardModalTabMenu ul li a.active {
  background: #290a50;
  color: white;
  padding: 4px 15px;
  border-radius: 8px;
}
#card_fileupload {
  background-color: rgba(90, 201, 90, 0.15) !important;
  border-color: rgba(255, 102, 0, 1);
}
/******* CSS for Leads Tabs right-side-bar **********/

.bg-color-leads {
  background-color: white;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
  -webkit-box-shadow: unset !important;
  padding: 15px;
}
.x-headingleads {
  font-family: Poppins;
  color: #323232 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.x-inputlabels {
  font-family: Poppins;
  color: #626a83 !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.card-modal .card-right-panel .x-element .x-highlight {
  font-weight: 400 !important;
}
.card-modal .card-right-panel .x-element .x-highlight.x-editable,
.card-modal .card-right-panel .x-section .x-edit-tabs {
  text-decoration: none;
}
.card-modal .card-right-panel .x-element .x-highlight.x-editable > span,
#card-lead-firstname-containter,
#card-lead-lastname-containter,
#card-tags-button-edit,
#card-reminder-create-button > span {
  color: #626a83 !important;
}
#card-reminder-create-button {
  background-color: #ffffff;
}
#card--leads-right-panel .x-assigned-user {
  background-color: #0a2950;
  border: none;
}

#card--leads-right-panel .x-assigned-user i.mdi {
  color: white;
}
.card-modal .card-right-panel .x-element,
#card-tags-current-tags-container {
  background-color: white;
  border-radius: 8px !important;
  border: 1px solid gray;
  text-align: left !important;
  padding-top: 8px;
  padding-bottom: 8px;
  align-items: center;
}
.action-border-bg {
  background-color: #8b80a7 !important;
  border: 1px solid #290a50 !important;
}
.x-table {
  background: #f4e8e1;
  border: 1px solid #ff6600;
  border-radius: 8px;
  padding: 5px;
}
.x-table-data {
  border-bottom: 1px solid #ff6600;
}
.x-table-data:last-child {
  border-bottom: none !important;
}

.btn-w-full > button {
  width: 100% !important;
}
.left-panel-field-label {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 5px;
}
.x-space-between,
#card-tags-button-edit {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.card-modal .card-right-panel .x-section .x-edit-tabs {
  padding-right: 8px;
}
#card--leads-right-panel .x-assigned-user i.mdi:before {
  margin-top: 4px !important;
}

.card-modal .card-right-panel .x-assign-new {
  height: 30px !important;
}
/******* CSS for Leads Tabs Lead *******************/
.card-modal .card-left-panel .x-heading {
  background-color: #e6cdff;
  border-radius: 8px;
  padding: 6px 12px;
}

.card-modal .card-left-panel .x-action a {
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.cancel-btn,
.close-btn {
  border: 1px solid gray;
  border-radius: 8px;
}
.save-btn,
.add-btn,
.post-btn {
  background-color: #ff6600 !important;
  border-radius: 8px !important;
  color: white !important;
  padding: 7px 20px !important;
}
.update-btn,
.edit-btn,
.btn-submit-suppor-ticket,
.edit-support-ticket-btn {
  background-color: #ff6600 !important;
  border-radius: 8px !important;
  color: white !important;
}
.card-modal .card-left-panel .card-description {
  padding: 10px 0px 0px 0px !important;
}

.card-modal .card-left-panel .card-checklist {
  padding: 0;
}
.card-modal .card-left-panel .card-attachments {
  padding: 0;
}
.comment-text {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px;
}
.comment-time {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  color: #ff6600 !important;
}
.btn-delete-comment {
  border: 1px solid #290a50;
  border-radius: 8px;
  color: #290a50;
  padding: 5px;
}
.btn-delete-comment > a {
  color: #290a50 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

/******* CSS for Leads Tabs Address *******************/
.address-inputs > input,
.address-inputs > select {
  height: 40px;
  border-radius: 8px;
}
.card-lead-orginisation-edit .form-data-row {
  padding: 5px;
  font-size: 14px;
  padding-bottom: 6px;
}
.lead-addresstab-heading {
  font-size: 14px;
  font-weight: 600;
  color: #323232;
}
.form-data-row .x-data-title,
.form-data-row .x-data-content {
  display: block !important;
}
.form-data-row .x-data-content {
  background-color: #e6cdff;
  padding: 10px;
  border-radius: 8px;
  height: 41px;
}

/*********************************/
/*** CSS for Sales -> Invoices ***/
/*********************************/

.page-titles {
  background-color: white;
}
.list-actions-button {
  background-color: white !important;
}
.invoice-table-wrapper {
  border-radius: 8px;
}
.invoice-table thead {
  background-color: #3d155f;
  color: white;
}
/****************************************************/
/***************** CSS for Tasks*********************/
/****************************************************/

.x-notification {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.20031200349330902px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
#list-pages-stats-widget {
  display: flex;
  gap: 15px;
}
.border_radius {
  border-radius: 8px !important;
}
.bg-red-500,
.project-card1 {
  background-color: #ffdaea !important;
}
.bg-yellow-500,
.project-card2 {
  background-color: #ffebc2 !important;
}
.bg-green-500,
.project-card3 {
  background-color: #c1ffc1 !important;
}
.bg-purple-500,
.project-card4 {
  background-color: #e9d1ff !important;
}
.kanban .page-wrapper .container-fluid {
  padding-top: 94px !important;
  padding-bottom: 0px;
}
#tasks-stats-wrapper #list-pages-stats-widget,
#tasks-stats-wrapper #list-pages-stats-widget {
  display: none;
}
#tasks-layout-wrapper #tasks-view-wrapper .board-body .kanban-card,
#leads-layout-wrapper #leads-view-wrapper .board-body .kanban-card {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
#tasks-layout-wrapper #tasks-view-wrapper .board-body .x-footer,
#leads-layout-wrapper #leads-view-wrapper .board-body .x-footer,
#tasks-view-wrapper .board-body .x-footer {
  border-bottom: 1px solid #e2e8f0;
}
#tasks-view-wrapper .board-body {
  background-color: white;
}
#tasks-view-wrapper .board-heading {
  border-bottom: 2px solid gray;
  padding-bottom: 20px;
}
.kanban .kanban-wrapper .boards .board {
  width: 23% !important;
}
.kanban .kanban-wrapper .boards .board .board-body {
  border: none;
}
.kanban-card-content-comntainer .x-title {
  color: #1e293b !important;
}
.kanban-card-content-comntainer .x-title > span {
  color: #94a3b8;
}
.label-success {
  background-color: #f0faff;
  color: #33bfff;
}

.label-lime {
  background-color: #edf6e1 !important;
  color: #65b900;
}
/* .label-warning {
  background-color: #ffe3d1 !important;
  color: #ff6600;
} */
.label-danger {
  background-color: #ffd5d5;
  color: red;
}

.x-footer-below .client-name {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
/****************************************************/
/*** CSS for Customers/client details left panel ****/
/****************************************************/

/*******Customer/client Tabs************/
.nav-tabs {
  border-bottom: none;
  background-color: #f4f2f6;
  border-radius: 8px;
}
.nav-tabs > li {
  padding: 10px;
}
.profile-tab li a.nav-link,
.customtab li a.nav-link {
  padding: 10px 20px;
}
.profile-tab li a.nav-link {
  font-size: 16px;
  font-weight: 500;
}

.customtab li a.nav-link:hover,
.customtab li a.nav-link.active {
  border-bottom: none;
  background: #290a50;
  border-radius: 8px;
  color: white;
}
.label-outline-warning {
  background: #ca9746;
  border-radius: 50px;
  color: #fff;
  padding: 5px 10px;
}
.card-body {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-shadow: 0px 2px 4px 0px #c7c7c71a;
  box-shadow: 0px 6px 6px 0px #c7c7c717;
  box-shadow: 0px 14px 9px 0px #c7c7c70d;
  box-shadow: 0px 26px 10px 0px #c7c7c703;
  box-shadow: 0px 40px 11px 0px #c7c7c700;
}
/******* Top Bar ************/

.list-actions-button:hover,
.list-actions-button:active,
.list-actions-button:focus {
  background-color: #e0c7ff !important;
  padding: 0px 10px !important;
  border-radius: 8px !important;
  outline: none;
}
.page-header-heading {
  font-family: Poppins;
  font-size: 22px;
  font-weight: 600;
  line-height: 33px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #323232;
}
.page-header-sub-heading {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626a83;
}
/*******Project Tabs************/

#stats-widget-percentage-1,
.bg-red-500 .progress-bar {
  background-color: #d70854 !important;
}

#stats-widget-percentage-2,
.bg-yellow-500 .progress-bar {
  background-color: #c6a667 !important;
}

#stats-widget-percentage-3,
.bg-green-500 .progress-bar {
  background-color: #47b547 !important;
}

#stats-widget-percentage-4,
.bg-purple-500 .progress-bar {
  background-color: #955ec7 !important;
}

/*******Notes Tabs************/
#notes-table-wrapper .table-responsive {
  border-radius: 8px;
}
#notes-table-wrapper > button {
  height: 0px !important;
}

#client-description-button-edit {
  font-size: 14px;
  font-weight: 500;
}

.contacts_col_action > span > button > img {
  margin-top: -20px;
}

.clients_col_action .list-table-action button img,
.clients_col_action .list-table-action a img,
.contacts_col_action .list-table-action span img,
.projects_col_action .list-table-action button img,
.projects_col_action .list-table-action span img {
  margin-top: -20px;
}

#clients-list-table tbody tr:nth-child(odd),
#projects-list-table tbody tr:nth-child(odd),
#contacts-list-table tbody tr:nth-child(odd),
#tasks-list-table tbody tr:nth-child(odd),
#payments-list-table tbody tr:nth-child(odd),
#invoices-list-table tbody tr:nth-child(odd),
#estimates-list-table tbody tr:nth-child(odd),
#items-list-table tbody tr:nth-child(odd),
#report-results-container tbody tr:nth-child(odd),
#leads-list-table tbody tr:nth-child(odd) {
  background-color: #d8e6ff !important;
}

/*********************************/
/******* CSS for Tickets *******/
/*********************************/

#ticket-left-panel .x-details a {
  color: #5b676d;
}
#list-pages-stats-widget .dynamic-list {
  bottom: 0px;
  margin-bottom: 5px;
  position: none;
}
.ticket-panel .x-top-header {
  border-radius: 8px 8px 0px 0px !important;
  background: #e6cdff !important;
}
#ticket-left-panel .x-body {
  background-color: #f4f2f6 !important;
  padding: 10px 20px !important;
}

.x-details {
  border: 1px solid #d9d9d9;
  padding: 5px;
  border-radius: 8px;
  margin-top: 8px;
  min-height: 41px;
  display: flex;
  align-items: center;
}
.ticket-panel .x-list {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*********************************/
/******* CSS for Canned *******/
/*********************************/
.canned-body {
  background-color: white;
  margin: 10px;
  border-radius: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
.canned-name {
  font-family: Poppins;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #290a50;
}
.canned-details {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #290a50;
}

#canned-table-wrapper {
  background-color: #f4f2f6 !important;
  border-radius: 8px;
}
#canned-table-wrapper .table-responsive {
  background-color: white;
}
/********************************/
/******* CSS for Contracts ******/
/********************************/
.pending-status {
  color: white;
  background: #d70854;
  border-radius: 50px;
  padding-right: 15px;
  padding-left: 15px;
}

/*********************************/
/******* CSS for Reports *********/
/*********************************/
.btn-excel {
  background-color: #afeeff !important;
  color: #327f94 !important;
  border-radius: 8px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.btn-cvs {
  background-color: #c1ffc1 !important;
  color: #4b843f !important;
  border-radius: 8px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.btn-print {
  background-color: #ffeee9 !important;
  color: #ff6836 !important;
  border-radius: 8px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.profile-tab li a.nav-link.active,
.profile-tab li a.nav-link:hover {
  color: #290a50;
  border: none;
}
.table-header-link {
  color: #585858; /* gray color */
}

#reports-list-page-actions-container > button {
  color: red !important;
}

/* DASHBOARD CSS */
.card.payments-today-widget {
  background-color: #ffdaea !important;
}

.navbar-nav {
  position: relative;
  left: -18px;
}

.card.payments-month-widget {
  background-color: #ffebc2 !important;
}

.card.payments-due-widget {
  background-color: #c1ffc1 !important;
}

.card.payments-overdue-widget {
  background-color: #e9d1ff !important;
}

.payments-today-widget .progress-bar {
  background-color: #d70854 !important;
  padding: 3px !important;
}

.payments-month-widget .progress-bar {
  background-color: #c6a667 !important;
  padding: 3px !important;
}

.payments-due-widget .progress-bar {
  background-color: #47b547 !important;
  padding: 3px !important;
}

.payments-overdue-widget .progress-bar {
  background-color: #955ec7 !important;
  padding: 3px !important;
}

.progress-bar {
  opacity: unset !important;
}

.text-black {
  color: #000 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.radius-6 {
  border-radius: 6px !important;
}

/* .timeline-bg{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
} */

#dashboard-admin-events .sl-right {
  background: #f9fafb !important;
  padding: 10px !important;
  border-radius: 5px !important;
  border-bottom: 1px solid #e4e7ec !important;
}

.third-row-events {
  background-color: #fff !important;
  padding: 10px !important;
}

/* /* .card-no-border .card {
  box-shadow: none !important;
  padding: 10px !important;
  background-color: #fff !important;
} */
*/ .timeline-bg {
  box-shadow: unset !important;
}

.card.latest-activity {
  background-color: #fff !important;
}

.timeline .x-meta a.link {
  font-weight: 600 !important;
  color: #475467 !important;
}

.profiletimeline .sl-date {
  font-size: 14px;
  color: #ff7142 !important;
  font-weight: 400 !important;
}

.card .card-title {
  margin-left: 10px !important;
}
.card-no-border .card, .invoice .invoice-wrapper, .estimate .invoice-wrapper {
  border-radius: 10px !important;
}

ul > li:hover {
  cursor: pointer;
}

/* * {
  user-select: none;
} */

*:focus {
  outline: none;
}

.panel-body {
  height: 308px !important;
  background-color: #fff !important;
  padding: 20px !important;
}

.badge-primary,
.badge-success,
.badge-danger {
  width: 100% !important;
  border-radius: 8px;
}

#fx-client-left-panel-invoices {
  width: 105%;
  background: #46b9e8;
  color: white !important;
  text-align: center;
  border-radius: 8px;
  margin-right: 10px !important;
  padding: 8px;
}

#fx-client-left-panel-invoices-counter {
  width: 30%;
  background: #46b9e8;
  color: white !important;
  text-align: center;
  border-radius: 8px;
  padding: 8px;
}

#fx-client-left-panel-payments {
  width: 105%;
  background: #3de4cb;
  color: white !important;
  text-align: center;
  border-radius: 8px;
  margin-right: 10px !important;
  padding: 8px;
}

#fx-client-left-panel-payments-counter {
  width: 30%;
  background: #3de4cb;
  color: white !important;
  text-align: center;
  border-radius: 8px;
  padding: 8px;
}

#fx-client-left-panel-projects {
  width: 105%;
  background: #f3975e;
  color: white !important;
  text-align: center;
  border-radius: 8px;
  margin-right: 10px !important;
  padding: 8px;
}

#fx-client-left-panel-projects-counter {
  width: 30%;
  background: #f3975e;
  color: white !important;
  text-align: center;
  border-radius: 8px;
  padding: 8px;
}

#fx-client-left-panel-openprojects {
  width: 105%;
  background: #f2576d;
  color: white !important;
  text-align: center;
  border-radius: 8px;
  margin-right: 10px !important;
  padding: 8px;
}

#fx-client-left-panel-openprojects-counter {
  width: 30%;
  background: #f2576d;
  color: white !important;
  text-align: center;
  border-radius: 8px;
  padding: 8px;
}

.client .tab-body-embedded .profiletimeline,
.project .tab-body-embedded .profiletimeline {
  margin: 0% !important;
}

.client .tab-body-embedded {
  padding-top: 0;
}

.x-meta > p {
  font-size: 14px;
  font-weight: 600;
  color: #323232;
  margin: 0;
}

.x-title > span {
  font-size: 10px;
  font-weight: 400;
  color: #ff6600;
}

.timeline .x-description {
  font-size: 12px;
  font-weight: 400;
  padding: 0;
  text-decoration-line: underline;
}

.timeline .x-description > a {
  color: #626a83;
}

.sl-date {
  font-weight: 400;
  color: #626a83;
}

.btn-info {
  background-color: #ff6600 !important;
  border-radius: 8px;
  border: none;
}

.btn-info:hover {
  border: none;
}

.client-details .tinymce-transparent {
  padding-top: 0;
}

#client-description-submit button:nth-of-type(2) {
  background-color: #ff6600 !important;
  border-radius: 8px;
  border: none;
  height: 35px !important;
  padding: 0px 20px !important;
  font-size: 14px;
}
#client-description-submit button:nth-of-type(1) {
  border-radius: 8px;
  border: none;
  height: 35px !important;
  padding: 0px 20px !important;
  font-size: 14px;
}

.nav-item.main-hamburger-menu2 {
  height: 30px;
  width: 30px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  background-color: #fff;
  border: 1px solid gray;
}
@media (min-width: 1200px) {
  .nav-item.main-hamburger-menu2 {
    margin-top: 10px;
  }
}

.hamburger-anchor {
  width: 100%;
  height: 100%;
}
.nav-item.main-hamburger-menu2 img {
  position: absolute;
  bottom: 8px;
  left: 4px;
  width: 19px;
  height: 13px;
}

/* PROJECTS MODULE */

.custom-page-titles {
  background: #f4f2f6 !important;
  margin-bottom: 49px !important;
  padding: 23px !important;
  border-radius: 8px !important;
}

.text-gray {
  color: #626a83 !important;
}

.p-21 {
  padding: 21px !important;
}

.radius-none {
  border-radius: unset !important;
}

.edit-desc {
  font-size: 16px;
  padding: 10px !important;
}

.project-timeline {
  background-color: #f4f2f6 !important;
  margin-left: 10px;
  border-radius: 8px !important;
  padding-left: 0 !important;
}

.timeline-page-titles {
  background-color: #f4f2f6 !important;
}

#timeline-container {
  /* background-color: #fff !important; */
  border-radius: 8px !important;
}

.progress-container {
  background: #ffe0cc;
  border-radius: 8px !important;
  padding: 20px !important;
  width: 39% !important;
}

.project-progress {
  position: relative;
  top: 3px;
  border-radius: unset !important;
}

#project_details {
  background-color: #f6f9fa;
}

.project-details.card {
  background-color: #f6f9fa !important;
}

#project_progress_container {
  border-radius: 8px !important;
  background-color: #fff !important;
}

.project-progress-bar {
  background: #ff6600 !important;
}

.border-right-vertical {
  border-right: 1px solid #eae7e7;
}
#projects-stats-wrapper #list-pages-stats-widget {
  display: none;
}

.projects-card-body {
  background: #f4f2f6 !important;
}

#project-status {
  background-color: #5ac95a !important;
  color: #fff !important;
}
/* MESSAGES */
.chat-main-box {
  left: 91px !important;
}

.chat-main-box .card-post {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  border-top: 1px solid #eae7e7;
  height: 120px;
}

.chat-main-box .card-post .messaging_text_wrapper {
  height: 100% !important;
  padding: 8px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 8px !important;
  margin-top: 10px !important;
}

#messages_right_text_wrapper
  .mce-panel
  div:not(
    .mce-colorpicker,
    .mce-colorpicker *,
    .mce-selected,
    .mce-stack-layout-item
  ) {
  height: 100% !important;
}

#messaging_submit_container .mce-panel {
  height: 100% !important;
}

.chat-main-box .card-post .messaging_submit_button {
  background-color: transparent !important;
  box-shadow: unset !important;
}

.chat-main-box .card-post .messaging_submit_button {
  position: absolute !important;
  right: 102px !important;
  top: 41px !important;
}

.chat-main-box .card-post .messaging_file_upload_button {
  left: 20px !important;
  background-color: transparent !important;
  box-shadow: unset !important;
}

.left-search-bar {
  padding: 13px;
  border-radius: 6px;
}

.left-search-bar .left-search-container i {
  position: absolute;
  font-size: 14px;
  left: 12px;
  top: 8px;
}

.left-search-bar .left-search-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.left-search-bar .left-search-container i {
  position: absolute;
  font-size: 14px;
  left: 12px;
  top: 12px;
}

.left-search-bar .left-search-container input {
  padding-left: 35px !important;
  background-color: #f4f7fe !important;
  border: none !important;
}

.fs-12 {
  font-size: 12px !important;
}

/*** TEMPLATES ***/
/*********************************/

.delete-template {
  filter: invert(1) !important;
  height: 18px !important;
}

/*********************************/
/******* Delete Popups *********/
/*********************************/
.jconfirm-buttons .btn-outline-secondary {
  /* color: #333333 !important; */
  color: #290a50 !important;
  border-radius: 8px !important;
}
.jconfirm-buttons .btn-outline-danger {
  background: #ff6600;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  border: 1px solid #ff6600 !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
  padding: 0px !important;
}
.jconfirm .jconfirm-box.jconfirm-type-red {
  border: none !important;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  margin: 0px !important;
}

.delete-popup {
  background: #ffdfdf;
  border-radius: 50px;
  padding: 10px;
  width: 70px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button .btn-outline-secondary {
  border-color: #290a50 !important;
}

/*********************************/
/******* Dropdown menue *********/
/*********************************/
.nav-item.dropdown .dropdown-menu {
  z-index: 40 !important;
}
.dropdown-menu,
.border-top-right-radius,
.border-top-left-radius {
  border-radius: 8px !important;
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item.active {
  background-color: #f4f2f6;
}
/**************************************/
/**** Filter/Export Right menue *******/
/**************************************/

.rpanel-title,
.rpanel-title i {
  background-color: #e0c7ff !important;
  color: #290a50 !important;
  font-weight: 600 !important;
}
.slimscrollright .select2-selection {
  border-radius: 8px !important;
  height: 35px;
}
.slimscrollright .buttons-block .btn-danger {
  background-color: #ff6600;
  border-radius: 8px;
}
/***********************/
/**** Edit Modal *******/
/***********************/

#commonModalHeader {
  background-color: #e0c7ff !important;
}
#commonModalTitle {
  color: #290a50 !important;
  font-weight: 500;
}
#commonModalCloseIcon {
  color: #290a50 !important;
  right: 30px;
  top: 25px;
}
#commonModalCloseIcon i {
  font-weight: 600;
}
#commonModalBody input {
  border-radius: 8px;
  height: 40px;
}
#commonModalBody .select2-selection {
  border-radius: 8px;
  height: 40px;
  display: flex;
  align-items: center;
}
#commonModalBody
  .switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-light-blue {
  background-color: #290a50;
}
#commonModalCloseButton {
  border: 1px solid #290a50;
  border-radius: 8px;
  color: #290a50;
  padding: 10px 40px;
}
#commonModalSubmitButton {
  padding: 10px 40px;
  border: 1px solid #ff6600;
  background-color: #ff6600;
  border-radius: 8px;
}
/*******************************/
/**** upload file design *******/
/*******************************/
#email_files.dropzone,
#importing-modal-container .dropzone {
  border-radius: 8px;
  border-color: #290a50;
}
#email_files.dropzone span {
  color: #323232;
  font-weight: 400;
}
/**********************************************************/