@charset "UTF-8";

.ms-10{
    margin-left: 4rem;
    margin-top: 5px;
}
.marker-cluster-small {
    background-color: rgba(181, 226, 140, .6)
}

.marker-cluster-small div {
    background-color: rgba(110, 204, 57, .6)
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, .6)
}

.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, .6)
}

.marker-cluster-large {
    background-color: rgba(253, 156, 115, .6)
}

.marker-cluster-large div {
    background-color: rgba(241, 128, 23, .6)
}

.leaflet-oldie .marker-cluster-small {
    background-color: #b5e28c
}

.leaflet-oldie .marker-cluster-small div {
    background-color: #6ecc39
}

.leaflet-oldie .marker-cluster-medium {
    background-color: #f1d357
}

.leaflet-oldie .marker-cluster-medium div {
    background-color: #f0c20c
}

.leaflet-oldie .marker-cluster-large {
    background-color: #fd9c73
}

.leaflet-oldie .marker-cluster-large div {
    background-color: #f18017
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px
}

.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 12px Helvetica Neue, Arial, Helvetica, sans-serif
}

.marker-cluster span {
    line-height: 30px
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,
.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline: 0
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-container {
    font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif
}

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    border-radius: 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: 700 18px Lucida Console, Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle,
.leaflet-control-layers .leaflet-control-layers-list {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(images/marker-icon.png)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0, 0%, 100%, .7);
    margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4
}

.leaflet-popup-content p {
    margin: 18px 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

:root {
    --phoenix-blue: #3874ff;
    --phoenix-red: #ec1f00;
    --phoenix-orange: #e5780b;
    --phoenix-green: #25b003;
    --phoenix-cyan: #0097eb;
    --phoenix-gray-black: #000;
    --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-white: #fff;
    --phoenix-primary: #3874ff;
    --phoenix-secondary: #31374a;
    --phoenix-success: #25b003;
    --phoenix-info: #0097eb;
    --phoenix-warning: #e5780b;
    --phoenix-danger: #ec1f00;
    --phoenix-light: #eff2f6;
    --phoenix-dark: #141824;
    --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: 236, 31, 0;
    --phoenix-light-rgb: 239, 242, 246;
    --phoenix-dark-rgb: 20, 24, 36;
    --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, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 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: #efefef
}

:root,
:root.light,
:root .light {
    --phoenix-facebook: #3c5a99;
    --phoenix-list-group-item-facebook-background: #d8deeb;
    --phoenix-list-group-item-facebook-color: #24365c;
    --phoenix-google-plus: #dd4b39;
    --phoenix-list-group-item-google-plus-background: #f8dbd7;
    --phoenix-list-group-item-google-plus-color: #852d22;
    --phoenix-twitter: #1da1f2;
    --phoenix-list-group-item-twitter-background: #d2ecfc;
    --phoenix-list-group-item-twitter-color: #116191;
    --phoenix-linkedin: #0077b5;
    --phoenix-list-group-item-linkedin-background: #cce4f0;
    --phoenix-list-group-item-linkedin-color: #00476d;
    --phoenix-youtube: #ff0001;
    --phoenix-list-group-item-youtube-background: #fcc;
    --phoenix-list-group-item-youtube-color: #990001;
    --phoenix-github: #333;
    --phoenix-list-group-item-github-background: #d6d6d6;
    --phoenix-list-group-item-github-color: #1f1f1f;
    --phoenix-black: #000;
    --phoenix-list-group-item-black-background: #ccc;
    --phoenix-list-group-item-black-color: #000;
    --phoenix-soft: #f5f7fa;
    --phoenix-list-group-item-soft-background: #fdfdfe;
    --phoenix-list-group-item-soft-color: #939496;
    --phoenix-100: #eff2f6;
    --phoenix-list-group-item-100-background: #fcfcfd;
    --phoenix-list-group-item-100-color: #8f9194;
    --phoenix-200: #e3e6ed;
    --phoenix-list-group-item-200-background: #f9fafb;
    --phoenix-list-group-item-200-color: #888a8e;
    --phoenix-300: #cbd0dd;
    --phoenix-list-group-item-300-background: #f5f6f8;
    --phoenix-list-group-item-300-color: #7a7d85;
    --phoenix-400: #9fa6bc;
    --phoenix-list-group-item-400-background: #ecedf2;
    --phoenix-list-group-item-400-color: #5f6471;
    --phoenix-500: #8a94ad;
    --phoenix-list-group-item-500-background: #e8eaef;
    --phoenix-list-group-item-500-color: #535968;
    --phoenix-600: #6e7891;
    --phoenix-list-group-item-600-background: #e2e4e9;
    --phoenix-list-group-item-600-color: #424857;
    --phoenix-700: #525b75;
    --phoenix-list-group-item-700-background: #dcdee3;
    --phoenix-list-group-item-700-color: #313746;
    --phoenix-800: #3e465b;
    --phoenix-list-group-item-800-background: #d8dade;
    --phoenix-list-group-item-800-color: #252a37;
    --phoenix-900: #31374a;
    --phoenix-list-group-item-900-background: #d6d7db;
    --phoenix-list-group-item-900-color: #1d212c;
    --phoenix-1000: #222834;
    --phoenix-list-group-item-1000-background: #d3d4d6;
    --phoenix-list-group-item-1000-color: #14181f;
    --phoenix-1100: #141824;
    --phoenix-list-group-item-1100-background: #d0d1d3;
    --phoenix-list-group-item-1100-color: #0c0e16;
    --phoenix-white: #fff;
    --phoenix-list-group-item-white-background: #fff;
    --phoenix-list-group-item-white-color: #999;
    --phoenix-primary: #3874ff;
    --phoenix-list-group-item-primary-background: #d7e3ff;
    --phoenix-list-group-item-primary-color: #224699;
    --phoenix-secondary: #31374a;
    --phoenix-list-group-item-secondary-background: #d6d7db;
    --phoenix-list-group-item-secondary-color: #1d212c;
    --phoenix-success: #25b003;
    --phoenix-list-group-item-success-background: #d3efcd;
    --phoenix-list-group-item-success-color: #166a02;
    --phoenix-info: #0097eb;
    --phoenix-list-group-item-info-background: #cceafb;
    --phoenix-list-group-item-info-color: #005b8d;
    --phoenix-warning: #e5780b;
    --phoenix-list-group-item-warning-background: #fae4ce;
    --phoenix-list-group-item-warning-color: #894807;
    --phoenix-danger: #ec1f00;
    --phoenix-list-group-item-danger-background: #fbd2cc;
    --phoenix-list-group-item-danger-color: #8e1300;
    --phoenix-light: #eff2f6;
    --phoenix-list-group-item-light-background: #fcfcfd;
    --phoenix-list-group-item-light-color: #8f9194;
    --phoenix-dark: #141824;
    --phoenix-list-group-item-dark-background: #d0d1d3;
    --phoenix-list-group-item-dark-color: #0c0e16;
    --phoenix-primary-100: #e5edff;
    --phoenix-list-group-item-primary-100-background: #fafbff;
    --phoenix-list-group-item-primary-100-color: #898e99;
    --phoenix-primary-200: #adc5ff;
    --phoenix-list-group-item-primary-200-background: #eff3ff;
    --phoenix-list-group-item-primary-200-color: #687699;
    --phoenix-primary-300: #85a9ff;
    --phoenix-list-group-item-primary-300-background: #e7eeff;
    --phoenix-list-group-item-primary-300-color: #506599;
    --phoenix-warning-300: #ffcc85;
    --phoenix-list-group-item-warning-300-background: #fff5e7;
    --phoenix-list-group-item-warning-300-color: #997a50;
    --phoenix-info-100: #c7ebff;
    --phoenix-list-group-item-info-100-background: #f4fbff;
    --phoenix-list-group-item-info-100-color: #778d99;
    --phoenix-info-200: #96d9ff;
    --phoenix-list-group-item-info-200-background: #eaf7ff;
    --phoenix-list-group-item-info-200-color: #5a8299;
    --phoenix-headings-color: #000;
    --phoenix-body-color: #000;
    --phoenix-border-color: #e3e6ed;
    --phoenix-navbar-light-color: #222834;
    --phoenix-navbar-light-hover-color: #222834;
    --phoenix-popover-bg: #fff;
    --phoenix-popover-border-color: rgba(0, 0, 0, 0.2);
    --phoenix-popover-box-shadow: 0px 2px 4px -2px rgba(36, 40, 46, 0.08);
    --phoenix-popover-header-bg: #eff2f6;
    --phoenix-popover-header-border-bottom-color: #d6d6d6;
    --phoenix-popover-header-color: #141824;
    --phoenix-popover-body-color: #31374a;
    --phoenix-popover-arrow-color: #fff;
    --phoenix-popover-arrow-outer-color: rgba(0, 0, 0, 0.25);
    --phoenix-navbar-vertical-bg-color: #eff2f6;
    --phoenix-navbar-vertical-link-color: #222834;
    --phoenix-navbar-vertical-caret-color: #9fa6bc;
    --phoenix-navbar-vertical-link-hover-color: #3874ff;
    --phoenix-navbar-vertical-link-active-color: #3874ff;
    --phoenix-navbar-vertical-link-disable-color: #8a94ad;
    --phoenix-navbar-vertical-border-color: #cbd0dd;
    --phoenix-navbar-vertical-label-color: #525b75;
    --phoenix-navbar-top-bg-color: #fff
}

*,
:after,
:before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--phoenix-body-font-family);
    font-size: var(--phoenix-body-font-size);
    font-weight: var(--phoenix-body-font-weight);
    line-height: var(--phoenix-body-line-height);
    color: var(--phoenix-body-color);
    text-align: var(--phoenix-body-text-align);
    background-color: var(--phoenix-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: #e3e6ed;
    background-color: currentColor;
    border: 0;
    opacity: 1
}

hr:not([size]) {
    height: 1px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .25rem;
    font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: 700;
    line-height: 1;
    color: #141824
}

.h1,
h1 {
    font-size: calc(1.36914rem + 1.42969vw)
}

@media (min-width:1200px) {

    .h1,
    h1 {
        font-size: 2.44140625rem
    }
}

.h2,
h2 {
    font-size: calc(1.32031rem + .84375vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 1.953125rem
    }
}

.h3,
h3 {
    font-size: calc(1.28125rem + .375vw)
}

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.5625rem
    }
}

.h4,
h4 {
    font-size: 1.25rem
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: .8rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-bs-original-title],
abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: 800
}

.small,
small {
    font-size: 75%
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #3874ff;
    text-decoration: none
}

a:hover {
    color: #2d5dcc;
    text-decoration: underline
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--phoenix-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 75%
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 75%;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 75%;
    color: #fff;
    background-color: #31374a;
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #8a94ad;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 600
}

.display-1 {
    font-size: calc(1.60184rem + 4.22205vw);
    font-weight: 400;
    line-height: 1
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 4.768371582rem
    }
}

.display-2 {
    font-size: calc(1.50647rem + 3.07764vw);
    font-weight: 400;
    line-height: 1
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 3.8146972656rem
    }
}

.display-3 {
    font-size: calc(1.43018rem + 2.16211vw);
    font-weight: 400;
    line-height: 1
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 3.0517578125rem
    }
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 75%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.2rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 75%;
    color: #6e7891
}

.blockquote-footer:before {
    content: "— "
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: var(--phoenix-thumbnail-bg);
    border: 3px solid var(--phoenix-thumbnail-bg);
    border-radius: .375rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 75%;
    color: #6e7891
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--phoenix-gutter-x, 1rem);
    padding-left: var(--phoenix-gutter-x, 1rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1540px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1480px
    }
}

.row {
    --phoenix-gutter-x: 2rem;
    --phoenix-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--phoenix-gutter-y)*-1);
    margin-right: calc(var(--phoenix-gutter-x)*-0.5);
    margin-left: calc(var(--phoenix-gutter-x)*-0.5)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--phoenix-gutter-x)*0.5);
    padding-left: calc(var(--phoenix-gutter-x)*0.5);
    margin-top: var(--phoenix-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --phoenix-gutter-x: 0
}

.g-0,
.gy-0 {
    --phoenix-gutter-y: 0
}

.g-1,
.gx-1 {
    --phoenix-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --phoenix-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --phoenix-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --phoenix-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --phoenix-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --phoenix-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --phoenix-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --phoenix-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --phoenix-gutter-x: 2rem
}

.g-5,
.gy-5 {
    --phoenix-gutter-y: 2rem
}

.g-6,
.gx-6 {
    --phoenix-gutter-x: 2.5rem
}

.g-6,
.gy-6 {
    --phoenix-gutter-y: 2.5rem
}

.g-7,
.gx-7 {
    --phoenix-gutter-x: 3rem
}

.g-7,
.gy-7 {
    --phoenix-gutter-y: 3rem
}

.g-8,
.gx-8 {
    --phoenix-gutter-x: 3.5rem
}

.g-8,
.gy-8 {
    --phoenix-gutter-y: 3.5rem
}

.g-9,
.gx-9 {
    --phoenix-gutter-x: 4rem
}

.g-9,
.gy-9 {
    --phoenix-gutter-y: 4rem
}

.g-card,
.gx-card {
    --phoenix-gutter-x: 3rem
}

.g-card,
.gy-card {
    --phoenix-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --phoenix-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --phoenix-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --phoenix-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --phoenix-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --phoenix-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --phoenix-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --phoenix-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --phoenix-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --phoenix-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --phoenix-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --phoenix-gutter-x: 2rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --phoenix-gutter-y: 2rem
    }

    .g-sm-6,
    .gx-sm-6 {
        --phoenix-gutter-x: 2.5rem
    }

    .g-sm-6,
    .gy-sm-6 {
        --phoenix-gutter-y: 2.5rem
    }

    .g-sm-7,
    .gx-sm-7 {
        --phoenix-gutter-x: 3rem
    }

    .g-sm-7,
    .gy-sm-7 {
        --phoenix-gutter-y: 3rem
    }

    .g-sm-8,
    .gx-sm-8 {
        --phoenix-gutter-x: 3.5rem
    }

    .g-sm-8,
    .gy-sm-8 {
        --phoenix-gutter-y: 3.5rem
    }

    .g-sm-9,
    .gx-sm-9 {
        --phoenix-gutter-x: 4rem
    }

    .g-sm-9,
    .gy-sm-9 {
        --phoenix-gutter-y: 4rem
    }

    .g-sm-card,
    .gx-sm-card {
        --phoenix-gutter-x: 3rem
    }

    .g-sm-card,
    .gy-sm-card {
        --phoenix-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --phoenix-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --phoenix-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --phoenix-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --phoenix-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --phoenix-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --phoenix-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --phoenix-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --phoenix-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --phoenix-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --phoenix-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --phoenix-gutter-x: 2rem
    }

    .g-md-5,
    .gy-md-5 {
        --phoenix-gutter-y: 2rem
    }

    .g-md-6,
    .gx-md-6 {
        --phoenix-gutter-x: 2.5rem
    }

    .g-md-6,
    .gy-md-6 {
        --phoenix-gutter-y: 2.5rem
    }

    .g-md-7,
    .gx-md-7 {
        --phoenix-gutter-x: 3rem
    }

    .g-md-7,
    .gy-md-7 {
        --phoenix-gutter-y: 3rem
    }

    .g-md-8,
    .gx-md-8 {
        --phoenix-gutter-x: 3.5rem
    }

    .g-md-8,
    .gy-md-8 {
        --phoenix-gutter-y: 3.5rem
    }

    .g-md-9,
    .gx-md-9 {
        --phoenix-gutter-x: 4rem
    }

    .g-md-9,
    .gy-md-9 {
        --phoenix-gutter-y: 4rem
    }

    .g-md-card,
    .gx-md-card {
        --phoenix-gutter-x: 3rem
    }

    .g-md-card,
    .gy-md-card {
        --phoenix-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --phoenix-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --phoenix-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --phoenix-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --phoenix-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --phoenix-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --phoenix-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --phoenix-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --phoenix-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --phoenix-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --phoenix-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --phoenix-gutter-x: 2rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --phoenix-gutter-y: 2rem
    }

    .g-lg-6,
    .gx-lg-6 {
        --phoenix-gutter-x: 2.5rem
    }

    .g-lg-6,
    .gy-lg-6 {
        --phoenix-gutter-y: 2.5rem
    }

    .g-lg-7,
    .gx-lg-7 {
        --phoenix-gutter-x: 3rem
    }

    .g-lg-7,
    .gy-lg-7 {
        --phoenix-gutter-y: 3rem
    }

    .g-lg-8,
    .gx-lg-8 {
        --phoenix-gutter-x: 3.5rem
    }

    .g-lg-8,
    .gy-lg-8 {
        --phoenix-gutter-y: 3.5rem
    }

    .g-lg-9,
    .gx-lg-9 {
        --phoenix-gutter-x: 4rem
    }

    .g-lg-9,
    .gy-lg-9 {
        --phoenix-gutter-y: 4rem
    }

    .g-lg-card,
    .gx-lg-card {
        --phoenix-gutter-x: 3rem
    }

    .g-lg-card,
    .gy-lg-card {
        --phoenix-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --phoenix-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --phoenix-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --phoenix-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --phoenix-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --phoenix-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --phoenix-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --phoenix-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --phoenix-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --phoenix-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --phoenix-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --phoenix-gutter-x: 2rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --phoenix-gutter-y: 2rem
    }

    .g-xl-6,
    .gx-xl-6 {
        --phoenix-gutter-x: 2.5rem
    }

    .g-xl-6,
    .gy-xl-6 {
        --phoenix-gutter-y: 2.5rem
    }

    .g-xl-7,
    .gx-xl-7 {
        --phoenix-gutter-x: 3rem
    }

    .g-xl-7,
    .gy-xl-7 {
        --phoenix-gutter-y: 3rem
    }

    .g-xl-8,
    .gx-xl-8 {
        --phoenix-gutter-x: 3.5rem
    }

    .g-xl-8,
    .gy-xl-8 {
        --phoenix-gutter-y: 3.5rem
    }

    .g-xl-9,
    .gx-xl-9 {
        --phoenix-gutter-x: 4rem
    }

    .g-xl-9,
    .gy-xl-9 {
        --phoenix-gutter-y: 4rem
    }

    .g-xl-card,
    .gx-xl-card {
        --phoenix-gutter-x: 3rem
    }

    .g-xl-card,
    .gy-xl-card {
        --phoenix-gutter-y: 3rem
    }
}

@media (min-width:1540px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --phoenix-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --phoenix-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --phoenix-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --phoenix-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --phoenix-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --phoenix-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --phoenix-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --phoenix-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --phoenix-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --phoenix-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --phoenix-gutter-x: 2rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --phoenix-gutter-y: 2rem
    }

    .g-xxl-6,
    .gx-xxl-6 {
        --phoenix-gutter-x: 2.5rem
    }

    .g-xxl-6,
    .gy-xxl-6 {
        --phoenix-gutter-y: 2.5rem
    }

    .g-xxl-7,
    .gx-xxl-7 {
        --phoenix-gutter-x: 3rem
    }

    .g-xxl-7,
    .gy-xxl-7 {
        --phoenix-gutter-y: 3rem
    }

    .g-xxl-8,
    .gx-xxl-8 {
        --phoenix-gutter-x: 3.5rem
    }

    .g-xxl-8,
    .gy-xxl-8 {
        --phoenix-gutter-y: 3.5rem
    }

    .g-xxl-9,
    .gx-xxl-9 {
        --phoenix-gutter-x: 4rem
    }

    .g-xxl-9,
    .gy-xxl-9 {
        --phoenix-gutter-y: 4rem
    }

    .g-xxl-card,
    .gx-xxl-card {
        --phoenix-gutter-x: 3rem
    }

    .g-xxl-card,
    .gy-xxl-card {
        --phoenix-gutter-y: 3rem
    }
}

.table {
    --phoenix-table-bg: transparent;
    --phoenix-table-accent-bg: transparent;
    --phoenix-table-striped-color: #000;
    --phoenix-table-striped-bg: rgba(0, 0, 0, 0.05);
    --phoenix-table-active-color: #000;
    --phoenix-table-active-bg: rgba(0, 0, 0, 0.1);
    --phoenix-table-hover-color: #000;
    --phoenix-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #000;
    vertical-align: top;
    border-color: #e3e6ed
}

.table>:not(caption)>*>* {
    padding: 1rem .5rem;
    background-color: var(--phoenix-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--phoenix-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:first-child) {
    border-top: 2px solid inherit
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(2n)>* {
    --phoenix-table-accent-bg: var(--phoenix-table-striped-bg);
    color: var(--phoenix-table-striped-color)
}

.table-active {
    --phoenix-table-accent-bg: var(--phoenix-table-active-bg);
    color: var(--phoenix-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --phoenix-table-accent-bg: var(--phoenix-table-hover-bg);
    color: var(--phoenix-table-hover-color)
}

.table-primary {
    --phoenix-table-bg: #d7e3ff;
    --phoenix-table-striped-bg: #ccd8f2;
    --phoenix-table-striped-color: #000;
    --phoenix-table-active-bg: #c2cce6;
    --phoenix-table-active-color: #000;
    --phoenix-table-hover-bg: #c7d2ec;
    --phoenix-table-hover-color: #000;
    color: #000;
    border-color: #c2cce6
}

.table-secondary {
    --phoenix-table-bg: #d6d7db;
    --phoenix-table-striped-bg: #cbccd0;
    --phoenix-table-striped-color: #000;
    --phoenix-table-active-bg: #c1c2c5;
    --phoenix-table-active-color: #000;
    --phoenix-table-hover-bg: #c6c7cb;
    --phoenix-table-hover-color: #000;
    color: #000;
    border-color: #c1c2c5
}

.table-success {
    --phoenix-table-bg: #d3efcd;
    --phoenix-table-striped-bg: #c8e3c3;
    --phoenix-table-striped-color: #000;
    --phoenix-table-active-bg: #bed7b9;
    --phoenix-table-active-color: #000;
    --phoenix-table-hover-bg: #c3ddbe;
    --phoenix-table-hover-color: #000;
    color: #000;
    border-color: #bed7b9
}

.table-info {
    --phoenix-table-bg: #cceafb;
    --phoenix-table-striped-bg: #c2deee;
    --phoenix-table-striped-color: #000;
    --phoenix-table-active-bg: #b8d3e2;
    --phoenix-table-active-color: #000;
    --phoenix-table-hover-bg: #bdd8e8;
    --phoenix-table-hover-color: #000;
    color: #000;
    border-color: #b8d3e2
}

.table-warning {
    --phoenix-table-bg: #fae4ce;
    --phoenix-table-striped-bg: #eed9c4;
    --phoenix-table-striped-color: #000;
    --phoenix-table-active-bg: #e1cdb9;
    --phoenix-table-active-color: #000;
    --phoenix-table-hover-bg: #e7d3bf;
    --phoenix-table-hover-color: #000;
    color: #000;
    border-color: #e1cdb9
}

.table-danger {
    --phoenix-table-bg: #fbd2cc;
    --phoenix-table-striped-bg: #eec8c2;
    --phoenix-table-striped-color: #000;
    --phoenix-table-active-bg: #e2bdb8;
    --phoenix-table-active-color: #000;
    --phoenix-table-hover-bg: #e8c2bd;
    --phoenix-table-hover-color: #000;
    color: #000;
    border-color: #e2bdb8
}

.table-light {
    --phoenix-table-bg: #eff2f6;
    --phoenix-table-striped-bg: #e3e6ea;
    --phoenix-table-striped-color: #000;
    --phoenix-table-active-bg: #d7dadd;
    --phoenix-table-active-color: #000;
    --phoenix-table-hover-bg: #dde0e4;
    --phoenix-table-hover-color: #000;
    color: #000;
    border-color: #d7dadd
}

.table-dark {
    --phoenix-table-bg: #141824;
    --phoenix-table-striped-bg: #20242f;
    --phoenix-table-striped-color: #fff;
    --phoenix-table-active-bg: #2c2f3a;
    --phoenix-table-active-color: #fff;
    --phoenix-table-hover-bg: #262934;
    --phoenix-table-hover-color: #fff;
    color: #fff;
    border-color: #2c2f3a
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1539.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem;
    font-size: .64rem
}

.col-form-label,
.form-label {
    font-weight: 700;
    color: #525b75
}

.col-form-label {
    padding-top: calc(.75rem + 1px);
    padding-bottom: calc(.75rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.2
}

.col-form-label-lg {
    padding-top: calc(.875rem + 1px);
    padding-bottom: calc(.875rem + 1px);
    font-size: 1rem
}

.col-form-label-sm {
    padding-top: calc(.625rem + 1px);
    padding-bottom: calc(.625rem + 1px);
    font-size: .8rem
}

.form-text {
    margin-top: .25rem;
    font-size: 75%;
    color: #8a94ad
}

.form-control {
    display: block;
    width: 100%;
    padding: .75rem 1.5rem;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2;
    color: #31374a;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e3e6ed;
    appearance: none;
    border-radius: .375rem;
    box-shadow: inset 0 1px 2px transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #31374a;
    background-color: #fff;
    border-color: #3874ff;
    outline: 0;
    box-shadow: inset 0 1px 2px transparent, 0 0 0 .25rem rgba(56, 116, 255, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.2em
}

.form-control::placeholder {
    color: #9fa6bc;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--phoenix-200);
    opacity: 1
}

.form-control::file-selector-button {
    padding: .75rem 1.5rem;
    margin: -.75rem -1.5rem;
    margin-inline-end: 1.5rem;
    color: #31374a;
    background-color: #e3e6ed;
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #d8dbe1
}

.form-control::-webkit-file-upload-button {
    padding: .75rem 1.5rem;
    margin: -.75rem -1.5rem;
    margin-inline-end: 1.5rem;
    color: #31374a;
    background-color: #e3e6ed;
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #d8dbe1
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .75rem 0;
    margin-bottom: 0;
    line-height: 1.2;
    color: #31374a;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.2em + 1.25rem + 2px);
    padding: .625rem 1rem;
    font-size: .8rem;
    border-radius: .375rem
}

.form-control-sm::file-selector-button {
    padding: .625rem 1rem;
    margin: -.625rem -1rem;
    margin-inline-end: 1rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .625rem 1rem;
    margin: -.625rem -1rem;
    margin-inline-end: 1rem
}

.form-control-lg {
    min-height: calc(1.2em + 1.75rem + 2px);
    padding: .875rem 1.5rem;
    font-size: 1rem;
    border-radius: .375rem
}

.form-control-lg::file-selector-button {
    padding: .875rem 1.5rem;
    margin: -.875rem -1.5rem;
    margin-inline-end: 1.5rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .875rem 1.5rem;
    margin: -.875rem -1.5rem;
    margin-inline-end: 1.5rem
}

textarea.form-control {
    min-height: calc(1.2em + 1.5rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.2em + 1.25rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.2em + 1.75rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .75rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.2em;
    border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.2em;
    border-radius: .375rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .75rem 2.5rem .75rem 1.5rem;
    -moz-padding-start: calc(1.5rem - 3px);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2;
    color: #31374a;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%233e465b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 9px 12px;
    border: 1px solid #e3e6ed;
    border-radius: .375rem;
    box-shadow: inset 0 1px 2px transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

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

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 1.5rem;
    background-image: none
}

.form-select:disabled {
    background-color: var(--phoenix-200)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #31374a
}

.form-select-sm {
    padding-top: .625rem;
    padding-bottom: .625rem;
    padding-left: 1rem;
    font-size: .8rem;
    border-radius: .375rem
}

.form-select-lg {
    padding-top: .875rem;
    padding-bottom: .875rem;
    padding-left: 1.5rem;
    font-size: 1rem;
    border-radius: .375rem
}

.form-check {
    display: block;
    min-height: 1.49rem;
    padding-left: 1.5em;
    margin-bottom: .34375rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .245em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: 1px solid #cbd0dd;
    appearance: none;
    color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #3874ff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(56, 116, 255, .25)
}

.form-check-input:checked {
    background-color: #3874ff;
    border-color: #3874ff
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #3874ff;
    border-color: #3874ff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.form-check-label {
    color: #525b75
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:checked,
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
    background-position: 100%
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn,
[data-list] .btn-check:disabled+.page,
[data-list] .btn-check[disabled]+.page {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 .25rem rgba(56, 116, 255, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 .25rem rgba(56, 116, 255, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #3874ff;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #c3d5ff
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #cbd0dd;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #3874ff;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #c3d5ff
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #cbd0dd;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #8a94ad
}

.form-range:disabled::-moz-range-thumb {
    background-color: #8a94ad
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 1.5rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem 1.5rem
}

.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn,
.input-group [data-list] .page,
[data-list] .input-group .page {
    position: relative;
    z-index: 2
}

.input-group .btn:focus,
.input-group [data-list] .page:focus,
[data-list] .input-group .page:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2;
    color: #31374a;
    text-align: center;
    white-space: nowrap;
    background-color: #e3e6ed;
    border: 1px solid #e3e6ed;
    border-radius: .375rem
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
[data-list] .input-group-lg>.page {
    padding: .875rem 1.5rem;
    font-size: 1rem;
    border-radius: .375rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
[data-list] .input-group-sm>.page {
    padding: .625rem 1rem;
    font-size: .8rem;
    border-radius: .375rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 4rem
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 75%;
    color: #25b003
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .8rem;
    color: #fff;
    background-color: rgba(37, 176, 3, .9);
    border-radius: .25rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #25b003;
    padding-right: calc(1.2em + 1.5rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2325b003' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.3em + .375rem) center;
    background-size: calc(.6em + .75rem) calc(.6em + .75rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #25b003;
    box-shadow: 0 0 0 .25rem rgba(37, 176, 3, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.2em + 1.5rem);
    background-position: top calc(.3em + .375rem) right calc(.3em + .375rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #25b003
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 6.25rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%233e465b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2325b003' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right 1.5rem center, center right 2.5rem;
    background-size: 9px 12px, calc(.6em + .75rem) calc(.6em + .75rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #25b003;
    box-shadow: 0 0 0 .25rem rgba(37, 176, 3, .25)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #25b003
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #25b003
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(37, 176, 3, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #25b003
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 75%;
    color: #ec1f00
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .8rem;
    color: #fff;
    background-color: rgba(236, 31, 0, .9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #ec1f00;
    padding-right: calc(1.2em + 1.5rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ec1f00'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ec1f00' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.3em + .375rem) center;
    background-size: calc(.6em + .75rem) calc(.6em + .75rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #ec1f00;
    box-shadow: 0 0 0 .25rem rgba(236, 31, 0, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.2em + 1.5rem);
    background-position: top calc(.3em + .375rem) right calc(.3em + .375rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #ec1f00
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 6.25rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%233e465b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ec1f00'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ec1f00' stroke='none'/%3E%3C/svg%3E");
    background-position: right 1.5rem center, center right 2.5rem;
    background-size: 9px 12px, calc(.6em + .75rem) calc(.6em + .75rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #ec1f00;
    box-shadow: 0 0 0 .25rem rgba(236, 31, 0, .25)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #ec1f00
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #ec1f00
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(236, 31, 0, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #ec1f00
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,
.dropend,
.dropstart,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 1rem 0;
    margin: 0;
    color: #525b75;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #cbd0dd;
    border-radius: .375rem;
    box-shadow: 0 2px 4px -2px rgba(36, 40, 46, .08)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1540px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #cbd0dd
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #525b75;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #292e3b;
    text-decoration: none;
    background-color: #e3e6ed
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3874ff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #eff2f6;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6e7891;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .5rem 1rem;
    color: #525b75
}

.dropdown-menu-dark {
    color: #cbd0dd;
    background-color: #3e465b;
    border-color: #cbd0dd
}

.dropdown-menu-dark .dropdown-item {
    color: #cbd0dd
}

.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .15)
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #3874ff
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
    color: #8a94ad
}

.dropdown-menu-dark .dropdown-divider {
    border-color: #cbd0dd
}

.dropdown-menu-dark .dropdown-item-text {
    color: #cbd0dd
}

.dropdown-menu-dark .dropdown-header {
    color: #8a94ad
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn,
[data-list] .btn-group-vertical>.page,
[data-list] .btn-group>.page {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover,
[data-list] .btn-group-vertical>.active.page,
[data-list] .btn-group-vertical>.btn-check:checked+.page,
[data-list] .btn-group-vertical>.btn-check:focus+.page,
[data-list] .btn-group-vertical>.page:active,
[data-list] .btn-group-vertical>.page:focus,
[data-list] .btn-group-vertical>.page:hover,
[data-list] .btn-group>.active.page,
[data-list] .btn-group>.btn-check:checked+.page,
[data-list] .btn-group>.btn-check:focus+.page,
[data-list] .btn-group>.page:active,
[data-list] .btn-group>.page:focus,
[data-list] .btn-group>.page:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child),
[data-list] .btn-group>.page:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
[data-list] .btn-group>.btn-group:not(:last-child)>.page,
[data-list] .btn-group>.page:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
[data-list] .btn-group>.btn-group:not(:first-child)>.page,
[data-list] .btn-group>.page:nth-child(n+3),
[data-list] .btn-group>:not(.btn-check)+.page {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split,
[data-list] .btn-group-sm>.page+.dropdown-toggle-split,
[data-list] .page+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split,
[data-list] .btn-group-lg>.page+.dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.btn-group.show .dropdown-toggle {
    box-shadow: inset 0 3px 5px transparent
}

.btn-group.show .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
[data-list] .btn-group-vertical>.page {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child),
[data-list] .btn-group-vertical>.page:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
[data-list] .btn-group-vertical>.btn-group:not(:last-child)>.page,
[data-list] .btn-group-vertical>.page:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn,
[data-list] .btn-group-vertical>.btn-group:not(:first-child)>.page,
[data-list] .btn-group-vertical>.btn~.page,
[data-list] .btn-group-vertical>.page~.btn,
[data-list] .btn-group-vertical>.page~.page {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #3874ff;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #2d5dcc;
    text-decoration: none
}

.nav-link.disabled {
    color: #6e7891;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 2px solid #cbd0dd
}

.nav-tabs .nav-link {
    margin-bottom: -2px;
    background: none;
    border: 2px solid transparent;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e3e6ed #e3e6ed #cbd0dd;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6e7891;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #525b75;
    background-color: #f5f7fa;
    border-color: #cbd0dd #cbd0dd #f5f7fa
}

.nav-tabs .dropdown-menu {
    margin-top: -2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .375rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #3874ff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1.5rem
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: -.210078125rem;
    padding-bottom: -.210078125rem;
    margin-right: 1rem;
    font-size: calc(1.32031rem + .84375vw);
    white-space: nowrap
}

@media (min-width:1200px) {
    .navbar-brand {
        font-size: 1.953125rem
    }
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.2rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .375rem;
    transition: box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--phoenix-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler,
    .navbar-expand-sm .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-sm .offcanvas-bottom,
    .navbar-expand-sm .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler,
    .navbar-expand-md .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-md .offcanvas-bottom,
    .navbar-expand-md .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler,
    .navbar-expand-lg .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-lg .offcanvas-bottom,
    .navbar-expand-lg .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler,
    .navbar-expand-xl .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xl .offcanvas-bottom,
    .navbar-expand-xl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1540px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler,
    .navbar-expand-xxl .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-bottom,
    .navbar-expand-xxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler,
.navbar-expand .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
}

.navbar-expand .offcanvas-bottom,
.navbar-expand .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

.navbar-expand .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: var(--phoenix-navbar-light-brand-color)
}

.navbar-light .navbar-nav .nav-link {
    color: var(--phoenix-navbar-light-color)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--phoenix-navbar-light-hover-color)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: var(--phoenix-navbar-light-disabled-color)
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: var(--phoenix-navbar-light-active-color)
}

.navbar-light .navbar-toggler {
    color: var(--phoenix-navbar-light-color);
    border-color: var(--phoenix-navbar-light-toggler-border-color)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%239da9bb' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M0 6h30M0 14h30M0 22h30'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: var(--phoenix-navbar-light-color)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: var(--phoenix-navbar-light-active-color)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: var(--phoenix-navbar-dark-brand-color)
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--phoenix-navbar-dark-color)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--phoenix-navbar-dark-hover-color)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: var(--phoenix-navbar-dark-disabled-color)
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    color: var(--phoenix-navbar-dark-active-color)
}

.navbar-dark .navbar-toggler {
    color: var(--phoenix-navbar-dark-color);
    border-color: var(--phoenix-navbar-dark-toggler-border-color)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%239da9bb' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M0 6h30M0 14h30M0 22h30'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: var(--phoenix-navbar-dark-color)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: var(--phoenix-navbar-dark-active-color)
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid var(--phoenix-card-border-color);
    border-radius: .5rem;
    box-shadow: 0 2px 4px -2px rgba(36, 40, 46, .08)
}

.card-metrica {
    font-size: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid var(--phoenix-card-border-color);
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px -2px rgb(36 40 46 / 8%);
    height: 100%;
}
.card-stats {
    position: relative;
    display: grid;
    flex-direction: row;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid var(--phoenix-card-border-color);
    border-radius: .5rem;
    box-shadow: 0 2px 4px -2px rgba(36, 40, 46, .08);
    height: 7rem;
}
.lert{
    display: grid;
    grid-template-rows: 50px;
}
.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1.5rem
}

.card-title {
    margin-bottom: 1rem
}

.card-subtitle {
    margin-top: -.5rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.5rem
}

.card-header {
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--phoenix-card-cap-bg);
    border-bottom: 0 solid var(--phoenix-card-border-color)
}

.card-header:first-child {
    border-radius: .5rem .5rem 0 0
}

.card-footer {
    padding: 1rem 1.25rem;
    background-color: var(--phoenix-card-cap-bg);
    border-top: 0 solid var(--phoenix-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 .5rem .5rem
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -1rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: #fff;
    border-bottom-color: #fff
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: .5rem
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.card-group>.card {
    margin-bottom: 1rem
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.5rem 0;
    font-size: 1rem;
    color: #3874ff;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #3874ff;
    background-color: transparent;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='%233874ff' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E");
    transform: rotate(-180deg)
}

.accordion-button:after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='%233874ff' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #3874ff;
    outline: 0;
    box-shadow: 0 0 0 .25rem transparent
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: transparent;
    border: 0 solid rgba(0, 0, 0, .125)
}

.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion-body {
    padding: 1.5rem 0
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    font-size: .8rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: .5rem;
    color: #6e7891;
    content: var(--phoenix-breadcrumb-divider, url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 350 350'%3E%3Cpath fill='%2331374a' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E"))
}

.breadcrumb-item.active {
    color: #31374a
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #3e465b;
    background-color: transparent;
    border: 0 solid #cbd0dd;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #3874ff;
    text-decoration: none;
    background-color: #e3e6ed;
    border-color: #cbd0dd
}

.page-link:focus {
    z-index: 3;
    color: #2d5dcc;
    background-color: #e3e6ed;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(56, 116, 255, .25)
}

.page-item:not(:first-child) .page-link {
    margin-left: 0
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3874ff;
    border-color: #3874ff
}

.page-item.disabled .page-link {
    color: #6e7891;
    pointer-events: none;
    background-color: #fff;
    border-color: #cbd0dd
}

.page-link {
    padding: .5rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.2rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.badge {
    display: inline-block;
    padding: .355555em .711111em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge,
[data-list] .page .badge {
    position: relative;
    top: -1px
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: .313rem
    }
}

.progress {
    height: .313rem;
    font-size: .75rem;
    background-color: #e3e6ed;
    border-radius: .5rem;
    box-shadow: 0 0 0 transparent
}

.progress,
.progress-bar {
    display: flex;
    overflow: hidden
}

.progress-bar {
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #3874ff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: .313rem .313rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(56, 116, 255, .25);
    opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: 1rem;
    pointer-events: auto;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px -6px rgba(36, 40, 46, .03), 0 16px 8px -4px rgba(36, 40, 46, .03);
    border-radius: .375rem
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: 1rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    color: #3e465b;
    background-color: transparent;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.375rem - 1px);
    border-top-right-radius: calc(.375rem - 1px)
}

.toast-header .btn-close {
    margin-right: 0;
    margin-left: 0
}

.toast-body {
    padding: 0;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: .375rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e3e6ed;
    border-top-left-radius: calc(.375rem - 1px);
    border-top-right-radius: calc(.375rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.49
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #e3e6ed;
    border-bottom-right-radius: calc(.375rem - 1px);
    border-bottom-left-radius: calc(.375rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-content {
        box-shadow: 0 2px 4px -2px rgba(36, 40, 46, .08)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:1539.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-style: normal;
    font-weight: 400;
    line-height: 1.49;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .8rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #222834
}

.bs-tooltip-auto[data-popper-placement^=right],
.bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #222834
}

.bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #222834
}

.bs-tooltip-auto[data-popper-placement^=left],
.bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #222834
}

.tooltip-inner {
    max-width: 200px;
    padding: .5rem;
    color: #fff;
    text-align: center;
    background-color: #222834;
    border-radius: .25rem
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .8s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .8s
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 010 .708L5.707 8l5.647 5.646a.5.5 0 01-.708.708l-6-6a.5.5 0 010-.708l6-6a.5.5 0 01.708 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid;
    border-right: .25em solid transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1.35rem;
    height: 1.35rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1.35rem;
    height: 1.35rem
}

@media (prefers-reduced-motion:reduce) {

    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.49
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid transparent;
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid transparent;
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    border-bottom: 1px solid transparent;
    transform: translateY(-100%)
}

.offcanvas-bottom,
.offcanvas-top {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%
}

.offcanvas-bottom {
    border-top: 1px solid transparent;
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5
}

.placeholder.btn:before,
[data-list] .placeholder.page:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        mask-position: -200% 0
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--phoenix-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --phoenix-aspect-ratio: 100%
}

.ratio-4x3 {
    --phoenix-aspect-ratio: 75%
}

.ratio-16x9 {
    --phoenix-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --phoenix-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1540px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-85 {
    opacity: .85 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 2px 4px -2px rgba(36, 40, 46, .08) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-absolute {
    position: absolute !important
}

.position-relative {
    position: relative !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translateX(-50%) translateY(-50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border-cabecera {
    border: 1px solid #94949485 !important;
    border-radius: 1rem;
}

.border {
    border: 1px solid #e3e6ed !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #e3e6ed !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #e3e6ed !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #e3e6ed !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #e3e6ed !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-facebook {
    border-color: #3c5a99 !important
}

.border-google-plus {
    border-color: #dd4b39 !important
}

.border-twitter {
    border-color: #1da1f2 !important
}

.border-linkedin {
    border-color: #0077b5 !important
}

.border-youtube {
    border-color: #ff0001 !important
}

.border-github {
    border-color: #333 !important
}

.border-black {
    border-color: #000 !important
}

.border-soft {
    border-color: #f5f7fa !important
}

.border-100 {
    border-color: #eff2f6 !important
}

.border-200 {
    border-color: #e3e6ed !important
}

.border-300 {
    border-color: #cbd0dd !important
}

.border-400 {
    border-color: #9fa6bc !important
}

.border-500 {
    border-color: #8a94ad !important
}

.border-600 {
    border-color: #6e7891 !important
}

.border-700 {
    border-color: #525b75 !important
}

.border-800 {
    border-color: #3e465b !important
}

.border-900 {
    border-color: #31374a !important
}

.border-1000 {
    border-color: #222834 !important
}

.border-1100 {
    border-color: #141824 !important
}

.border-white {
    border-color: #fff !important
}

.border-primary {
    border-color: #3874ff !important
}

.border-secondary {
    border-color: #31374a !important
}

.border-success {
    border-color: #25b003 !important
}

.border-info {
    border-color: #0097eb !important
}

.border-warning {
    border-color: #e5780b !important
}

.border-danger {
    border-color: #ec1f00 !important
}

.border-light {
    border-color: #eff2f6 !important
}

.border-dark {
    border-color: #141824 !important
}

.border-primary-100 {
    border-color: #e5edff !important
}

.border-primary-200 {
    border-color: #adc5ff !important
}

.border-primary-300 {
    border-color: #85a9ff !important
}

.border-warning-300 {
    border-color: #ffcc85 !important
}

.border-info-100 {
    border-color: #c7ebff !important
}

.border-info-200 {
    border-color: #96d9ff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-25 {
    width: 25vw !important
}

.vw-50 {
    width: 50vw !important
}

.vw-75 {
    width: 75vw !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-25 {
    height: 25vh !important
}

.vh-50 {
    height: 50vh !important
}

.vh-75 {
    height: 75vh !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-25 {
    min-height: 25vh !important
}

.min-vh-50 {
    min-height: 50vh !important
}

.min-vh-75 {
    min-height: 75vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 2rem !important
}

.gap-6 {
    gap: 2.5rem !important
}

.gap-7 {
    gap: 3rem !important
}

.gap-8 {
    gap: 3.5rem !important
}

.gap-9 {
    gap: 4rem !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .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-auto {
    margin: auto !important
}

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

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

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .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-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

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

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

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .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-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

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

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

.mt-2 {
    margin-top: .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-auto {
    margin-top: auto !important
}

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

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

.me-2 {
    margin-right: .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-auto {
    margin-right: auto !important
}

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

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

.mb-2 {
    margin-bottom: .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-auto {
    margin-bottom: auto !important
}

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

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

.ms-2 {
    margin-left: .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-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.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
}

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

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

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

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !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
}

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

.my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.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
}

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

.mt-n2 {
    margin-top: -.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
}

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

.me-n2 {
    margin-right: -.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
}

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

.mb-n2 {
    margin-bottom: -.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
}

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

.ms-n2 {
    margin-left: -.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
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .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
}

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

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

.px-2 {
    padding-right: .5rem !important;
    padding-left: .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
}

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

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

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .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
}

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

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

.pt-2 {
    padding-top: .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
}

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

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

.pe-2 {
    padding-right: .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
}

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

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

.pb-2 {
    padding-bottom: .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
}

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

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

.ps-2 {
    padding-left: .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
}

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

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

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

.fs--1 {
    font-size: .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-wrap {
    white-space: normal !important
}

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

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !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 {
    color: rgba(var(--phoenix-light-rgb), var(--phoenix-text-opacity)) !important
}

.text-dark,
.text-light {
    --phoenix-text-opacity: 1
}

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

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

.text-black,
.text-white {
    --phoenix-text-opacity: 1
}

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

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

.text-body,
.text-muted {
    --phoenix-text-opacity: 1
}

.text-muted {
    color: #8a94ad !important
}

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

.text-white-50 {
    --phoenix-text-opacity: 1;
    color: hsla(0, 0%, 100%, .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-facebook {
    background-color: #3c5a99 !important
}

.bg-google-plus {
    background-color: #dd4b39 !important
}

.bg-twitter {
    background-color: #1da1f2 !important
}

.bg-linkedin {
    background-color: #0077b5 !important
}

.bg-youtube {
    background-color: #ff0001 !important
}

.bg-github {
    background-color: #333 !important
}

.bg-black {
    background-color: #000 !important
}

.bg-soft {
    background-color: #f5f7fa !important
}

.bg-100 {
    background-color: #eff2f6 !important
}

.bg-200 {
    background-color: #e3e6ed !important
}

.bg-300 {
    background-color: #cbd0dd !important
}

.bg-400 {
    background-color: #9fa6bc !important
}

.bg-500 {
    background-color: #8a94ad !important
}

.bg-600 {
    background-color: #6e7891 !important
}

.bg-700 {
    background-color: #525b75 !important
}

.bg-800 {
    background-color: #3e465b !important
}

.bg-900 {
    background-color: #31374a !important
}

.bg-1000 {
    background-color: #222834 !important
}

.bg-1100 {
    background-color: #141824 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-primary {
    background-color: #3874ff !important
}

.bg-secondary {
    background-color: #31374a !important
}

.bg-success {
    background-color: #25b003 !important
}

.bg-info {
    background-color: #0097eb !important
}

.bg-warning {
    background-color: #e5780b !important
}

.bg-danger {
    background-color: #ec1f00 !important
}

.bg-light {
    background-color: #eff2f6 !important
}

.bg-dark {
    background-color: #141824 !important
}

.bg-primary-100 {
    background-color: #e5edff !important
}

.bg-primary-200 {
    background-color: #adc5ff !important
}

.bg-primary-300 {
    background-color: #85a9ff !important
}

.bg-warning-300 {
    background-color: #ffcc85 !important
}

.bg-info-100 {
    background-color: #c7ebff !important
}

.bg-info-200 {
    background-color: #96d9ff !important
}

.bg-body {
    background-color: "body" !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-success-200 {
    background-color: #bee8b4 !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
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .375rem !important
}

.rounded-1 {
    border-radius: .25rem !important
}

.rounded-2 {
    border-radius: .375rem !important
}

.rounded-3 {
    border-radius: .5rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
}

.rounded-top-lg {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-end {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
}

.rounded-end-lg {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-bottom {
    border-bottom-right-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
}

.rounded-bottom-lg {
    border-bottom-right-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-start {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
}

.rounded-start-lg {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.text-facebook {
    color: #3c5a99 !important
}

.text-google-plus {
    color: #dd4b39 !important
}

.text-twitter {
    color: #1da1f2 !important
}

.text-linkedin {
    color: #0077b5 !important
}

.text-youtube {
    color: #ff0001 !important
}

.text-github {
    color: #333 !important
}

.text-black {
    color: #000 !important
}

.text-soft {
    color: #f5f7fa !important
}

.text-100 {
    color: #eff2f6 !important
}

.text-200 {
    color: #e3e6ed !important
}

.text-300 {
    color: #cbd0dd !important
}

.text-400 {
    color: #9fa6bc !important
}

.text-500 {
    color: #8a94ad !important
}

.text-600 {
    color: #6e7891 !important
}

.text-700 {
    color: #525b75 !important
}

.text-800 {
    color: #3e465b !important
}

.text-900 {
    color: #31374a !important
}

.text-1000 {
    color: #222834 !important
}

.text-1100 {
    color: #141824 !important
}

.text-white {
    color: #fff !important
}

.max-vh-25 {
    max-height: 25vh !important
}

.max-vh-50 {
    max-height: 50vh !important
}

.max-vh-75 {
    max-height: 75vh !important
}

.max-vh-100 {
    max-height: 100vh !important
}

.border-x {
    border-left: 1px solid #e3e6ed !important;
    border-right: 1px solid #e3e6ed !important
}

.border-x-0 {
    border-left: 0 !important;
    border-right: 0 !important
}

.border-y {
    border-top: 1px solid #e3e6ed !important;
    border-bottom: 1px solid #e3e6ed !important
}

.border-y-0 {
    border-top: 0 !important;
    border-bottom: 0 !important
}

.border-dashed {
    border: 1px dashed #e3e6ed !important
}

.border-dashed-top {
    border-top: 1px dashed #e3e6ed !important
}

.border-dashed-end {
    border-right: 1px dashed #e3e6ed !important
}

.border-dashed-start {
    border-left: 1px dashed #e3e6ed !important
}

.border-dashed-bottom {
    border-bottom: 1px dashed #e3e6ed !important
}

.border-dashed-x {
    border-left: 1px dashed #e3e6ed !important;
    border-right: 1px dashed #e3e6ed !important
}

.border-dashed-y {
    border-top: 1px dashed #e3e6ed !important;
    border-bottom: 1px dashed #e3e6ed !important
}

.rounded-0 {
    border-radius: 0 !important
}

.bg-soft-primary {
    background-color: #f5f8ff !important
}

.bg-soft-secondary {
    background-color: #f5f7fa !important
}

.bg-soft-success {
    background-color: #f0fdec !important
}

.bg-soft-info {
    background-color: #f0faff !important
}

.bg-soft-warning {
    background-color: #fff6e0 !important
}

.bg-soft-danger {
    background-color: #ffedeb !important
}

.bg-light-primary {
    background-color: #e5edff !important
}

.bg-light-secondary {
    background-color: #eff2f6 !important
}

.bg-light-success {
    background-color: #d9fbd0 !important
}

.bg-light-info {
    background-color: #c7ebff !important
}

.bg-light-warning {
    background-color: #ffefca !important
}

.bg-light-danger {
    background-color: #ffe0db !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .opacity-sm-0 {
        opacity: 0 !important
    }

    .opacity-sm-25 {
        opacity: .25 !important
    }

    .opacity-sm-50 {
        opacity: .5 !important
    }

    .opacity-sm-75 {
        opacity: .75 !important
    }

    .opacity-sm-85 {
        opacity: .85 !important
    }

    .opacity-sm-100 {
        opacity: 1 !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .position-sm-static {
        position: static !important
    }

    .position-sm-absolute {
        position: absolute !important
    }

    .position-sm-relative {
        position: relative !important
    }

    .position-sm-fixed {
        position: fixed !important
    }

    .position-sm-sticky {
        position: sticky !important
    }

    .translate-sm-middle {
        transform: translateX(-50%) translateY(-50%) !important
    }

    .translate-sm-middle-x {
        transform: translateX(-50%) !important
    }

    .translate-sm-middle-y {
        transform: translateY(-50%) !important
    }

    .border-sm {
        border: 1px solid #e3e6ed !important
    }

    .border-sm-0 {
        border: 0 !important
    }

    .border-sm-top {
        border-top: 1px solid #e3e6ed !important
    }

    .border-sm-top-0 {
        border-top: 0 !important
    }

    .border-sm-end {
        border-right: 1px solid #e3e6ed !important
    }

    .border-sm-end-0 {
        border-right: 0 !important
    }

    .border-sm-bottom {
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-sm-bottom-0 {
        border-bottom: 0 !important
    }

    .border-sm-start {
        border-left: 1px solid #e3e6ed !important
    }

    .border-sm-start-0 {
        border-left: 0 !important
    }

    .border-sm-facebook {
        border-color: #3c5a99 !important
    }

    .border-sm-google-plus {
        border-color: #dd4b39 !important
    }

    .border-sm-twitter {
        border-color: #1da1f2 !important
    }

    .border-sm-linkedin {
        border-color: #0077b5 !important
    }

    .border-sm-youtube {
        border-color: #ff0001 !important
    }

    .border-sm-github {
        border-color: #333 !important
    }

    .border-sm-black {
        border-color: #000 !important
    }

    .border-sm-soft {
        border-color: #f5f7fa !important
    }

    .border-sm-100 {
        border-color: #eff2f6 !important
    }

    .border-sm-200 {
        border-color: #e3e6ed !important
    }

    .border-sm-300 {
        border-color: #cbd0dd !important
    }

    .border-sm-400 {
        border-color: #9fa6bc !important
    }

    .border-sm-500 {
        border-color: #8a94ad !important
    }

    .border-sm-600 {
        border-color: #6e7891 !important
    }

    .border-sm-700 {
        border-color: #525b75 !important
    }

    .border-sm-800 {
        border-color: #3e465b !important
    }

    .border-sm-900 {
        border-color: #31374a !important
    }

    .border-sm-1000 {
        border-color: #222834 !important
    }

    .border-sm-1100 {
        border-color: #141824 !important
    }

    .border-sm-white {
        border-color: #fff !important
    }

    .border-sm-primary {
        border-color: #3874ff !important
    }

    .border-sm-secondary {
        border-color: #31374a !important
    }

    .border-sm-success {
        border-color: #25b003 !important
    }

    .border-sm-info {
        border-color: #0097eb !important
    }

    .border-sm-warning {
        border-color: #e5780b !important
    }

    .border-sm-danger {
        border-color: #ec1f00 !important
    }

    .border-sm-light {
        border-color: #eff2f6 !important
    }

    .border-sm-dark {
        border-color: #141824 !important
    }

    .border-sm-primary-100 {
        border-color: #e5edff !important
    }

    .border-sm-primary-200 {
        border-color: #adc5ff !important
    }

    .border-sm-primary-300 {
        border-color: #85a9ff !important
    }

    .border-sm-warning-300 {
        border-color: #ffcc85 !important
    }

    .border-sm-info-100 {
        border-color: #c7ebff !important
    }

    .border-sm-info-200 {
        border-color: #96d9ff !important
    }

    .w-sm-25 {
        width: 25% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-75 {
        width: 75% !important
    }

    .w-sm-100 {
        width: 100% !important
    }

    .w-sm-auto {
        width: auto !important
    }

    .vw-sm-25 {
        width: 25vw !important
    }

    .vw-sm-50 {
        width: 50vw !important
    }

    .vw-sm-75 {
        width: 75vw !important
    }

    .vw-sm-100 {
        width: 100vw !important
    }

    .h-sm-25 {
        height: 25% !important
    }

    .h-sm-50 {
        height: 50% !important
    }

    .h-sm-75 {
        height: 75% !important
    }

    .h-sm-100 {
        height: 100% !important
    }

    .h-sm-auto {
        height: auto !important
    }

    .vh-sm-25 {
        height: 25vh !important
    }

    .vh-sm-50 {
        height: 50vh !important
    }

    .vh-sm-75 {
        height: 75vh !important
    }

    .vh-sm-100 {
        height: 100vh !important
    }

    .min-vh-sm-25 {
        min-height: 25vh !important
    }

    .min-vh-sm-50 {
        min-height: 50vh !important
    }

    .min-vh-sm-75 {
        min-height: 75vh !important
    }

    .min-vh-sm-100 {
        min-height: 100vh !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 2rem !important
    }

    .gap-sm-6 {
        gap: 2.5rem !important
    }

    .gap-sm-7 {
        gap: 3rem !important
    }

    .gap-sm-8 {
        gap: 3.5rem !important
    }

    .gap-sm-9 {
        gap: 4rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

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

    .m-sm-1 {
        margin: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-sm-1 {
        margin-top: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .me-sm-1 {
        margin-right: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .ms-sm-1 {
        margin-left: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-sm-n1 {
        margin-top: -.25rem !important
    }

    .mt-sm-n2 {
        margin-top: -.5rem !important
    }

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

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

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

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

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

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

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

    .me-sm-n1 {
        margin-right: -.25rem !important
    }

    .me-sm-n2 {
        margin-right: -.5rem !important
    }

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

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

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

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

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

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

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

    .mb-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-sm-n2 {
        margin-bottom: -.5rem !important
    }

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

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

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

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

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

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

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

    .ms-sm-n1 {
        margin-left: -.25rem !important
    }

    .ms-sm-n2 {
        margin-left: -.5rem !important
    }

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

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

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

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

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

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

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

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

    .p-sm-1 {
        padding: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-sm-1 {
        padding-top: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .pe-sm-1 {
        padding-right: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .ps-sm-1 {
        padding-left: .25rem !important
    }

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

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

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

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

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

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

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

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

    .fs-sm--3 {
        font-size: .512rem !important
    }

    .fs-sm--2 {
        font-size: .64rem !important
    }

    .fs-sm--1 {
        font-size: .8rem !important
    }

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

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

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

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

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

    .fs-sm-5 {
        font-size: 3.0517578125rem !important
    }

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

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

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

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

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

    .rounded-sm-top {
        border-top-left-radius: .375rem !important;
        border-top-right-radius: .375rem !important
    }

    .rounded-sm-top-lg {
        border-top-left-radius: .5rem !important;
        border-top-right-radius: .5rem !important
    }

    .rounded-sm-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .rounded-sm-end {
        border-top-right-radius: .375rem !important;
        border-bottom-right-radius: .375rem !important
    }

    .rounded-sm-end-lg {
        border-top-right-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important
    }

    .rounded-sm-end-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .rounded-sm-bottom {
        border-bottom-right-radius: .375rem !important;
        border-bottom-left-radius: .375rem !important
    }

    .rounded-sm-bottom-lg {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important
    }

    .rounded-sm-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .rounded-sm-start {
        border-bottom-left-radius: .375rem !important;
        border-top-left-radius: .375rem !important
    }

    .rounded-sm-start-lg {
        border-bottom-left-radius: .5rem !important;
        border-top-left-radius: .5rem !important
    }

    .rounded-sm-start-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important
    }

    .max-vh-sm-25 {
        max-height: 25vh !important
    }

    .max-vh-sm-50 {
        max-height: 50vh !important
    }

    .max-vh-sm-75 {
        max-height: 75vh !important
    }

    .max-vh-sm-100 {
        max-height: 100vh !important
    }

    .border-sm-x {
        border-left: 1px solid #e3e6ed !important;
        border-right: 1px solid #e3e6ed !important
    }

    .border-sm-x-0 {
        border-left: 0 !important;
        border-right: 0 !important
    }

    .border-sm-y {
        border-top: 1px solid #e3e6ed !important;
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-sm-y-0 {
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    .border-sm-dashed {
        border: 1px dashed #e3e6ed !important
    }

    .border-sm-dashed-top {
        border-top: 1px dashed #e3e6ed !important
    }

    .border-sm-dashed-end {
        border-right: 1px dashed #e3e6ed !important
    }

    .border-sm-dashed-start {
        border-left: 1px dashed #e3e6ed !important
    }

    .border-sm-dashed-bottom {
        border-bottom: 1px dashed #e3e6ed !important
    }

    .border-sm-dashed-x {
        border-left: 1px dashed #e3e6ed !important;
        border-right: 1px dashed #e3e6ed !important
    }

    .border-sm-dashed-y {
        border-top: 1px dashed #e3e6ed !important;
        border-bottom: 1px dashed #e3e6ed !important
    }

    .rounded-sm-0 {
        border-radius: 0 !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .opacity-md-0 {
        opacity: 0 !important
    }

    .opacity-md-25 {
        opacity: .25 !important
    }

    .opacity-md-50 {
        opacity: .5 !important
    }

    .opacity-md-75 {
        opacity: .75 !important
    }

    .opacity-md-85 {
        opacity: .85 !important
    }

    .opacity-md-100 {
        opacity: 1 !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .position-md-static {
        position: static !important
    }

    .position-md-absolute {
        position: absolute !important
    }

    .position-md-relative {
        position: relative !important
    }

    .position-md-fixed {
        position: fixed !important
    }

    .position-md-sticky {
        position: sticky !important
    }

    .translate-md-middle {
        transform: translateX(-50%) translateY(-50%) !important
    }

    .translate-md-middle-x {
        transform: translateX(-50%) !important
    }

    .translate-md-middle-y {
        transform: translateY(-50%) !important
    }

    .border-md {
        border: 1px solid #e3e6ed !important
    }

    .border-md-0 {
        border: 0 !important
    }

    .border-md-top {
        border-top: 1px solid #e3e6ed !important
    }

    .border-md-top-0 {
        border-top: 0 !important
    }

    .border-md-end {
        border-right: 1px solid #e3e6ed !important
    }

    .border-md-end-0 {
        border-right: 0 !important
    }

    .border-md-bottom {
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-md-bottom-0 {
        border-bottom: 0 !important
    }

    .border-md-start {
        border-left: 1px solid #e3e6ed !important
    }

    .border-md-start-0 {
        border-left: 0 !important
    }

    .border-md-facebook {
        border-color: #3c5a99 !important
    }

    .border-md-google-plus {
        border-color: #dd4b39 !important
    }

    .border-md-twitter {
        border-color: #1da1f2 !important
    }

    .border-md-linkedin {
        border-color: #0077b5 !important
    }

    .border-md-youtube {
        border-color: #ff0001 !important
    }

    .border-md-github {
        border-color: #333 !important
    }

    .border-md-black {
        border-color: #000 !important
    }

    .border-md-soft {
        border-color: #f5f7fa !important
    }

    .border-md-100 {
        border-color: #eff2f6 !important
    }

    .border-md-200 {
        border-color: #e3e6ed !important
    }

    .border-md-300 {
        border-color: #cbd0dd !important
    }

    .border-md-400 {
        border-color: #9fa6bc !important
    }

    .border-md-500 {
        border-color: #8a94ad !important
    }

    .border-md-600 {
        border-color: #6e7891 !important
    }

    .border-md-700 {
        border-color: #525b75 !important
    }

    .border-md-800 {
        border-color: #3e465b !important
    }

    .border-md-900 {
        border-color: #31374a !important
    }

    .border-md-1000 {
        border-color: #222834 !important
    }

    .border-md-1100 {
        border-color: #141824 !important
    }

    .border-md-white {
        border-color: #fff !important
    }

    .border-md-primary {
        border-color: #3874ff !important
    }

    .border-md-secondary {
        border-color: #31374a !important
    }

    .border-md-success {
        border-color: #25b003 !important
    }

    .border-md-info {
        border-color: #0097eb !important
    }

    .border-md-warning {
        border-color: #e5780b !important
    }

    .border-md-danger {
        border-color: #ec1f00 !important
    }

    .border-md-light {
        border-color: #eff2f6 !important
    }

    .border-md-dark {
        border-color: #141824 !important
    }

    .border-md-primary-100 {
        border-color: #e5edff !important
    }

    .border-md-primary-200 {
        border-color: #adc5ff !important
    }

    .border-md-primary-300 {
        border-color: #85a9ff !important
    }

    .border-md-warning-300 {
        border-color: #ffcc85 !important
    }

    .border-md-info-100 {
        border-color: #c7ebff !important
    }

    .border-md-info-200 {
        border-color: #96d9ff !important
    }

    .w-md-25 {
        width: 25% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-75 {
        width: 75% !important
    }

    .w-md-100 {
        width: 100% !important
    }

    .w-md-auto {
        width: auto !important
    }

    .vw-md-25 {
        width: 25vw !important
    }

    .vw-md-50 {
        width: 50vw !important
    }

    .vw-md-75 {
        width: 75vw !important
    }

    .vw-md-100 {
        width: 100vw !important
    }

    .h-md-25 {
        height: 25% !important
    }

    .h-md-50 {
        height: 50% !important
    }

    .h-md-75 {
        height: 75% !important
    }

    .h-md-100 {
        height: 100% !important
    }

    .h-md-auto {
        height: auto !important
    }

    .vh-md-25 {
        height: 25vh !important
    }

    .vh-md-50 {
        height: 50vh !important
    }

    .vh-md-75 {
        height: 75vh !important
    }

    .vh-md-100 {
        height: 100vh !important
    }

    .min-vh-md-25 {
        min-height: 25vh !important
    }

    .min-vh-md-50 {
        min-height: 50vh !important
    }

    .min-vh-md-75 {
        min-height: 75vh !important
    }

    .min-vh-md-100 {
        min-height: 100vh !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 2rem !important
    }

    .gap-md-6 {
        gap: 2.5rem !important
    }

    .gap-md-7 {
        gap: 3rem !important
    }

    .gap-md-8 {
        gap: 3.5rem !important
    }

    .gap-md-9 {
        gap: 4rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

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

    .m-md-1 {
        margin: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-md-1 {
        margin-top: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .me-md-1 {
        margin-right: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .ms-md-1 {
        margin-left: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .m-md-n1 {
        margin: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-md-n1 {
        margin-top: -.25rem !important
    }

    .mt-md-n2 {
        margin-top: -.5rem !important
    }

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

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

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

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

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

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

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

    .me-md-n1 {
        margin-right: -.25rem !important
    }

    .me-md-n2 {
        margin-right: -.5rem !important
    }

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

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

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

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

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

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

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

    .mb-md-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-md-n2 {
        margin-bottom: -.5rem !important
    }

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

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

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

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

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

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

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

    .ms-md-n1 {
        margin-left: -.25rem !important
    }

    .ms-md-n2 {
        margin-left: -.5rem !important
    }

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

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

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

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

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

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

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

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

    .p-md-1 {
        padding: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-md-1 {
        padding-top: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .pe-md-1 {
        padding-right: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .ps-md-1 {
        padding-left: .25rem !important
    }

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

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

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

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

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

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

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

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

    .fs-md--3 {
        font-size: .512rem !important
    }

    .fs-md--2 {
        font-size: .64rem !important
    }

    .fs-md--1 {
        font-size: .8rem !important
    }

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

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

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

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

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

    .fs-md-5 {
        font-size: 3.0517578125rem !important
    }

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

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

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

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

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

    .rounded-md-top {
        border-top-left-radius: .375rem !important;
        border-top-right-radius: .375rem !important
    }

    .rounded-md-top-lg {
        border-top-left-radius: .5rem !important;
        border-top-right-radius: .5rem !important
    }

    .rounded-md-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .rounded-md-end {
        border-top-right-radius: .375rem !important;
        border-bottom-right-radius: .375rem !important
    }

    .rounded-md-end-lg {
        border-top-right-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important
    }

    .rounded-md-end-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .rounded-md-bottom {
        border-bottom-right-radius: .375rem !important;
        border-bottom-left-radius: .375rem !important
    }

    .rounded-md-bottom-lg {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important
    }

    .rounded-md-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .rounded-md-start {
        border-bottom-left-radius: .375rem !important;
        border-top-left-radius: .375rem !important
    }

    .rounded-md-start-lg {
        border-bottom-left-radius: .5rem !important;
        border-top-left-radius: .5rem !important
    }

    .rounded-md-start-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important
    }

    .max-vh-md-25 {
        max-height: 25vh !important
    }

    .max-vh-md-50 {
        max-height: 50vh !important
    }

    .max-vh-md-75 {
        max-height: 75vh !important
    }

    .max-vh-md-100 {
        max-height: 100vh !important
    }

    .border-md-x {
        border-left: 1px solid #e3e6ed !important;
        border-right: 1px solid #e3e6ed !important
    }

    .border-md-x-0 {
        border-left: 0 !important;
        border-right: 0 !important
    }

    .border-md-y {
        border-top: 1px solid #e3e6ed !important;
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-md-y-0 {
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    .border-md-dashed {
        border: 1px dashed #e3e6ed !important
    }

    .border-md-dashed-top {
        border-top: 1px dashed #e3e6ed !important
    }

    .border-md-dashed-end {
        border-right: 1px dashed #e3e6ed !important
    }

    .border-md-dashed-start {
        border-left: 1px dashed #e3e6ed !important
    }

    .border-md-dashed-bottom {
        border-bottom: 1px dashed #e3e6ed !important
    }

    .border-md-dashed-x {
        border-left: 1px dashed #e3e6ed !important;
        border-right: 1px dashed #e3e6ed !important
    }

    .border-md-dashed-y {
        border-top: 1px dashed #e3e6ed !important;
        border-bottom: 1px dashed #e3e6ed !important
    }

    .rounded-md-0 {
        border-radius: 0 !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .opacity-lg-0 {
        opacity: 0 !important
    }

    .opacity-lg-25 {
        opacity: .25 !important
    }

    .opacity-lg-50 {
        opacity: .5 !important
    }

    .opacity-lg-75 {
        opacity: .75 !important
    }

    .opacity-lg-85 {
        opacity: .85 !important
    }

    .opacity-lg-100 {
        opacity: 1 !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .position-lg-static {
        position: static !important
    }

    .position-lg-absolute {
        position: absolute !important
    }

    .position-lg-relative {
        position: relative !important
    }

    .position-lg-fixed {
        position: fixed !important
    }

    .position-lg-sticky {
        position: sticky !important
    }

    .translate-lg-middle {
        transform: translateX(-50%) translateY(-50%) !important
    }

    .translate-lg-middle-x {
        transform: translateX(-50%) !important
    }

    .translate-lg-middle-y {
        transform: translateY(-50%) !important
    }

    .border-lg {
        border: 1px solid #e3e6ed !important
    }

    .border-lg-0 {
        border: 0 !important
    }

    .border-lg-top {
        border-top: 1px solid #e3e6ed !important
    }

    .border-lg-top-0 {
        border-top: 0 !important
    }

    .border-lg-end {
        border-right: 1px solid #e3e6ed !important
    }

    .border-lg-end-0 {
        border-right: 0 !important
    }

    .border-lg-bottom {
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-lg-bottom-0 {
        border-bottom: 0 !important
    }

    .border-lg-start {
        border-left: 1px solid #e3e6ed !important
    }

    .border-lg-start-0 {
        border-left: 0 !important
    }

    .border-lg-facebook {
        border-color: #3c5a99 !important
    }

    .border-lg-google-plus {
        border-color: #dd4b39 !important
    }

    .border-lg-twitter {
        border-color: #1da1f2 !important
    }

    .border-lg-linkedin {
        border-color: #0077b5 !important
    }

    .border-lg-youtube {
        border-color: #ff0001 !important
    }

    .border-lg-github {
        border-color: #333 !important
    }

    .border-lg-black {
        border-color: #000 !important
    }

    .border-lg-soft {
        border-color: #f5f7fa !important
    }

    .border-lg-100 {
        border-color: #eff2f6 !important
    }

    .border-lg-200 {
        border-color: #e3e6ed !important
    }

    .border-lg-300 {
        border-color: #cbd0dd !important
    }

    .border-lg-400 {
        border-color: #9fa6bc !important
    }

    .border-lg-500 {
        border-color: #8a94ad !important
    }

    .border-lg-600 {
        border-color: #6e7891 !important
    }

    .border-lg-700 {
        border-color: #525b75 !important
    }

    .border-lg-800 {
        border-color: #3e465b !important
    }

    .border-lg-900 {
        border-color: #31374a !important
    }

    .border-lg-1000 {
        border-color: #222834 !important
    }

    .border-lg-1100 {
        border-color: #141824 !important
    }

    .border-lg-white {
        border-color: #fff !important
    }

    .border-lg-primary {
        border-color: #3874ff !important
    }

    .border-lg-secondary {
        border-color: #31374a !important
    }

    .border-lg-success {
        border-color: #25b003 !important
    }

    .border-lg-info {
        border-color: #0097eb !important
    }

    .border-lg-warning {
        border-color: #e5780b !important
    }

    .border-lg-danger {
        border-color: #ec1f00 !important
    }

    .border-lg-light {
        border-color: #eff2f6 !important
    }

    .border-lg-dark {
        border-color: #141824 !important
    }

    .border-lg-primary-100 {
        border-color: #e5edff !important
    }

    .border-lg-primary-200 {
        border-color: #adc5ff !important
    }

    .border-lg-primary-300 {
        border-color: #85a9ff !important
    }

    .border-lg-warning-300 {
        border-color: #ffcc85 !important
    }

    .border-lg-info-100 {
        border-color: #c7ebff !important
    }

    .border-lg-info-200 {
        border-color: #96d9ff !important
    }

    .w-lg-25 {
        width: 25% !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-75 {
        width: 75% !important
    }

    .w-lg-100 {
        width: 100% !important
    }

    .w-lg-auto {
        width: auto !important
    }

    .vw-lg-25 {
        width: 25vw !important
    }

    .vw-lg-50 {
        width: 50vw !important
    }

    .vw-lg-75 {
        width: 75vw !important
    }

    .vw-lg-100 {
        width: 100vw !important
    }

    .h-lg-25 {
        height: 25% !important
    }

    .h-lg-50 {
        height: 50% !important
    }

    .h-lg-75 {
        height: 75% !important
    }

    .h-lg-100 {
        height: 100% !important
    }

    .h-lg-auto {
        height: auto !important
    }

    .vh-lg-25 {
        height: 25vh !important
    }

    .vh-lg-50 {
        height: 50vh !important
    }

    .vh-lg-75 {
        height: 75vh !important
    }

    .vh-lg-100 {
        height: 100vh !important
    }

    .min-vh-lg-25 {
        min-height: 25vh !important
    }

    .min-vh-lg-50 {
        min-height: 50vh !important
    }

    .min-vh-lg-75 {
        min-height: 75vh !important
    }

    .min-vh-lg-100 {
        min-height: 100vh !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 2rem !important
    }

    .gap-lg-6 {
        gap: 2.5rem !important
    }

    .gap-lg-7 {
        gap: 3rem !important
    }

    .gap-lg-8 {
        gap: 3.5rem !important
    }

    .gap-lg-9 {
        gap: 4rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

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

    .m-lg-1 {
        margin: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-lg-1 {
        margin-top: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .me-lg-1 {
        margin-right: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .ms-lg-1 {
        margin-left: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-lg-n1 {
        margin-top: -.25rem !important
    }

    .mt-lg-n2 {
        margin-top: -.5rem !important
    }

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

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

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

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

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

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

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

    .me-lg-n1 {
        margin-right: -.25rem !important
    }

    .me-lg-n2 {
        margin-right: -.5rem !important
    }

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

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

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

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

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

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

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

    .mb-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-lg-n2 {
        margin-bottom: -.5rem !important
    }

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

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

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

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

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

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

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

    .ms-lg-n1 {
        margin-left: -.25rem !important
    }

    .ms-lg-n2 {
        margin-left: -.5rem !important
    }

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

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

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

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

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

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

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

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

    .p-lg-1 {
        padding: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-lg-1 {
        padding-top: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .pe-lg-1 {
        padding-right: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .ps-lg-1 {
        padding-left: .25rem !important
    }

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

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

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

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

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

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

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

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

    .fs-lg--3 {
        font-size: .512rem !important
    }

    .fs-lg--2 {
        font-size: .64rem !important
    }

    .fs-lg--1 {
        font-size: .8rem !important
    }

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

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

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

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

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

    .fs-lg-5 {
        font-size: 3.0517578125rem !important
    }

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

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

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

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

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

    .rounded-lg-top {
        border-top-left-radius: .375rem !important;
        border-top-right-radius: .375rem !important
    }

    .rounded-lg-top-lg {
        border-top-left-radius: .5rem !important;
        border-top-right-radius: .5rem !important
    }

    .rounded-lg-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .rounded-lg-end {
        border-top-right-radius: .375rem !important;
        border-bottom-right-radius: .375rem !important
    }

    .rounded-lg-end-lg {
        border-top-right-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important
    }

    .rounded-lg-end-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .rounded-lg-bottom {
        border-bottom-right-radius: .375rem !important;
        border-bottom-left-radius: .375rem !important
    }

    .rounded-lg-bottom-lg {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important
    }

    .rounded-lg-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .rounded-lg-start {
        border-bottom-left-radius: .375rem !important;
        border-top-left-radius: .375rem !important
    }

    .rounded-lg-start-lg {
        border-bottom-left-radius: .5rem !important;
        border-top-left-radius: .5rem !important
    }

    .rounded-lg-start-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important
    }

    .max-vh-lg-25 {
        max-height: 25vh !important
    }

    .max-vh-lg-50 {
        max-height: 50vh !important
    }

    .max-vh-lg-75 {
        max-height: 75vh !important
    }

    .max-vh-lg-100 {
        max-height: 100vh !important
    }

    .border-lg-x {
        border-left: 1px solid #e3e6ed !important;
        border-right: 1px solid #e3e6ed !important
    }

    .border-lg-x-0 {
        border-left: 0 !important;
        border-right: 0 !important
    }

    .border-lg-y {
        border-top: 1px solid #e3e6ed !important;
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-lg-y-0 {
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    .border-lg-dashed {
        border: 1px dashed #e3e6ed !important
    }

    .border-lg-dashed-top {
        border-top: 1px dashed #e3e6ed !important
    }

    .border-lg-dashed-end {
        border-right: 1px dashed #e3e6ed !important
    }

    .border-lg-dashed-start {
        border-left: 1px dashed #e3e6ed !important
    }

    .border-lg-dashed-bottom {
        border-bottom: 1px dashed #e3e6ed !important
    }

    .border-lg-dashed-x {
        border-left: 1px dashed #e3e6ed !important;
        border-right: 1px dashed #e3e6ed !important
    }

    .border-lg-dashed-y {
        border-top: 1px dashed #e3e6ed !important;
        border-bottom: 1px dashed #e3e6ed !important
    }

    .rounded-lg-0 {
        border-radius: 0 !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .opacity-xl-0 {
        opacity: 0 !important
    }

    .opacity-xl-25 {
        opacity: .25 !important
    }

    .opacity-xl-50 {
        opacity: .5 !important
    }

    .opacity-xl-75 {
        opacity: .75 !important
    }

    .opacity-xl-85 {
        opacity: .85 !important
    }

    .opacity-xl-100 {
        opacity: 1 !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .position-xl-static {
        position: static !important
    }

    .position-xl-absolute {
        position: absolute !important
    }

    .position-xl-relative {
        position: relative !important
    }

    .position-xl-fixed {
        position: fixed !important
    }

    .position-xl-sticky {
        position: sticky !important
    }

    .translate-xl-middle {
        transform: translateX(-50%) translateY(-50%) !important
    }

    .translate-xl-middle-x {
        transform: translateX(-50%) !important
    }

    .translate-xl-middle-y {
        transform: translateY(-50%) !important
    }

    .border-xl {
        border: 1px solid #e3e6ed !important
    }

    .border-xl-0 {
        border: 0 !important
    }

    .border-xl-top {
        border-top: 1px solid #e3e6ed !important
    }

    .border-xl-top-0 {
        border-top: 0 !important
    }

    .border-xl-end {
        border-right: 1px solid #e3e6ed !important
    }

    .border-xl-end-0 {
        border-right: 0 !important
    }

    .border-xl-bottom {
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-xl-bottom-0 {
        border-bottom: 0 !important
    }

    .border-xl-start {
        border-left: 1px solid #e3e6ed !important
    }

    .border-xl-start-0 {
        border-left: 0 !important
    }

    .border-xl-facebook {
        border-color: #3c5a99 !important
    }

    .border-xl-google-plus {
        border-color: #dd4b39 !important
    }

    .border-xl-twitter {
        border-color: #1da1f2 !important
    }

    .border-xl-linkedin {
        border-color: #0077b5 !important
    }

    .border-xl-youtube {
        border-color: #ff0001 !important
    }

    .border-xl-github {
        border-color: #333 !important
    }

    .border-xl-black {
        border-color: #000 !important
    }

    .border-xl-soft {
        border-color: #f5f7fa !important
    }

    .border-xl-100 {
        border-color: #eff2f6 !important
    }

    .border-xl-200 {
        border-color: #e3e6ed !important
    }

    .border-xl-300 {
        border-color: #cbd0dd !important
    }

    .border-xl-400 {
        border-color: #9fa6bc !important
    }

    .border-xl-500 {
        border-color: #8a94ad !important
    }

    .border-xl-600 {
        border-color: #6e7891 !important
    }

    .border-xl-700 {
        border-color: #525b75 !important
    }

    .border-xl-800 {
        border-color: #3e465b !important
    }

    .border-xl-900 {
        border-color: #31374a !important
    }

    .border-xl-1000 {
        border-color: #222834 !important
    }

    .border-xl-1100 {
        border-color: #141824 !important
    }

    .border-xl-white {
        border-color: #fff !important
    }

    .border-xl-primary {
        border-color: #3874ff !important
    }

    .border-xl-secondary {
        border-color: #31374a !important
    }

    .border-xl-success {
        border-color: #25b003 !important
    }

    .border-xl-info {
        border-color: #0097eb !important
    }

    .border-xl-warning {
        border-color: #e5780b !important
    }

    .border-xl-danger {
        border-color: #ec1f00 !important
    }

    .border-xl-light {
        border-color: #eff2f6 !important
    }

    .border-xl-dark {
        border-color: #141824 !important
    }

    .border-xl-primary-100 {
        border-color: #e5edff !important
    }

    .border-xl-primary-200 {
        border-color: #adc5ff !important
    }

    .border-xl-primary-300 {
        border-color: #85a9ff !important
    }

    .border-xl-warning-300 {
        border-color: #ffcc85 !important
    }

    .border-xl-info-100 {
        border-color: #c7ebff !important
    }

    .border-xl-info-200 {
        border-color: #96d9ff !important
    }

    .w-xl-25 {
        width: 25% !important
    }

    .w-xl-50 {
        width: 50% !important
    }

    .w-xl-75 {
        width: 75% !important
    }

    .w-xl-100 {
        width: 100% !important
    }

    .w-xl-auto {
        width: auto !important
    }

    .vw-xl-25 {
        width: 25vw !important
    }

    .vw-xl-50 {
        width: 50vw !important
    }

    .vw-xl-75 {
        width: 75vw !important
    }

    .vw-xl-100 {
        width: 100vw !important
    }

    .h-xl-25 {
        height: 25% !important
    }

    .h-xl-50 {
        height: 50% !important
    }

    .h-xl-75 {
        height: 75% !important
    }

    .h-xl-100 {
        height: 100% !important
    }

    .h-xl-auto {
        height: auto !important
    }

    .vh-xl-25 {
        height: 25vh !important
    }

    .vh-xl-50 {
        height: 50vh !important
    }

    .vh-xl-75 {
        height: 75vh !important
    }

    .vh-xl-100 {
        height: 100vh !important
    }

    .min-vh-xl-25 {
        min-height: 25vh !important
    }

    .min-vh-xl-50 {
        min-height: 50vh !important
    }

    .min-vh-xl-75 {
        min-height: 75vh !important
    }

    .min-vh-xl-100 {
        min-height: 100vh !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 2rem !important
    }

    .gap-xl-6 {
        gap: 2.5rem !important
    }

    .gap-xl-7 {
        gap: 3rem !important
    }

    .gap-xl-8 {
        gap: 3.5rem !important
    }

    .gap-xl-9 {
        gap: 4rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

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

    .m-xl-1 {
        margin: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-xl-1 {
        margin-top: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .me-xl-1 {
        margin-right: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .ms-xl-1 {
        margin-left: .25rem !important
    }

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

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

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

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

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

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

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

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

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

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-xl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xl-n2 {
        margin-top: -.5rem !important
    }

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

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

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

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

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

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

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

    .me-xl-n1 {
        margin-right: -.25rem !important
    }

    .me-xl-n2 {
        margin-right: -.5rem !important
    }

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

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

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

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

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

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

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

    .mb-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xl-n2 {
        margin-bottom: -.5rem !important
    }

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

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

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

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

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

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

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

    .ms-xl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xl-n2 {
        margin-left: -.5rem !important
    }

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

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

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

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

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

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

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

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

    .p-xl-1 {
        padding: .25rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-xl-1 {
        padding-top: .25rem !important
    }

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

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

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 2rem !important
    }

    .pt-xl-6 {
        padding-top: 2.5rem !important
    }

    .pt-xl-7 {
        padding-top: 3rem !important
    }

    .pt-xl-8 {
        padding-top: 3.5rem !important
    }

    .pt-xl-9 {
        padding-top: 4rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 2rem !important
    }

    .pe-xl-6 {
        padding-right: 2.5rem !important
    }

    .pe-xl-7 {
        padding-right: 3rem !important
    }

    .pe-xl-8 {
        padding-right: 3.5rem !important
    }

    .pe-xl-9 {
        padding-right: 4rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xl-6 {
        padding-bottom: 2.5rem !important
    }

    .pb-xl-7 {
        padding-bottom: 3rem !important
    }

    .pb-xl-8 {
        padding-bottom: 3.5rem !important
    }

    .pb-xl-9 {
        padding-bottom: 4rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 2rem !important
    }

    .ps-xl-6 {
        padding-left: 2.5rem !important
    }

    .ps-xl-7 {
        padding-left: 3rem !important
    }

    .ps-xl-8 {
        padding-left: 3.5rem !important
    }

    .ps-xl-9 {
        padding-left: 4rem !important
    }

    .fs-xl--3 {
        font-size: .512rem !important
    }

    .fs-xl--2 {
        font-size: .64rem !important
    }

    .fs-xl--1 {
        font-size: .8rem !important
    }

    .fs-xl-0 {
        font-size: 1rem !important
    }

    .fs-xl-1 {
        font-size: 1.25rem !important
    }

    .fs-xl-2 {
        font-size: 1.5625rem !important
    }

    .fs-xl-3 {
        font-size: 1.953125rem !important
    }

    .fs-xl-4 {
        font-size: 2.44140625rem !important
    }

    .fs-xl-5 {
        font-size: 3.0517578125rem !important
    }

    .fs-xl-6 {
        font-size: 3.8146972656rem !important
    }

    .fs-xl-7 {
        font-size: 4.768371582rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }

    .rounded-xl-top {
        border-top-left-radius: .375rem !important;
        border-top-right-radius: .375rem !important
    }

    .rounded-xl-top-lg {
        border-top-left-radius: .5rem !important;
        border-top-right-radius: .5rem !important
    }

    .rounded-xl-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .rounded-xl-end {
        border-top-right-radius: .375rem !important;
        border-bottom-right-radius: .375rem !important
    }

    .rounded-xl-end-lg {
        border-top-right-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important
    }

    .rounded-xl-end-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .rounded-xl-bottom {
        border-bottom-right-radius: .375rem !important;
        border-bottom-left-radius: .375rem !important
    }

    .rounded-xl-bottom-lg {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important
    }

    .rounded-xl-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .rounded-xl-start {
        border-bottom-left-radius: .375rem !important;
        border-top-left-radius: .375rem !important
    }

    .rounded-xl-start-lg {
        border-bottom-left-radius: .5rem !important;
        border-top-left-radius: .5rem !important
    }

    .rounded-xl-start-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important
    }

    .max-vh-xl-25 {
        max-height: 25vh !important
    }

    .max-vh-xl-50 {
        max-height: 50vh !important
    }

    .max-vh-xl-75 {
        max-height: 75vh !important
    }

    .max-vh-xl-100 {
        max-height: 100vh !important
    }

    .border-xl-x {
        border-left: 1px solid #e3e6ed !important;
        border-right: 1px solid #e3e6ed !important
    }

    .border-xl-x-0 {
        border-left: 0 !important;
        border-right: 0 !important
    }

    .border-xl-y {
        border-top: 1px solid #e3e6ed !important;
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-xl-y-0 {
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    .border-xl-dashed {
        border: 1px dashed #e3e6ed !important
    }

    .border-xl-dashed-top {
        border-top: 1px dashed #e3e6ed !important
    }

    .border-xl-dashed-end {
        border-right: 1px dashed #e3e6ed !important
    }

    .border-xl-dashed-start {
        border-left: 1px dashed #e3e6ed !important
    }

    .border-xl-dashed-bottom {
        border-bottom: 1px dashed #e3e6ed !important
    }

    .border-xl-dashed-x {
        border-left: 1px dashed #e3e6ed !important;
        border-right: 1px dashed #e3e6ed !important
    }

    .border-xl-dashed-y {
        border-top: 1px dashed #e3e6ed !important;
        border-bottom: 1px dashed #e3e6ed !important
    }

    .rounded-xl-0 {
        border-radius: 0 !important
    }
}

@media (min-width:1540px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .opacity-xxl-0 {
        opacity: 0 !important
    }

    .opacity-xxl-25 {
        opacity: .25 !important
    }

    .opacity-xxl-50 {
        opacity: .5 !important
    }

    .opacity-xxl-75 {
        opacity: .75 !important
    }

    .opacity-xxl-85 {
        opacity: .85 !important
    }

    .opacity-xxl-100 {
        opacity: 1 !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .position-xxl-static {
        position: static !important
    }

    .position-xxl-absolute {
        position: absolute !important
    }

    .position-xxl-relative {
        position: relative !important
    }

    .position-xxl-fixed {
        position: fixed !important
    }

    .position-xxl-sticky {
        position: sticky !important
    }

    .translate-xxl-middle {
        transform: translateX(-50%) translateY(-50%) !important
    }

    .translate-xxl-middle-x {
        transform: translateX(-50%) !important
    }

    .translate-xxl-middle-y {
        transform: translateY(-50%) !important
    }

    .border-xxl {
        border: 1px solid #e3e6ed !important
    }

    .border-xxl-0 {
        border: 0 !important
    }

    .border-xxl-top {
        border-top: 1px solid #e3e6ed !important
    }

    .border-xxl-top-0 {
        border-top: 0 !important
    }

    .border-xxl-end {
        border-right: 1px solid #e3e6ed !important
    }

    .border-xxl-end-0 {
        border-right: 0 !important
    }

    .border-xxl-bottom {
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-xxl-bottom-0 {
        border-bottom: 0 !important
    }

    .border-xxl-start {
        border-left: 1px solid #e3e6ed !important
    }

    .border-xxl-start-0 {
        border-left: 0 !important
    }

    .border-xxl-facebook {
        border-color: #3c5a99 !important
    }

    .border-xxl-google-plus {
        border-color: #dd4b39 !important
    }

    .border-xxl-twitter {
        border-color: #1da1f2 !important
    }

    .border-xxl-linkedin {
        border-color: #0077b5 !important
    }

    .border-xxl-youtube {
        border-color: #ff0001 !important
    }

    .border-xxl-github {
        border-color: #333 !important
    }

    .border-xxl-black {
        border-color: #000 !important
    }

    .border-xxl-soft {
        border-color: #f5f7fa !important
    }

    .border-xxl-100 {
        border-color: #eff2f6 !important
    }

    .border-xxl-200 {
        border-color: #e3e6ed !important
    }

    .border-xxl-300 {
        border-color: #cbd0dd !important
    }

    .border-xxl-400 {
        border-color: #9fa6bc !important
    }

    .border-xxl-500 {
        border-color: #8a94ad !important
    }

    .border-xxl-600 {
        border-color: #6e7891 !important
    }

    .border-xxl-700 {
        border-color: #525b75 !important
    }

    .border-xxl-800 {
        border-color: #3e465b !important
    }

    .border-xxl-900 {
        border-color: #31374a !important
    }

    .border-xxl-1000 {
        border-color: #222834 !important
    }

    .border-xxl-1100 {
        border-color: #141824 !important
    }

    .border-xxl-white {
        border-color: #fff !important
    }

    .border-xxl-primary {
        border-color: #3874ff !important
    }

    .border-xxl-secondary {
        border-color: #31374a !important
    }

    .border-xxl-success {
        border-color: #25b003 !important
    }

    .border-xxl-info {
        border-color: #0097eb !important
    }

    .border-xxl-warning {
        border-color: #e5780b !important
    }

    .border-xxl-danger {
        border-color: #ec1f00 !important
    }

    .border-xxl-light {
        border-color: #eff2f6 !important
    }

    .border-xxl-dark {
        border-color: #141824 !important
    }

    .border-xxl-primary-100 {
        border-color: #e5edff !important
    }

    .border-xxl-primary-200 {
        border-color: #adc5ff !important
    }

    .border-xxl-primary-300 {
        border-color: #85a9ff !important
    }

    .border-xxl-warning-300 {
        border-color: #ffcc85 !important
    }

    .border-xxl-info-100 {
        border-color: #c7ebff !important
    }

    .border-xxl-info-200 {
        border-color: #96d9ff !important
    }

    .w-xxl-25 {
        width: 25% !important
    }

    .w-xxl-50 {
        width: 50% !important
    }

    .w-xxl-75 {
        width: 75% !important
    }

    .w-xxl-100 {
        width: 100% !important
    }

    .w-xxl-auto {
        width: auto !important
    }

    .vw-xxl-25 {
        width: 25vw !important
    }

    .vw-xxl-50 {
        width: 50vw !important
    }

    .vw-xxl-75 {
        width: 75vw !important
    }

    .vw-xxl-100 {
        width: 100vw !important
    }

    .h-xxl-25 {
        height: 25% !important
    }

    .h-xxl-50 {
        height: 50% !important
    }

    .h-xxl-75 {
        height: 75% !important
    }

    .h-xxl-100 {
        height: 100% !important
    }

    .h-xxl-auto {
        height: auto !important
    }

    .vh-xxl-25 {
        height: 25vh !important
    }

    .vh-xxl-50 {
        height: 50vh !important
    }

    .vh-xxl-75 {
        height: 75vh !important
    }

    .vh-xxl-100 {
        height: 100vh !important
    }

    .min-vh-xxl-25 {
        min-height: 25vh !important
    }

    .min-vh-xxl-50 {
        min-height: 50vh !important
    }

    .min-vh-xxl-75 {
        min-height: 75vh !important
    }

    .min-vh-xxl-100 {
        min-height: 100vh !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 2rem !important
    }

    .gap-xxl-6 {
        gap: 2.5rem !important
    }

    .gap-xxl-7 {
        gap: 3rem !important
    }

    .gap-xxl-8 {
        gap: 3.5rem !important
    }

    .gap-xxl-9 {
        gap: 4rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 2rem !important
    }

    .m-xxl-6 {
        margin: 2.5rem !important
    }

    .m-xxl-7 {
        margin: 3rem !important
    }

    .m-xxl-8 {
        margin: 3.5rem !important
    }

    .m-xxl-9 {
        margin: 4rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xxl-6 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .mx-xxl-7 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-8 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .mx-xxl-9 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xxl-6 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .my-xxl-7 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-8 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .my-xxl-9 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 2rem !important
    }

    .mt-xxl-6 {
        margin-top: 2.5rem !important
    }

    .mt-xxl-7 {
        margin-top: 3rem !important
    }

    .mt-xxl-8 {
        margin-top: 3.5rem !important
    }

    .mt-xxl-9 {
        margin-top: 4rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 2rem !important
    }

    .me-xxl-6 {
        margin-right: 2.5rem !important
    }

    .me-xxl-7 {
        margin-right: 3rem !important
    }

    .me-xxl-8 {
        margin-right: 3.5rem !important
    }

    .me-xxl-9 {
        margin-right: 4rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xxl-6 {
        margin-bottom: 2.5rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-8 {
        margin-bottom: 3.5rem !important
    }

    .mb-xxl-9 {
        margin-bottom: 4rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 2rem !important
    }

    .ms-xxl-6 {
        margin-left: 2.5rem !important
    }

    .ms-xxl-7 {
        margin-left: 3rem !important
    }

    .ms-xxl-8 {
        margin-left: 3.5rem !important
    }

    .ms-xxl-9 {
        margin-left: 4rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.5rem !important
    }

    .m-xxl-n3 {
        margin: -1rem !important
    }

    .m-xxl-n4 {
        margin: -1.5rem !important
    }

    .m-xxl-n5 {
        margin: -2rem !important
    }

    .m-xxl-n6 {
        margin: -2.5rem !important
    }

    .m-xxl-n7 {
        margin: -3rem !important
    }

    .m-xxl-n8 {
        margin: -3.5rem !important
    }

    .m-xxl-n9 {
        margin: -4rem !important
    }

    .mx-xxl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-xxl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-xxl-n5 {
        margin-right: -2rem !important;
        margin-left: -2rem !important
    }

    .mx-xxl-n6 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important
    }

    .mx-xxl-n7 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .mx-xxl-n8 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important
    }

    .mx-xxl-n9 {
        margin-right: -4rem !important;
        margin-left: -4rem !important
    }

    .my-xxl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xxl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xxl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xxl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xxl-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important
    }

    .my-xxl-n6 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .my-xxl-n7 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .my-xxl-n8 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important
    }

    .my-xxl-n9 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important
    }

    .mt-xxl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xxl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xxl-n3 {
        margin-top: -1rem !important
    }

    .mt-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xxl-n5 {
        margin-top: -2rem !important
    }

    .mt-xxl-n6 {
        margin-top: -2.5rem !important
    }

    .mt-xxl-n7 {
        margin-top: -3rem !important
    }

    .mt-xxl-n8 {
        margin-top: -3.5rem !important
    }

    .mt-xxl-n9 {
        margin-top: -4rem !important
    }

    .me-xxl-n1 {
        margin-right: -.25rem !important
    }

    .me-xxl-n2 {
        margin-right: -.5rem !important
    }

    .me-xxl-n3 {
        margin-right: -1rem !important
    }

    .me-xxl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xxl-n5 {
        margin-right: -2rem !important
    }

    .me-xxl-n6 {
        margin-right: -2.5rem !important
    }

    .me-xxl-n7 {
        margin-right: -3rem !important
    }

    .me-xxl-n8 {
        margin-right: -3.5rem !important
    }

    .me-xxl-n9 {
        margin-right: -4rem !important
    }

    .mb-xxl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xxl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xxl-n5 {
        margin-bottom: -2rem !important
    }

    .mb-xxl-n6 {
        margin-bottom: -2.5rem !important
    }

    .mb-xxl-n7 {
        margin-bottom: -3rem !important
    }

    .mb-xxl-n8 {
        margin-bottom: -3.5rem !important
    }

    .mb-xxl-n9 {
        margin-bottom: -4rem !important
    }

    .ms-xxl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xxl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xxl-n3 {
        margin-left: -1rem !important
    }

    .ms-xxl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xxl-n5 {
        margin-left: -2rem !important
    }

    .ms-xxl-n6 {
        margin-left: -2.5rem !important
    }

    .ms-xxl-n7 {
        margin-left: -3rem !important
    }

    .ms-xxl-n8 {
        margin-left: -3.5rem !important
    }

    .ms-xxl-n9 {
        margin-left: -4rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 2rem !important
    }

    .p-xxl-6 {
        padding: 2.5rem !important
    }

    .p-xxl-7 {
        padding: 3rem !important
    }

    .p-xxl-8 {
        padding: 3.5rem !important
    }

    .p-xxl-9 {
        padding: 4rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xxl-6 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important
    }

    .px-xxl-7 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xxl-8 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important
    }

    .px-xxl-9 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xxl-6 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .py-xxl-7 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xxl-8 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .py-xxl-9 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 2rem !important
    }

    .pt-xxl-6 {
        padding-top: 2.5rem !important
    }

    .pt-xxl-7 {
        padding-top: 3rem !important
    }

    .pt-xxl-8 {
        padding-top: 3.5rem !important
    }

    .pt-xxl-9 {
        padding-top: 4rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 2rem !important
    }

    .pe-xxl-6 {
        padding-right: 2.5rem !important
    }

    .pe-xxl-7 {
        padding-right: 3rem !important
    }

    .pe-xxl-8 {
        padding-right: 3.5rem !important
    }

    .pe-xxl-9 {
        padding-right: 4rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xxl-6 {
        padding-bottom: 2.5rem !important
    }

    .pb-xxl-7 {
        padding-bottom: 3rem !important
    }

    .pb-xxl-8 {
        padding-bottom: 3.5rem !important
    }

    .pb-xxl-9 {
        padding-bottom: 4rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 2rem !important
    }

    .ps-xxl-6 {
        padding-left: 2.5rem !important
    }

    .ps-xxl-7 {
        padding-left: 3rem !important
    }

    .ps-xxl-8 {
        padding-left: 3.5rem !important
    }

    .ps-xxl-9 {
        padding-left: 4rem !important
    }

    .fs-xxl--3 {
        font-size: .512rem !important
    }

    .fs-xxl--2 {
        font-size: .64rem !important
    }

    .fs-xxl--1 {
        font-size: .8rem !important
    }

    .fs-xxl-0 {
        font-size: 1rem !important
    }

    .fs-xxl-1 {
        font-size: 1.25rem !important
    }

    .fs-xxl-2 {
        font-size: 1.5625rem !important
    }

    .fs-xxl-3 {
        font-size: 1.953125rem !important
    }

    .fs-xxl-4 {
        font-size: 2.44140625rem !important
    }

    .fs-xxl-5 {
        font-size: 3.0517578125rem !important
    }

    .fs-xxl-6 {
        font-size: 3.8146972656rem !important
    }

    .fs-xxl-7 {
        font-size: 4.768371582rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }

    .rounded-xxl-top {
        border-top-left-radius: .375rem !important;
        border-top-right-radius: .375rem !important
    }

    .rounded-xxl-top-lg {
        border-top-left-radius: .5rem !important;
        border-top-right-radius: .5rem !important
    }

    .rounded-xxl-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .rounded-xxl-end {
        border-top-right-radius: .375rem !important;
        border-bottom-right-radius: .375rem !important
    }

    .rounded-xxl-end-lg {
        border-top-right-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important
    }

    .rounded-xxl-end-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .rounded-xxl-bottom {
        border-bottom-right-radius: .375rem !important;
        border-bottom-left-radius: .375rem !important
    }

    .rounded-xxl-bottom-lg {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important
    }

    .rounded-xxl-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .rounded-xxl-start {
        border-bottom-left-radius: .375rem !important;
        border-top-left-radius: .375rem !important
    }

    .rounded-xxl-start-lg {
        border-bottom-left-radius: .5rem !important;
        border-top-left-radius: .5rem !important
    }

    .rounded-xxl-start-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important
    }

    .max-vh-xxl-25 {
        max-height: 25vh !important
    }

    .max-vh-xxl-50 {
        max-height: 50vh !important
    }

    .max-vh-xxl-75 {
        max-height: 75vh !important
    }

    .max-vh-xxl-100 {
        max-height: 100vh !important
    }

    .border-xxl-x {
        border-left: 1px solid #e3e6ed !important;
        border-right: 1px solid #e3e6ed !important
    }

    .border-xxl-x-0 {
        border-left: 0 !important;
        border-right: 0 !important
    }

    .border-xxl-y {
        border-top: 1px solid #e3e6ed !important;
        border-bottom: 1px solid #e3e6ed !important
    }

    .border-xxl-y-0 {
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    .border-xxl-dashed {
        border: 1px dashed #e3e6ed !important
    }

    .border-xxl-dashed-top {
        border-top: 1px dashed #e3e6ed !important
    }

    .border-xxl-dashed-end {
        border-right: 1px dashed #e3e6ed !important
    }

    .border-xxl-dashed-start {
        border-left: 1px dashed #e3e6ed !important
    }

    .border-xxl-dashed-bottom {
        border-bottom: 1px dashed #e3e6ed !important
    }

    .border-xxl-dashed-x {
        border-left: 1px dashed #e3e6ed !important;
        border-right: 1px dashed #e3e6ed !important
    }

    .border-xxl-dashed-y {
        border-top: 1px dashed #e3e6ed !important;
        border-bottom: 1px dashed #e3e6ed !important
    }

    .rounded-xxl-0 {
        border-radius: 0 !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

::placeholder {
    opacity: 1;
    color: var(--phoenix-400)
}

::selection {
    background-color: #3874ff;
    color: #fff
}

html {
    scroll-padding-top: 5.5rem
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    opacity: 1 !important
}

code,
pre {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

section {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media (min-width:992px) {
    section {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
}

.alert,
.badge,
.blockquote-footer,
.btn,
.invalid-feedback,
.navbar,
.pagination,
.valid-feedback,
[data-list] .page,
button,
input,
label,
optgroup,
select,
textarea {
    font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

pre {
    margin: 0;
    transform: translateZ(0)
}

strong {
    font-weight: 600
}

label {
    font-weight: 500;
    margin-bottom: .5rem
}

code,
kbd,
pre,
samp {
    font-size: .875rem
}

[type=search] {
    -webkit-appearance: none
}

.min-h-auto {
    min-height: auto
}

.content-min-h {
    min-height: calc(100vh - 10rem)
}

.table th {
    letter-spacing: 1px
}

.btn-reveal-trigger:focus .btn-reveal,
.btn-reveal-trigger:hover .btn-reveal {
    background: #f5f7fa;
    border: 1px solid #e3e6ed
}

.btn-reveal-trigger:focus .btn-reveal:active,
.btn-reveal-trigger:focus .btn-reveal:focus,
.btn-reveal-trigger:focus .btn-reveal:hover,
.btn-reveal-trigger:hover .btn-reveal:active,
.btn-reveal-trigger:hover .btn-reveal:focus,
.btn-reveal-trigger:hover .btn-reveal:hover {
    color: var(--phoenix-btn-reveal-color) !important
}

.btn-reveal-trigger:focus .btn-reveal-sm,
.btn-reveal-trigger:hover .btn-reveal-sm {
    box-shadow: var(--falcon-box-shadow-sm)
}

.btn-reveal-trigger .dropdown-toggle:after,
.btn-reveal-trigger .dropdown-toggle:before {
    display: none
}

.btn,
[data-list] .page {
    display: inline-block;
    font-weight: 700;
    line-height: 1.2;
    color: #31374a;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1.5rem;
    font-size: .8rem;
    border-radius: .375rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: none
}

@media (prefers-reduced-motion:reduce) {

    .btn,
    [data-list] .page {
        transition: none
    }
}

.btn:hover,
[data-list] .page:hover {
    color: #31374a;
    text-decoration: none
}

.btn-check:focus+.btn,
.btn:focus,
[data-list] .btn-check:focus+.page,
[data-list] .page:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem transparent
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn:active,
[data-list] .active.page,
[data-list] .btn-check:active+.page,
[data-list] .btn-check:checked+.page,
[data-list] .page:active {
    box-shadow: inset 0 3px 5px transparent
}

.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn:active:focus,
[data-list] .active.page:focus,
[data-list] .btn-check:active+.page:focus,
[data-list] .btn-check:checked+.page:focus,
[data-list] .page:active:focus {
    box-shadow: 0 0 0 .25rem transparent, inset 0 3px 5px transparent
}

.btn.disabled,
.btn:disabled,
[data-list] .disabled.page,
[data-list] .page:disabled,
[data-list] fieldset:disabled .page,
fieldset:disabled .btn,
fieldset:disabled [data-list] .page {
    pointer-events: none;
    opacity: .65;
    box-shadow: none
}

.btn-primary {
    color: #fff;
    background-color: #3874ff;
    border-color: transparent;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #004dff;
    border-color: rgba(0, 0, 0, .2)
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2d5dcc;
    border-color: rgba(0, 0, 0, .25)
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #3874ff;
    border-color: transparent
}

.img-propiedades{
    object-fit: cover;
    height: 100px;
    width: 100px;
}

.btn-secondary {
    color: #11384B;
    background-color: #FFF;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent;
    border: 1px solid #3874ff!important;
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-secondary:hover {
    color: #fff;
    background-color: #222834;
    border-color: rgba(0, 0, 0, .2)
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #272c3b;
    border-color: rgba(0, 0, 0, .25)
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #31374a;
    border-color: transparent
}

.btn-success {
    color: #fff;
    background-color: #25b003;
    border-color: transparent;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-success,
.btn-success:focus,
.btn-success:hover {
    color: #fff;
    background-color: #23890b;
    border-color: rgba(0, 0, 0, .2)
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e8d02;
    border-color: rgba(0, 0, 0, .25)
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #25b003;
    border-color: transparent
}

.btn-info {
    color: #fff;
    background-color: #0097eb;
    border-color: transparent;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-info,
.btn-info:focus,
.btn-info:hover {
    color: #fff;
    background-color: #0080c7;
    border-color: rgba(0, 0, 0, .2)
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0079bc;
    border-color: rgba(0, 0, 0, .25)
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #0097eb;
    border-color: transparent
}

.btn-warning {
    color: #fff;
    background-color: #e5780b;
    border-color: transparent;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-warning,
.btn-warning:focus,
.btn-warning:hover {
    color: #fff;
    background-color: #d6700a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #b76009;
    border-color: rgba(0, 0, 0, .25)
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #fff;
    background-color: #e5780b;
    border-color: transparent
}

.btn-danger {
    color: #fff;
    background-color: #ec1f00;
    border-color: transparent;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-danger,
.btn-danger:focus,
.btn-danger:hover {
    color: #fff;
    background-color: #cc1b00;
    border-color: rgba(0, 0, 0, .2)
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd1900;
    border-color: rgba(0, 0, 0, .25)
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 hsla(0, 0%, 100%, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #ec1f00;
    border-color: transparent
}

.btn-outline-primary {
    color: #0E1318;
    border-color: #0E1318
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #11384B;
    border-color: #004dff
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(56, 116, 255, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #3874ff;
    border-color: #004dff
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(56, 116, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #3874ff;
    background-color: transparent
}

.btn-outline-secondary {
    color: #31374a;
    border-color: #31374a
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #31374a;
    border-color: #222834
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0 rgba(49, 55, 74, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: #fff;
    background-color: #31374a;
    border-color: #222834
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(49, 55, 74, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #31374a;
    background-color: transparent
}

.btn-outline-success {
    color: #25b003;
    border-color: #25b003
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #25b003;
    border-color: #23890b
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0 rgba(37, 176, 3, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    color: #fff;
    background-color: #25b003;
    border-color: #23890b
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(37, 176, 3, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #25b003;
    background-color: transparent
}

.btn-outline-info {
    color: #0097eb;
    border-color: #0097eb
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #0097eb;
    border-color: #0080c7
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0 rgba(0, 151, 235, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: #fff;
    background-color: #0097eb;
    border-color: #0080c7
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(0, 151, 235, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #0097eb;
    background-color: transparent
}

.btn-outline-warning {
    color: #e5780b;
    border-color: #e5780b
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #e5780b;
    border-color: #d6700a
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0 rgba(229, 120, 11, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
    color: #fff;
    background-color: #e5780b;
    border-color: #d6700a
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(229, 120, 11, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #e5780b;
    background-color: transparent
}

.btn-outline-danger {
    color: #ec1f00;
    border-color: #ec1f00
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ec1f00;
    border-color: #cc1b00
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0 rgba(236, 31, 0, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    color: #fff;
    background-color: #ec1f00;
    border-color: #cc1b00
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(236, 31, 0, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #ec1f00;
    background-color: transparent
}

.btn-soft-primary {
    color: #004dff;
    background-color: #f5f8ff;
    border-color: #f5f8ff;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-soft-primary,
.btn-soft-primary:focus,
.btn-soft-primary:hover {
    color: #004dff;
    background-color: #e5edff;
    border-color: #f6f9ff
}

.btn-check:focus+.btn-soft-primary,
.btn-soft-primary:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(208, 222, 255, .5)
}

.btn-check:active+.btn-soft-primary,
.btn-check:checked+.btn-soft-primary,
.btn-soft-primary.active,
.btn-soft-primary:active,
.show>.btn-soft-primary.dropdown-toggle {
    color: #000;
    background-color: #f7f9ff;
    border-color: #f6f9ff
}

.btn-check:active+.btn-soft-primary:focus,
.btn-check:checked+.btn-soft-primary:focus,
.btn-soft-primary.active:focus,
.btn-soft-primary:active:focus,
.show>.btn-soft-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(208, 222, 255, .5)
}

.btn-soft-primary.disabled,
.btn-soft-primary:disabled {
    color: #000;
    background-color: #f5f8ff;
    border-color: #f5f8ff
}

.btn-soft-secondary {
    color: #141824;
    background-color: #f5f7fa;
    border-color: #f5f7fa;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-soft-secondary:hover {
    color: #141824;
    background-color: #eff2f6;
    border-color: #f6f8fb
}

.btn-check:focus+.btn-soft-secondary,
.btn-soft-secondary:focus {
    color: #141824;
    background-color: #eff2f6;
    border-color: #f6f8fb;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(211, 214, 218, .5)
}

.btn-check:active+.btn-soft-secondary,
.btn-check:checked+.btn-soft-secondary,
.btn-soft-secondary.active,
.btn-soft-secondary:active,
.show>.btn-soft-secondary.dropdown-toggle {
    color: #000;
    background-color: #f7f9fb;
    border-color: #f6f8fb
}

.btn-check:active+.btn-soft-secondary:focus,
.btn-check:checked+.btn-soft-secondary:focus,
.btn-soft-secondary.active:focus,
.btn-soft-secondary:active:focus,
.show>.btn-soft-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(211, 214, 218, .5)
}

.btn-soft-secondary.disabled,
.btn-soft-secondary:disabled {
    color: #000;
    background-color: #f5f7fa;
    border-color: #f5f7fa
}

.btn-soft-success {
    color: #1c6c09;
    background-color: #f0fdec;
    border-color: #f0fdec;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-soft-success,
.btn-soft-success:focus,
.btn-soft-success:hover {
    color: #1c6c09;
    background-color: #d9fbd0;
    border-color: #f2fdee
}

.btn-check:focus+.btn-soft-success,
.btn-soft-success:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(208, 231, 202, .5)
}

.btn-check:active+.btn-soft-success,
.btn-check:checked+.btn-soft-success,
.btn-soft-success.active,
.btn-soft-success:active,
.show>.btn-soft-success.dropdown-toggle {
    color: #000;
    background-color: #f3fdf0;
    border-color: #f2fdee
}

.btn-check:active+.btn-soft-success:focus,
.btn-check:checked+.btn-soft-success:focus,
.btn-soft-success.active:focus,
.btn-soft-success:active:focus,
.show>.btn-soft-success.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(208, 231, 202, .5)
}

.btn-soft-success.disabled,
.btn-soft-success:disabled {
    color: #000;
    background-color: #f0fdec;
    border-color: #f0fdec
}

.btn-soft-info {
    color: #FFF;
    background-color: #11384B;
    border-color: #f0faff;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-soft-info,
.btn-soft-info:hover {
    color: #11384B;
    background-color: #FFF;
    border-color: #11384B
}

.btn-check:focus+.btn-soft-info,
.btn-soft-info:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(204, 225, 237, .5)
}

.btn-check:active+.btn-soft-info,
.btn-check:checked+.btn-soft-info,
.btn-soft-info.active,
.btn-soft-info:active,
.show>.btn-soft-info.dropdown-toggle {
    color: #000;
    background-color: #f3fbff;
    border-color: #f2fbff
}

.btn-check:active+.btn-soft-info:focus,
.btn-check:checked+.btn-soft-info:focus,
.btn-soft-info.active:focus,
.btn-soft-info:active:focus,
.show>.btn-soft-info.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(204, 225, 237, .5)
}

.btn-soft-info.disabled,
.btn-soft-info:disabled {
    color: #000;
    background-color: #f0faff;
    border-color: #f0faff
}

.btn-soft-warning {
    color: #bc3803;
    background-color: #fff6e0;
    border-color: #fff6e0;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-soft-warning,
.btn-soft-warning:focus,
.btn-soft-warning:hover {
    color: #bc3803;
    background-color: #ffefca;
    border-color: #fff7e3
}

.btn-check:focus+.btn-soft-warning,
.btn-soft-warning:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(245, 218, 191, .5)
}

.btn-check:active+.btn-soft-warning,
.btn-check:checked+.btn-soft-warning,
.btn-soft-warning.active,
.btn-soft-warning:active,
.show>.btn-soft-warning.dropdown-toggle {
    color: #000;
    background-color: #fff8e6;
    border-color: #fff7e3
}

.btn-check:active+.btn-soft-warning:focus,
.btn-check:checked+.btn-soft-warning:focus,
.btn-soft-warning.active:focus,
.btn-soft-warning:active:focus,
.show>.btn-soft-warning.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(245, 218, 191, .5)
}

.btn-soft-warning.disabled,
.btn-soft-warning:disabled {
    color: #000;
    background-color: #fff6e0;
    border-color: #fff6e0
}

.btn-soft-danger {
    color: #b81800;
    background-color: #ffedeb;
    border-color: #ffedeb;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-soft-danger,
.btn-soft-danger:focus,
.btn-soft-danger:hover {
    color: #b81800;
    background-color: #ffe0db;
    border-color: #ffefed
}

.btn-check:focus+.btn-soft-danger,
.btn-soft-danger:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(244, 205, 200, .5)
}

.btn-check:active+.btn-soft-danger,
.btn-check:checked+.btn-soft-danger,
.btn-soft-danger.active,
.btn-soft-danger:active,
.show>.btn-soft-danger.dropdown-toggle {
    color: #000;
    background-color: #fff1ef;
    border-color: #ffefed
}

.btn-check:active+.btn-soft-danger:focus,
.btn-check:checked+.btn-soft-danger:focus,
.btn-soft-danger.active:focus,
.btn-soft-danger:active:focus,
.show>.btn-soft-danger.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(244, 205, 200, .5)
}

.btn-soft-danger.disabled,
.btn-soft-danger:disabled {
    color: #000;
    background-color: #ffedeb;
    border-color: #ffedeb
}

.btn-phoenix-primary {
    color: #eff1f6;
    background-color: #11384B;
    border-color: #e3e6ed;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-phoenix-primary:hover {
    color: #004dff;
    background-color: #e3e6ed;
    border-color: #e6e9ef
}

.btn-check:focus+.btn-phoenix-primary,
.btn-phoenix-primary:focus {
    color: #004dff;
    background-color: #e3e6ed;
    border-color: #e6e9ef;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(201, 213, 240, .5)
}

.btn-check:active+.btn-phoenix-primary,
.btn-check:checked+.btn-phoenix-primary,
.btn-phoenix-primary.active,
.btn-phoenix-primary:active,
.show>.btn-phoenix-primary.dropdown-toggle {
    color: #000;
    background-color: #f7f9fb;
    border-color: #e6e9ef
}

.btn-check:active+.btn-phoenix-primary:focus,
.btn-check:checked+.btn-phoenix-primary:focus,
.btn-phoenix-primary.active:focus,
.btn-phoenix-primary:active:focus,
.show>.btn-phoenix-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(201, 213, 240, .5)
}

.btn-phoenix-primary.disabled,
.btn-phoenix-primary:disabled {
    color: #000;
    background-color: #f5f7fa;
    border-color: #e3e6ed
}

.btn-phoenix-secondary {
    color: #31374a;
    background-color: #f5f7fa;
    border-color: #e3e6ed;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-phoenix-secondary:hover {
    color: #222834;
    background-color: #e3e6ed;
    border-color: #e6e9ef
}

.btn-check:focus+.btn-phoenix-secondary,
.btn-phoenix-secondary:focus {
    color: #222834;
    background-color: #e3e6ed;
    border-color: #e6e9ef;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(200, 204, 213, .5)
}

.btn-check:active+.btn-phoenix-secondary,
.btn-check:checked+.btn-phoenix-secondary,
.btn-phoenix-secondary.active,
.btn-phoenix-secondary:active,
.show>.btn-phoenix-secondary.dropdown-toggle {
    color: #000;
    background-color: #f7f9fb;
    border-color: #e6e9ef
}

.btn-check:active+.btn-phoenix-secondary:focus,
.btn-check:checked+.btn-phoenix-secondary:focus,
.btn-phoenix-secondary.active:focus,
.btn-phoenix-secondary:active:focus,
.show>.btn-phoenix-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(200, 204, 213, .5)
}

.btn-phoenix-secondary.disabled,
.btn-phoenix-secondary:disabled {
    color: #000;
    background-color: #f5f7fa;
    border-color: #e3e6ed
}

.btn-phoenix-success {
    color: #25b003;
    background-color: #f5f7fa;
    border-color: #e3e6ed;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-phoenix-success:hover {
    color: #23890b;
    background-color: #e3e6ed;
    border-color: #e6e9ef
}

.btn-check:focus+.btn-phoenix-success,
.btn-phoenix-success:focus {
    color: #23890b;
    background-color: #e3e6ed;
    border-color: #e6e9ef;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(199, 222, 202, .5)
}

.btn-check:active+.btn-phoenix-success,
.btn-check:checked+.btn-phoenix-success,
.btn-phoenix-success.active,
.btn-phoenix-success:active,
.show>.btn-phoenix-success.dropdown-toggle {
    color: #000;
    background-color: #f7f9fb;
    border-color: #e6e9ef
}

.btn-check:active+.btn-phoenix-success:focus,
.btn-check:checked+.btn-phoenix-success:focus,
.btn-phoenix-success.active:focus,
.btn-phoenix-success:active:focus,
.show>.btn-phoenix-success.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(199, 222, 202, .5)
}

.btn-phoenix-success.disabled,
.btn-phoenix-success:disabled {
    color: #000;
    background-color: #f5f7fa;
    border-color: #e3e6ed
}

.btn-phoenix-info {
    color: #0097eb;
    background-color: #f5f7fa;
    border-color: #e3e6ed;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-check:focus+.btn-phoenix-info,
.btn-phoenix-info:focus,
.btn-phoenix-info:hover {
    color: #0080c7;
    background-color: #e3e6ed;
    border-color: #e6e9ef
}

.btn-check:focus+.btn-phoenix-info,
.btn-phoenix-info:focus {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(193, 218, 237, .5)
}

.btn-check:active+.btn-phoenix-info,
.btn-check:checked+.btn-phoenix-info,
.btn-phoenix-info.active,
.btn-phoenix-info:active,
.show>.btn-phoenix-info.dropdown-toggle {
    color: #000;
    background-color: #f7f9fb;
    border-color: #e6e9ef
}

.btn-check:active+.btn-phoenix-info:focus,
.btn-check:checked+.btn-phoenix-info:focus,
.btn-phoenix-info.active:focus,
.btn-phoenix-info:active:focus,
.show>.btn-phoenix-info.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(193, 218, 237, .5)
}

.btn-phoenix-info.disabled,
.btn-phoenix-info:disabled {
    color: #000;
    background-color: #f5f7fa;
    border-color: #e3e6ed
}

.btn-phoenix-warning {
    color: #e5780b;
    background-color: #f5f7fa;
    border-color: #e3e6ed;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-phoenix-warning:hover {
    color: #d6700a;
    background-color: #e3e6ed;
    border-color: #e6e9ef
}

.btn-check:focus+.btn-phoenix-warning,
.btn-phoenix-warning:focus {
    color: #d6700a;
    background-color: #e3e6ed;
    border-color: #e6e9ef;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(227, 214, 203, .5)
}

.btn-check:active+.btn-phoenix-warning,
.btn-check:checked+.btn-phoenix-warning,
.btn-phoenix-warning.active,
.btn-phoenix-warning:active,
.show>.btn-phoenix-warning.dropdown-toggle {
    color: #000;
    background-color: #f7f9fb;
    border-color: #e6e9ef
}

.btn-check:active+.btn-phoenix-warning:focus,
.btn-check:checked+.btn-phoenix-warning:focus,
.btn-phoenix-warning.active:focus,
.btn-phoenix-warning:active:focus,
.show>.btn-phoenix-warning.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(227, 214, 203, .5)
}

.btn-phoenix-warning.disabled,
.btn-phoenix-warning:disabled {
    color: #000;
    background-color: #f5f7fa;
    border-color: #e3e6ed
}

.btn-phoenix-danger {
    color: #ec1f00;
    background-color: #f5f7fa;
    border-color: #e3e6ed;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent
}

.btn-phoenix-danger:hover {
    color: #cc1b00;
    background-color: #e3e6ed;
    border-color: #e6e9ef
}

.btn-check:focus+.btn-phoenix-danger,
.btn-phoenix-danger:focus {
    color: #cc1b00;
    background-color: #e3e6ed;
    border-color: #e6e9ef;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0), 0 1px 1px transparent, 0 0 0 0 rgba(228, 200, 201, .5)
}

.btn-check:active+.btn-phoenix-danger,
.btn-check:checked+.btn-phoenix-danger,
.btn-phoenix-danger.active,
.btn-phoenix-danger:active,
.show>.btn-phoenix-danger.dropdown-toggle {
    color: #000;
    background-color: #f7f9fb;
    border-color: #e6e9ef
}

.btn-check:active+.btn-phoenix-danger:focus,
.btn-check:checked+.btn-phoenix-danger:focus,
.btn-phoenix-danger.active:focus,
.btn-phoenix-danger:active:focus,
.show>.btn-phoenix-danger.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px transparent, 0 0 0 0 rgba(228, 200, 201, .5)
}

.btn-phoenix-danger.disabled,
.btn-phoenix-danger:disabled {
    color: #000;
    background-color: #f5f7fa;
    border-color: #e3e6ed
}

.btn-link {
    font-weight: 700;
    color: #3874ff;
    text-decoration: none;
}

.btn-link:hover {
    color: #2d5dcc
}

.btn-link:focus,
.btn-link:hover {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6e7891
}

.btn-group-lg>.btn,
.btn-lg,
[data-list] .btn-group-lg>.page {
    padding: .875rem 1.5rem;
    font-size: 1rem;
    border-radius: .375rem
}

.btn-group-sm>.btn,
.btn-sm,
[data-list] .page {
    padding: 5px 7px 0px 7px;
    font-size: 1.8rem;
    border-radius: 0.375rem;
}

.firefox .dropcap:first-letter {
    margin-top: .175em
}

.firefox .card-notification {
    min-height: 19rem
}

.chrome .btn-close {
    background-clip: unset
}

.fit-cover {
    object-fit: cover
}

.z-index-1 {
    z-index: 1 !important
}

.z-index-2 {
    z-index: 2 !important
}

.z-index--1 {
    z-index: -1 !important
}

.sticky-sidebar {
    position: sticky;
    z-index: 1020;
    top: 5rem
}

.circle-dashed {
    border: 1px dashed #3874ff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem
}

.hover-text-decoration-none:focus,
.hover-text-decoration-none:hover {
    text-decoration: none
}

.resize-none {
    resize: none
}

.collapsed .collapse-icon {
    transition: all .2s ease-in-out;
    transform: rotate(0deg)
}

.collapse-icon {
    transition: all .2s ease-in-out;
    transform: rotate(90deg)
}

[data-bs-offset-top] *,
[data-bs-toggle=collapse] *,
[data-bs-toggle=popover] *,
[data-bs-toggle=tooltip] *,
[data-dismiss=dropdown] * {
    pointer-events: none
}

.outline-none,
.outline-none:focus,
.outline-none:hover {
    outline: none;
    box-shadow: none
}

.vertical-line:after {
    position: absolute;
    content: "";
    height: 75%;
    width: 1px;
    background: var(--phoenix-300);
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.vertical-line.vertical-line-400:after {
    background-color: var(--phoenix-400)
}

.transition-base {
    transition: all .2s ease-in-out
}

.transition-none {
    transition: none
}

.fsp-75 {
    font-size: 75%
}

.min-w-0 {
    min-width: 0
}

.terms-sidebar .nav-link {
    color: #8a94ad;
    font-weight: 500;
    font-family: 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.active {
    color: #3874ff
}

.divider-content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: #f5f7fa;
    font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .8rem;
    color: #6e7891;
    white-space: nowrap;
    font-weight: 700
}

.btn-check[data-theme-control]:checked+label {
    display: none
}

.content {
    min-height: calc(100vh - 4rem);
    position: relative;
    padding: 1rem 1.5rem 6rem
}

@media (min-width:576px) {
    .content {
        padding-bottom: 4rem
    }
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6rem;
    border-top: 1px solid #cbd0dd;
    padding: 0 2.5rem;
    left: 0
}

@media (min-width:576px) {
    .footer {
        height: 4rem
    }
}

.bullet-item {
    height: .5rem;
    width: 1rem;
    border-radius: 2px
}

.logo-text {
    font-size: 1.63625rem;
    color: #6e7891;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -.04em;
    margin-bottom: 0
}

@media (min-width:992px) {
    .navbar-brand .logo-text {
        color: #fff
    }
}

.leaflet-bar {
    box-shadow: var(--phoenix-box-shadow)
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: var(--phoenix-leaflet-bar-bg);
    color: var(--phoenix-body-color);
    border-bottom-color: var(--phoenix-border-color)
}

.leaflet-bar a.leaflet-disabled {
    background-color: var(--phoenix-200)
}

.marker-cluster-small {
    background-color: rgba(56, 116, 255, .2) !important
}

.marker-cluster-small div {
    margin: 5px;
    background-color: #3874ff !important;
    color: #fff
}

.marker-cluster-medium {
    background-color: rgba(229, 120, 11, .2) !important
}

.marker-cluster-medium div {
    margin: 5px;
    background-color: #e5780b !important;
    color: #fff
}

.marker-cluster-large {
    background-color: rgba(37, 176, 3, .2) !important
}

.marker-cluster-large div {
    margin: 5px;
    background-color: #25b003 !important;
    color: #fff
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background-color: var(--phoenix-leaflet-popup-content-wrapper-bg);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    border-radius: .375rem
}

.leaflet-popup-close-button {
    right: 3px !important;
    top: 3px !important
}

.leaflet-marker-icon {
    height: auto !important;
    width: auto !important
}

.leaflet-control-attribution {
    display: none
}

.leaflet-bottom,
.leaflet-top {
    z-index: 999
}

.leaflet-left .leaflet-control {
    margin-left: 1.5rem
}

.leaflet-right .leaflet-control {
    margin-right: 1.5rem
}

.leaflet-top .leaflet-control {
    margin-top: 1.5rem
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 1.5rem
}

.star-rating {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFdElEQVR4nO2aXWxURRTH/2dut58Imho1SgStuit+vBo0BkgkRjDog+VBiJEXqJhKK21x+7EdUu5u2W1Uqi8Qo4YQY6gQDQlRn9RENGoMD0a7RCzGRCJGBLRF9mOOD+waKHe7e2f23mt0f4/zceY/Z2fmzJm7QI0aNWr8j6EgBu3sHG9oXHC2gxQvJ/CUhbpUPD5wMggtwv8hmZrmn3mHmF8G4XEm6s5R/kinlPP91xKAA7YN2A8CeHRW8eLmrOjwWwsQgAMYqs+xnLGls3O8wW89vjqgp1/eDWC1YyXhxqYFvz/ppx7AZwcIsnrmbMDUK6X0V5NfA/VJuRDgdWWa3Tmds1b5IqiAf97OUReAunLNCOx4RniFL/eALimvrs+KnwDMq6yHWJq0Bz/3VFRxJD8GabgY4iqcPABWvd6puRzPV4CUsnEmK6YA3OCiG1tKRRIJecwrXUU8XwHTGbEe7iYPAJQXYqsXeq4YyEvjUkoxkxXfAbhDo/uFOrYWxeMDv1Rb16V4ugJmctYa6E0eABpyItdZTT1OeLwFDEMa02YpZeWHpwaeOaBncOQhMJYamrnmvMdJUtXOgI0bd4daW0+25S0rAoV7iLiHgWqkuDkChjik9ibl8EmAuAo2/8G1A7ZKea24IMJkcQRAmJkiBIQBtAGwqiluNgScU4w0EU2CkWZSk8ycnleP76WUf2nadCYajbfmrfwDxIWJgiMAhQG06k7AQxSAEwAmiTnNRJMEMWkxpePx/lNzrRpHB7wwOLJcMR+Cm9vbv5cZAK81h1S3lFLNrnQ8BBVjF/4bkweAZgDPnc+IJ5wqS0QBDnsoKBAYdLtTubMDCF95qiYAhMUfOpY7FSqlOgCc9lSRjzDR86MjsS+d6hwdMBaX3zCrlQDOeKrMBwiIpnYMvVSqvuRNMBWXXwPiYQB/eKLMBxgY3mnHRudqM+dVOGkPfsEKjwCYrqoyHyAgnrKHRipoV57CveAwgCZjZT7AwFjKHuqr5Npc8VW4r3/7ShAdAuD7xwuXjCftoa5KcwZXuUDv4MgqYn4XQEhLmscw8+5UPPaMm4TJVTqc2jF0GERrAeRcq/MceqOlnje7zRa10uHege3tBHobgXxdvhIm7DuRjjw9MbE277av1gRS9vAEwE8BqGpurgVhf0ud2qAz+YvdDegb3L4BTK+b2DCBgffO/np9+549m7K6NoweMD795KOj9y9bcRsB95rY0SRTp+qW7drV/aeJEeM9TMzvm9rQg48mEv2/mVoxP8RYLDa2oYWor4oVYwuEu6qgQwOOtLfvN36DrEIY4yXmNrRobGv79hZTI0YOKPwCEVMRurBFxqvPyAGLw+lbEWBuoBCwAwhB7f/i+GS8/YwcwBzY/i8S7AoILgIUMY8EZluAzZegIY2Fc0gbbQdc9DwHFgGKCFZGP4K2AwoxuFGz+xkCehFSNxHzKoCO6uowjQRl/7dXCs0YnCXmVwWH7Evu8T9LKT+Yzoj1BNggLHRl0fAc0ncAiyVuHl8INKEI0aQdOz67rvDRcm9394sToabpLhBHAVxVkV02c4D2e0DfwMi+Cv76CoCPKEU9Y4nYZ5Xa7pHyOpEVwwA2oXzKfmHqWKRF90FEewVUkAMcZ/C2lB076PadbkzKUwCejUblK3kSO0FYM0fzhkXh9M0AptyMUcQkDJY6AE8D2NIcUktS9vABk7+0JBJyMhmPPcYKywEu9cGWQ3nrnO4Y2g5gYN+sogyIU5mQakvasXEpZUbX9mxSidjHzSG+jxjrAPx4eS29afIwor0FWkJq9HzOOsvMq5n5B0vx2OioPKFrrxyFg/ItKeXBmazoAGMFQEea6/MlP3zWqFGjRo0y/A3lxcMNXfCjjAAAAABJRU5ErkJggg==") !important
}

.star-rating .star-value {
    background: url(/assets/img/icons/star_on.svg) !important;
    background-size: 16px !important
}

[data-list] .sort[data-sort] {
    white-space: nowrap;
    cursor: pointer
}

[data-list] .sort[data-sort]:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02LjUyNiAzLjVjLjQyMyAwIC42MzUtLjQzOC4zMy0uNzA4TDMuODQuMTI1YS41MjkuNTI5IDAgMDAtLjY4MiAwTC4xNDUgMi43OTJjLS4zMDYuMjctLjA5NC43MDguMzMuNzA4aDYuMDV6TS40NzQgNS41Yy0uNDIzIDAtLjYzNS40MzgtLjMzLjcwOEwzLjE2IDguODc1YS41MjkuNTI5IDAgMDAuNjgyIDBsMy4wMTQtMi42NjdjLjMwNi0uMjcuMDk0LS43MDgtLjMzLS43MDhILjQ3NnoiIGZpbGw9IiNCNkMyRDIiLz48L3N2Zz4=");
    margin-left: .25rem
}

[data-list] .sort[data-sort].asc:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uNDc0LjVjLS40MjMgMC0uNjM1LjQzOC0uMzMuNzA4TDMuMTYgMy44NzVhLjUyOS41MjkgMCAwMC42ODIgMGwzLjAxNC0yLjY2N0M3LjE2MS45MzggNi45NS41IDYuNTI1LjVILjQ3NnoiIGZpbGw9IiNCNkMyRDIiLz48L3N2Zz4=") !important;
    margin-top: -1px !important
}

[data-list] .sort[data-sort].desc:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02LjUyNiAzLjVjLjQyMyAwIC42MzUtLjQzOC4zMy0uNzA4TDMuODQuMTI1YS41MjkuNTI5IDAgMDAtLjY4MiAwTC4xNDUgMi43OTJjLS4zMDYuMjctLjA5NC43MDguMzMuNzA4aDYuMDV6IiBmaWxsPSIjQjZDMkQyIi8+PC9zdmc+") !important;
    margin-top: -1px !important
}

[data-list] .page {
    margin-left: .25rem;
    margin-right: .25rem
}

[data-list] li.active .page {
    background-color: transparent;
    color: #3874ff !important
}

.ios [data-list-pagination].btn-primary[disabled] {
    opacity: 1 !important;
    border: 0 !important;
    background-color: var(--phoenix-btn-disabled-custom-background) !important;
    color: var(--phoenix-btn-disabled-custom-color) !important
}

code[class*=language-],
pre[class*=language-] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    border-radius: .3em
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #272822
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #8292a2
}

.token.punctuation {
    color: #f8f8f2
}

.token.namespace {
    opacity: .7
}

.token.constant,
.token.deleted,
.token.property,
.token.symbol,
.token.tag {
    color: #f92672
}

.token.boolean,
.token.number {
    color: #ae81ff
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #a6e22e
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url,
.token.variable {
    color: #f8f8f2
}

.token.atrule,
.token.attr-value,
.token.class-name,
.token.function {
    color: #e6db74
}

.token.keyword {
    color: #66d9ef
}

.token.important,
.token.regex {
    color: #fd971f
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.text-smallcaps {
    font-variant: small-caps
}

.text-superscript {
    vertical-align: super
}

.text-word-break {
    word-break: break-word
}

.font-base,
.font-sans-serif {
    font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.fs-error {
    font-size: 7rem
}

@media (min-width:576px) {
    .fs-error {
        font-size: 10rem
    }
}

.text-justify {
    text-align: justify !important
}

.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    will-change: transform, opacity, filter;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0
}

.bg-holder.bg-right {
    left: auto;
    right: 0
}

.bg-holder.overlay:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, .25);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.bg-holder.overlay-0:before {
    background: rgba(0, 0, 0, .7)
}

.bg-holder.overlay-1:before {
    background: rgba(0, 0, 0, .55)
}

.bg-holder.overlay-2:before {
    background: rgba(0, 0, 0, .4)
}

.bg-holder .bg-video {
    position: absolute;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    min-width: 100%
}

.bg-holder .bg-youtube {
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.bg-fixed {
    background-attachment: fixed
}

.bg-glass {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-card {
    background-size: contain;
    background-position: 100%;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

[dir=rtl] .bg-card {
    background-position: 0;
    transform: scaleX(-1);
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.bg-line-chart-gradient {
    background-image: var(--phoenix-line-chart-gradient);
    background-position: 50%
}

.bg-card-gradient {
    background-image: var(--phoenix-card-gradient);
    background-position: 50%
}

.bg-progress-gradient {
    background-image: var(--phoenix-progress-gradient);
    background-position: 50%
}

.bg-auth-circle-shape,
.bg-auth-circle-shape-2 {
    display: none
}

@media (min-width:992px) {

    .bg-auth-circle-shape,
    .bg-auth-circle-shape-2 {
        display: block
    }
}

.bg-auth-circle-shape {
    position: absolute;
    right: -8.75rem;
    top: -5.125rem
}

.bg-auth-circle-shape-2 {
    position: absolute;
    left: -6.25rem;
    bottom: -2.4375rem
}

.bg-auth-card-shape {
    background-position: 0 100%
}

@media (min-width:768px) {
    .bg-auth-card-shape {
        background-position: 0 133%
    }
}

.bg-shape {
    position: relative;
    overflow: hidden;
    background-color: var(--phoenix-bg-shape-bg)
}

.bg-shape:after,
.bg-shape:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.bg-shape:after {
    background-image: var(--phoenix-bg-shape-bg-ltd)
}

.bg-shape:before {
    background-image: var(--phoenix-bg-shape-bg-dtl)
}

.bg-circle-shape:after {
    height: 15.625rem;
    width: 115%;
    left: 32%;
    top: -188%
}

.bg-circle-shape:before {
    height: 332%;
    width: 45%;
    left: -9%;
    top: .5625rem
}

.modal-shape-header:before {
    height: 28.9375rem;
    width: 155%;
    right: 23%;
    top: -357%
}

.modal-shape-header:after {
    height: 289%;
    width: 45%;
    right: -10%;
    top: 2.5rem
}

.showcase-page-gradient {
    background: linear-gradient(357.7deg, #024787 -88.88%, rgba(0, 79, 197, 0) 27.93%)
}

.bg-transparent-50 {
    background-color: var(--phoenix-transparent-50)
}

.overflow-hidden[class*=rounded] {
    mask-image: radial-gradient(#fff, #000)
}

.border-top-2 {
    border-top-width: 2px !important
}

.border-end-2 {
    border-right-width: 2px !important
}

.border-bottom-2 {
    border-bottom-width: 2px !important
}

.border-start-2 {
    border-left-width: 2px !important
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    position: relative
}

.all-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.flex-center {
    align-items: center;
    justify-content: center
}

.flex-between-center {
    justify-content: space-between;
    align-items: center
}

.flex-end-center {
    justify-content: flex-end;
    align-items: center
}

.flex-between-end {
    align-items: flex-end;
    justify-content: space-between
}

.flex-1 {
    flex: 1
}

.link-primary {
    color: var(--phoenix-primary)
}

.link-primary:focus,
.link-primary:hover {
    color: var(--phoenix-colored-link-primary-hover-color)
}

.link-secondary {
    color: var(--phoenix-secondary)
}

.link-secondary:focus,
.link-secondary:hover {
    color: var(--phoenix-colored-link-secondary-hover-color)
}

.link-success {
    color: var(--phoenix-success)
}

.link-success:focus,
.link-success:hover {
    color: var(--phoenix-colored-link-success-hover-color)
}

.link-info {
    color: var(--phoenix-info)
}

.link-info:focus,
.link-info:hover {
    color: var(--phoenix-colored-link-info-hover-color)
}

.link-warning {
    color: var(--phoenix-warning)
}

.link-warning:focus,
.link-warning:hover {
    color: var(--phoenix-colored-link-warning-hover-color)
}

.link-danger {
    color: var(--phoenix-danger)
}

.link-danger:focus,
.link-danger:hover {
    color: var(--phoenix-colored-link-danger-hover-color)
}

.link-light {
    color: var(--phoenix-light)
}

.link-light:focus,
.link-light:hover {
    color: var(--phoenix-colored-link-light-hover-color)
}

.link-dark {
    color: var(--phoenix-dark)
}

.link-dark:focus,
.link-dark:hover {
    color: var(--phoenix-colored-link-dark-hover-color)
}

.link-black {
    color: var(--phoenix-black) !important
}

.link-black:focus,
.link-black:hover {
    color: var(--phoenix-colored-link-black-hover-color) !important
}

.link-soft {
    color: var(--phoenix-soft) !important
}

.link-soft:focus,
.link-soft:hover {
    color: var(--phoenix-colored-link-soft-hover-color) !important
}

.link-100 {
    color: var(--phoenix-100) !important
}

.link-100:focus,
.link-100:hover {
    color: var(--phoenix-colored-link-100-hover-color) !important
}

.link-200 {
    color: var(--phoenix-200) !important
}

.link-200:focus,
.link-200:hover {
    color: var(--phoenix-colored-link-200-hover-color) !important
}

.link-300 {
    color: var(--phoenix-300) !important
}

.link-300:focus,
.link-300:hover {
    color: var(--phoenix-colored-link-300-hover-color) !important
}

.link-400 {
    color: var(--phoenix-400) !important
}

.link-400:focus,
.link-400:hover {
    color: var(--phoenix-colored-link-400-hover-color) !important
}

.link-500 {
    color: var(--phoenix-500) !important
}

.link-500:focus,
.link-500:hover {
    color: var(--phoenix-colored-link-500-hover-color) !important
}

.link-600 {
    color: var(--phoenix-600) !important
}

.link-600:focus,
.link-600:hover {
    color: var(--phoenix-colored-link-600-hover-color) !important
}

.link-700 {
    color: var(--phoenix-700) !important
}

.link-700:focus,
.link-700:hover {
    color: var(--phoenix-colored-link-700-hover-color) !important
}

.link-800 {
    color: var(--phoenix-800) !important
}

.link-800:focus,
.link-800:hover {
    color: var(--phoenix-colored-link-800-hover-color) !important
}

.link-900 {
    color: var(--phoenix-900) !important
}

.link-900:focus,
.link-900:hover {
    color: var(--phoenix-colored-link-900-hover-color) !important
}

.link-1000 {
    color: var(--phoenix-1000) !important
}

.link-1000:focus,
.link-1000:hover {
    color: var(--phoenix-colored-link-1000-hover-color) !important
}

.link-1100 {
    color: var(--phoenix-1100) !important
}

.link-1100:focus,
.link-1100:hover {
    color: var(--phoenix-colored-link-1100-hover-color) !important
}

.link-white {
    color: var(--phoenix-white) !important
}

.link-white:focus,
.link-white:hover {
    color: var(--phoenix-colored-link-white-hover-color) !important
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: 800
}

.lead {
    line-height: 1.4
}

.bullet-inside {
    list-style-position: inside
}

.alert {
    position: relative;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .5rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4.5rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.875rem 1.5rem
}

.alert-soft-primary {
    color: #004dff;
    background-color: #f5f8ff;
    border-color: #f5f8ff;
    font-weight: 400
}

.alert-soft-primary .alert-link {
    color: #003ecc
}

.alert-soft-secondary {
    color: #141824;
    background-color: #f5f7fa;
    border-color: #f5f7fa;
    font-weight: 400
}

.alert-soft-secondary .alert-link {
    color: #10131d
}

.alert-soft-success {
    color: #1c6c09;
    background-color: #f0fdec;
    border-color: #f0fdec;
    font-weight: 400
}

.alert-soft-success .alert-link {
    color: #165607
}

.alert-soft-info {
    color: #005585;
    background-color: #f0faff;
    border-color: #f0faff;
    font-weight: 400
}

.alert-soft-info .alert-link {
    color: #00446a
}

.alert-soft-warning {
    color: #bc3803;
    background-color: #fff6e0;
    border-color: #fff6e0;
    font-weight: 400
}

.alert-soft-warning .alert-link {
    color: #962d02
}

.alert-soft-danger {
    color: #b81800;
    background-color: #ffedeb;
    border-color: #ffedeb;
    font-weight: 400
}

.alert-soft-danger .alert-link {
    color: #931300
}

.alert-outline-primary {
    color: #3874ff;
    background-color: transparent;
    border-color: #3874ff;
    font-weight: 400
}

.alert-outline-primary .alert-link {
    color: #2d5dcc
}

.alert-outline-secondary {
    color: #31374a;
    background-color: transparent;
    border-color: #31374a;
    font-weight: 400
}

.alert-outline-secondary .alert-link {
    color: #272c3b
}

.alert-outline-success {
    color: #25b003;
    background-color: transparent;
    border-color: #25b003;
    font-weight: 400
}

.alert-outline-success .alert-link {
    color: #1e8d02
}

.alert-outline-info {
    color: #0097eb;
    background-color: transparent;
    border-color: #0097eb;
    font-weight: 400
}

.alert-outline-info .alert-link {
    color: #0079bc
}

.alert-outline-warning {
    color: #e5780b;
    background-color: transparent;
    border-color: #e5780b;
    font-weight: 400
}

.alert-outline-warning .alert-link {
    color: #b76009
}

.alert-outline-danger {
    color: #ec1f00;
    background-color: transparent;
    border-color: #ec1f00;
    font-weight: 400
}

.alert-outline-danger .alert-link {
    color: #bd1900
}

.alert-outline-light {
    color: #eff2f6;
    background-color: transparent;
    border-color: #eff2f6;
    font-weight: 400
}

.alert-outline-light .alert-link {
    color: #bfc2c5
}

.alert-outline-dark {
    color: #141824;
    background-color: transparent;
    border-color: #141824;
    font-weight: 400
}

.alert-outline-dark .alert-link {
    color: #10131d
}

.alert-default-primary {
    color: #3874ff;
    background-color: #fff;
    border-color: #cbd0dd;
    font-weight: 400
}

.alert-default-primary .alert-link {
    color: #2d5dcc
}

.alert-default-secondary {
    color: #31374a;
    background-color: #fff;
    border-color: #cbd0dd;
    font-weight: 400
}

.alert-default-secondary .alert-link {
    color: #272c3b
}

.alert-default-success {
    color: #25b003;
    background-color: #fff;
    border-color: #cbd0dd;
    font-weight: 400
}

.alert-default-success .alert-link {
    color: #1e8d02
}

.alert-default-info {
    color: #0097eb;
    background-color: #fff;
    border-color: #cbd0dd;
    font-weight: 400
}

.alert-default-info .alert-link {
    color: #0079bc
}

.alert-default-warning {
    color: #e5780b;
    background-color: #fff;
    border-color: #cbd0dd;
    font-weight: 400
}

.alert-default-warning .alert-link {
    color: #b76009
}

.alert-default-danger {
    color: #ec1f00;
    background-color: #fff;
    border-color: #cbd0dd;
    font-weight: 400
}

.alert-default-danger .alert-link {
    color: #bd1900
}

.alert-default-light {
    color: #eff2f6;
    background-color: #fff;
    border-color: #cbd0dd;
    font-weight: 400
}

.alert-default-light .alert-link {
    color: #bfc2c5
}

.alert-default-dark {
    color: #141824;
    background-color: #fff;
    border-color: #cbd0dd;
    font-weight: 400
}

.alert-default-dark .alert-link {
    color: #10131d
}

.alert-solid-primary {
    color: #fff;
    background-color: #3874ff;
    border-color: #3874ff;
    font-weight: 400
}

.alert-solid-primary .alert-link {
    color: #ccc
}

.alert-solid-secondary {
    color: #fff;
    background-color: #31374a;
    border-color: #31374a;
    font-weight: 400
}

.alert-solid-secondary .alert-link {
    color: #ccc
}

.alert-solid-success {
    color: #fff;
    background-color: #25b003;
    border-color: #25b003;
    font-weight: 400
}

.alert-solid-success .alert-link {
    color: #ccc
}

.alert-solid-info {
    color: #fff;
    background-color: #0097eb;
    border-color: #0097eb;
    font-weight: 400
}

.alert-solid-info .alert-link {
    color: #ccc
}

.alert-solid-warning {
    color: #fff;
    background-color: #e5780b;
    border-color: #e5780b;
    font-weight: 400
}

.alert-solid-warning .alert-link {
    color: #ccc
}

.alert-solid-danger {
    color: #fff;
    background-color: #ec1f00;
    border-color: #ec1f00;
    font-weight: 400
}

.alert-solid-danger .alert-link {
    color: #ccc
}

.alert-solid-light {
    color: #fff;
    background-color: #eff2f6;
    border-color: #eff2f6;
    font-weight: 400
}

.alert-solid-light .alert-link {
    color: #ccc
}

.alert-solid-dark {
    color: #fff;
    background-color: #141824;
    border-color: #141824;
    font-weight: 400
}

.alert-solid-dark .alert-link {
    color: #ccc
}

.nav-tabs .nav-link,
.nav-underline .nav-link {
    margin-bottom: -2px;
    font-weight: 700;
    font-size: .8rem;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.nav-tabs .nav-link.disabled,
.nav-underline .nav-link.disabled {
    color: var(--phoenix-black);
    background-color: transparent;
    border-color: transparent
}

.nav-tabs {
    border-bottom: 0 solid transparent
}

.nav-tabs .nav-link {
    border: none;
    color: #3874ff
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #141824;
    background-color: transparent
}

.nav-underline {
    border-bottom: 1px solid var(--phoenix-border-color)
}

.nav-underline .nav-link {
    border: var(--phoenix-border-color);
    color: #31374a
}

.nav-underline .nav-item.show .nav-link,
.nav-underline .nav-link.active {
    color: var(--phoenix-primary);
    background-color: transparent;
    border-bottom: 3px solid var(--phoenix-primary)
}

.page-item {
    margin: .125rem
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    color: #3874ff
}

.page-link {
    font-size: .64rem;
    font-weight: 700;
    border-radius: .375rem
}

.progress-stack .progress-bar {
    margin-left: .125rem;
    margin-right: .125rem
}

.progress-stack .progress-bar:first-child {
    margin-left: 0
}

.progress-stack .progress-bar:last-child {
    margin-right: 0
}

.toast {
    padding: .5rem 1.5rem
}

.toast .toast-header .btn-close {
    margin-right: 0
}

.toast .toast-body {
    padding: 1rem 0
}

.tooltip-light .tooltip-inner {
    background-color: #fff !important
}

.form-label {
    padding-left: 1.5rem;
    line-height: 1.49;
    text-transform: uppercase
}

.form-check .form-label {
    padding-left: 0 !important
}

.form-control.form-control-underlined {
    border: #e3e6ed;
    border-bottom: 1px solid #e3e6ed;
    border-radius: 0;
    padding: .75rem 0 !important;
    box-shadow: none
}

.form-control.form-control-underlined:focus {
    border-color: #3874ff !important
}

.form-floating>label {
    line-height: 1.625rem;
    color: #8a94ad
}

.form-floating .form-control {
    box-shadow: none
}

.form-floating .form-control-underlined+label {
    padding: 0
}

.form-check-label {
    font-weight: 600;
    font-size: .8rem
}

.form-check-light .form-check-input:checked {
    background-color: #fff;
    border-color: #9fa6bc
}

.form-check-light .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%239fa6bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E")
}

.form-check-lg {
    padding-left: 2rem
}

.form-check-lg .form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: -2rem
}

.form-switch .form-check-input {
    border: none;
    background-color: #9fa6bc
}

.form-switch .form-check-input:checked {
    background-color: #3874ff
}

.form-switch-lg {
    padding-left: 3.5rem
}

.form-switch-lg .form-check-input {
    width: 3rem;
    height: 1.5rem;
    margin-left: -3.5rem
}

.form-icon-container {
    position: relative
}

.form-icon-container .form-icon-input {
    padding-left: 2.5rem
}

.form-icon-container .form-icon {
    position: absolute;
    top: 12px;
    left: 1.5rem
}

.form-check-input,
.form-select {
    appearance: none;
    -webkit-appearance: none
}

.navbar-vertical {
    position: fixed;
    display: inline-block;
    z-index: 1020;
    top: 4rem;
    padding: 0;
    width: 100vw;
    background-color: #11384B
}

.navbar-vertical+.navbar-top .navbar-collapse {
    padding-right: 1.5rem;
    border-bottom: 1px solid var(--phoenix-navbar-vertical-border-color)
}

@media (min-width:576px) {
    .navbar-vertical+.navbar-top .navbar-collapse {
        padding-left: 2.5rem
    }
}

.navbar-vertical+.navbar-top .navbar-logo {
    border-bottom: 1px solid var(--phoenix-navbar-vertical-border-color);
    height: 4.0625rem;
    padding-left: 2rem
}

.navbar-vertical+.navbar-top .navbar-toggler {
    display: flex;
    margin-left: -1rem
}

@media (min-width:992px) {
    .navbar-vertical+.navbar-top .navbar-logo {
        width: 15.875rem
    }
}

.navbar-vertical .navbar-collapse {
    max-height: calc(100vh - 4rem)
}

.navbar-vertical .navbar-collapse.collapsing .navbar-vertical-content,
.navbar-vertical .navbar-collapse.show .navbar-vertical-content {
    max-height: calc(100vh - 8rem)
}

.navbar-vertical .navbar-vertical-content {
    padding: 1rem 0;
    overflow: auto
}

.navbar-vertical .navbar-vertical-content .navbar-vertical-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .64rem;
    color: #cbd0dd;
    margin-bottom: .5rem;
    margin-top: 1.5rem;
    padding-left: 2rem
}

.navbar-vertical .navbar-vertical-content .navbar-nav {
    flex-direction: column;
    font-size: .8rem;
    font-weight: 600
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link {
    word-break: break-word;
    line-height: 1.188rem;
    padding-left: 1.5rem;
    color: #9fa6bc
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
    padding-left: .75rem
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active,
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link:hover {
    color: #eff2f6
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.nav-link-disable {
    color: var(--phoenix-navbar-vertical-link-disable-color)
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav {
    flex-flow: column nowrap;
    font-size: .8125rem
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav .nav-link {
    padding: .25rem .5rem .25rem 50px
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav .nav .nav-link {
    padding-left: 62px
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav .nav .nav .nav-link {
    padding-left: 74px
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav .nav .nav .nav .nav-link {
    padding-left: 86px
}

.navbar-vertical .navbar-vertical-content .nav-link-icon {
    margin-right: .625rem
}

.navbar-vertical .navbar-vertical-content .nav-link-text {
    padding-top: .125rem
}

.navbar-vertical .dropdown-indicator {
    position: relative
}

.navbar-vertical .dropdown-indicator .dropdown-indicator-icon {
    height: 1rem;
    width: 1rem;
    transition: transform .2s ease;
    color: var(--phoenix-navbar-vertical-caret-color);
    margin-left: -4px
}

.navbar-vertical .dropdown-indicator[aria-expanded=true] .dropdown-indicator-icon {
    transform: rotate(90deg)
}

.navbar-vertical .navbar-vertical-footer {
    height: 4rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 2rem
}

.navbar-vertical .navbar-vertical-footer .btn-link {
    color: #9fa6bc;
    text-decoration: none
}

.navbar-vertical .navbar-vertical-footer .btn-link .navbar-vertical-footer-icon {
    margin-right: .6125rem
}

.navbar-vertical .navbar-vertical-footer .btn-link:hover {
    color: var(--phoenix-navbar-vertical-link-hover-color)
}

@media (min-width:1540px) {
    .navbar-vertical.navbar-expand-xxl {
        width: 15.875rem;
        height: calc(100vh - 4rem);
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        margin: 0
    }

    .navbar-vertical.navbar-expand-xxl .navbar-collapse {
        width: 15.875rem;
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-xxl .navbar-vertical-content {
        width: 15.875rem;
        height: calc(100vh - 8rem)
    }

    .navbar-vertical.navbar-expand-xxl .navbar-vertical-content .navbar-nav .nav-link {
        padding-top: .344rem;
        padding-bottom: .344rem;
        padding-left: 2rem
    }

    .navbar-vertical.navbar-expand-xxl .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
        padding-left: 1.25rem
    }

    .navbar-vertical.navbar-expand-xxl .navbar-vertical-content .navbar-nav .nav .nav-link {
        padding-left: 58px
    }

    .navbar-vertical.navbar-expand-xxl .navbar-vertical-content .navbar-nav .nav .nav .nav-link {
        padding-left: 70px
    }

    .navbar-vertical.navbar-expand-xxl .navbar-vertical-content .navbar-nav .nav .nav .nav .nav-link {
        padding-left: 82px
    }

    .navbar-vertical.navbar-expand-xxl .navbar-vertical-content .navbar-nav .nav .nav .nav .nav .nav-link {
        padding-left: 94px
    }

    .navbar-vertical.navbar-expand-xxl+.navbar-top .navbar-collapse {
        padding-right: 2.5rem
    }

    .navbar-vertical.navbar-expand-xxl+.navbar-top .navbar-toggler {
        display: none
    }

    .navbar-vertical.navbar-expand-xxl+.navbar-top .navbar-logo {
        background-color: #222834;
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        border-bottom-color: transparent;
        padding-left: 1rem
    }

    .navbar-vertical.navbar-expand-xxl+.navbar-top+.content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-left: 15.875rem
    }
}

@media (min-width:1200px) {
    .navbar-vertical.navbar-expand-xl {
        width: 15.875rem;
        height: calc(100vh - 4rem);
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        margin: 0
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse {
        width: 15.875rem;
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-xl .navbar-vertical-content {
        width: 15.875rem;
        height: calc(100vh - 8rem)
    }

    .navbar-vertical.navbar-expand-xl .navbar-vertical-content .navbar-nav .nav-link {
        padding-top: .344rem;
        padding-bottom: .344rem;
        padding-left: 2rem
    }

    .navbar-vertical.navbar-expand-xl .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
        padding-left: 1.25rem
    }

    .navbar-vertical.navbar-expand-xl .navbar-vertical-content .navbar-nav .nav .nav-link {
        padding-left: 58px
    }

    .navbar-vertical.navbar-expand-xl .navbar-vertical-content .navbar-nav .nav .nav .nav-link {
        padding-left: 70px
    }

    .navbar-vertical.navbar-expand-xl .navbar-vertical-content .navbar-nav .nav .nav .nav .nav-link {
        padding-left: 82px
    }

    .navbar-vertical.navbar-expand-xl .navbar-vertical-content .navbar-nav .nav .nav .nav .nav .nav-link {
        padding-left: 94px
    }

    .navbar-vertical.navbar-expand-xl+.navbar-top .navbar-collapse {
        padding-right: 2.5rem
    }

    .navbar-vertical.navbar-expand-xl+.navbar-top .navbar-toggler {
        display: none
    }

    .navbar-vertical.navbar-expand-xl+.navbar-top .navbar-logo {
        background-color: #222834;
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        border-bottom-color: transparent;
        padding-left: 1rem
    }

    .navbar-vertical.navbar-expand-xl+.navbar-top+.content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-left: 15.875rem
    }
}

@media (min-width:992px) {
    .navbar-vertical.navbar-expand-lg {
        width: 15.875rem;
        height: calc(100vh - 4rem);
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        margin: 0
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse {
        width: 15.875rem;
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-content {
        width: 15.875rem;
        height: calc(100vh - 8rem)
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link {
        padding-top: .344rem;
        padding-bottom: .344rem;
        padding-left: 2rem
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
        padding-left: 1.25rem
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link {
        padding-left: 58px
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav .nav-link {
        padding-left: 70px
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav .nav .nav-link {
        padding-left: 82px
    }

    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav .nav .nav .nav-link {
        padding-left: 94px
    }

    .navbar-vertical.navbar-expand-lg+.navbar-top .navbar-collapse {
        padding-right: 2.5rem
    }

    .navbar-vertical.navbar-expand-lg+.navbar-top .navbar-toggler {
        display: none
    }

    .navbar-vertical.navbar-expand-lg+.navbar-top .navbar-logo {
        background-color: #11384B;
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        border-bottom-color: transparent;
        padding-left: 1rem
    }

    .navbar-vertical.navbar-expand-lg+.navbar-top+.content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-left: 15.875rem
    }
}

@media (min-width:768px) {
    .navbar-vertical.navbar-expand-md {
        width: 15.875rem;
        height: calc(100vh - 4rem);
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        margin: 0
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse {
        width: 15.875rem;
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-md .navbar-vertical-content {
        width: 15.875rem;
        height: calc(100vh - 8rem)
    }

    .navbar-vertical.navbar-expand-md .navbar-vertical-content .navbar-nav .nav-link {
        padding-top: .344rem;
        padding-bottom: .344rem;
        padding-left: 2rem
    }

    .navbar-vertical.navbar-expand-md .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
        padding-left: 1.25rem
    }

    .navbar-vertical.navbar-expand-md .navbar-vertical-content .navbar-nav .nav .nav-link {
        padding-left: 58px
    }

    .navbar-vertical.navbar-expand-md .navbar-vertical-content .navbar-nav .nav .nav .nav-link {
        padding-left: 70px
    }

    .navbar-vertical.navbar-expand-md .navbar-vertical-content .navbar-nav .nav .nav .nav .nav-link {
        padding-left: 82px
    }

    .navbar-vertical.navbar-expand-md .navbar-vertical-content .navbar-nav .nav .nav .nav .nav .nav-link {
        padding-left: 94px
    }

    .navbar-vertical.navbar-expand-md+.navbar-top .navbar-collapse {
        padding-right: 2.5rem
    }

    .navbar-vertical.navbar-expand-md+.navbar-top .navbar-toggler {
        display: none
    }

    .navbar-vertical.navbar-expand-md+.navbar-top .navbar-logo {
        background-color: #11384B;
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        border-bottom-color: transparent;
        padding-left: 1rem
    }

    .navbar-vertical.navbar-expand-md+.navbar-top+.content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-left: 15.875rem
    }
}

@media (min-width:576px) {
    .navbar-vertical.navbar-expand-sm {
        width: 15.875rem;
        height: calc(100vh - 4rem);
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        margin: 0
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse {
        width: 15.875rem;
        flex-direction: column
    }

    .navbar-vertical.navbar-expand-sm .navbar-vertical-content {
        width: 15.875rem;
        height: calc(100vh - 8rem)
    }

    .navbar-vertical.navbar-expand-sm .navbar-vertical-content .navbar-nav .nav-link {
        padding-top: .344rem;
        padding-bottom: .344rem;
        padding-left: 2rem
    }

    .navbar-vertical.navbar-expand-sm .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
        padding-left: 1.25rem
    }

    .navbar-vertical.navbar-expand-sm .navbar-vertical-content .navbar-nav .nav .nav-link {
        padding-left: 58px
    }

    .navbar-vertical.navbar-expand-sm .navbar-vertical-content .navbar-nav .nav .nav .nav-link {
        padding-left: 70px
    }

    .navbar-vertical.navbar-expand-sm .navbar-vertical-content .navbar-nav .nav .nav .nav .nav-link {
        padding-left: 82px
    }

    .navbar-vertical.navbar-expand-sm .navbar-vertical-content .navbar-nav .nav .nav .nav .nav .nav-link {
        padding-left: 94px
    }

    .navbar-vertical.navbar-expand-sm+.navbar-top .navbar-collapse {
        padding-right: 2.5rem
    }

    .navbar-vertical.navbar-expand-sm+.navbar-top .navbar-toggler {
        display: none
    }

    .navbar-vertical.navbar-expand-sm+.navbar-top .navbar-logo {
        background-color: #11384B;
        border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
        border-bottom-color: transparent;
        padding-left: 1rem
    }

    .navbar-vertical.navbar-expand-sm+.navbar-top+.content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-left: 15.875rem
    }
}

.navbar-vertical.navbar-expand-xs {
    width: 15.875rem;
    height: calc(100vh - 4rem);
    border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
    margin: 0
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
    width: 15.875rem;
    flex-direction: column
}

.navbar-vertical.navbar-expand-xs .navbar-vertical-content {
    width: 15.875rem;
    height: calc(100vh - 8rem)
}

.navbar-vertical.navbar-expand-xs .navbar-vertical-content .navbar-nav .nav-link {
    padding-top: .344rem;
    padding-bottom: .344rem;
    padding-left: 2rem
}

.navbar-vertical.navbar-expand-xs .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
    padding-left: 1.25rem
}

.navbar-vertical.navbar-expand-xs .navbar-vertical-content .navbar-nav .nav .nav-link {
    padding-left: 58px
}

.navbar-vertical.navbar-expand-xs .navbar-vertical-content .navbar-nav .nav .nav .nav-link {
    padding-left: 70px
}

.navbar-vertical.navbar-expand-xs .navbar-vertical-content .navbar-nav .nav .nav .nav .nav-link {
    padding-left: 82px
}

.navbar-vertical.navbar-expand-xs .navbar-vertical-content .navbar-nav .nav .nav .nav .nav .nav-link {
    padding-left: 94px
}

.navbar-vertical.navbar-expand-xs+.navbar-top .navbar-collapse {
    padding-right: 2.5rem
}

.navbar-vertical.navbar-expand-xs+.navbar-top .navbar-toggler {
    display: none
}

.navbar-vertical.navbar-expand-xs+.navbar-top .navbar-logo {
    background-color: #11384B;
    border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
    border-bottom-color: transparent;
    padding-left: 1rem
}

.navbar-vertical.navbar-expand-xs+.navbar-top+.content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin-left: 15.875rem
}

.navbar-top {
    position: sticky;
    top: 0;
    font-size: .8rem;
    font-weight: 600;
    padding: 0;
    z-index: 1020;
    background: var(--phoenix-navbar-top-bg-color);
    min-height: 4rem
}

.navbar-top .dropdown-menu {
    margin-top: .5rem
}

.navbar-top .navbar-nav-icons .nav-item {
    display: flex;
    align-items: center
}

.navbar-top .navbar-nav-icons .nav-link {
    padding: .75rem .5rem
}

.navbar-top .navbar-nav-icons .dropdown-menu {
    position: absolute
}

.dropdown-profile {
    min-width: 18.3125rem
}

.dropdown-profile .nav .nav-link {
    padding: .5rem 2.5rem
}

.dropdown-nide-dots {
    min-width: 15.375rem
}

.dropdown-nide-dots.dropdown-menu-end:after {
    right: .75rem !important
}

.dropdown-menu .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 1
}

.dropdown-menu .nav-link:hover {
    background-color: #f5f8ff
}

.dropdown-arrow-indicator {
    position: relative
}

.dropdown-arrow-indicator:after {
    content: "";
    display: block;
    position: absolute;
    right: 1rem;
    height: .4rem;
    width: .4rem;
    border-right: 1px solid #525b75;
    border-bottom: 1px solid #525b75;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    transition: all .2s ease-in-out;
    transform-origin: center;
    transition-property: transform, border-color
}

.dropdown-arrow-indicator[aria-expanded=true]:after {
    transform: translateY(-50%) rotate(45deg)
}

.hover-bg-200:hover {
    background-color: #f5f8ff
}

.navbar .navbar-logo {
    height: 4rem;
    display: flex;
    align-items: center;
    padding-left: 18px
}

.navbar .nav-link {
    outline: none
}

.navbar .dropdown-menu {
    overflow: visible;
    left: -.5625rem
}

.navbar .dropdown-menu:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 1.5rem;
    height: 1.5rem;
    background: #000;
    top: -10px;
    left: 1.5rem;
    transform: rotate(45deg);
    background: #fff;
    border-radius: .25rem;
    border-color: #cbd0dd;
    border-style: solid;
    border-width: 1px 0 0 1px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.navbar .dropdown-menu.dropdown-menu-end {
    left: auto;
    right: -.5625rem
}

.navbar .dropdown-menu.dropdown-menu-end:after {
    right: 1rem;
    left: auto
}

.navbar .dropdown-item {
    font-weight: 500
}

.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover {
    background-color: var(--phoenix-200);
    color: var(--phoenix-1000)
}

.navbar-toggler-humburger-icon {
    height: 2.25rem;
    width: 2.25rem;
    padding: .3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 0;
    margin-right: .6125rem
}

.navbar-toggler-humburger-icon:focus,
.navbar-toggler-humburger-icon:hover {
    background-color: #cbd0dd
}

.navbar-toggle-icon {
    position: relative;
    height: .125rem;
    width: 1.125rem;
    transition: all .2s ease-in-out;
    display: block;
    top: -.3125rem;
    padding-right: 0
}

.navbar-toggle-icon .toggle-line {
    display: block;
    height: 100%;
    border-radius: .375rem;
    transition: all .2s ease-in-out;
    background-color: #8a94ad
}

.navbar-toggle-icon:after,
.navbar-toggle-icon:before {
    content: "";
    position: absolute;
    height: .125rem;
    background-color: #8a94ad;
    left: 0;
    transition: all .2s ease-in-out;
    border-radius: .375rem;
    width: 100%
}

.navbar-toggle-icon:before {
    top: .3125rem
}

.navbar-toggle-icon:after {
    top: .625rem
}

.nav-vertical .nav .nav-link {
    padding-left: 1.5rem
}

.nav-vertical .nav-link {
    padding: .5rem;
    border-radius: .375rem;
    color: #3e465b
}

.nav-vertical .nav-link:active,
.nav-vertical .nav-link:focus,
.nav-vertical .nav-link:hover,
.nav-vertical .nav-link:visited {
    background-color: #e3e6ed;
    color: #141824
}

@media (max-width:1199.98px) {
    .nav-vertical.nav-vertical .nav-link {
        padding-left: 1.5rem
    }
}

.search-box {
    position: relative;
    font-size: .8rem
}

@media (min-width:992px) {
    .search-box {
        width: 20rem
    }
}

.search-box .search-box-icon {
    position: absolute;
    color: #8a94ad;
    top: 50%;
    left: 1rem;
    transform: translateY(-48%)
}

.search-box .search-input {
    padding-left: 2.5rem;
    padding-right: 2rem;
    border-radius: .375rem;
    box-shadow: none;
    max-height: 2rem
}

.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
}

.safari .search-box .search-input {
    line-height: 2
}

.avatar {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.avatar .avatar-name {
    position: absolute;
    text-align: center;
    color: #3874ff;
    background-color: #e5edff;
    font-weight: 700;
    text-transform: uppercase;
    display: block
}

.avatar .avatar-name>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.avatar .avatar-emoji {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.avatar .avatar-emoji>span {
    transform: translateY(2%);
    display: inline-block
}

.avatar img {
    display: block
}

.avatar .avatar-name,
.avatar img {
    width: 100%;
    height: 100%
}

.avatar img {
    object-fit: cover
}

.avatar.avatar-bordered.avatar-m .avatar-name,
.avatar.avatar-bordered.avatar-m img,
.avatar.avatar-bordered.avatar-s .avatar-name,
.avatar.avatar-bordered.avatar-s img {
    border: 1px solid #fff
}

.avatar.avatar-bordered.avatar-l .avatar-name,
.avatar.avatar-bordered.avatar-l img {
    border: 2px solid #fff
}

.avatar.avatar-bordered.avatar-xl .avatar-name,
.avatar.avatar-bordered.avatar-xl img {
    border: 3px solid #fff
}

.avatar[class*=status-]:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    z-index: 1
}

.avatar.status-online:before {
    background-color: #25b003
}

.avatar.status-offline:before {
    background-color: #31374a
}

.avatar.status-away:before {
    background-color: #e5780b
}

.avatar.status-do-not-disturb:before {
    background-color: #ec1f00
}

.avatar .avatar-button {
    background-color: var(--phoenix-avatar-button-bg) !important;
    transition: all .2s ease-in-out;
    border: 1px solid var(--phoenix-avatar-button-bg);
    font-size: 12px
}

.avatar .avatar-button:focus,
.avatar .avatar-button:hover {
    background-color: var(--phoenix-avatar-button-hover-bg) !important
}

.avatar:hover .overlay-icon {
    opacity: 1
}

.avatar-s {
    height: 1.5rem;
    width: 1.5rem
}

.avatar-s .avatar-name {
    font-size: .5rem;
    line-height: 1.2
}

.avatar-s .avatar-emoji {
    font-size: 1.5rem
}

.avatar-s[class*=status-]:before {
    border: 1px solid #fff;
    height: 6px;
    width: 6px;
    right: 1px;
    bottom: 1px
}

.avatar-s .rounded-soft {
    border-radius: .25rem !important
}

.avatar-s .rounded-none {
    border-radius: 0 !important
}

.avatar-m {
    height: 2rem;
    width: 2rem
}

.avatar-m .avatar-name {
    font-size: .6666666667rem;
    line-height: 1.2
}

.avatar-m .avatar-emoji {
    font-size: 2rem
}

.avatar-m[class*=status-]:before {
    border: 1px solid #fff;
    height: 8px;
    width: 8px;
    right: 1px;
    bottom: 1px
}

.avatar-m .rounded-soft {
    border-radius: .3333333333rem !important
}

.avatar-m .rounded-none {
    border-radius: 0 !important
}

.avatar-l {
    height: 2.5rem;
    width: 2.5rem
}

.avatar-l .avatar-name {
    font-size: .8333333333rem;
    line-height: 1.2
}

.avatar-l .avatar-emoji {
    font-size: 2.5rem
}

.avatar-l[class*=status-]:before {
    border: 1px solid #fff;
    height: 9px;
    width: 9px;
    right: 2px;
    bottom: 2px
}

.avatar-l .rounded-soft {
    border-radius: .4166666667rem !important
}

.avatar-l .rounded-none {
    border-radius: 0 !important
}

.avatar-xl {
    height: 3.5rem;
    width: 3.5rem
}

.avatar-xl .avatar-name {
    font-size: 1.1666666667rem;
    line-height: 1.2
}

.avatar-xl .avatar-emoji {
    font-size: 3.5rem
}

.avatar-xl[class*=status-]:before {
    border: 2px solid #fff;
    height: 18px;
    width: 18px;
    right: 1px;
    bottom: 1px
}

.avatar-xl .rounded-soft {
    border-radius: .5833333333rem !important
}

.avatar-xl .rounded-none {
    border-radius: 0 !important
}

.avatar-2xl {
    height: 4.5rem;
    width: 4.5rem
}

.avatar-2xl .avatar-name {
    font-size: 1.5rem;
    line-height: 1.2
}

.avatar-2xl .avatar-emoji {
    font-size: 4.5rem
}

.avatar-2xl[class*=status-]:before {
    border: 2px solid var(--phoenix-avatar-status-border-color);
    height: 16px;
    width: 16px;
    right: -3px;
    bottom: -3px
}

.avatar-2xl .rounded-soft {
    border-radius: .75rem !important
}

.avatar-2xl .rounded-none {
    border-radius: 0 !important
}

.avatar-3xl {
    height: 6rem;
    width: 6rem
}

.avatar-3xl .avatar-name {
    font-size: 2rem;
    line-height: 1.2
}

.avatar-3xl .avatar-emoji {
    font-size: 6rem
}

.avatar-3xl[class*=status-]:before {
    border: 3px solid var(--phoenix-avatar-status-border-color);
    height: 18px;
    width: 18px;
    right: 0;
    bottom: 0
}

.avatar-3xl .rounded-soft {
    border-radius: 1rem !important
}

.avatar-3xl .rounded-none {
    border-radius: 0 !important
}

.avatar-group {
    display: flex;
    flex-wrap: nowrap
}

.avatar-group .avatar-2xl:not(:first-child),
.avatar-group .avatar-l:not(:first-child),
.avatar-group .avatar-m:not(:first-child),
.avatar-group .avatar-s:not(:first-child),
.avatar-group .avatar-xl:not(:first-child) {
    margin-left: -.5rem
}

.avatar-group .avatar-3xl:not(:first-child) {
    margin-left: -1rem
}

.avatar-group .avatar-4xl:not(:first-child) {
    margin-left: -1.5rem
}

.avatar-group .avatar-5xl:not(:first-child) {
    margin-left: -2rem
}

.avatar-group-dense .avatar-s:not(:first-child) {
    margin-left: -.6rem
}

.avatar-group-dense .avatar-m:not(:first-child) {
    margin-left: -.8rem
}

.avatar-group-dense .avatar-2xl:not(:first-child),
.avatar-group-dense .avatar-l:not(:first-child),
.avatar-group-dense .avatar-xl:not(:first-child) {
    margin-left: -1rem
}

.avatar-group-dense .avatar-3xl:not(:first-child) {
    margin-left: -1.5rem
}

.avatar-group-dense .avatar-4xl:not(:first-child) {
    margin-left: -2.2rem
}

.avatar-group-dense .avatar-5xl:not(:first-child) {
    margin-left: -3.6rem
}

.modal-title {
    font-size: 1.25rem;
    color: #3e465b
}

.accordion-button {
    font-weight: 700
}

.accordion-item {
    border-bottom: 1px solid #cbd0dd
}

.standard-accordion .accordion-button {
    padding: .5rem 0;
    color: #141824
}

.standard-accordion .accordion-button:before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%233874FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    margin-right: .5rem
}

.standard-accordion .accordion-button:after {
    display: none
}

.standard-accordion .accordion-button:not(.collapsed):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%233874FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
    transform: rotate(-180deg)
}

.standard-accordion .accordion-body {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    margin-left: .25rem
}

.standard-accordion .accordion-item {
    border-bottom: none
}

.iconic-accordion .accordion-button {
    color: #141824;
    padding: .5rem 0;
    margin: .25rem 0
}

.iconic-accordion .accordion-button:before {
    content: "";
    width: 3rem;
    height: 3rem;
    padding: 4px;
    border-radius: 50%;
    background: #e5edff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233874FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-position: 50%;
    transition: transform .2s ease-in-out;
    margin-right: .5rem
}

.iconic-accordion .accordion-button:not(.collapsed):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%233874FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
    transform: rotate(-180deg)
}

.iconic-accordion .accordion-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='%233874FF' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E")
}

.iconic-accordion .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='%233874FF' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E")
}

.iconic-accordion .accordion-body {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 3rem;
    margin-left: .5rem
}

.iconic-accordion .accordion-item {
    border-bottom: none
}

.dot-accordion .accordion-button {
    padding: .5rem 0
}

.dot-accordion .accordion-button:before {
    content: "";
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background-color: #9fa6bc;
    margin-right: .5rem
}

.dot-accordion .accordion-button:after {
    display: none
}

.dot-accordion .accordion-item {
    border-bottom: none
}

.breadcrumb {
    font-weight: 700
}

.code-block {
    padding: 0;
    overflow: auto
}

.code-block pre[class*=language-] {
    padding: 1.6rem;
    border: 0;
    margin: 0;
    border-radius: 0
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background-color: #141824
}

code.language-html:first-child {
    display: block
}

code[class*=language-],
pre[class*=language-] {
    color: #6e7891;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: .8rem;
    border-radius: 0
}

pre[class*=language-] {
    margin: 0;
    padding: 1.5rem
}

.contains-anchor a {
    opacity: 0;
    transition-property: opacity
}

.contains-anchor:focus a,
.contains-anchor:hover a {
    opacity: 1;
    text-decoration: none
}

.components-nav {
    font-size: .85rem
}

.component-example,
.components-nav {
    font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.component-example [class^=border] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin: .75rem;
    background-color: #eff2f6
}

.border-component [class^=border],
.border-component [class^=rounded-] {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: .25rem
}

.border-component [class^=border],
.border-component [class^=rounded-] {
    background-color: var(--phoenix-200)
}

#loaders [class^=spinner] {
    margin-right: .5rem
}

.doc-tab-nav [data-list] a.page,
.doc-tab-nav a.btn,
[data-list] .doc-tab-nav a.page {
    width: 8.4375rem;
    text-align: center
}

.code-btn.collapsed+.preview-btn,
.code-btn:not(.collapsed),
.doc-tab-nav .active {
    display: none
}

.opacity-docs [class^=opacity-] {
    height: 100px;
    width: 100px;
    background-color: #3874ff;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.overflow-docs [class^=overflow-] {
    max-height: 70px;
    max-width: 22%;
    background-color: #eff2f6;
    display: inline-block;
    padding: 1rem;
    margin-right: .5rem
}

.dropdown-menu {
    font-size: .8rem;
    border-radius: .5rem
}

.dropdown-caret-none:after,
.dropdown-caret-none:before {
    display: none !important
}

.dropdown-md {
    min-width: 16.625rem
}

.hover-actions {
    display: none;
    position: absolute
}

.hover-actions.show {
    display: inline-block
}

.hover-actions.show+.hover-hide {
    display: none
}

a[href].bg-200:focus,
a[href].bg-200:hover {
    background-color: #cbd0dd !important
}

.hover-primary:focus,
.hover-primary:hover {
    color: #3874ff !important
}

.hover-shadow:focus,
.hover-shadow:hover {
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1)
}

.hover-actions-trigger {
    position: relative
}

.hover-actions-trigger .inbox-link {
    color: inherit;
    text-decoration: none
}

.hover-actions-trigger:focus .hover-actions,
.hover-actions-trigger:hover .hover-actions {
    z-index: 1;
    display: flex;
    animation: fade .15s ease-in-out
}

.hover-actions-trigger:focus .hover-actions.btn,
.hover-actions-trigger:focus [data-list] .hover-actions.page,
.hover-actions-trigger:hover .hover-actions.btn,
.hover-actions-trigger:hover [data-list] .hover-actions.page,
[data-list] .hover-actions-trigger:focus .hover-actions.page,
[data-list] .hover-actions-trigger:hover .hover-actions.page {
    display: inline-block
}

.hover-actions-trigger:focus .hover-hide,
.hover-actions-trigger:hover .hover-hide {
    display: none
}

.hover-bg-black:hover {
    background-color: var(--phoenix-black) !important
}

.hover-bg-soft:hover {
    background-color: var(--phoenix-soft) !important
}

.hover-bg-100:hover {
    background-color: var(--phoenix-100) !important
}

.hover-bg-200:hover {
    background-color: var(--phoenix-200) !important
}

.hover-bg-300:hover {
    background-color: var(--phoenix-300) !important
}

.hover-bg-400:hover {
    background-color: var(--phoenix-400) !important
}

.hover-bg-500:hover {
    background-color: var(--phoenix-500) !important
}

.hover-bg-600:hover {
    background-color: var(--phoenix-600) !important
}

.hover-bg-700:hover {
    background-color: var(--phoenix-700) !important
}

.hover-bg-800:hover {
    background-color: var(--phoenix-800) !important
}

.hover-bg-900:hover {
    background-color: var(--phoenix-900) !important
}

.hover-bg-1000:hover {
    background-color: var(--phoenix-1000) !important
}

.hover-bg-1100:hover {
    background-color: var(--phoenix-1100) !important
}

.hover-bg-white:hover {
    background-color: var(--phoenix-white) !important
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.icon-group {
    display: flex
}

.icon-group .icon-item:not(:last-child) {
    margin-right: .5rem
}

.icon-item {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #525b75;
    transition: all .2s ease-in-out;
    height: 2.5rem;
    width: 2.5rem;
    border: 0;
    font-size: .875rem
}

.icon-item:focus,
.icon-item:hover {
    background-color: #e3e6ed
}

.icon-item.icon-item-sm {
    height: 1.875rem;
    width: 1.875rem
}

.icon-item.icon-item-lg {
    height: 2.75rem;
    width: 2.75rem
}

.fa-icon-wait {
    opacity: 0
}

.fontawesome-i2svg-active .fa-icon-wait {
    opacity: 1
}

.hover-actions-trigger.btn-reveal-trigger .hover-actions,
[dir=rtl] .hover-actions-trigger.btn-reveal-trigger .hover-actions {
    right: 3rem
}

.white-space-nowrap {
    width: 1px;
    white-space: nowrap
}

.table>thead>tr>th {
    padding-top: .625rem !important;
    padding-bottom: .625rem !important
}

.scrollbar {
    overflow: auto
}

.scrollbar::-webkit-scrollbar {
    visibility: hidden;
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
    background-color: transparent
}

.scrollbar::-webkit-scrollbar-thumb {
    visibility: hidden;
    border-radius: 3px;
    background-color: rgba(159, 166, 188, .55)
}

.scrollbar:focus::-webkit-scrollbar,
.scrollbar:focus::-webkit-scrollbar-thumb,
.scrollbar:hover::-webkit-scrollbar,
.scrollbar:hover::-webkit-scrollbar-thumb {
    visibility: visible
}

.navbar-vibrant .scrollbar {
    overflow: auto
}

.navbar-vibrant .scrollbar::-webkit-scrollbar {
    visibility: hidden;
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
    background-color: transparent
}

.navbar-vibrant .scrollbar::-webkit-scrollbar-thumb {
    visibility: hidden;
    border-radius: 3px;
    background-color: hsla(0, 0%, 100%, .4)
}

.navbar-vibrant .scrollbar:focus::-webkit-scrollbar,
.navbar-vibrant .scrollbar:focus::-webkit-scrollbar-thumb,
.navbar-vibrant .scrollbar:hover::-webkit-scrollbar,
.navbar-vibrant .scrollbar:hover::-webkit-scrollbar-thumb {
    visibility: visible
}

.firefox .scrollbar {
    overflow: auto !important;
    scrollbar-color: rgba(159, 166, 188, .55) transparent;
    scrollbar-width: thin
}

.firefox .navbar-vibrant .scrollbar {
    overflow: auto !important;
    scrollbar-color: hsla(0, 0%, 100%, .4) transparent;
    scrollbar-width: thin
}

.os-theme-dark>.os-scrollbar:focus>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(159, 166, 188, .55)
}

.theme-slider:focus .carousel-control-next,
.theme-slider:focus .carousel-control-prev,
.theme-slider:hover .carousel-control-next,
.theme-slider:hover .carousel-control-prev {
    color: #525b75;
    opacity: .5 !important
}

.theme-slider .carousel-control-next,
.theme-slider .carousel-control-prev {
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .1);
    transition: opacity .4s ease-in-out;
    color: #525b75;
    opacity: 0
}

.theme-slider .carousel-control-next:focus,
.theme-slider .carousel-control-next:hover,
.theme-slider .carousel-control-prev:focus,
.theme-slider .carousel-control-prev:hover {
    opacity: 1 !important
}

.theme-slider .carousel-control-prev {
    left: .5rem
}

.theme-slider .carousel-control-next {
    right: .5rem
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .375rem
}

.list-group-item-action {
    width: 100%;
    color: #525b75;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: var(--phoenix-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--phoenix-list-group-hover-bg)
}

.list-group-item-action:active {
    color: #31374a;
    background-color: var(--phoenix-200)
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: var(--phoenix-800);
    background-color: var(--phoenix-list-group-bg);
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6e7891;
    pointer-events: none;
    background-color: var(--phoenix-list-group-bg)
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #3874ff;
    border-color: #3874ff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .375rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .375rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .375rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .375rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .375rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .375rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .375rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .375rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .375rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .375rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1540px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .375rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .375rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: var(--phoenix-list-group-item-primary-color);
    background-color: var(--phoenix-list-group-item-primary-background);
    --phoenix-list-group-item-primary-hover-focus-background: #c2cce6
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: var(--phoenix-list-group-item-primary-color);
    background-color: var(--phoenix-list-group-item-primary-hover-focus-background)
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: var(--phoenix-list-group-item-primary-color);
    border-color: var(--phoenix-list-group-item-primary-color)
}

.list-group-item-secondary {
    color: var(--phoenix-list-group-item-secondary-color);
    background-color: var(--phoenix-list-group-item-secondary-background);
    --phoenix-list-group-item-secondary-hover-focus-background: #c1c2c5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: var(--phoenix-list-group-item-secondary-color);
    background-color: var(--phoenix-list-group-item-secondary-hover-focus-background)
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: var(--phoenix-list-group-item-secondary-color);
    border-color: var(--phoenix-list-group-item-secondary-color)
}

.list-group-item-success {
    color: var(--phoenix-list-group-item-success-color);
    background-color: var(--phoenix-list-group-item-success-background);
    --phoenix-list-group-item-success-hover-focus-background: #bed7b9
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: var(--phoenix-list-group-item-success-color);
    background-color: var(--phoenix-list-group-item-success-hover-focus-background)
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: var(--phoenix-list-group-item-success-color);
    border-color: var(--phoenix-list-group-item-success-color)
}

.list-group-item-info {
    color: var(--phoenix-list-group-item-info-color);
    background-color: var(--phoenix-list-group-item-info-background);
    --phoenix-list-group-item-info-hover-focus-background: #b8d3e2
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: var(--phoenix-list-group-item-info-color);
    background-color: var(--phoenix-list-group-item-info-hover-focus-background)
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: var(--phoenix-list-group-item-info-color);
    border-color: var(--phoenix-list-group-item-info-color)
}

.list-group-item-warning {
    color: var(--phoenix-list-group-item-warning-color);
    background-color: var(--phoenix-list-group-item-warning-background);
    --phoenix-list-group-item-warning-hover-focus-background: #e1cdb9
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: var(--phoenix-list-group-item-warning-color);
    background-color: var(--phoenix-list-group-item-warning-hover-focus-background)
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: var(--phoenix-list-group-item-warning-color);
    border-color: var(--phoenix-list-group-item-warning-color)
}

.list-group-item-danger {
    color: var(--phoenix-list-group-item-danger-color);
    background-color: var(--phoenix-list-group-item-danger-background);
    --phoenix-list-group-item-danger-hover-focus-background: #e2bdb8
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: var(--phoenix-list-group-item-danger-color);
    background-color: var(--phoenix-list-group-item-danger-hover-focus-background)
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: var(--phoenix-list-group-item-danger-color);
    border-color: var(--phoenix-list-group-item-danger-color)
}

.list-group-item-light {
    color: var(--phoenix-list-group-item-light-color);
    background-color: var(--phoenix-list-group-item-light-background);
    --phoenix-list-group-item-light-hover-focus-background: #e3e3e4
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: var(--phoenix-list-group-item-light-color);
    background-color: var(--phoenix-list-group-item-light-hover-focus-background)
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: var(--phoenix-list-group-item-light-color);
    border-color: var(--phoenix-list-group-item-light-color)
}

.list-group-item-dark {
    color: var(--phoenix-list-group-item-dark-color);
    background-color: var(--phoenix-list-group-item-dark-background);
    --phoenix-list-group-item-dark-hover-focus-background: #bbbcbe
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: var(--phoenix-list-group-item-dark-color);
    background-color: var(--phoenix-list-group-item-dark-hover-focus-background)
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: var(--phoenix-list-group-item-dark-color);
    border-color: var(--phoenix-list-group-item-dark-color)
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-style: normal;
    font-weight: 400;
    line-height: 1.49;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: var(--phoenix-popover-bg);
    background-clip: padding-box;
    border: 1px solid var(--phoenix-popover-border-color);
    border-radius: .5rem;
    box-shadow: var(--phoenix-popover-box-shadow)
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .5rem
}

.popover .popover-arrow:after,
.popover .popover-arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: var(--phoenix-popover-arrow-outer-color)
}

.bs-popover-auto[x-placement^=top]>.popover-arrow:after,
.bs-popover-top>.popover-arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: var(--phoenix-popover-arrow-color)
}

.bs-popover-auto[x-placement^=right],
.bs-popover-end {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .5rem 0
}

.bs-popover-auto[x-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: var(--phoenix-popover-arrow-outer-color)
}

.bs-popover-auto[x-placement^=right]>.popover-arrow:after,
.bs-popover-end>.popover-arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: var(--phoenix-popover-arrow-color)
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: var(--phoenix-popover-arrow-outer-color)
}

.bs-popover-auto[x-placement^=bottom]>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: var(--phoenix-popover-arrow-color)
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid var(--phoenix-popover-header-bg)
}

.bs-popover-auto[x-placement^=left],
.bs-popover-start {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .5rem 0
}

.bs-popover-auto[x-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: var(--phoenix-popover-arrow-outer-color)
}

.bs-popover-auto[x-placement^=left]>.popover-arrow:after,
.bs-popover-start>.popover-arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: var(--phoenix-popover-arrow-color)
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: var(--phoenix-popover-peader-color);
    background-color: var(--phoenix-popover-header-bg);
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem;
    color: var(--phoenix-popover-body-color)
}

.badge-light-primary {
    color: #004dff;
    background-color: #e5edff
}

.badge-light-primary[href]:focus,
.badge-light-primary[href]:hover {
    text-decoration: none;
    color: #004dff
}

.badge-light-secondary {
    color: #141824;
    background-color: #eff2f6
}

.badge-light-secondary[href]:focus,
.badge-light-secondary[href]:hover {
    text-decoration: none;
    color: #141824
}

.badge-light-success {
    color: #1c6c09;
    background-color: #d9fbd0
}

.badge-light-success[href]:focus,
.badge-light-success[href]:hover {
    text-decoration: none;
    color: #1c6c09
}

.badge-light-info {
    color: #005585;
    background-color: #c7ebff
}

.badge-light-info[href]:focus,
.badge-light-info[href]:hover {
    text-decoration: none;
    color: #005585
}

.badge-light-warning {
    color: #bc3803;
    background-color: #ffefca
}

.badge-light-warning[href]:focus,
.badge-light-warning[href]:hover {
    text-decoration: none;
    color: #bc3803
}

.badge-light-danger {
    color: #b81800;
    background-color: #ffe0db
}

.badge-light-danger[href]:focus,
.badge-light-danger[href]:hover {
    text-decoration: none;
    color: #b81800
}
.circulo{
    display: flex;
    border-radius: 50% !important;
    padding: 5px;
    margin-left: -10px;
}