/* prettier-ignore */
/*# sourceMappingURL=user.css.91b060fc3204.map */

:root {
    --phoenix-border-radius: 1.4rem
}

.figure a {
    text-decoration: none;
}

.text-indigo {
    color: var(--phoenix-indigo);
}

.text-purple {
    color: var(--phoenix-purple);
}

.text-teal {
    color: var(--phoenix-teal);
}

.navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link .nav-link-text {
    padding-left: 8px;
}


.bg-indigo-subtle {
  background-color: #C4A6F6F9 !important;
}

.bg-purple-subtle {
  background-color: rgba(206, 186, 245, 0.73) !important;
}

.bg-teal-subtle {
  background-color: #b8f5e3f7 !important;
}


.ratio_40 .bg-size:before {
    padding-top: 40%;
    content: "";
    display: block;
}

.ratio_45 .bg-size:before {
    padding-top: 45%;
    content: "";
    display: block;
}

.ratio2_1 .bg-size:before {
    padding-top: 50%;
    content: "";
    display: block;
}

.ratio2_3 .bg-size:before {
    padding-top: 60%;
    content: "";
    display: block;
}

.ratio3_2 .bg-size:before {
    padding-top: 66.66%;
    content: "";
    display: block;
}

.ratio_landscape .bg-size:before {
    padding-top: 75%;
    content: "";
    display: block;
}

.ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block;
}

.ratio_asos .bg-size:before {
    padding-top: 127.7777778%;
    content: "";
    display: block;
}

.ratio_portrait .bg-size:before {
    padding-top: 150%;
    content: "";
    display: block;
}

.ratio1_2 .bg-size:before {
    padding-top: 200%;
    content: "";
    display: block;
}

.b-top {
    background-position: top !important;
}

.b-bottom {
    background-position: bottom !important;
}

.b-center {
    background-position: center !important;
}

.b_size_content {
    background-size: contain !important;
    background-repeat: no-repeat;
}

/*Lazy load */
.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}


.section-b-space {
    padding-bottom: 70px;
}

.category-block .category-image {
    margin: 0 auto;
    text-align: center;
    border: 1px solid var(--phoenix-primary-border-subtle);
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.category-block .category-details {
    margin-top: 15px;
    text-align: center;
}

.category-block:hover .category-image {
    background-color: var(--phoenix-primary-border-subtle);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.category-block:hover .category-details h5 {
    color: var(--phoenix-link-hover-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.form-control, .accordion-item {
    border-radius: var(--phoenix-border-radius);
}

.button-group-field .form-control, .button-group-field .form-control {
    border-radius: var(--phoenix-border-radius) 0 0 var(--phoenix-border-radius);
}

#date_row input[type='date'] {
    border-radius: 0;
}


.input-group > div:first-child .form-control,
.btn-group > div:first-child .form-control,
.btn-group > div:first-child .btn,
.btn-group > .btn:first-child,
.btn-group > label.btn:first-of-type,
.input-group > *:first-child.input-group-text,
.btn-group > *:first-child.input-group-text,
.input-group > div:first-child .choices__inner
{
    border-radius: var(--phoenix-border-radius) 0 0 var(--phoenix-border-radius);
}


.input-group > :last-child:not(.dropdown-menu),
.btn-group > :last-child:not(.dropdown-menu),
.input-group > :last-child:not(.dropdown-menu) a.btn,
.input-group > :last-child:not(.dropdown-menu) button.btn,
.btn-group > :last-child:not(.dropdown-menu) button.btn,
.btn-group > :last-child:not(.dropdown-menu) button.btn,
.btn-group > button.btn:last-child:not(.dropdown-menu),
.btn-group > :last-child:not(.dropdown-menu) label.btn
{
    border-radius: 0 var(--phoenix-border-radius) var(--phoenix-border-radius) 0;
}

.input-group > div:not(:first-child):not(:last-child) .form-control,
.btn-group > div:not(:first-child):not(:last-child) .form-control,
.btn-group > div:not(:first-child):not(:last-child) .btn {
    border-radius: 0;
}

.input-group > div:only-child .form-control,
.btn-group > div:only-child .form-control,
.btn-group > div:only-child .btn,
.btn-group > .btn:only-child {
    border-radius: var(--phoenix-border-radius) !important;
}

.accordion > .accordion-item:first-child {
    border-radius: var(--phoenix-border-radius) var(--phoenix-border-radius) 0 0;
}

.accordion > .accordion-item:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.accordion > .accordion-item:last-child
{
    border-radius: 0 0 var(--phoenix-border-radius) var(--phoenix-border-radius);
}

.accordion > .accordion-item:only-child {
    border-radius: var(--phoenix-border-radius) !important;
}

.dashboard-filter .btn-group {
    min-width: 100px;
}

.dashboard-filter #search_button, #filter_form #search_button  {
    max-width: 120px;
}

[data-bs-toggle="dropdown"].more-button {
    max-width: 85px;
}


.form-control, .form-select, .tox .tox-edit-area, .typeahead {
    background-color: var(--phoenix-emphasis-bg) !important;
}

.form-select {
    background-position: right 1.0rem center;
    background-size: 9px 12px;
    padding-right: 2rem;
}

.stock-count-search span.twitter-typeahead {
    display: block !important;
}

.stock-count-search.ajax-search .typeahead {
    height: 48px;
}

td {
    vertical-align: middle;
}

ul.dropdown-menu, div.dropdown-menu {
    overflow: hidden;
}

.bottom-fixed {
    position: fixed;
    bottom: .2rem;
    left: 50%; /* Center horizontally */
    transform: translateX(-50%);
    margin: 0.5rem;
    z-index: 99;
    border-radius: 2.5rem;
    box-shadow: #0e4db5 1px 2px 5px;
    transition: all 0.2s ease-in ;
    -webkit-transition: all 0.2s ease-in ;
    opacity: 1;
    padding: .8rem;
}

.bottom-fixed.hidden {
    transition: all 0.2s ease-in ;
    -webkit-transition: all 0.2s ease-in ;
    bottom: -100px;
    opacity: 0;
}

#list-buttons {
    transition: all 0.2s ease-in ;
    -webkit-transition: all 0.2s ease-in ;
    opacity: 1;
}

#list-buttons.hidden {
    transition: all 0.2s ease-in ;
    -webkit-transition: all 0.2s ease-in ;
    opacity: 0;
}

.jconfirm.jconfirm-dark .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box.loading {
    background-color: var(--phoenix-body-bg);
}

ul.formset-ul li {
    list-style: none;
}


.on-hover-up {
    transition: transform 0.2s ease;
}

.on-hover-up:hover {
    transform: translateY(-5px);
}

.content {
  padding: calc(var(--phoenix-navbar-top-height) + 1.5rem) 1.5rem 6.375rem 1.5rem !important;
}

.navbar-top-search-box.search-box {
    width:8rem;
    transition: width 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.navbar-top-search-box.search-box.expanded {
    width:20rem !important;
}

.tag {
  /*background-color: transparent;*/
  /*border: 1px solid #dee2e6;*/
  /*color: #495057;*/
  /*  background-color: #e7f1ff; !* pastel blue *!*/
  /*color: #0d6efd;*/
    background-color: #d3e1ee; /* light gray */
  color: #343a40;
  padding: .2rem .5rem;
    margin-right: .2rem;
  font-size: 0.65rem;
}