/******************** 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;
}

/********** 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;
}

/********** Removew 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-839192 {
  display: none !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 */
}

/* Chnage color for the whote mode */

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

/********** 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 */
}