.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
    padding: 0;
}

.modal .modal-content {
    padding: 2.5rem;
    border-radius: 1.5rem;
}

@media only screen and (max-width: 575px) {
    .modal .modal-content {
        padding: 2.5rem 2rem;
    }
}

.modal .modal-content .modal-header {
    border-bottom: none;
    margin-bottom: 2.5rem;
}

.modal .modal-content .modal-header .modal-title {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
}

.modal .modal-content .modal-body {
    border-bottom: none;
    margin-bottom: 2.5rem;
}

.modal .modal-content .modal-body:last-of-type {
    margin-bottom: 0;
}

.modal .modal-content .modal-footer {
    border-top: none;
}

.modal .modal-content .modal-footer .btn {
    font-size: 0.875rem;
}

/* User select modal */
#subscriberSelectModal .modal-dialog {
    max-width: 820px;
}

#subscriberSelectModal .modal-content {
    max-height: calc(100dvh - var(--bs-modal-margin) * 2);
}

#subscriberSelectModal .modal-body:last-of-type {
    margin-bottom: 0;
}

#subscriberSelectModal .subscriber-select-content button.btn-primary {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    padding: 0.5rem 0.75rem;
}

#subscriberSelectModal .subscriber-select-content button.btn-link {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
}

#subscriberSelectModal .subscriber-select-content .right-column {
    background-color: var(--background-tertiary);
    border: 1px solid var(--border-primary);
    border-radius: 1rem;
    flex: initial;
    max-width: none;
}

#subscriberSelectModal .subscriber-select-content .subscribers .card {
    width: calc(25% - 1.125rem);
    padding: 0.75rem;
    background-color: var(--background-tertiary);
    border-collapse: var(--border-tertiary);
    min-height: 110px;
}

#subscriberSelectModal .subscriber-select-content .text-lg {
    color: var(--text-primary);
}

#subscriberSelectModal .subscriber-select-content .subscribers .card h5,
#subscriberSelectModal .subscriber-select-content .subscribers .card p {
    color: var(--cymedica-blue);
}

@media only screen and (max-width: 991px) {
    #subscriberSelectModal .subscriber-select-content .subscribers .card {
        width: calc(33.33% - 1rem);
    }
}

@media only screen and (max-width: 575px) {
    #subscriberSelectModal .subscriber-select-content .subscribers .card {
        width: 100%;
    }
}

/* Compare price lists modal */
#comparePriceListModal .modal-dialog {
    max-width: 550px;
}

#comparePriceListModal .compare-price-lists-container > div {
    flex: 1 1 calc(50% - 0.75rem);
}

#comparePriceListModal .compare-price-lists-container .sortable-table {
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--border-primary);
    border-radius: 0.625rem;
    color: var(--text-placeholder);
}

#comparePriceListModal .compare-price-lists-container .sortable-item {
    cursor: grab;
}

#comparePriceListModal .compare-price-lists-container .sortable-item:not(:last-child) {
    padding-bottom: 0.5rem;
}

/* Shopping cart select modal */
#shoppingCartListModal .modal-dialog {
    max-width: 820px;
}

#shoppingCartListModal .modal-content {
    max-height: calc(100dvh - var(--bs-modal-margin) * 2);
}

#shoppingCartListModal .modal-content .shopping-cart-list-modal-content .card {
    cursor: pointer;
    background-color: var(--background-tertiary);
    width: 100%;
}

@media only screen and (min-width: 576px) {
    #shoppingCartListModal .modal-content .shopping-cart-list-modal-content .card {
        width: calc(33.33% - 1rem);
    }
}

@media only screen and (min-width: 992px) {
    #shoppingCartListModal .modal-content .shopping-cart-list-modal-content .card {
        width: calc(25% - 1.125rem);
    }
}

#shoppingCartListModal .shopping-cart-list-modal-content .card.active {
    border-color: hsla(142, 76%, 36%, 1);
    background-color: hsla(141, 79%, 85%, 1);
}

#shoppingCartListModal .shopping-cart-list-modal-content .trash-icon {
    cursor: pointer;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

#shoppingCartListModal .shopping-cart-list-modal-content .selected-icon {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
}

/* ALP form modal */
#alpFormModal .modal-dialog {
    max-width: 820px;
}

#alpFormModal .alp-modal-body .alp-category-input input::-webkit-outer-spin-button,
#alpFormModal .alp-modal-body .alp-category-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#alpFormModal .alp-modal-body .alp-category-input input[type="number"] {
    -moz-appearance: textfield;
    appearance: initial;
}

#alpFormModal .alp-modal-body .product-container {
    background-color: var(--background-tertiary);
}

#alpFormModal .alp-modal-body .product-image {
    width: 40px;
    height: 40px;
}

#alpFormModal .alp-modal-body .product-quantity {
    color: var(--text-placeholder);
}

#alpFormModal .alp-modal-body .alp-category-code {
    flex: 0 1 60px;
}

#alpFormModal .alp-modal-body .alp-category-name {
    flex: 1 1 calc((100% - 60px - 4rem) / 2);
}

#alpFormModal .alp-modal-body .alp-category-input {
    flex: 1 1 calc((100% - 60px - 4rem) / 2);
}

#alpFormModal .alp-modal-body .alp-category-input .qty-button {
    padding: 0 7px;
    width: 36px;
    height: 36px;
}

@media only screen and (max-width: 575px) {
    #alpFormModal .alp-modal-body .alp-category-input {
        flex: 1 1 100%;
    }
}

#alpFormModal .alp-modal-body input.opt-quantity-input::-webkit-outer-spin-button,
#alpFormModal .alp-modal-body input.opt-quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    /* Re-enable for WebKit browsers */
}

#alpFormModal .alp-modal-body input.opt-quantity-input {
    -moz-appearance: initial !important;
    appearance: initial !important;
}

/* Delivery address create success modal */
#addressCreatedModal .success-content {
    margin: 3.5rem 0;
}

#addressCreatedModal .modal-footer .btn {
    font-size: 0.875rem;
}

@media (max-width: 767px) {
    #addressCreatedModal .modal-footer .btn {
        width: 100%;
    }
}

/* Edit or Add delivery address and phone number modal */
#deliveryAddressEditModal .modal-dialog {
    max-width: 668px;
}

#deliveryAddressEditModalContent .checkbox-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
}

@media (min-width: 768px) {
    #deliveryAddressEditModalContent .checkbox-container {
        grid-template-columns: 1fr 1fr;
        row-gap: calc(1.5rem - 2px);
    }
}

#deliveryAddressEditModalContent .form-check--basic .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0.1rem;
    margin-right: 0.5rem;
    border-radius: 0.375rem;
}

#deliveryAddressEditModalContent .form-check--basic .form-check-input:checked::before {
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.5 4 3 3 6-6' stroke='%23003970' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#deliveryAddressEditModalContent .day-wrap {
    min-width: 7.25rem;
}

#deliveryAddressEditModalContent button.btn {
    padding: 0.5rem 0.75rem;
}

#deliveryAddressEditModalContent .radio-cell .radio-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: 0.1rem;
    background-color: var(--background-primary);
    border: 1px solid var(--border-primary);
    border-radius: 0.375rem;
}

#deliveryAddressEditModalContent .radio-cell .radio-checkbox:checked {
    border-color: var(--cymedica-blue);
    background-color: var(--button-primary-disabled);
}

#deliveryAddressEditModalContent .radio-cell .radio-checkbox:checked::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.5 4 3 3 6-6' stroke='%23003970' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#phoneNumberEditModal .label-required::after,
#deliveryAddressEditModal .label-required::after {
    content: "*";
    color: var(--text-error);
}

#phoneNumberEditModal .modal-dialog {
    max-width: 550px;
}

#phoneNumberEditModal button.btn {
    padding: 0.5rem 0.75rem;
}

/* Custom price modal */
#customDiscountModal .modal-body {
    margin-bottom: 2rem;
}

#customDiscountModal .discount-dropdown {
    cursor: pointer;
    border-radius: 0.625rem;
    text-align: left;
    color: var(--text-placeholder);
    position: relative;
    font-weight: 300;
}

#customDiscountModal .modal-body .discount-dropdown,
#customDiscountModal .modal-body .product-quantity {
    height: 40px;
}

#customDiscountModal .discount-dropdown::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15 7.5-5 5-5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    width: 20px;
    height: 20px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Batch list modal */
.batchListModal thead th {
    background: hsla(214, 32%, 91%, 1);
    padding: 0.75rem 1.25rem;
    font-weight: 300;
    text-align: left;
}
@media only screen and (max-width: 575px) {
    .batchListModal thead th {
        padding: 0.5rem;
    }
}

.batchListModal tbody td {
    padding: 1.25rem;
    text-align: left;
}

@media only screen and (max-width: 575px) {
    .batchListModal tbody td {
        padding: 0.5rem;
    }
}

.batchListModal tbody tr {
    border-bottom: 1px solid var(--border-secondary);
}

/*Pagination in modals*/
.page-link {
    padding: 0.5rem;
    border: 1px solid var(--border-tertiary);
    border-radius: 8px;
    line-height: 1.25rem;
    cursor: pointer;
}

.disabled > .page-link {
    border: 1px solid var(--border-tertiary);
    opacity: 0.5;
}

/* Rabats modal */
#rabatsOfferingModal .modal-dialog {
    max-width: 1250px;
    overflow-y: auto;
}

#rabatsOfferingModal .rabat-table thead tr {
    background-color: hsla(214, 32%, 91%, 1);
    border-bottom: 1px solid var(--border-tertiary);
}

#rabatsOfferingModal .rabat-table tbody tr {
    border-bottom: 1px solid var(--border-secondary);
}

#rabatsOfferingModal .rabat-table thead th {
    padding: 13px 20px;
    white-space: nowrap;
}

#rabatsOfferingModal .rabat-table tbody td {
    padding: 23px 20px;
}

#rabatsOfferingModal .rabat-table tbody a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

#rabatsOfferingModal .rabat-table tbody a:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

#rabatsOfferingModal .modal-dialog {
    height: 90vh;
}

#rabatsOfferingModal .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#rabatsOfferingModal .modal-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#rabatsOfferingModal #productsTable {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
}

#rabatsOfferingModal #productsTable::-webkit-scrollbar {
    width: 5px;
    margin-left: 10px;
}

#rabatsOfferingModal #productsTable::-webkit-scrollbar-track {
    background: var(--background-tertiary);
    border-radius: 16px;
}

#rabatsOfferingModal #productsTable::-webkit-scrollbar-thumb {
    background: var(--cymedica-blue);
    border-radius: 16px;
}

#addProductAsRabatModalContent button.quantity-adjust {
    padding: 5px 8px;
    border: 1px solid var(--border-primary);
    background-color: var(--background-tertiary);
}

#addProductAsRabatModalContent button.quantity-adjust:first-of-type {
    border-right: none;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

#addProductAsRabatModalContent button.quantity-adjust:last-of-type {
    border-left: none;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

@media only screen and (max-width: 767px) {
    #addProductAsRabatModalContent button.quantity-adjust:first-of-type {
        border-left: none;
        border-right: 1px solid var(--border-primary);
        border-radius: 0 6px 0 0;
    }

    #addProductAsRabatModalContent button.quantity-adjust:last-of-type {
        border-left: none;
        border-radius: 0 0 6px 0;
    }
}

#addProductAsRabatModalContent .piece-picker {
    background-color: var(--background-tertiary);
    padding: 0.75rem;
    border-radius: 8px;
}

#addProductAsRabatModalContent input.product-quantity {
    border: 1px solid var(--border-primary);
    text-align: center;
    font-weight: 300;
}

#addProductAsRabatModalContent input.product-quantity::-webkit-outer-spin-button,
input.product-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#addProductAsRabatModalContent input.product-quantity[type="number"] {
    -moz-appearance: textfield;
    appearance: initial;
}

/* Order rating modal */
#orderRatingModal .rating-button {
    border-radius: 50%;
}

#orderRatingModal .rating-button.red {
    background-color: hsla(0, 86%, 97%, 1);
}

#orderRatingModal .rating-button.yellow {
    background-color: hsla(48, 100%, 96%, 1);
}

#orderRatingModal .rating-button.green {
    background-color: hsla(141, 84%, 93%, 1);
}

/* Edit category modal */
#editCategoryModal .modal-dialog {
    max-width: 633px;
}

#editCategoryModal .modal-content {
    gap: 2.5rem;
}

#editCategoryModal textarea {
    resize: none;
    min-height: 7.5rem;
    font-size: 0.875rem;
    font-weight: 300;
}

#editCategoryModal .modal-footer {
    gap: 2.5rem;
}

#editCategoryModal .modal-footer .btn {
    flex-basis: 50%;
    margin: 0;
    padding: 0.5rem 0;
}

#cymedicaDeliveryOverviewModalContent .ui-autocomplete {
    padding: 0 !important;
    position: absolute;
    top: 73px !important;
    z-index: 5;
    height: auto !important;
    max-height: 188px; /* max-height of 5rows + padding */
}

#cymedicaDeliveryOverviewModalContent .ui-autocomplete li {
    padding: 0.25rem 0.75rem;
}

#cymedicaDeliveryOverviewModalContent .ui-autocomplete li:hover {
    background: var(--background-tertiary);
}

#cymedicaDeliveryOverviewModalContent .datetimepicker table tr td.today.active,
#transportationForPsychotropicItemsValidationModalContent .datetimepicker table tr td.today.active,
#transportationForPsychotropicItemsValidationModalContent .datetimepicker table tr td.day.active,
#transportationForPsychotropicItemsValidationModalContent .datetimepicker table tr td.day.active:hover {
    background: none !important;
}

#cymedicaDeliveryOverviewModalContent .datetimepicker .day.readonly,
#transportationForPsychotropicItemsValidationModalContent .datetimepicker .day {
    position: relative;
    outline: none;
}

#cymedicaDeliveryOverviewModalContent .datetimepicker .day.readonly::after {
    content: '';
    position: absolute;
    top: 12.5%;
    left: 12.5%;
    width: 75%;
    height: 75%;
    background-color: var(--bg-highlight, hsla(214, 32%, 91%, 1));
    border-radius: 50%;
    z-index: -2;
    pointer-events: none;
}

#cymedicaDeliveryOverviewModalContent .datetimepicker .day.today::before,
#transportationForPsychotropicItemsValidationModalContent .datetimepicker .day.today::before {
    content: '';
    position: absolute;
    top: 12.5%;
    left: 12.5%;
    width: 75%;
    height: 75%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

#cymedicaDeliveryOverviewModalContent .datetimepicker .day {
    position: relative;
    z-index: 2;
}

#internalPriceListModal .accordion-item {
    border: none;
    margin-bottom: 0.5rem;
}

#internalPriceListModal .price-list-accordion-button {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    margin: 0;
    background-color: var(--background-tertiary);
    border-radius: 8px;
    border: 1px solid var(--border-primary);
}

#internalPriceListModal .price-list-accordion-button:not(.collapsed)::before {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

#internalPriceListModal .price-list-accordion-button::before {
    flex-shrink: 0;
    width: 0.75rem;
    height: 0.75rem;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: 0.75rem;
    transition: var(--bs-accordion-btn-icon-transition);
}

#internalPriceListModal .price-list-accordion-button::after {
    display: none;
}

#internalPriceListModal ul.internal-price-list-list {
    columns: 2;
}

#internalPriceListModal .selected-filters {
    width: 100%;
    padding: 0.5rem 0.75rem;
    background-color: var(--background-tertiary);
    border-radius: 8px;
    border: 1px solid var(--border-primary);
}

#internalPriceListModal .selected-filters-list--collapsed {
    max-height: calc(2 * (1.5rem + 2px));
    overflow: hidden;
}

#internalPriceListModal .selected-filters-list-wrapper {
    position: relative;
}

#internalPriceListModal #toggleFiltersBtn {
    color: var(--cymedica-blue);
    text-decoration: underline;
}

#internalPriceListModal #toggleFiltersBtn:hover {
    text-decoration: none;
}


/* PSYCHOTROPIC ITEMS */
.psychotropic-addres-information h3, .psychotropic-addres-warning h3, .psychotropic-split-order h3 {
    padding: 5px;
}

.psychotropic-addres-information .description, .psychotropic-addres-warning .description, .psychotropic-split-order .description {
    color: var(--text-neutral);
}

.psychotropic-addres-information .warning, .psychotropic-addres-warning .warning {
    color: var(--text-error);
    font-size: 1.1rem;
    font-weight: 700
}

.psychotropic-addres-information .footer, .psychotropic-addres-warning .footer {
    color: var(--text-neutral);
}

    .psychotropic-addres-information .footer a, .psychotropic-addres-warning .footer a {
        text-decoration: none;
        font-weight: 600;
        color: inherit !important;
    }

.psychotropic-addres-information .products, .psychotropic-split-order .products {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
    margin-bottom: 1rem !important;
}

.psychotropic-addres-information .products {
    margin-top: 1rem !important;
}

.psychotropic-split-order .products {
    margin-top: 1.5rem !important;
}

@media only screen and (max-width: 575px) {
    .psychotropic-addres-information .products, .psychotropic-split-order .products {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

.psychotropic-addres-information .products .product-row, .psychotropic-split-order .products .product-row {
    margin-bottom: 0.5rem !important;
}

.psychotropic-addres-information .products img, .psychotropic-split-order .products img {
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px;
}

.psychotropic-addres-information .products .product-detail, .psychotropic-split-order .products .product-detail {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 2;
    margin-left: 10px;
    margin-right: 10px;
    align-content: center;
}

.psychotropic-addres-information .product-name, .psychotropic-split-order .product-name {
    color: var(--primary);
    font-size: 1rem;
}

.psychotropic-addres-information .product-quantity, .psychotropic-split-order .product-quantity {
    width: 45px;
    color: hsla(211, 9%, 45%, 1);
    align-content: center;
}

.psychotropic-split-order .selected-delivery-date {
    color: hsla(211, 9%, 45%, 1);
    font-weight: 600;
    color: var(--text-primary);
}

.psychotropic-split-order #clearSplitOrderDeliveryDate {
    font-weight: 550;
    color: var(--text-neutral);
}

.cymedica-delivery-description {
    margin-bottom: 5px;
}

.psychotropic-addres-information .description::after,
.psychotropic-addres-warning .description::after,
.psychotropic-split-order .cymedica-delivery-description::after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.35rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7H16.3373C16.5818 7 16.7041 7 16.8192 7.02763C16.9213 7.05213 17.0188 7.09253 17.1083 7.14736C17.2092 7.2092 17.2957 7.29568 17.4686 7.46863L21.5314 11.5314C21.7043 11.7043 21.7908 11.7908 21.8526 11.8917C21.9075 11.9812 21.9479 12.0787 21.9724 12.1808C22 12.2959 22 12.4182 22 12.6627V15.5C22 15.9659 22 16.1989 21.9239 16.3827C21.8224 16.6277 21.6277 16.8224 21.3827 16.9239C21.1989 17 20.9659 17 20.5 17M15.5 17H14M14 17V7.2C14 6.0799 14 5.51984 13.782 5.09202C13.5903 4.71569 13.2843 4.40973 12.908 4.21799C12.4802 4 11.9201 4 10.8 4H5.2C4.0799 4 3.51984 4 3.09202 4.21799C2.71569 4.40973 2.40973 4.71569 2.21799 5.09202C2 5.51984 2 6.0799 2 7.2V15C2 16.1046 2.89543 17 4 17M14 17H10M10 17C10 18.6569 8.65685 20 7 20C5.34315 20 4 18.6569 4 17M10 17C10 15.3431 8.65685 14 7 14C5.34315 14 4 15.3431 4 17M20.5 17.5C20.5 18.8807 19.3807 20 18 20C16.6193 20 15.5 18.8807 15.5 17.5C15.5 16.1193 16.6193 15 18 15C19.3807 15 20.5 16.1193 20.5 17.5Z' stroke='%23db7706' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    vertical-align: text-bottom;
}

#transportationForPsychotropicItemsValidationModalContent .datetimepicker td.day[style*="--bg-highlight"]:not(.disabled) {
    background: radial-gradient(circle, var(--bg-highlight, hsla(214, 32%, 91%, 1)) 0 60%, transparent 49%) !important;
    color: #272e35;
    position: relative;
    z-index: 2;
}

#transportationForPsychotropicItemsValidationModalContent .datetimepicker .day.active {
    color: #272e35;
    font-weight: 700;
    outline: 3px solid var(--cymedica-blue);
    outline-offset: -4px;
}

#changeDeliveryDateForPsychotropicItems {
    color: var(--button-primary) !important;
    background: none;
    border: none;
}

    #changeDeliveryDateForPsychotropicItems button {
        color: var(--button-primary) !important;
        background: none;
        border: none;
        vertical-align: middle;
        margin-left: 0.1rem;
        font-weight: 600
    }

/* END PSYCHOTROPIC ITEMS */