/******************** Tecology Custom Styling v1.0.0 ********************/

/******************** Custom Global Style ********************/

/* Removes username in header */


.user-name.ml10 {
  display: none !important;
}

/* Sidebar Logo */

.sidebar-brand {
  width: 200px;
  height: 40px;
  text-align: left !important;
  border-bottom: 0px;
}

.brand-logo img {
  width: 180px !important;
  margin-top: 2px;
}

/* Reduced icon sizes */

.icon {
  width: 18px !important;
  height: 18px !important;
  opacity: 0.7 !important;
}

/* Help Category Box */

.help-category-box {
    color: inherit !important;
}

/* Help Category Box */

.help-category-box p{
    opacity: 0.6 !important
}

/* Category box link color */

.help-category-box .anchor {
    color: #39B691!important;
}

/* Breadcrumb link: */

.breadcrumb-item a{
color: #0abb87!important;
}

/* Help content links */

#help-page-view-content-area a{
color: #0abb87!important;
}

/* Related Articles */

#help-page-view-content-area .related-articles a {
    color: inherit!important;
}


/* Knowledge base branding */
.knowledge_base-page .navbar-brand {
    width: 180px!important;
}


/* KN Navbar toggler */

@media (max-width: 576px) {
   .knowledge_base-page .public-navbar .navbar-toggler {
        padding: 5px 6px!important;
        margin: 10px!important;
        background-color: var(--bs-gray-500)!important;
    }

  .knowledge_base-page  .navbar-nav .nav-link {
    padding: 10px 10px !important;
    margin-bottom: 5px!important;
    }

}

/* Primary Text Color */

.text-primary {
    color: inherit !important;
}

/* Login as user button */

a[href*="login_back_to_admin"] {
   margin-top: 20px!important;
}


/* Remove Price Column in Projects Table */

body.client-view #project-table thead th[data-dt-column="3"],
body.client-view #project-table tbody td:nth-child(3),
body.client-view #project-table col[data-dt-column="3"] {
    display: none;
}

/********** Login Page Styling **********/

/* Form positioning */

.form-signin {
  margin-top: 15% !important;
  margin-left: 5% !important;
  margin-bottom: 0% !important;
  margin-right: 5% !important;
  max-width: 400px !important;
}

/* Logo */

.form-signin img {
  max-width: 280px !important;
}

.form-signin a {
  text-decoration: underline !important;
}

.form-signin .card-body {
  padding: 15px;
}

.form-signin .mt5 {
  margin-top: 20px;
}

/* Kanban Item Fix */

.kanban-item-list .float-end {
  margin-right: 5px !important;
}


/* Fixes Breasdcrumbs */

.breadcrumb-item+.breadcrumb-item::before {
    color: inherit !important;
}


/********** Remove unwanted style options **********/

.theme-default,
.theme-00BCD4,
.theme-17a589,
.theme-d68910,
.theme-d68910,
.theme-a93226,
.theme-555a61,
.theme-404040,
.theme-2e4053,
.theme-2471a3,
.theme-a6acaf,
.theme-884ea0,
.theme-83c340,
.theme-5d78ff,
.theme-2e86c1,
.theme-557bbb,
.theme-1d2632,
.theme-1E202D,
.theme-839192 {
  display: none !important;
}

/* Dark Mode Selector */

.theme-1E202D {
  background: #000000!important;
}

/* Light mode selector */

.theme-1d2632 {
  background-color: #ffffff !important;
}

/* Fixes calendar title word wrapping */
.fc-event-title {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word; /* optional, only if you have REALLY long words */
}


/********** Spinner/Loader Color Customization **********/

/* Change spinner color - modify the color value below to your desired color */
/* Default spinner color is #6690F4 (blue) */

/* Button spinner (spinning buttons) */
.spinning-btn.spinning:before {
  border-right-color: #17a589 !important; /* Change this color */
}

/* Circle loader */
.circle-loader {
  border-top-color: #17a589 !important; /* Change this color */
}

/* App loader */
.app-loader .loading {
  border-left-color: #17a589 !important; /* Change this color */
  border-right-color: #17a589 !important; /* Change this color */
  border-bottom-color: #17a589 !important; /* Change this color */
  border-top-color: #fff !important; /* Keep top white for spinner effect */
}

/* Table loader */
.table-loader .loading {
  border-left-color: #17a589 !important; /* Change this color */
  border-right-color: #17a589 !important; /* Change this color */
  border-bottom-color: #17a589 !important; /* Change this color */
  border-top-color: #fff !important; /* Keep top white for spinner effect */
}

/* Inline loader */
.inline-loader {
  border-left-color: #17a589 !important; /* Change this color */
  border-right-color: #17a589 !important; /* Change this color */
  border-bottom-color: #17a589 !important; /* Change this color */
  border-top-color: #fff !important; /* Keep top white for spinner effect */
}

/* To-do list checkbox loader (more specific selector) */
.update-todo-status-checkbox .inline-loader,
#todo-table .inline-loader {
  border-left-color: #17a589 !important; /* Change this color */
  border-right-color: #17a589 !important; /* Change this color */
  border-bottom-color: #17a589 !important; /* Change this color */
  border-top-color: #fff !important; /* Keep top white for spinner effect */
}

/* Loader container variant */
.loader-container.inline-loader {
  border-left-color: #17a589 !important; /* Change this color */
  border-right-color: #17a589 !important; /* Change this color */
  border-bottom-color: #17a589 !important; /* Change this color */
  border-top-color: #fff !important; /* Keep top white for spinner effect */
}

/********** Hide Client Header Login Nav Link **********/

@media (max-width: 767px) {
    .nav-link[data-modal-title="Login as Client"] {
        display: none !important;
    }
}