body{
  background-color: #f5f7fa !important;
}

.btn-group-xs>.btn,
.btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.bg-holder {
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  /* background-position: center; */
  overflow: hidden;
  will-change: transform, opacity, filter;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  z-index: 0;
}

.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-decoration-none {
  text-decoration: none !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}

.form-label {
  padding-left: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 0;
}

.form-label {
  margin-bottom: 0.5rem;
  font-size: 0.64rem;
  font-weight: 700;
  color: var(--phoenix-gray-700);
}


.form-icon-container {
  position: relative;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.49;
  color: var(--phoenix-gray-900);
  background-color: var(--phoenix-input-bg);
  background-clip: padding-box;
  border: 1px solid var(--phoenix-input-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.form-control:focus {
  color: var(--phoenix-gray-900);
  background-color: var(--phoenix-input-bg);
  border-color: #3874ff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 0.25rem rgba(56, 116, 255, .25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 0.25rem rgba(56, 116, 255, .25);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  -moz-padding-start: calc(1rem - 3px);
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.49;
  color: var(--phoenix-900);
  background-color: var(--phoenix-input-bg);
  background-image: var(--phoenix-form-select-indicator);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 9px 12px;
  border: 1px solid var(--phoenix-input-border-color);
  border-radius: 0.375rem;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-select:focus {
  border-color: #3874ff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 0.25rem rgba(56, 116, 255, .25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0 0 0.25rem rgba(56, 116, 255, .25);
}

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, .navbar, .pagination, .valid-feedback, .invalid-feedback {
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.card {
  --phoenix-card-spacer-y: 1.5rem;
  --phoenix-card-spacer-x: 1.5rem;
  --phoenix-card-title-spacer-y: 1rem;
  --phoenix-card-border-width: 1px;
  --phoenix-card-border-color: var(--phoenix-gray-200);
  --phoenix-card-border-radius: 0.5rem;
  --phoenix-card-box-shadow: ;
  --phoenix-card-inner-border-radius: calc(0.5rem - 1px);
  /* --phoenix-card-cap-padding-y: 1.5rem; */
  --phoenix-card-cap-padding-y: 0.5rem;
  /* --phoenix-card-cap-padding-x: 1.5rem; */
  --phoenix-card-cap-padding-x: 1rem;
  --phoenix-card-cap-bg: var(--phoenix-card-cap-bg);
  --phoenix-card-cap-color: ;
  --phoenix-card-height: ;
  --phoenix-card-color: ;
  --phoenix-card-bg: #fff !important;
  --phoenix-card-img-overlay-padding: 1rem;
  --phoenix-card-group-margin: 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  height: var(--phoenix-card-height);
  word-wrap: break-word;
  background-color: var(--phoenix-card-bg);
  background-clip: border-box;
  border: var(--phoenix-card-border-width) solid var(--phoenix-card-border-color);
  border-radius: var(--phoenix-card-border-radius);
  -webkit-box-shadow: var(--phoenix-card-box-shadow);
  box-shadow: var(--phoenix-card-box-shadow);
}

.table {
  --phoenix-table-color: var(--phoenix-gray-900);
  --phoenix-table-bg: transparent;
  --phoenix-table-border-color: #e3e6ed;
  --phoenix-table-accent-bg: transparent;
  --phoenix-table-striped-color: var(--phoenix-gray-900);
  /* --phoenix-table-striped-color: var(--phoenix-gray-1000); */
  --phoenix-table-striped-bg: rgba(0, 0, 0, 0.05);
  /* --phoenix-table-striped-bg: rgba(var(--phoenix-1100-rgb), 0.07); */
  --phoenix-table-active-color: var(--phoenix-gray-900);
  --phoenix-table-active-bg: rgba(0, 0, 0, 0.1);
  --phoenix-table-hover-color: var(--phoenix-gray-900);
  --phoenix-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--phoenix-table-color);
  vertical-align: top;
  border-color: var(--phoenix-table-border-color);
}

:root, :root.light, :root .light {
  --phoenix-gray-soft: #f5f7fa;
  --phoenix-gray-100: #eff2f6;
  --phoenix-gray-200: #e3e6ed;
  --phoenix-gray-300: #cbd0dd;
  --phoenix-gray-400: #9fa6bc;
  --phoenix-gray-500: #8a94ad;
  --phoenix-gray-600: #6e7891;
  --phoenix-gray-700: #525b75;
  --phoenix-gray-800: #3e465b;
  --phoenix-gray-900: #31374a;
  --phoenix-gray-1000: #222834;
  --phoenix-gray-1100: #141824;
  --phoenix-gray-soft-rgb: 245, 247, 250;
  --phoenix-gray-100-rgb: 239, 242, 246;
  --phoenix-gray-200-rgb: 227, 230, 237;
  --phoenix-gray-300-rgb: 203, 208, 221;
  --phoenix-gray-400-rgb: 159, 166, 188;
  --phoenix-gray-500-rgb: 138, 148, 173;
  --phoenix-gray-600-rgb: 110, 120, 145;
  --phoenix-gray-700-rgb: 82, 91, 117;
  --phoenix-gray-800-rgb: 62, 70, 91;
  --phoenix-gray-900-rgb: 49, 55, 74;
  --phoenix-gray-1000-rgb: 34, 40, 52;
  --phoenix-gray-1100-rgb: 20, 24, 36;
  --phoenix-soft: #f5f7fa;
  --phoenix-100: #eff2f6;
  --phoenix-200: #e3e6ed;
  --phoenix-300: #cbd0dd;
  --phoenix-400: #9fa6bc;
  --phoenix-500: #8a94ad;
  --phoenix-600: #6e7891;
  --phoenix-700: #525b75;
  --phoenix-800: #3e465b;
  --phoenix-900: #31374a;
  --phoenix-1000: #222834;
  --phoenix-1100: #141824;
  --phoenix-facebook: #3c5a99;
  --phoenix-google-plus: #dd4b39;
  --phoenix-twitter: #1da1f2;
  --phoenix-linkedin: #0077b5;
  --phoenix-youtube: #ff0001;
  --phoenix-github: #333333;
  --phoenix-bootstrap: #6f45a9;
  --phoenix-css3: #203ccf;
  --phoenix-html5: #bf4b2c;
  --phoenix-sass: #c55589;
  --phoenix-gulp: #d54049;
  --phoenix-w3c: #255997;
  --phoenix-primary: #3874ff;
  --phoenix-secondary: #31374a;
  --phoenix-success: #25b003;
  --phoenix-info: #0097eb;
  --phoenix-warning: #e5780b;
  --phoenix-danger: #ed2000;
  --phoenix-light: #eff2f6;
  --phoenix-dark: #141824;
  --phoenix-primary-soft: #f5f8ff;
  --phoenix-primary-100: #e5edff;
  --phoenix-primary-200: #adc5ff;
  --phoenix-primary-300: #85a9ff;
  --phoenix-primary-500: #004dff;
  --phoenix-primary-600: #003cc7;
  --phoenix-warning-soft: #fff6e0;
  --phoenix-warning-100: #ffefca;
  --phoenix-warning-200: #ffe6ad;
  --phoenix-warning-300: #ffcc85;
  --phoenix-warning-500: #d6700a;
  --phoenix-info-100: #c7ebff;
  --phoenix-danger-300: #f48270;
  --phoenix-danger-100: #ffe0db;
  --phoenix-danger-500: #cc1b00;
  --phoenix-success-100: #d9fbd0;
  --phoenix-success-300: #90d67f;
  --phoenix-success-500: #23890b;
  --phoenix-info-200: #96d9ff;
  --phoenix-info-300: #60c6ff;
  --phoenix-info-500: #0080c7;
  --phoenix-info-600: #005585;
  --phoenix-white: #fff;
  --phoenix-black: #000000;
  --phoenix-soft-rgb: 245, 247, 250;
  --phoenix-100-rgb: 239, 242, 246;
  --phoenix-200-rgb: 227, 230, 237;
  --phoenix-300-rgb: 203, 208, 221;
  --phoenix-400-rgb: 159, 166, 188;
  --phoenix-500-rgb: 138, 148, 173;
  --phoenix-600-rgb: 110, 120, 145;
  --phoenix-700-rgb: 82, 91, 117;
  --phoenix-800-rgb: 62, 70, 91;
  --phoenix-900-rgb: 49, 55, 74;
  --phoenix-1000-rgb: 34, 40, 52;
  --phoenix-1100-rgb: 20, 24, 36;
  --phoenix-facebook-rgb: 60, 90, 153;
  --phoenix-google-plus-rgb: 221, 75, 57;
  --phoenix-twitter-rgb: 29, 161, 242;
  --phoenix-linkedin-rgb: 0, 119, 181;
  --phoenix-youtube-rgb: 255, 0, 1;
  --phoenix-github-rgb: 51, 51, 51;
  --phoenix-bootstrap-rgb: 111, 69, 169;
  --phoenix-css3-rgb: 32, 60, 207;
  --phoenix-html5-rgb: 191, 75, 44;
  --phoenix-sass-rgb: 197, 85, 137;
  --phoenix-gulp-rgb: 213, 64, 73;
  --phoenix-w3c-rgb: 37, 89, 151;
  --phoenix-primary-rgb: 56, 116, 255;
  --phoenix-secondary-rgb: 49, 55, 74;
  --phoenix-success-rgb: 37, 176, 3;
  --phoenix-info-rgb: 0, 151, 235;
  --phoenix-warning-rgb: 229, 120, 11;
  --phoenix-danger-rgb: 237, 32, 0;
  --phoenix-light-rgb: 239, 242, 246;
  --phoenix-dark-rgb: 20, 24, 36;
  --phoenix-primary-soft-rgb: 245, 248, 255;
  --phoenix-primary-100-rgb: 229, 237, 255;
  --phoenix-primary-200-rgb: 173, 197, 255;
  --phoenix-primary-300-rgb: 133, 169, 255;
  --phoenix-primary-500-rgb: 0, 77, 255;
  --phoenix-primary-600-rgb: 0, 60, 199;
  --phoenix-warning-soft-rgb: 255, 246, 224;
  --phoenix-warning-100-rgb: 255, 239, 202;
  --phoenix-warning-200-rgb: 255, 230, 173;
  --phoenix-warning-300-rgb: 255, 204, 133;
  --phoenix-warning-500-rgb: 214, 112, 10;
  --phoenix-info-100-rgb: 199, 235, 255;
  --phoenix-danger-300-rgb: 244, 130, 112;
  --phoenix-danger-100-rgb: 255, 224, 219;
  --phoenix-danger-500-rgb: 204, 27, 0;
  --phoenix-success-100-rgb: 217, 251, 208;
  --phoenix-success-300-rgb: 144, 214, 127;
  --phoenix-success-500-rgb: 35, 137, 11;
  --phoenix-info-200-rgb: 150, 217, 255;
  --phoenix-info-300-rgb: 96, 198, 255;
  --phoenix-info-500-rgb: 0, 128, 199;
  --phoenix-info-600-rgb: 0, 85, 133;
  --phoenix-white-rgb: 255, 255, 255;
  --phoenix-black-rgb: 0, 0, 0;
  --phoenix-white: #fff;
  --phoenix-black: #000000;
  --phoenix-white-rgb: 255, 255, 255;
  --phoenix-black-rgb: 0, 0, 0;
  --phoenix-body-color-rgb: 49, 55, 74;
  --phoenix-body-bg-rgb: 245, 247, 250;
  --phoenix-font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --phoenix-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --phoenix-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --phoenix-body-font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --phoenix-body-font-size: 1rem;
  --phoenix-body-font-weight: 400;
  --phoenix-body-line-height: 1.49;
  --phoenix-body-color: #31374a;
  --phoenix-body-bg: #f5f7fa;
  --phoenix-border-width: 1px;
  --phoenix-border-style: solid;
  --phoenix-border-color: var(--phoenix-gray-200);
  --phoenix-border-color-translucent: rgba(0, 0, 0, 0.175);
  --phoenix-border-radius: 0.375rem;
  --phoenix-border-radius-sm: 0.25rem;
  --phoenix-border-radius-lg: 0.5rem;
  --phoenix-border-radius-xl: 1rem;
  --phoenix-border-radius-2xl: 2rem;
  --phoenix-border-radius-pill: 50rem;
  --phoenix-heading-color: var(--phoenix-1100);
  --phoenix-code-color: #d63384;
  --phoenix-highlight-bg: #fff3cd;
  --phoenix-input-bg: #fff;
  --phoenix-input-border-color: #cbd0dd;
  --phoenix-input-group-addon-bg: #eff2f6;
  --phoenix-scrollbar-bg: rgba(159, 166, 188, 0.55);
  --phoenix-navbar-top-height: 4rem;
  --phoenix-navbar-top-link-color: #525b75;
  --phoenix-navbar-top-menu-bg-color: #fff;
  --phoenix-navbar-top-border-color: #cbd0dd;
  --phoenix-navbar-top-link-hover-color: #222834;
  --phoenix-navbar-vertical-border-color: #cbd0dd;
  --phoenix-navbar-vertical-bg-color: #fff;
  --phoenix-navbar-vertical-label-color: #6e7891;
  --phoenix-navbar-vertical-link-color: #525b75;
  --phoenix-navbar-vertical-link-hover-color: #3e465b;
  --phoenix-navbar-vertical-link-hover-bg: #eff2f6;
  --phoenix-navbar-vertical-link-active-color: #3874ff;
  --phoenix-navbar-vertical-link-disable-color: #8a94ad;
  --phoenix-navbar-vertical-link-icon-color: #3e465b;
  --phoenix-navbar-vertical-dropdown-indicator-color: #8a94ad;
  --phoenix-navbar-footer-border-color: #cbd0dd;
  --phoenix-navbar-footer-border-color: #cbd0dd;
  --phoenix-navbar-vertical-hr-color: #e3e6ed;
  --phoenix-navbar-vertical-collapsed-menu-bg: #fff;
  --phoenix-navbar-vertical-collapsed-menu-color: #222834;
  --phoenix-hamburger-menu-color: #6e7891;
  --phoenix-navbar-top-bg-color: #fff;
  --phoenix-btn-hover-border-color: transparent;
  --phoenix-btn-active-border-color: transparent;
  --phoenix-list-group-bg: #fff;
  --phoenix-list-group-action-hover-color: #525b75;
  --phoenix-list-group-hover-bg: #eff2f6;
  --phoenix-body-bg: #f5f7fa;
  --phoenix-body-color: #31374a;
  --phoenix-headings-color: #31374a;
  --phoenix-link-hover-color: #004dff;
  --phoenix-link-color: #3874ff;
  --phoenix-colored-link-100-hover-color: map-get(grays, 200);
  --phoenix-choices-inner-min-height: auto;
  --phoenix-choices-item-has-no-choices-bg: #fff;
  --phoenix-flatpickr-calendar-input-bg: var(--phoenix-input-bg);
  --phoenix-flatpickr-calendar-bg: #e3e6ed;
  --phoenix-flatpickr-current-month-color: #31374a;
  --phoenix-flatpickr-weekday-color: #31374a;
  --phoenix-flatpickr-calendar-day-hover-bg: rgba(203, 208, 221, 0.5);
  --phoenix-flatpickr-weekend-days-color: #d6700a;
  --phoenix-flatpickr-today-color: #fff;
  --phoenix-flatpickr-calendar-day-selected-bg: rgba(56, 116, 255, 0.2);
  --phoenix-theme-wizard-nav-item-circle-bg: #eff2f6;
  --phoenix-theme-wizard-complete-color: #25b003;
  --phoenix-theme-wizard-active-color: #3874ff;
  --phoenix-border-opacity: 1;
  --phoenix-tinymce-bg: var(--phoenix-input-bg);
  --phoenix-tinymce-tox-tbtn-enabled-icon-color: var(--phoenix-gray-800);
  --phoenix-choices-item-bg: #e5edff;
  --phoenix-choices-item-color: #222834;
  --phoenix-docs-language-bg: #222834;
  --phoenix-form-select-indicator: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==);
  --phoenix-avatar-status-border-color: #fff;
  --phoenix-colored-link-100-hover-color: map-get(grays, "200");
  --phoenix-logo-text: #6e7891;
  --phoenix-theme-control-toggle-bg: rgba(255, 204, 133, 0.24);
  --phoenix-theme-control-toggle-hover-bg: #e5780b;
  --phoenix-theme-control-toggle-color: #e5780b;
  --phoenix-theme-control-toggle-hover-color: #fff6e0;
}