/*$primary-blue: #045185;
$primary-lt-blue: #428bca;
$primary-lt-blue-hover: #3379b5;
$primary-indigo: #2f3a5f;
$primary-red: #FF0000;
$primary-red-hover: #bc030b;
$light-rgb: #eef2f7;
$light-rgb-hover: #eef2f7;*/
:root[data-menu-color=dark] {
  --CAMeo2Blazor-menu-bg: #093b5d;
  --CAMeo2Blazor-menu-item-hover-bg: #1c243f;
  --CAMeo2Blazor-menu-item-active-bg: #1c243f;
}

:root, [data-bs-theme=light] {
  --CAMeo2Blazor-blue: #093b5d;
  --CAMeo2Blazor-danger-rgb: 255, 100, 100;
  --CAMeo2Blazor-primary-rgb: 04, 81, 133;
}

.logo {
  padding-left: 15px;
}

.logo-lg {
  margin-bottom: 15px;
}
.logo-lg img {
  height: 64px;
}

.logo-sm img {
  height: 42px;
}

.app-topbar {
  background-color: #093b5d !important;
}

.app-topbar .topbar-menu .topbar-item .topbar-link {
  color: #ced8df;
}

.app-topbar .topbar-menu .topbar-item .topbar-link:active, .app-topbar .topbar-menu .topbar-item .topbar-link:focus, .app-topbar .topbar-menu .topbar-item .topbar-link:hover {
  color: white;
}

.nav-user .topbar-link {
  color: #0072c6 !important;
}

.nav-user .topbar-link:hover {
  color: #0866c6 !important;
}

.auth-bg {
  background-image: linear-gradient(135deg, #045185 0, #428bca 100%) !important;
}

.topbar-search {
  margin-left: 15px;
  margin-right: 15px;
}

.user-initials {
  background-color: #045185 !important;
  border-color: #045185 !important;
}

.topbar-item-payment {
  background-color: #1d9ad6;
  padding-left: 10px;
  padding-right: 15px;
}

.topbar-item-payment a {
  color: white !important;
  font-weight: 700;
}

.topbar-item-payment a:hover {
  color: #1c243f !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .page-container {
  --CAMeo2Blazor-gutter-x: 0.5rem;
}

.pagination {
  --CAMeo2Blazor-pagination-active-bg: #093b5d;
  --CAMeo2Blazor-pagination-active-border-color: #093b5d;
}

.btn-primary-blue {
  --CAMeo2Blazor-btn-bg: #093b5d;
  --CAMeo2Blazor-btn-border-color: #093b5d;
  --CAMeo2Blazor-btn-disabled-bg: #093b5d;
  --CAMeo2Blazor-btn-disabled-border-color: #093b5d;
  --CAMeo2Blazor-btn-hover-bg: #1c243f;
  --CAMeo2Blazor-btn-hover-border-color: #1c243f;
  --CAMeo2Blazor-btn-active-bg: #1c243f;
  --CAMeo2Blazor-btn-active-border-color: #1c243f;
  color: white;
}

.btn-primary-blue:hover {
  color: white;
}

.btn-primary {
  --CAMeo2Blazor-btn-bg: #1d9ad6;
  --CAMeo2Blazor-btn-border-color: #1d9ad6;
  --CAMeo2Blazor-btn-disabled-bg: #1d9ad6;
  --CAMeo2Blazor-btn-disabled-border-color: #1d9ad6;
  --CAMeo2Blazor-btn-hover-bg: #3379b5;
  --CAMeo2Blazor-btn-hover-border-color: #3379b5;
  --CAMeo2Blazor-btn-active-bg: #3379b5;
  --CAMeo2Blazor-btn-active-border-color: #3379b5;
}

.btn-danger {
  --CAMeo2Blazor-btn-bg: #FF0000;
  --CAMeo2Blazor-btn-border-color: #FF0000;
  --CAMeo2Blazor-btn-disabled-bg: #FF0000;
  --CAMeo2Blazor-btn-disabled-border-color: #FF0000;
  --CAMeo2Blazor-btn-hover-bg: #bc030b;
  --CAMeo2Blazor-btn-hover-border-color: #bc030b;
  --CAMeo2Blazor-btn-active-bg: #bc030b;
  --CAMeo2Blazor-btn-active-border-color: #bc030b;
}

.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.2;
  border-radius: 0.2rem;
}

.btn-outline-info {
  background: white !important;
}

.btn-outline-info:hover {
  background: #3379b5 !important;
}

.btn-svg-icon {
  padding-left: 12px !important;
}

.btn-svg-icon svg, i {
  margin-right: 5px;
}

.btn-toggler {
  background: none;
  border: none;
  margin-left: auto;
}

.text-danger {
  color: #FF0000 !important;
}

.invalid {
  background-color: #f8d7da !important;
  padding-right: calc(1.5em + 1rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff6d43'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff6d43' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.25rem) center;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
  border-color: #f31700;
}

.page-title-head {
  height: 50px !important;
}

.page-title {
  font-size: 27px;
  font-weight: 300 !important;
}

.page-title small {
  color: #093b5d !important;
  font-weight: 300 !important;
  font-size: 14px !important;
}

.lt-blue {
  color: #1d9ad6 !important;
}

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

a.grid-link {
  color: #0072c6;
  text-decoration: none;
}

a.grid-link:hover {
  color: #0866c6;
}

.card-header-grid {
  padding-bottom: 2px !important;
  padding-top: 8px;
  padding-left: 18px;
  padding-right: 18px;
}

.card-header-form {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #1d9ad6 !important;
}

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

.form-card {
  margin-bottom: 1rem !important;
}

.form-row-std {
  margin-bottom: 3px !important;
}

.form-col-lbl-std {
  padding-right: 0 !important;
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
  line-height: 1.3;
}

.form-col-ctrl-std {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.fc-lbl {
  padding-top: 5px;
}

.fc-std {
  padding: 0rem 0.25rem;
  line-height: 2;
}

.fc-std-date {
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 0.25rem;
  padding-right: 0 !important;
  line-height: 2;
}

.fl-vertical {
  margin-bottom: 0.25rem;
}

.form-label {
  font-size: 0.8125rem;
}

.grid-header {
  font-weight: 300;
  font-size: 1.015625rem;
  color: #1d9ad6;
}

.form-check {
  padding-top: 4px !important;
}

.form-check-input:checked {
  background-color: #1d9ad6 !important;
  border-color: #1d9ad6 !important;
}

.c-form-icon {
  padding-left: 0px !important;
  padding-bottom: 0px !important;
  padding-right: 0px !important;
  margin-left: -5px;
}

.toggle-icon {
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background-image: url('data:image/svg+xml,<svg xmlns=""http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="#4c4c5c" stroke-linecap="round" stroke-linejoin="round"><path d="M2 5L8 11L14 5"></path></svg>');
}

button.toggle-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

button:not(.collapsed) .toggle-icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

button.collapsed .toggle-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.btn-ff-icon {
  width: 24px !important;
  height: 24px !important;
}

.icon-svg-x {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  stroke: white;
  fill: white;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" width="16" height="16" stroke-width="2"> <path d="M18 6l-12 12"></path> <path d="M6 6l12 12"></path> </svg>');
}

.icon-svg-save {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  stroke: white;
  fill: white;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" width="16" height="16" stroke-width="2"> <path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"></path> <path d="M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path> <path d="M14 4l0 4l-6 0l0 -4"></path> </svg>');
}

.icon-svg-cancel {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" width="16" height="16" stroke-width="2"> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path> <path d="M18.364 5.636l-12.728 12.728"></path> </svg>');
}

.badge {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.dropdown-item {
  cursor: pointer;
}

/*Telerik Dropzone / FileSelect Styles */
div.template-dropzone,
.template-dropzone {
  /* remove flexbox layout */
  display: block;
  border: 2px dashed #093b5d;
  border-radius: 10px;
  padding: 40px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}

.template-dropzone .k-dropzone-inner .k-icon {
  /* remove default DropZone icon margin */
  margin-bottom: 0;
  /* enlarge DropZone icon from default size 48px */
  font-size: 64px;
}

/* Custom styling */
.template-dropzone .dropzone-content {
  margin: 3em;
  text-align: center;
}

.dropzone-content .line {
  display: block;
  margin-bottom: 0.4em;
}

.dropzone-content p {
  margin-top: 1em;
  font-size: 0.9em;
}

.k-dropzone-inner {
  background-color: #fff !important;
  border: none !important;
}

.k-file {
  padding: 4px !important;
}

.k-upload .k-upload-files .k-file-name {
  margin-top: 7px !important;
}

.telerik-blazor .k-dropzone {
  display: none !important;
}

/* Telerik Grid and Data Table Styles */
.k-table-thead, .k-table-header, .k-table-group-sticky-header {
  background: #093b5d !important;
  color: white !important;
}

.k-table-th {
  padding: 5px !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
}

.k-grid tbody .k-table-row:hover {
  background-color: #eef2f7 !important;
}

.k-grid tbody .k-table-alt-row:hover {
  background-color: #eef2f7 !important;
}

.k-grid .k-table-row.k-table-alt-row {
  background-color: rgba(238, 242, 247, 0.45);
}

.k-table-td {
  padding: 5px !important;
  font-size: 0.8125rem !important;
}

.k-pager {
  background-color: #eef2f7 !important;
}

.k-grid .center-cell {
  text-align: center;
}

/*.k-grid .k-selected {
    background-color: #f9f6aa !important;
}

.k-grid .k-selected:hover {
    background-color: #f9f589 !important;
}*/
.k-pager-numbers .k-button-flat.k-selected,
.k-pager-numbers .k-button-flat.k-selected:hover,
.k-pager-numbers .k-button-flat.k-selected:focus {
  background: #093b5d !important; /* not background-color */
  color: #fff !important;
  border-color: #093b5d !important;
}

.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
  background-color: #faf9e0;
}

.k-grid .k-command-cell {
  text-align: center;
}

.k-toolbar {
  background: white !important;
}

/* Telerik Form Styles */
.k-checkbox:checked, .k-checkbox.k-checked {
  border-color: #093b5d;
  background-color: #093b5d;
}

.k-checkbox:indeterminate, .k-checkbox.k-indeterminate {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#045185' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'></path></svg>");
}

.k-checkbox:indeterminate, .k-checkbox.k-indeterminate {
  border-color: #093b5d;
  color: #093b5d;
  background-color: #ffffff;
}

.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus {
  -webkit-box-shadow: 0 0 0 2px #eef2f7;
          box-shadow: 0 0 0 2px #eef2f7;
}

.k-form-md .k-form-field, .k-form-md .k-form-buttons {
  margin-top: 0px;
}

.k-input-inner {
  padding: unset !important;
  font-size: 0.8125rem;
}

.validation-message {
  color: #FF0000;
}

.k-list .k-list-item {
  font-size: 0.8125rem;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
  color: #ffffff;
  background-color: #1d9ad6;
}

.k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
  color: #ffffff;
  background-color: #093b5d;
}

.k-picker-solid {
  background-color: white;
  border-color: #ced4da !important;
}

.k-form .k-form-legend {
  border-width: 0 0 1px;
  border-style: dashed;
  font-weight: 300;
  text-transform: none;
  font-size: 1.015625rem;
  padding-bottom: 5px;
  color: #1d9ad6;
  border-color: #093b5d;
}

/* Telerik Wizard Styles */
.k-stepper .k-step-done .k-step-indicator {
  border-color: #093b5d;
  color: white;
  background-color: #093b5d;
  cursor: pointer;
}

.k-stepper .k-step-current .k-step-indicator {
  border-color: #1d9ad6;
  color: white;
  background-color: #1d9ad6;
  cursor: pointer;
}

.k-progressbar .k-selected {
  border-color: #093b5d;
  color: white;
  background-color: #093b5d;
}

.k-stepper .k-step:hover .k-step-indicator {
  background-color: #1d9ad6;
  color: #fff;
}

.k-step-link {
  cursor: pointer;
}

.k-wizard {
  padding-inline: calc(var(--kendo-spacing-2, 0.1rem) * 1);
}

.k-button-flat-primary {
  color: white !important;
  background-color: #1d9ad6 !important;
}

.k-button-solid-primary {
  border-color: #093b5d;
  color: white;
  background-color: #093b5d;
}

.k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
  border-color: #1c243f;
  color: white;
  background-color: #1c243f;
}

.k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
  background-color: #f8d7da !important;
  padding-right: calc(1.5em + 1rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff6d43'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff6d43' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.25rem) center;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
  border-color: #f31700;
}

.k-multi-select input {
  min-height: 36px !important;
}

/*.k-dropdownlist {
    min-height: 31px !important;
    padding-left: 1px !important;
}*/
.telerik-blazor .k-input-button.k-button-md {
  height: 26px !important;
  width: 29px !important;
  line-height: 25px !important;
  padding: 0 !important;
}

.k-table-td .k-checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.k-table-th .k-checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

/* Telerik Modal Window Styles */
.k-modal-footer {
  width: 100%;
  padding-top: 15px;
  margin-top: 15px;
  border-top: solid 1px #dbdfe4;
}

.k-modal-footer button {
  float: right;
  margin-right: 4px;
}

.k-window {
  border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: var(--kendo-color-on-app-surface, #3d3d3d);
  background-color: var(--kendo-color-surface-alt, #ffffff);
}

.k-window-title {
  font-weight: 600 !important;
}

.k-window-actions {
  border: none;
}

/*.k-window-content {
    padding-bottom: 0;
}*/
.k-window-titlebar {
  border-color: inherit;
  color: white;
  background-color: #093b5d;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.popup-class .k-window-titlebar {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: unset !important;
  border-bottom-left-radius: unset !important;
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
  background-color: #093b5d !important;
}

.k-calendar .k-calendar-view .k-today {
  color: #1d9ad6 !important;
}

.k-input-solid {
  border-color: #ced4da !important;
}

.t-multi-select input {
  min-height: 28px !important;
}

.k-input-md .k-input-values > .k-searchbar, .k-input-md .k-input-values > .k-input-inner, .k-picker-md .k-input-values > .k-searchbar, .k-picker-md .k-input-values > .k-input-inner {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.user-initials {
  width: 32px; /* Same size as the image */
  height: 32px;
  background-color: #007bff; /* Default background color */
  color: #fff; /* Text color */
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  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;
  border: 1px solid #ddd; /* Optional border */
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.94em !important;
  left: 1.15em !important;
  width: 1.1em !important;
  -webkit-transform: rotate(45deg) !important;
          transform: rotate(45deg) !important;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em !important;
  right: 0.5em !important;
  width: 2.9375em !important;
  -webkit-transform: rotate(-45deg) !important;
          transform: rotate(-45deg) !important;
}

/* Targets the content area inside the editor */
.k-editor {
  font-family: Arial !important;
}

/* Targets the content area inside the editor */
.k-editor {
  font-family: Arial !important;
}

.k-grid td.left-align {
  text-align: left !important;
}

.k-grid td.center-align {
  text-align: center !important;
}

.k-grid td.right-align {
  text-align: right !important;
}

.custom-dropdown-parent .telerik-std-dropdown .k-picker-solid .k-input-inner {
  height: 20px !important;
  font-size: 13px !important;
  padding: 0 4px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.btn.btn-sm.btn-success {
  background-color: #8dc63f !important;
  border-color: #8dc63f !important;
  color: #fff !important;
}

.btn.btn-sm.btn-success:hover {
  background-color: #7db234 !important; /* Optional slightly darker hover */
  border-color: #7db234 !important;
}

.btn.btn-sm.btn-danger {
  background-color: #d9272d !important;
  border-color: #d9272d !important;
  color: #fff !important;
}

.btn.btn-sm.btn-danger:hover {
  background-color: #c31f24 !important; /* Optional slightly darker hover */
  border-color: #c31f24 !important;
}

.btn.btn-sm.btn-warning {
  background-color: #ffc430 !important;
  border-color: #ffc430 !important;
  color: #000 !important; /* Use black text for readability on yellow */
}

.btn.btn-sm.btn-warning:hover {
  background-color: #e6b025 !important; /* Optional slightly darker hover */
  border-color: #e6b025 !important;
}

.btn-toggler .toggle-icon {
  width: 16px;
  height: 16px;
  color: #6c757d !important; /* same muted gray as Dashboard */
  opacity: 0.6 !important; /* match the lighter look */
  -webkit-transition: opacity 0.18s ease-in-out, -webkit-transform 0.18s ease-in-out;
  transition: opacity 0.18s ease-in-out, -webkit-transform 0.18s ease-in-out;
  transition: transform 0.18s ease-in-out, opacity 0.18s ease-in-out;
  transition: transform 0.18s ease-in-out, opacity 0.18s ease-in-out, -webkit-transform 0.18s ease-in-out;
}

.btn-toggler:hover .toggle-icon {
  opacity: 1 !important;
}

/* optional: rotate on expand/collapse */
.btn-toggler[aria-expanded=false] .toggle-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* --- Stop stray bullets/pseudo content in Telerik dropdowns --- */
.k-list-ul,
.k-list-ul li {
  list-style: none !important;
}

.k-list-item::before,
.k-list-ul li::before {
  content: "" !important;
}