div#adevmodule_block_home p {
    font-size: 150%;
    font-style: italic;
}

.addon_grid_container {
    display: grid;
    grid-template-areas: 
        'button name name name'
        'button description description description';
}

.addon_button {
    grid-area: button;
}

.addon_name {
    grid-area: name;
}

.addon_description {
    grid-area: description;
}

.ntos_highlight {
    animation: highlightGroup ease 1.4s !important;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes highlightGroup {
    0% {
        background-color: rgb(175, 70, 70, 0.2);
    }
    100% {
        background-color: rgba(175, 70, 70, 0);
    }
}

.ntos_fade_in {
    animation: ntosFadeIn 0.12s;
    animation-fill-mode: forwards;
}

.ntos_fade_out {
    animation: ntosFadeOut 0.12s;
    animation-fill-mode: forwards;
}

@keyframes ntosFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes ntosFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ntos_addon_container {
    margin-top: 24px;
}

.ntos_addon_container tr {
    vertical-align: top;
}

.ntos_margin_b_6 {
    margin-bottom: 6px;
}

.ntos_margin_b_4 {
    margin-bottom: 4px;
}

.ntos_td_content {
    padding-left: 1em; 
    padding-bottom: 5px;
}

.ntos_td_price {
    padding-left: 5px; 
    padding-bottom: 5px;
}

.ntos_no_margin {
    margin: 0;
}

.ntos_enable_pointer {
    cursor: pointer; 
    user-select: none;
}

.ntos_font_name {
    font-weight: 500;
}

.ntos_font_name_s {
    font-weight: 450;
}

.ntos_checkbox {
    background-color: white;
}

.ntos_qty_container {
    max-width: 100%; 
    margin-bottom: 8px;
}

.ntos_qty_input_group {
    padding-top: 2px; 
    display: flex; 
    flex-direction: row;
}

.ntos_qty_name {
    margin-left: 10px;
}

.ntos_qty_max {
    margin-left: auto; 
    opacity: 0;
}

.ntos_qty_changed {
    animation: qtyChanged ease 0.1s !important;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes qtyChanged {
    0% {
        font-size: 130%;
    }
    100% {
        font-size: 100%;
    }
}

.ntos_qty_button {
    border-radius: 50%;
    padding: 0px 0px;
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px;
}

.ntos_qty_input {
    display: block; 
    text-align: center;
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 10px;
    border-width: 1px;
    min-width: 42px;
    min-height: 24px;
    max-width: 42px;
    max-height: 24px;
}

.ntos_nowrap {
    white-space: nowrap;
}