/* TEMPORARY STYLES, REMOVE AFTER BRINING IN PHOENIX */

@charset "UTF-8";
/* -------------------------------------------------------------------------- */
/*                                 Theme                                      */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/* ----------------------------- Phoenix-buttons ---------------------------- */
/*-----------------------------------------------
|   Phoenix buttons
-----------------------------------------------*/
/* -------------------------------------------------------------------------- */
/*                                Phoenix button                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                  Utilities                                 */
/* -------------------------------------------------------------------------- */
: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-warning-600: #bc3803;
    --phoenix-danger-300: #f48270;
    --phoenix-danger-100: #ffe0db;
    --phoenix-danger-200: #fabcb3;
    --phoenix-danger-500: #cc1b00;
    --phoenix-danger-600: #b81800;
    --phoenix-success-100: #d9fbd0;
    --phoenix-success-200: #bee8b4;
    --phoenix-success-300: #90d67f;
    --phoenix-success-500: #23890b;
    --phoenix-success-600: #1c6c09;
    --phoenix-info-100: #c7ebff;
    --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-warning-600-rgb: 188, 56, 3;
    --phoenix-danger-300-rgb: 244, 130, 112;
    --phoenix-danger-100-rgb: 255, 224, 219;
    --phoenix-danger-200-rgb: 250, 188, 179;
    --phoenix-danger-500-rgb: 204, 27, 0;
    --phoenix-danger-600-rgb: 184, 24, 0;
    --phoenix-success-100-rgb: 217, 251, 208;
    --phoenix-success-200-rgb: 190, 232, 180;
    --phoenix-success-300-rgb: 144, 214, 127;
    --phoenix-success-500-rgb: 35, 137, 11;
    --phoenix-success-600-rgb: 28, 108, 9;
    --phoenix-info-100-rgb: 199, 235, 255;
    --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-scroll-margin-top: 2.5rem;
    --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-color: var(--phoenix-gray-900);
    --phoenix-input-border-color: #cbd0dd;
    --phoenix-input-group-addon-bg: #eff2f6;
    /* -------------------------------------------------------------------------- */
    /*                                Scrollbar                                   */
    /* -------------------------------------------------------------------------- */
    --phoenix-scrollbar-bg: rgba(159, 166, 188, 0.55);
    /* -------------------------------------------------------------------------- */
    /*                                Navbar                                      */
    /* -------------------------------------------------------------------------- */
    --phoenix-navbar-top-height: 4rem;
    /* ------------------------------- navbar-top  ------------------------------- */
    --phoenix-navbar-top-link-color: var(--phoenix-gray-900);
    --phoenix-navbar-top-menu-bg-color: #fff;
    --phoenix-navbar-top-border-color: #cbd0dd;
    --phoenix-navbar-top-link-hover-color: #222834;
    --phoenix-navbar-top-link-hover-bg: #eff2f6;
    --phoenix-navbar-top-link-active-color: var(--phoenix-primary);
    --phoenix-navbar-top-dropdown-color: var(--phoenix-gray-900);
    --phoenix-navbar-top-dropdown-hover-bg: #eff2f6;
    --phoenix-navbar-top-menu-margin: 1.5rem;
    /* ------------------------------- dual-nav ------------------------------- */
    --phoenix-dual-nav-border-color: #e3e6ed;
    --phoenix-dual-nav-first-layer-bg: #eff2f6;
    /* ------------------------------- navbar-vertical light ------------------------------- */
    --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-width: 15.875rem;
    --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;
    /* ------------------------------- navbar-top ------------------------------- */
    --phoenix-navbar-top-bg-color: #fff;
    /* --------------------------------- buttons -------------------------------- */
    --phoenix-btn-hover-border-color: transparent;
    --phoenix-btn-active-border-color: transparent;
    /* ------------------------------- List Group ------------------------------- */
    --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;
    /* ------------------------------- link-color ------------------------------- */
    --phoenix-link-color: #3874ff;
    /* --------------------------------- choices -------------------------------- */
    --phoenix-choices-inner-min-height: auto;
    --phoenix-choices-item-has-no-choices-bg: #fff;
    /* -------------------------------- Flatpickr ------------------------------- */
    --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);
    /* -------------------------------- Fullcalendar ------------------------------- */
    --phoenix-calendar-bg: #e3e6ed;
    --phoenix-calendar-border-color: #f5f7fa;
    /* --------------------------------- wizard --------------------------------- */
    --phoenix-theme-wizard-nav-item-circle-bg: #eff2f6;
    --phoenix-theme-wizard-complete-color: #25b003;
    --phoenix-theme-wizard-active-color: #3874ff;
    --phoenix-border-opacity: 1;
    /* --------------------------------- tinymce -------------------------------- */
    --phoenix-tinymce-bg: var(--phoenix-input-bg);
    --phoenix-tinymce-tox-tbtn-enabled-icon-color: var(--phoenix-gray-800);
    /* -------------------------------- choices -------------------------------- */
    --phoenix-choices-item-bg: #e5edff;
    --phoenix-choices-item-color: #222834;
    /* ---------------------------------- docs ---------------------------------- */
    --phoenix-docs-language-bg: #222834;
    /* ------------------------------- form select ------------------------------ */
    --phoenix-form-select-indicator: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==");
    /* --------------------------------- Avatar --------------------------------- */
    --phoenix-avatar-status-border-color: #fff;
    --phoenix-avatar-name-color: #004dff;
    /* ---------------------------------- link ---------------------------------- */
    --phoenix-colored-link-100-hover-color: #e3e6ed;
    /* ---------------------------------- logo ---------------------------------- */
    --phoenix-logo-text: #6e7891;
    /* -------------------------- theme-control-toggle -------------------------- */
    --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;
    /* ---------------------------------- Badge --------------------------------- */
    /* ------------------------------- navbar-vertical light dark ------------------------------- */
    /* -------------------------------- Kanban ------------------------------- */
    --phoenix-kanban-bg: #e3e6ed;
    --phoenix-kanban-column-bg: #f5f7fa;
    --phoenix-ghost-bg: var(--phoenix-gray-100);
    --phoenix-drag-bg: var(--phoenix-white);
    --phoenix-kanban-column-hover-bg: var(--phoenix-white);
}


:root .badge-phoenix-primary, :root.light .badge-phoenix-primary, :root .light .badge-phoenix-primary
{
    --phoenix-badge-bg: #e5edff;
    --phoenix-badge-color: #003cc7;
    --phoenix-badge-border-color: #adc5ff;
}

:root .badge-phoenix-secondary,
:root.light .badge-phoenix-secondary,
:root .light .badge-phoenix-secondary {
    --phoenix-badge-bg: #e3e6ed;
    --phoenix-badge-color: #141824;
    --phoenix-badge-border-color: #cbd0dd;
}

:root .badge-phoenix-success,
:root.light .badge-phoenix-success,
:root .light .badge-phoenix-success {
    --phoenix-badge-bg: #d9fbd0;
    --phoenix-badge-color: #1c6c09;
    --phoenix-badge-border-color: #bee8b4;
}

:root .badge-phoenix-info,
:root.light .badge-phoenix-info,
:root .light .badge-phoenix-info {
    --phoenix-badge-bg: #c7ebff;
    --phoenix-badge-color: #005585;
    --phoenix-badge-border-color: #96d9ff;
}

:root .badge-phoenix-warning,
:root.light .badge-phoenix-warning,
:root .light .badge-phoenix-warning {
    --phoenix-badge-bg: #ffefca;
    --phoenix-badge-color: #bc3803;
    --phoenix-badge-border-color: #ffcc85;
}

:root .badge-phoenix-danger,
:root.light .badge-phoenix-danger,
:root .light .badge-phoenix-danger {
    --phoenix-badge-bg: #ffe0db;
    --phoenix-badge-color: #b81800;
    --phoenix-badge-border-color: #fabcb3;
}

/* -------------------------------------------------------------------------- */
/*                                    Badge                                   */
/* -------------------------------------------------------------------------- */
.badge-light-primary {
    color: #003cc7;
    background-color: #e5edff;
}

    .badge-light-primary[href]:hover, .badge-light-primary[href]:focus {
        text-decoration: none;
        color: #003cc7;
    }

.badge-light-secondary {
    color: #141824;
    background-color: #e3e6ed;
}

    .badge-light-secondary[href]:hover, .badge-light-secondary[href]:focus {
        text-decoration: none;
        color: #141824;
    }

.badge-light-success {
    color: #1c6c09;
    background-color: #d9fbd0;
}

    .badge-light-success[href]:hover, .badge-light-success[href]:focus {
        text-decoration: none;
        color: #1c6c09;
    }

.badge-light-info {
    color: #005585;
    background-color: #c7ebff;
}

    .badge-light-info[href]:hover, .badge-light-info[href]:focus {
        text-decoration: none;
        color: #005585;
    }

.badge-light-warning {
    color: #bc3803;
    background-color: #ffefca;
}

    .badge-light-warning[href]:hover, .badge-light-warning[href]:focus {
        text-decoration: none;
        color: #bc3803;
    }

.badge-light-danger {
    color: #b81800;
    background-color: #ffe0db;
}

    .badge-light-danger[href]:hover, .badge-light-danger[href]:focus {
        text-decoration: none;
        color: #b81800;
    }

.badge-phoenix {
    text-transform: uppercase;
    padding: 2px 8px;
    background-color: var(--phoenix-badge-bg);
    color: var(--phoenix-badge-color);
    border: 1px solid var(--phoenix-badge-border-color);
}

    .badge-phoenix .badge-label {
        display: inline-block;
        -webkit-transform: translateY(0.0875rem);
        -ms-transform: translateY(0.0875rem);
        transform: translateY(0.0875rem);
    }

    .badge-phoenix[href]:hover, .badge-phoenix[href]:focus {
        text-decoration: none;
    }

.badge-phoenix-primary[href]:hover, .badge-phoenix-primary[href]:focus {
    color: #003cc7;
}

.badge-phoenix-secondary[href]:hover, .badge-phoenix-secondary[href]:focus {
    color: #141824;
}

.badge-phoenix-success[href]:hover, .badge-phoenix-success[href]:focus {
    color: #1c6c09;
}

.badge-phoenix-info[href]:hover, .badge-phoenix-info[href]:focus {
    color: #005585;
}

.badge-phoenix-warning[href]:hover, .badge-phoenix-warning[href]:focus {
    color: #bc3803;
}

.badge-phoenix-danger[href]:hover, .badge-phoenix-danger[href]:focus {
    color: #b81800;
}

.badge-phoenix-warning img {
    height: 10px;
}

.badge-tag {
    background-color: var(--phoenix-gray-200);
    color: var(--phoenix-gray-1000);
    font-weight: 700;
    font-size: 0.64rem;
    padding: 0.25rem 0.5rem;
    text-transform: uppercase;
}

    .badge-tag:hover, .badge-tag:focus {
        background-color: var(--phoenix-gray-300);
    }


.mb-6 {
    margin-bottom: 2.5rem !important;
}

.w-30 {
    width: 30% !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.phoenixcard {
  border: solid 1px rgb(227,230,237) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: rgb(49, 55, 74) !important;
  font-size: 16px !important;
}

    .phoenixcard .card-header {
        border-radius: 8px !important;
        padding-top: 24px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        padding-bottom: 4px !important;
        display: block !important;
        height: unset !important;
    }
    .phoenixcard .card-body {
        padding-left: 24px !important;
        padding-right: 24px !important;
        padding-bottom: 8px !important;
    }
    .phoenixcard h4 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .phoenixcard hr {
        margin-top: 16px;
        margin-bottom: 16px;
        display: block !important;
    }

/*-----------------------------------------------
|   Search box
-----------------------------------------------*/
.search-box {
    position: relative;
    font-size: 0.8rem;
}

    .search-box .search-box-icon {
        position: absolute;
        color: var(--phoenix-gray-500);
        top: 50%;
        left: 1rem;
        -webkit-transform: translateY(-48%);
        -ms-transform: translateY(-48%);
        transform: translateY(-48%);
    }

    .search-box .search-input {
        padding-left: 2.5rem;
        padding-right: 2rem;
        border-radius: 0.375rem;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .search-box .search-input::-webkit-search-cancel-button {
            display: none;
        }

    .search-box [data-bs-toggle=search]:not(.show) + [data-bs-dismiss=search] {
        display: none;
    }

    .search-box .file-thumbnail {
        width: 1.75rem;
        height: 1.75rem;
    }

    .search-box.ecommerce-search-box {
        width: 31.25rem;
    }

        .search-box.ecommerce-search-box .search-input {
            border-radius: 3rem;
        }

    .search-box.navbar-top-search-box .search-input:focus {
        border-color: var(--phoenix-gray-300);
    }

    .search-box.navbar-top-search-box .show .search-input {
        border-radius: 0.375rem 0.375rem 0 0 !important;
    }

    .search-box.navbar-top-search-box .dropdown-menu {
        margin-top: 0;
    }

        .search-box.navbar-top-search-box .dropdown-menu.show {
            border-top: 0 !important;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .search-box.navbar-top-search-box .dropdown-menu .dropdown-item:hover {
            background: var(--phoenix-gray-100);
        }
/*
.search-box-icon {
    font-weight: normal;
    line-height: 1.5;
    height: 31px;
    color: #fff;
    background-color: #6658dd !important;
    border-color: #6658dd !important;
}
.search-box-icon:hover {
    color: #fff;
    background-color: #4938d7 !important;
    border-color: #3f2ed4 !important;
}

.search-box-icon:focus, .search-box-icon.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
}

.search-box-icon.disabled, .search-box-icon:disabled {
    color: #fff;
    background-color: #6658dd !important;
    border-color: #6658dd !important;
}

.search-box-icon:not(:disabled):not(.disabled):active, .search-box-icon:not(:disabled):not(.disabled).active,
.show > .search-box-icon.dropdown-toggle {
    color: #fff;
    background-color: #3f2ed4 !important;
    border-color: #3b29cc !important;
}

    .search-box-icon:not(:disabled):not(.disabled):active:focus, .search-box-icon:not(:disabled):not(.disabled).active:focus,
    .show > .search-box-icon.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
        box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
    }*/

/* TEXT */
.text-green {
    color: green;
}

.text-purple {
    color: #7030A0 !important;
}

.text-pink {
    color: #f672a7 !important;
}

.text-warning-dark {
    color: #ed7d31;
}

.text-muted {
    color: #6c757d !important;
}

.text-muted-2 {
    color: #e0e0e0 !important;
}

.text-blue {
    color: #3f6ad8 !important;
}

.text-yellow {
    color: #FFFF00 !important;
}

.text-muted-opaque {
    color: #6c757d75 !important;
}

.font-8 {
    font-size: 8px !important;
}

.font-9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

/* BACKGROUND & BORDER */
.bg-purple {
    background-color: #7030A0 !important;
}

.bg-mediumgrey {
    background-color: #6c757d !important;
}

.border-color-purple {
    border-color: #7030A0;
}

.bg-blue {
    background-color: #275dea !important;
}

.codecard {
    border: 1px solid #d6d3d333;
    border-radius: 0.65rem;
    background-color: #8080800f;
}

    .codecard .list-group-item {
        background-color: transparent !important;
    }

.codecardblue {
    border: 1px solid #8daaf233;
    border-radius: 0.65rem;
    background-color: #0b55ea0f;
}

.codecardbluenoborder {
    border: none;
    border-radius: 0.65rem;
    background-color: #0b55ea0f;
}

.codecardpurple {
    border: 1px solid #f28de333;
    border-radius: 0.65rem;
    background-color: #d70bea0f;
}

.border-dashed {
    border-style: dashed;
}


.form-control-lg {
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border-radius: 0.375rem;
}


/* COMING DIRECTLY FROM theme.css phonix */

.m-0 {
    margin: 0 !important;
}

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

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 2rem !important;
}

.m-6 {
    margin: 2.5rem !important;
}

.m-7 {
    margin: 3rem !important;
}

.m-8 {
    margin: 3.5rem !important;
}

.m-9 {
    margin: 4rem !important;
}

.m-10 {
    margin: 4.5rem !important;
}

.m-11 {
    margin: 5rem !important;
}

.m-12 {
    margin: 6rem !important;
}

.m-13 {
    margin: 6.5rem !important;
}

.m-14 {
    margin: 7rem !important;
}

.m-15 {
    margin: 7.5rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

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

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.mx-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
}

.mx-7 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-8 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
}

.mx-9 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
}

.mx-10 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
}

.mx-11 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
}

.mx-12 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
}

.mx-13 {
    margin-right: 6.5rem !important;
    margin-left: 6.5rem !important;
}

.mx-14 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
}

.mx-15 {
    margin-right: 7.5rem !important;
    margin-left: 7.5rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.my-7 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-8 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
}

.my-9 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.my-10 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
}

.my-11 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.my-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.my-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
}

.my-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

.my-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 2rem !important;
}

.mt-6 {
    margin-top: 2.5rem !important;
}

.mt-7 {
    margin-top: 3rem !important;
}

.mt-8 {
    margin-top: 3.5rem !important;
}

.mt-9 {
    margin-top: 4rem !important;
}

.mt-10 {
    margin-top: 4.5rem !important;
}

.mt-11 {
    margin-top: 5rem !important;
}

.mt-12 {
    margin-top: 6rem !important;
}

.mt-13 {
    margin-top: 6.5rem !important;
}

.mt-14 {
    margin-top: 7rem !important;
}

.mt-15 {
    margin-top: 7.5rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

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

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

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 2rem !important;
}

.me-6 {
    margin-right: 2.5rem !important;
}

.me-7 {
    margin-right: 3rem !important;
}

.me-8 {
    margin-right: 3.5rem !important;
}

.me-9 {
    margin-right: 4rem !important;
}

.me-10 {
    margin-right: 4.5rem !important;
}

.me-11 {
    margin-right: 5rem !important;
}

.me-12 {
    margin-right: 6rem !important;
}

.me-13 {
    margin-right: 6.5rem !important;
}

.me-14 {
    margin-right: 7rem !important;
}

.me-15 {
    margin-right: 7.5rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

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

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 2rem !important;
}

.mb-6 {
    margin-bottom: 2.5rem !important;
}

.mb-7 {
    margin-bottom: 3rem !important;
}

.mb-8 {
    margin-bottom: 3.5rem !important;
}

.mb-9 {
    margin-bottom: 4rem !important;
}

.mb-10 {
    margin-bottom: 4.5rem !important;
}

.mb-11 {
    margin-bottom: 5rem !important;
}

.mb-12 {
    margin-bottom: 6rem !important;
}

.mb-13 {
    margin-bottom: 6.5rem !important;
}

.mb-14 {
    margin-bottom: 7rem !important;
}

.mb-15 {
    margin-bottom: 7.5rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 2rem !important;
}

.ms-6 {
    margin-left: 2.5rem !important;
}

.ms-7 {
    margin-left: 3rem !important;
}

.ms-8 {
    margin-left: 3.5rem !important;
}

.ms-9 {
    margin-left: 4rem !important;
}

.ms-10 {
    margin-left: 4.5rem !important;
}

.ms-11 {
    margin-left: 5rem !important;
}

.ms-12 {
    margin-left: 6rem !important;
}

.ms-13 {
    margin-left: 6.5rem !important;
}

.ms-14 {
    margin-left: 7rem !important;
}

.ms-15 {
    margin-left: 7.5rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.m-n5 {
    margin: -2rem !important;
}

.m-n6 {
    margin: -2.5rem !important;
}

.m-n7 {
    margin: -3rem !important;
}

.m-n8 {
    margin: -3.5rem !important;
}

.m-n9 {
    margin: -4rem !important;
}

.m-n10 {
    margin: -4.5rem !important;
}

.m-n11 {
    margin: -5rem !important;
}

.m-n12 {
    margin: -6rem !important;
}

.m-n13 {
    margin: -6.5rem !important;
}

.m-n14 {
    margin: -7rem !important;
}

.m-n15 {
    margin: -7.5rem !important;
}

.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.mx-n4 {
    margin-right: -1.9rem !important;
    margin-left: -1.9rem !important;
}

.mx-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
}

.mx-n6 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
}

.mx-n7 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}

.mx-n8 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
}

.mx-n9 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
}

.mx-n10 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
}

.mx-n11 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
}

.mx-n12 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
}

.mx-n13 {
    margin-right: -6.5rem !important;
    margin-left: -6.5rem !important;
}

.mx-n14 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
}

.mx-n15 {
    margin-right: -7.5rem !important;
    margin-left: -7.5rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.my-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
}

.my-n6 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
}

.my-n7 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.my-n8 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
}

.my-n9 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
}

.my-n10 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
}

.my-n11 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
}

.my-n12 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
}

.my-n13 {
    margin-top: -6.5rem !important;
    margin-bottom: -6.5rem !important;
}

.my-n14 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
}

.my-n15 {
    margin-top: -7.5rem !important;
    margin-bottom: -7.5rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -2rem !important;
}

.mt-n6 {
    margin-top: -2.5rem !important;
}

.mt-n7 {
    margin-top: -3rem !important;
}

.mt-n8 {
    margin-top: -3.5rem !important;
}

.mt-n9 {
    margin-top: -4rem !important;
}

.mt-n10 {
    margin-top: -4.5rem !important;
}

.mt-n11 {
    margin-top: -5rem !important;
}

.mt-n12 {
    margin-top: -6rem !important;
}

.mt-n13 {
    margin-top: -6.5rem !important;
}

.mt-n14 {
    margin-top: -7rem !important;
}

.mt-n15 {
    margin-top: -7.5rem !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.me-n4 {
    margin-right: -1.5rem !important;
}

.me-n5 {
    margin-right: -2rem !important;
}

.me-n6 {
    margin-right: -2.5rem !important;
}

.me-n7 {
    margin-right: -3rem !important;
}

.me-n8 {
    margin-right: -3.5rem !important;
}

.me-n9 {
    margin-right: -4rem !important;
}

.me-n10 {
    margin-right: -4.5rem !important;
}

.me-n11 {
    margin-right: -5rem !important;
}

.me-n12 {
    margin-right: -6rem !important;
}

.me-n13 {
    margin-right: -6.5rem !important;
}

.me-n14 {
    margin-right: -7rem !important;
}

.me-n15 {
    margin-right: -7.5rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
    margin-bottom: -2rem !important;
}

.mb-n6 {
    margin-bottom: -2.5rem !important;
}

.mb-n7 {
    margin-bottom: -3rem !important;
}

.mb-n8 {
    margin-bottom: -3.5rem !important;
}

.mb-n9 {
    margin-bottom: -4rem !important;
}

.mb-n10 {
    margin-bottom: -4.5rem !important;
}

.mb-n11 {
    margin-bottom: -5rem !important;
}

.mb-n12 {
    margin-bottom: -6rem !important;
}

.mb-n13 {
    margin-bottom: -6.5rem !important;
}

.mb-n14 {
    margin-bottom: -7rem !important;
}

.mb-n15 {
    margin-bottom: -7.5rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.ms-n4 {
    margin-left: -1.5rem !important;
}

.ms-n5 {
    margin-left: -2rem !important;
}

.ms-n6 {
    margin-left: -2.5rem !important;
}

.ms-n7 {
    margin-left: -3rem !important;
}

.ms-n8 {
    margin-left: -3.5rem !important;
}

.ms-n9 {
    margin-left: -4rem !important;
}

.ms-n10 {
    margin-left: -4.5rem !important;
}

.ms-n11 {
    margin-left: -5rem !important;
}

.ms-n12 {
    margin-left: -6rem !important;
}

.ms-n13 {
    margin-left: -6.5rem !important;
}

.ms-n14 {
    margin-left: -7rem !important;
}

.ms-n15 {
    margin-left: -7.5rem !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 2rem !important;
}

.p-6 {
    padding: 2.5rem !important;
}

.p-7 {
    padding: 3rem !important;
}

.p-8 {
    padding: 3.5rem !important;
}

.p-9 {
    padding: 4rem !important;
}

.p-10 {
    padding: 4.5rem !important;
}

.p-11 {
    padding: 5rem !important;
}

.p-12 {
    padding: 6rem !important;
}

.p-13 {
    padding: 6.5rem !important;
}

.p-14 {
    padding: 7rem !important;
}

.p-15 {
    padding: 7.5rem !important;
}

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

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

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

.px-7 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.px-8 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
}

.px-9 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

.px-10 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
}

.px-11 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}

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

.px-13 {
    padding-right: 6.5rem !important;
    padding-left: 6.5rem !important;
}

.px-14 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
}

.px-15 {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.py-7 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.py-8 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.py-9 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-10 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

.py-11 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.py-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.py-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
}

.py-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}

.py-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 2rem !important;
}

.pt-6 {
    padding-top: 2.5rem !important;
}

.pt-7 {
    padding-top: 3rem !important;
}

.pt-8 {
    padding-top: 3.5rem !important;
}

.pt-9 {
    padding-top: 4rem !important;
}

.pt-10 {
    padding-top: 4.5rem !important;
}

.pt-11 {
    padding-top: 5rem !important;
}

.pt-12 {
    padding-top: 6rem !important;
}

.pt-13 {
    padding-top: 6.5rem !important;
}

.pt-14 {
    padding-top: 7rem !important;
}

.pt-15 {
    padding-top: 7.5rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 2rem !important;
}

.pe-6 {
    padding-right: 2.5rem !important;
}

.pe-7 {
    padding-right: 3rem !important;
}

.pe-8 {
    padding-right: 3.5rem !important;
}

.pe-9 {
    padding-right: 4rem !important;
}

.pe-10 {
    padding-right: 4.5rem !important;
}

.pe-11 {
    padding-right: 5rem !important;
}

.pe-12 {
    padding-right: 6rem !important;
}

.pe-13 {
    padding-right: 6.5rem !important;
}

.pe-14 {
    padding-right: 7rem !important;
}

.pe-15 {
    padding-right: 7.5rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 2rem !important;
}

.pb-6 {
    padding-bottom: 2.5rem !important;
}

.pb-7 {
    padding-bottom: 3rem !important;
}

.pb-8 {
    padding-bottom: 3.5rem !important;
}

.pb-9 {
    padding-bottom: 4rem !important;
}

.pb-10 {
    padding-bottom: 4.5rem !important;
}

.pb-11 {
    padding-bottom: 5rem !important;
}

.pb-12 {
    padding-bottom: 6rem !important;
}

.pb-13 {
    padding-bottom: 6.5rem !important;
}

.pb-14 {
    padding-bottom: 7rem !important;
}

.pb-15 {
    padding-bottom: 7.5rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 2rem !important;
}

.ps-6 {
    padding-left: 2.5rem !important;
}

.ps-7 {
    padding-left: 3rem !important;
}

.ps-8 {
    padding-left: 3.5rem !important;
}

.ps-9 {
    padding-left: 4rem !important;
}

.ps-10 {
    padding-left: 4.5rem !important;
}

.ps-11 {
    padding-left: 5rem !important;
}

.ps-12 {
    padding-left: 6rem !important;
}

.ps-13 {
    padding-left: 6.5rem !important;
}

.ps-14 {
    padding-left: 7rem !important;
}

.ps-15 {
    padding-left: 7.5rem !important;
}


.text-primary-100 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-100-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-200 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-200-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-300 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-300-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-500 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-500-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-600 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-600-rgb), var(--phoenix-text-opacity)) !important;
}



.bg-soft {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-soft-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-400 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-400-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-700 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-700-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-800 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-800-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-900 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-900-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-1000 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-1000-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-1100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-1100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-facebook {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-facebook-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-google-plus {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-google-plus-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-twitter {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-twitter-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-linkedin {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-linkedin-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-youtube {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-youtube-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-github {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-github-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-bootstrap {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-bootstrap-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-css3 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-css3-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-html5 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-html5-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-sass {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-sass-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-gulp {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-gulp-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-w3c {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-w3c-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-secondary {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-secondary-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-light {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-light-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-dark {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-dark-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-soft {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-soft-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-soft {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-soft-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-white {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-white-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-black {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-black-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-body {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-body-bg-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-transparent {
    --phoenix-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-opacity-10 {
    --phoenix-bg-opacity: 0.1;
}

.bg-opacity-25 {
    --phoenix-bg-opacity: 0.25;
}

.bg-opacity-50 {
    --phoenix-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --phoenix-bg-opacity: 0.75;
}

.bg-opacity-100 {
    --phoenix-bg-opacity: 1;
}

.bg-gradient {
    background-image: var(--phoenix-gradient) !important;
}


.font-monospace {
    font-family: var(--phoenix-font-monospace) !important;
}

.fs--3 {
    font-size: 0.512rem !important;
}

.fs--2 {
    font-size: 0.64rem !important;
}

.fs--1 {
    font-size: 0.8rem !important;
}

.fs-0 {
    font-size: 1rem !important;
}

.fs-1 {
    font-size: 1.25rem !important;
}

.fs-2 {
    font-size: 1.5625rem !important;
}

.fs-3 {
    font-size: 1.953125rem !important;
}

.fs-4 {
    font-size: 2.44140625rem !important;
}

/*.fs-5 {
    font-size: 3.0517578125rem !important;
}*/

.fs-6 {
    font-size: 3.8146972656rem !important;
}

.fs-7 {
    font-size: 4.768371582rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-thin {
    font-weight: 100 !important;
}

.fw-lighter {
    font-weight: 200 !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semi-bold {
    font-weight: 600 !important;
}

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

.fw-bolder {
    font-weight: 800 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.2 !important;
}

.lh-base {
    line-height: 1.49 !important;
}

.lh-lg {
    line-height: 1.4 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-none {
    text-transform: none !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* rtl:end:remove */
.text-soft {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-soft-rgb), var(--phoenix-text-opacity)) !important;
}

.text-100 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-100-rgb), var(--phoenix-text-opacity)) !important;
}

.text-200 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-200-rgb), var(--phoenix-text-opacity)) !important;
}

.text-300 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-300-rgb), var(--phoenix-text-opacity)) !important;
}

.text-400 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-400-rgb), var(--phoenix-text-opacity)) !important;
}

.text-500 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-500-rgb), var(--phoenix-text-opacity)) !important;
}

.text-600 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-600-rgb), var(--phoenix-text-opacity)) !important;
}

.text-700 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-700-rgb), var(--phoenix-text-opacity)) !important;
}

.text-800 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-800-rgb), var(--phoenix-text-opacity)) !important;
}

.text-900 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-900-rgb), var(--phoenix-text-opacity)) !important;
}

.text-1000 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-1000-rgb), var(--phoenix-text-opacity)) !important;
}

.text-1100 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-1100-rgb), var(--phoenix-text-opacity)) !important;
}

.text-facebook {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-facebook-rgb), var(--phoenix-text-opacity)) !important;
}

.text-google-plus {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-google-plus-rgb), var(--phoenix-text-opacity)) !important;
}

.text-twitter {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-twitter-rgb), var(--phoenix-text-opacity)) !important;
}

.text-linkedin {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-linkedin-rgb), var(--phoenix-text-opacity)) !important;
}

.text-youtube {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-youtube-rgb), var(--phoenix-text-opacity)) !important;
}

.text-github {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-github-rgb), var(--phoenix-text-opacity)) !important;
}

.text-bootstrap {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-bootstrap-rgb), var(--phoenix-text-opacity)) !important;
}

.text-css3 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-css3-rgb), var(--phoenix-text-opacity)) !important;
}

.text-html5 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-html5-rgb), var(--phoenix-text-opacity)) !important;
}

.text-sass {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-sass-rgb), var(--phoenix-text-opacity)) !important;
}

.text-gulp {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-gulp-rgb), var(--phoenix-text-opacity)) !important;
}

.text-w3c {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-w3c-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-rgb), var(--phoenix-text-opacity)) !important;
}

.text-secondary {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-secondary-rgb), var(--phoenix-text-opacity)) !important;
}

.text-success {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-success-rgb), var(--phoenix-text-opacity)) !important;
}

.text-info {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-info-rgb), var(--phoenix-text-opacity)) !important;
}

.text-warning {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-warning-rgb), var(--phoenix-text-opacity)) !important;
}

.text-danger {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-danger-rgb), var(--phoenix-text-opacity)) !important;
}

.text-light {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-light-rgb), var(--phoenix-text-opacity)) !important;
}

.text-dark {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-dark-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-soft {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-soft-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-100 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-100-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-200 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-200-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-300 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-300-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-500 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-500-rgb), var(--phoenix-text-opacity)) !important;
}

.text-primary-600 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-primary-600-rgb), var(--phoenix-text-opacity)) !important;
}

.text-warning-soft {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-warning-soft-rgb), var(--phoenix-text-opacity)) !important;
}

.text-warning-100 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-warning-100-rgb), var(--phoenix-text-opacity)) !important;
}

.text-warning-200 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-warning-200-rgb), var(--phoenix-text-opacity)) !important;
}

.text-warning-300 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-warning-300-rgb), var(--phoenix-text-opacity)) !important;
}

.text-warning-500 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-warning-500-rgb), var(--phoenix-text-opacity)) !important;
}

.text-warning-600 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-warning-600-rgb), var(--phoenix-text-opacity)) !important;
}

.text-danger-300 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-danger-300-rgb), var(--phoenix-text-opacity)) !important;
}

.text-danger-100 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-danger-100-rgb), var(--phoenix-text-opacity)) !important;
}

.text-danger-200 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-danger-200-rgb), var(--phoenix-text-opacity)) !important;
}

.text-danger-500 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-danger-500-rgb), var(--phoenix-text-opacity)) !important;
}

.text-danger-600 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-danger-600-rgb), var(--phoenix-text-opacity)) !important;
}

.text-success-100 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-success-100-rgb), var(--phoenix-text-opacity)) !important;
}

.text-success-200 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-success-200-rgb), var(--phoenix-text-opacity)) !important;
}

.text-success-300 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-success-300-rgb), var(--phoenix-text-opacity)) !important;
}

.text-success-500 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-success-500-rgb), var(--phoenix-text-opacity)) !important;
}

.text-success-600 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-success-600-rgb), var(--phoenix-text-opacity)) !important;
}

.text-info-100 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-info-100-rgb), var(--phoenix-text-opacity)) !important;
}

.text-info-200 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-info-200-rgb), var(--phoenix-text-opacity)) !important;
}

.text-info-300 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-info-300-rgb), var(--phoenix-text-opacity)) !important;
}

.text-info-500 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-info-500-rgb), var(--phoenix-text-opacity)) !important;
}

.text-info-600 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-info-600-rgb), var(--phoenix-text-opacity)) !important;
}

.text-white {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-white-rgb), var(--phoenix-text-opacity)) !important;
}

.text-black {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-black-rgb), var(--phoenix-text-opacity)) !important;
}

.text-body {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-body-color-rgb), var(--phoenix-text-opacity)) !important;
}

.text-muted {
    --phoenix-text-opacity: 1;
    color: #8a94ad !important;
}

.text-black-50 {
    --phoenix-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    --phoenix-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    --phoenix-text-opacity: 1;
    color: inherit !important;
}

.text-opacity-25 {
    --phoenix-text-opacity: 0.25;
}

.text-opacity-50 {
    --phoenix-text-opacity: 0.5;
}

.text-opacity-75 {
    --phoenix-text-opacity: 0.75;
}

.text-opacity-100 {
    --phoenix-text-opacity: 1;
}

.bg-soft {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-soft-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-400 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-400-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-700 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-700-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-800 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-800-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-900 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-900-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-1000 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-1000-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-1100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-1100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-facebook {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-facebook-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-google-plus {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-google-plus-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-twitter {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-twitter-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-linkedin {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-linkedin-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-youtube {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-youtube-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-github {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-github-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-bootstrap {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-bootstrap-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-css3 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-css3-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-html5 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-html5-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-sass {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-sass-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-gulp {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-gulp-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-w3c {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-w3c-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-secondary {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-secondary-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-light {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-light-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-dark {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-dark-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-soft {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-soft-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-primary-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-soft {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-soft-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-warning-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-warning-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-danger-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-danger-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-success-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-100 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-100-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-200-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-300-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-500 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-500-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-info-600 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-info-600-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-white {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-white-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-black {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-black-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-body {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-body-bg-rgb), var(--phoenix-bg-opacity)) !important;
}

.bg-transparent {
    --phoenix-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-opacity-10 {
    --phoenix-bg-opacity: 0.1;
}

.bg-opacity-25 {
    --phoenix-bg-opacity: 0.25;
}

.bg-opacity-50 {
    --phoenix-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --phoenix-bg-opacity: 0.75;
}

.bg-opacity-100 {
    --phoenix-bg-opacity: 1;
}

.bg-gradient {
    background-image: var(--phoenix-gradient) !important;
}

.border-200 {
  --phoenix-border-color: rgba(var(--phoenix-200-rgb), var(--phoenix-border-opacity));
}

.border-top {
  border-top: var(--phoenix-border-width) var(--phoenix-border-style) var(--phoenix-border-color) !important;
}