/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


/***** Custom color scheme *****/

.raazor-primary {
  color: #353242 !important;
}

.raazor-primary-bg {
  background-color: #f0f0f0 !important;
}

.raazor-secondary {
  color: #353242 !important;
}

.raazor-secondary-bg {
  background-color: #fff !important;
}

.raazor-accent {
  color: #579496 !important;
}

.raazor-accent-bg {
  background-color: #579496 !important;
}

.raazor-accent-border {
  border-color: #579496 !important;
}

.raazor-button {
  color: white !important;
  background-color: #579496 !important;
}

.raazor-button:hover {
  background-color: #97c2c3 !important
}

.raazor-overlay-1 {
  background-color: #232031 !important;
}

.raazor-overlay-2 {
  background-color: #14101B !important;
}

.raazor-fullscreen-overlay {
  background: #000000;
  background-repeat: no-repeat;
  height: 100%;
  background: linear-gradient(to right, #333333e8, #141414e8), url(/images/luxuryHome.jpg);
  background-size: cover;
}

.raazor-tabstrip-item {
  background-color: #353242 !important;
  color: white !important;
}

li.k-state-active.raazor-tabstrip-item {
  background-color: #579496 !important;
}

.raazor-panelbar-bg {
  background-color: #353242 !important;
  color: #fff !important;
}

.raazor-panelbar-bg:hover {
  background-color: #353242 !important;
  color: #579496 !important;
}

/***** End Custom color scheme *****/

/***** Sidebar Light Theme *****/
.sidebar-light .nav-item .nav-link {
  color: #353242 !important;
}

.sidebar-light .nav-item .nav-link:hover {
  color: #579496 !important;
}

.sidebar-light .sidebar-brand {
  color: #353242 !important;
}

.sidebar-light #sidebarToggle {
  background-color: rgba(0, 0, 0, 0.1);
}

.sidebar-light #sidebarToggle:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.sidebar-light hr.sidebar-divider {
  border-top: 1px solid #d0d0d0;
}

/***** End Sidebar Light Theme *****/

/* Theme-based logo switching */
.logo-light-mode {
  display: inline-block;
}

.logo-dark-mode {
  display: none;
}

body.dark-mode .logo-light-mode {
  display: none !important;
}

body.dark-mode .logo-dark-mode {
  display: inline-block !important;
}

/* Override sb-admin-2.css dark gradients */
.topbar {
  background: linear-gradient(270deg, #f5f5f5, #e8e8e8) !important;
}

.sidebar {
  background: linear-gradient(0deg, #f5f5f5, #e8e8e8) !important;
}

.sidebar.sidebar-light {
  background: linear-gradient(0deg, #f5f5f5, #e8e8e8) !important;
}


/***** Custom styles to override defaults *****/
/* These are custom style overrides to fit the RAAZOR color scheme */

td.k-editable-area {
  background-color: white !important;
}

.k-grid .k-grouping-header {
  background-color: #353242 !important;
}

.k-checkbox-label::before {
  background-color: #f3f4f7 !important;
}

.k-grid .k-alt {
  color: white !important;
}

.k-grid tbody tr:hover {
  color: #579496 !important;
}

.k-grid-header .k-header,
.k-pager-info {
  color: white !important;
}

.k-pager-wrap .k-link,
.k-pager-wrap .k-pager-nav {
  background-color: #000 !important;
}

.card {
  background-color: #353242 !important;
  border: 1px solid #e3e6f0 !important;
}

.k-header {
  background-color: #353242 !important;
}

.k-tabstrip>.k-content {
  background-color: #353242 !important;
  color: white !important;
}

.k-panelbar .k-content {
  background-color: #efebf3 !important;
  color: #242424 !important;
}

.k-window-content {
  background-color: #efebf3 !important;
  color: #242424 !important;
}

button.nav-link.btn.btn-link.text-dark {
  height: auto;
  height: auto;
  font-size: 0.85rem;
  font-weight: 400;
  /*color: #3a3b45 !important;*/
  padding-left: 0px;
}

button.nav-link.btn.btn-link.text-dark:hover {
  color: #579496 !important;
}

.dropdown-item:hover {
  color: #579496 !important;
  background-color: #1e1e1e !important;
}

.nav-link-text {
  padding-left: 13px;
}

.nav-link-text:hover {
  color: #579496 !important;
}

/* Keep long sidebar labels (like Credit Cards & Loans) on a single line */
.nav-link-text-nowrap {
  white-space: nowrap;
}

.k-window-titlebar.k-header {
  background-color: #353242 !IMPORTANT;
  color: white !important;
  border-color: black;
}

.k-button {
  background-color: #579496 !important;
  border: 1px solid #353242 !important;
  color: white !important;
}

.k-button:hover {
  background-color: #19D28C !important;
}

.k-tabstrip-items .k-item {
  /*margin-right: 3px !important;*/
  border: 1px solid #353242 !important;
}

.k-pager-numbers .k-state-selected,
.k-pager-numbers .k-state-selected:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #162c80;
  color: #ffffff;
  background-color: #579496;
  z-index: 2;
  cursor: default;
}

/* End custom style overrides */

.k-panelbar>.k-item>.k-link.k-state-selected {
  border-color: #444444;
  color: #ffffff;
  background-color: #2b2b2b;
}

fieldset {
  width: 100%;
}

.k-panelbar>.k-item>.k-link {
  border-color: #777777;
  color: #ffffff;
  background-color: #2b2b2b;
}

.k-panelbar>.k-item>.k-link:hover,
.k-panelbar>.k-item>.k-link.k-state-hover {
  border-color: #000000;
  color: #010101;
  background-color: #a5a5a5;
}

.btn-primary {
  color: #fff;
  background-color: #2b2b2b;
  border-color: #000000;
}

.grid-center-column {
  text-align: center;
}

img.grid-img {
  max-width: 175px;
}

a.CommandBtn {
  background-color: #2b2b2b;
  color: white !important;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-header,
.sidebar .nav-item .collapsing .collapse-inner .collapse-header {
  color: #2b2b2b !important;
}

.sidebar-dark .nav-item .nav-link:active,
.sidebar-dark .nav-item .nav-link:focus,
.sidebar-dark .nav-item .nav-link:hover {
  color: #37353f;
}

.sidebar-dark #sidebarToggle {
  background-color: rgba(117, 117, 117, 0.33);
}

svg.svg-inline--fa.fa-f105.fa-w-8 {
  color: white !important;
}

/* Sidebar navigation text default (expanded) */
.sidebar .nav-link .nav-link-text {
  display: inline-block;
  white-space: nowrap !important;
  /* keep all labels (including Credit Cards & Loans) on a single line */
}

/* Ensure sidebar icon + label are always on the same horizontal row */
.sidebar .nav-link.raazor-secondary {
  display: flex;
  align-items: center;
}

/* Sidebar collapsed: show only icons, hide text, keep sidebar visible */
body.sidebar-toggled .sidebar {
  width: 5rem !important;
  overflow-x: hidden;
}

body.sidebar-toggled .sidebar .nav-link .nav-link-text {
  display: none;
}

body.sidebar-toggled .sidebar .nav-link img {
  margin-right: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

body.sidebar-toggled .sidebar .nav-item .nav-link {
  width: 100% !important;
  text-align: center !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.k-edit-form-container {
  width: 100%;
}

.checkbox-group {
  line-height: 75px;
}

span.k-widget.k-tooltip-validation {
  display: inline-block;
  width: 160px;
  text-align: left;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  color: red;
}

.k-tooltip-validation .k-warning {
  display: none;
}

.valid {
  color: green;
}

.invalid {
  color: red;
}

.k-button.k-primary {
  border-color: #4e4e4e;
  background-color: #161616;
}

.k-checkbox:checked+.k-checkbox-label::before {
  border-color: #353242 !important;
  background-color: #579496 !important;
}

canvas.mapboxgl-canvas {
  width: 100% !important;
}

.coordinates {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 40px;
  left: 10px;
  padding: 5px 10px;
  margin: 0;
  font-size: 11px;
  line-height: 18px;
  border-radius: 3px;
  display: none;
}

#map {
  width: 100%;
  height: 300px;
  position: inherit;
  border-radius: 10px;
}

#searchByCity {
  cursor: pointer;
}

#message {
  /*display: none;*/
  background: #f1f1f1;
  color: #000;
  position: relative;
  padding: 20px;
  margin-top: 10px;
}

#PWMatch {
  display: none;
}

#messageEdit {
  /*display: none;*/
  background: #f1f1f1;
  color: #000;
  position: relative;
  padding: 20px;
  margin-top: 10px;
}

#PWMatchEdit {
  display: none;
}

.CommandBtn {
  /*background-color: #182b55;
    color: white !important;*/
  border: 1px solid #6e6e6e;
  border-radius: 4px;
  padding: 8px;
}

.popup-window {
  display: none;
}

/*li.k-item.k-state-default.k-tab-on-top.k-state-active {
    background-color: #2b2b2b;
    color: white !important;
}*/

footer.sticky-footer {
  padding: 1rem 0 !important;
}

.matterport-window {
  border-color: rgb(0, 0, 0);
  background-color: #000000;
}

/*.k-window-titlebar.k-header {
    background-color: #2b2b2b;
    color: white;
}*/

.k-window-titlebar.k-header span.k-window-title {
  font-size: 1rem;
}

#MatterportWindowContainer {
  background: rgba(255, 255, 255, 0.7);
  color: rgb(32, 79, 177);
  position: relative;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 18px;
  border-radius: 3px;
  display: none;
  text-align: left;
  margin: 0px auto;
  width: 100%;
  min-height: 625px;
  z-index: 200;
}

.k-textbox .k-icon {
  margin-left: -10px;
}

/***** End Custom styles *****/



a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #579496;
}

a:hover {
  color: #5ccfd3;
}

.btn-primary:hover {
  color: #fff;
  background-color: #8f8f8f;
  border-color: #8f8f8f;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #579496;
  border-color: #1861ac;
}

.navbar.raazor-primary-bg:not(.topbar) {
  background: linear-gradient(90deg, #151515, #242424) !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  /* Vertically center the text there */
}

/***** Dark Mode Styles *****/
body.dark-mode {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode #content-wrapper {
  background-color: #1a1a1a !important;
}

body.dark-mode .container-fluid {
  background-color: #1a1a1a !important;
}

body.dark-mode #content {
  background-color: #1a1a1a !important;
}

body.dark-mode .card {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-color: #444 !important;
}

body.dark-mode .card-header {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-bottom-color: #444 !important;
}

body.dark-mode .card-body {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
}

body.dark-mode .modal-content {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
}

body.dark-mode .modal-header {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-bottom-color: #444 !important;
}

body.dark-mode .modal-footer {
  background-color: #2d2d2d !important;
  border-top-color: #444 !important;
}

body.dark-mode .form-control,
body.dark-mode input.form-control,
body.dark-mode textarea.form-control,
body.dark-mode select.form-control {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-color: #555 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode input.form-control:focus,
body.dark-mode textarea.form-control:focus,
body.dark-mode select.form-control:focus {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-color: #579496 !important;
  box-shadow: 0 0 0 0.2rem rgba(87, 148, 150, 0.25);
}

body.dark-mode label {
  color: #e0e0e0 !important;
}

body.dark-mode .k-textbox,
body.dark-mode input.k-textbox,
body.dark-mode textarea.k-textbox {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-color: #555 !important;
}

body.dark-mode .k-header {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
}

body.dark-mode .k-input,
body.dark-mode .k-multiselect-wrap {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-color: #555 !important;
}

body.dark-mode .k-content,
body.dark-mode .k-window-content {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
}

body.dark-mode .k-window-titlebar.k-header {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-color: #555 !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #e0e0e0 !important;
}

body.dark-mode hr {
  border-color: #444 !important;
}

body.dark-mode .btn-secondary {
  background-color: #555 !important;
  border-color: #666 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .btn-secondary:hover {
  background-color: #666 !important;
  border-color: #777 !important;
}

body.dark-mode .close {
  color: #e0e0e0 !important;
  opacity: 0.8;
}

body.dark-mode .close:hover {
  opacity: 1;
}

body.dark-mode .k-grid .k-alt {
  background-color: #252525 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .k-grid tbody tr {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
}

body.dark-mode .k-grid tbody tr:hover {
  background-color: #353535 !important;
}

body.dark-mode td {
  color: #e0e0e0 !important;
  border-color: #444 !important;
}

body.dark-mode .k-button {
  background-color: #579496 !important;
  color: white !important;
  border-color: #579496 !important;
}

body.dark-mode .table-button {
  background-color: #579496 !important;
  color: white !important;
}

body.dark-mode .table-button:hover {
  background-color: #97c2c3 !important;
}

/* Comprehensive Kendo Grid Dark Mode */
body.dark-mode .k-grid-header,
body.dark-mode .k-grid-header-wrap {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-color: #444 !important;
}

body.dark-mode .k-grid-header th,
body.dark-mode .k-grid-header th.k-header {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-color: #444 !important;
}

body.dark-mode .k-grid-header .k-link {
  color: #e0e0e0 !important;
}

body.dark-mode .k-grid-footer,
body.dark-mode .k-pager-wrap {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-color: #444 !important;
}

body.dark-mode .k-pager-numbers .k-link,
body.dark-mode .k-pager-nav {
  color: #e0e0e0 !important;
}

body.dark-mode .k-pager-numbers .k-state-selected {
  background-color: #579496 !important;
  color: white !important;
}

body.dark-mode .k-grid-content {
  background-color: #2d2d2d !important;
}

body.dark-mode .k-filtercell .k-button {
  background-color: #444 !important;
  color: #e0e0e0 !important;
  border-color: #555 !important;
}

body.dark-mode .k-grid a {
  color: #97c2c3 !important;
}

body.dark-mode .k-grid a:hover {
  color: #579496 !important;
}

body.dark-mode .list-group-item {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-color: #444 !important;
}

body.dark-mode .list-group-item a {
  color: #97c2c3 !important;
}

body.dark-mode footer.sticky-footer {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
}

body.dark-mode .k-popup-edit-form,
body.dark-mode .editTemplate-container input,
body.dark-mode .editTemplate-container textarea,
body.dark-mode .editTemplate-container select {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-color: #555 !important;
}

body.dark-mode .k-edit-buttons {
  background-color: #2d2d2d !important;
}

body.dark-mode select {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-color: #555 !important;
}

body.dark-mode .k-calendar .k-content th,
body.dark-mode .k-calendar .k-link {
  color: #e0e0e0 !important;
}

body.dark-mode .k-calendar .k-state-selected .k-link {
  background-color: #579496 !important;
  border-color: #579496 !important;
  color: white !important;
}

body.dark-mode .k-treeview .k-icon,
body.dark-mode .k-scheduler-table .k-icon,
body.dark-mode .k-grid .k-hierarchy-cell .k-icon {
  color: #e0e0e0 !important;
}

body.dark-mode .k-grouping-row td,
body.dark-mode td.k-group-cell,
body.dark-mode .k-resize-handle-inner,
body.dark-mode .k-grid .k-state-selected:hover .k-group-cell {
  color: #e0e0e0;
  background-color: #353535;
}

body.dark-mode .k-list .k-item.k-state-selected,
body.dark-mode .k-list-optionlabel.k-state-selected {
  color: white;
  background-color: #579496;
}

body.dark-mode .k-group,
body.dark-mode .k-flatcolorpicker.k-group,
body.dark-mode .k-menu,
body.dark-mode .k-menu .k-group,
body.dark-mode .k-popup.k-widget.k-context-menu {
  color: #e0e0e0;
  background-color: #2d2d2d;
}

/* Theme toggle button styling */
#themeToggle {
  color: #353242 !important;
  border: none;
  background: transparent;
  padding: 0.5rem;
  cursor: pointer;
}

#themeToggle:hover {
  color: #579496 !important;
}

#themeToggle i {
  font-size: 1.2rem;
}

body.dark-mode #themeToggle {
  color: #fff !important;
}

body.dark-mode #themeToggle:hover {
  color: #97c2c3 !important;
}

/* Dark mode: Topbar and Sidebar */
body.dark-mode .topbar {
  background: linear-gradient(270deg, #2d2d2d, #1a1a1a) !important;
}

body.dark-mode .sidebar {
  background: linear-gradient(0deg, #2d2d2d, #1a1a1a) !important;
}

body.dark-mode .raazor-secondary {
  color: #e0e0e0 !important;
}

body.dark-mode .sidebar .nav-item .nav-link {
  color: #e0e0e0 !important;
}

body.dark-mode .sidebar .nav-item .nav-link:hover {
  color: #579496 !important;
}

body.dark-mode .sidebar hr.sidebar-divider {
  border-top: 1px solid #444 !important;
}

body.dark-mode .dropdown-menu.raazor-primary-bg {
  background: linear-gradient(180deg, #2d2d2d, #3d3d3d) !important;
}

body.dark-mode .topbar-divider {
  border-right-color: #444 !important;
}