/*-----------------------------------------------
|   Phoenix buttons
-----------------------------------------------*/
/* -------------------------------------------------------------------------- */
/*                                Phoenix button                              */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/* ----------------------------- Phoenix-buttons ---------------------------- */
/*# sourceMappingURL=user.css.map */


/* ---------------------------------------------------------------------------------------- */
/*                                    Override theme.css                                    */
/* ---------------------------------------------------------------------------------------- */
:root {
	--phoenix-body-font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	--phoenix-nav-link-font-size: 0.845rem;
}
:root, [data-bs-theme=light] {
	--phoenix-primary-subtle-rgb: 229, 237, 255;
	--phoenix-secondary-subtle-rgb: 239, 242, 246;
	--phoenix-success-subtle-rgb: 217, 251, 208;
	--phoenix-info-subtle-rgb: 199, 235, 255;
	--phoenix-warning-subtle-rgb: 255, 239, 20;
	--phoenix-danger-subtle-rgb: 255, 224, 219;
	--phoenix-secondary-bg-subtle-rgb: 239, 242, 246;
	--phoenix-success-bg-subtle-rgb: 217, 251, 208;
	--phoenix-info-bg-subtle-rgb: 199, 235, 255;
	--phoenix-warning-bg-subtle-rgb: 255, 239, 20;
	--phoenix-danger-bg-subtle-rgb: 255, 224, 219;
}
[data-bs-theme=dark] {
	--phoenix-primary-subtle-rgb: 28, 34, 49;
	--phoenix-secondary-subtle-rgb: 37, 40, 52;
	--phoenix-success-subtle-rgb: 29, 37, 39;
	--phoenix-info-subtle-rgb: 26, 36, 49;
	--phoenix-warning-subtle-rgb: 38, 37, 39;
	--phoenix-danger-subtle-rgb: 36, 31, 37;
	--phoenix-secondary-bg-subtle-rgb: 37, 40, 52;
	--phoenix-success-bg-subtle-rgb: 29, 37, 39;
	--phoenix-info-bg-subtle-rgb: 26, 36, 49;
	--phoenix-warning-bg-subtle-rgb: 38, 37, 39;
	--phoenix-danger-bg-subtle-rgb: 36, 31, 37;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.tooltip {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.popover {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

input,
button,
select,
optgroup,
textarea,
label,
.alert,
.badge,
.blockquote-footer,
.btn,
.google-map-control-btn .zoomIn,
.google-map-control-btn .zoomOut,
.tox .tox-dialog__footer .tox-button:last-child,
.tox .tox-dialog__footer .tox-button--secondary,
.tox .tox-button-secondary,
.tox .tox-button,
[data-list] .page,
.table-list .page,
.navbar,
.pagination,
.valid-feedback,
.invalid-feedback {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.terms-sidebar .nav-link {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.divider-content-center {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.choices {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.tox .tox-edit-area {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.sortable .menu {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.fc .fc-popover .fc-popover-title {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.font-sans-serif {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.font-base {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.components-nav {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.component-example {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.gantt-zero-roadmap .gantt_container .gantt_tree_content {
	font-family: var(--hr-default-font), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* ---------------------------------------------------------------------------------------- */
/*                                    Override theme.css                                    */
/* ---------------------------------------------------------------------------------------- */


/* background */
.bg-blue   { background-color: var(--phoenix-blue); }
.bg-indigo { background-color: var(--phoenix-indigo); }
.bg-purple { background-color: var(--phoenix-purple); }
.bg-pink   { background-color: var(--phoenix-pink); }
.bg-red    { background-color: var(--phoenix-red); }
.bg-orange { background-color: var(--phoenix-orange); }
.bg-yellow { background-color: var(--phoenix-yellow); }
.bg-green  { background-color: var(--phoenix-green); }
.bg-teal   { background-color: var(--phoenix-teal); }
.bg-cyan   { background-color: var(--phoenix-cyan); }


/* border */
.border-solid  { --phoenix-border-style: solid; }
.border-dotted { --phoenix-border-style: dotted; }


/* text-bg-color */
.text-bg-blue   { color: #fff !important; background-color: var(--phoenix-blue); }
.text-bg-indigo { color: #fff !important; background-color: var(--phoenix-indigo); }
.text-bg-purple { color: #fff !important; background-color: var(--phoenix-purple); }
.text-bg-pink   { color: #fff !important; background-color: var(--phoenix-pink); }
.text-bg-red    { color: #fff !important; background-color: var(--phoenix-red); }
.text-bg-orange { color: #fff !important; background-color: var(--phoenix-orange); }
.text-bg-yellow { color: #fff !important; background-color: var(--phoenix-yellow); }
.text-bg-green  { color: #fff !important; background-color: var(--phoenix-green); }
.text-bg-teal   { color: #fff !important; background-color: var(--phoenix-teal); }
.text-bg-cyan   { color: #fff !important; background-color: var(--phoenix-cyan); }


/* text-color */
.text-blue   { color: var(--phoenix-blue); }
.text-indigo { color: var(--phoenix-indigo); }
.text-purple { color: var(--phoenix-purple); }
.text-pink   { color: var(--phoenix-pink); }
.text-red    { color: var(--phoenix-red); }
.text-orange { color: var(--phoenix-orange); }
.text-yellow { color: var(--phoenix-yellow); }
.text-green  { color: var(--phoenix-green); }
.text-teal   { color: var(--phoenix-teal); }
.text-cyan   { color: var(--phoenix-cyan); }

/* [START] feather icon */
.feather-1 {
	width: 4.768371582rem;
	height: 4.768371582rem;
}

.feather-2 {
	width: 3.8146972656rem;
	height: 3.8146972656rem;
}

.feather-3 {
	width: 3.0517578125rem;
	height: 3.0517578125rem;
}

.feather-4 {
	width: 2.44140625rem;
	height: 2.44140625rem;
}

.feather-5 {
	width: 1.953125rem;
	height: 1.953125rem;
}

.feather-6 {
	width: 1.5625rem;
	height: 1.5625rem;
}

.feather-7 {
	width: 1.25rem;
	height: 1.25rem;
}

.feather-8 {
	width: 1rem;
	height: 1rem;
}

.feather-9 {
	width: 0.8rem;
	height: 0.8rem;
}

.feather-10 {
	width: 0.64rem;
	height: 0.64rem;
}

.feather-11 {
	width: 0.512rem;
	height: 0.512rem;
}
/* [END] feather icon  */


/* [START] decimal point font size */
.fs-4_5 {
  font-size: 2.197265625rem !important;
}

.fs-5_5 {
  font-size: 1.7578125rem !important;
}

.fs-6_5 {
  font-size: 1.40625rem !important;
}

.fs-7_5 {
  font-size: 1.125rem !important;
}

.fs-8_5 {
  font-size: 0.9rem !important;
}

.fs-9_5 {
  font-size: 0.72rem !important;
}

.fs-10_5 {
  font-size: 0.576rem !important;
}
/* [END] font point size */
