.nt-prevent-select-childs,
.nt-prevent-select-childs *,
.nt-prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}



/*********************************************************************************/

.nt-card-header {
    background: var(--nt-color-background-secondary);
    box-shadow: 1px 2px 2px rgba(var(--nt-shadow-primary));
    border-radius: 8px;
    padding: calc(15 / var(--base-rem)) calc(30 / var(--base-rem));;
    line-height: 2em;
}

.nt-card-header-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    background-color: black;
}

.nt-card-item {
    background: var(--nt-color-background-secondary);
    box-shadow: 1px 2px 2px rgba(var(--nt-shadow-primary));
    border-radius: 8px;
    padding: 0 !important;
}

.nt-card-item-title {
    font-weight: bold;
    padding: calc(15 / var(--base-rem)) calc(30 / var(--base-rem));
}

.nt-line {
    border: 2px solid var(--nt-color-background-primary);
}

.nt-action-icon-primary {
    color: var(--nt-color-neutral-secondary);
    cursor: pointer;
}

    .nt-action-icon-primary:hover {
        color: var(--nt-color-main-primary);
    }

    .nt-action-icon-primary.disabled:hover,
    .nt-action-icon-primary.disabled {
        color: var(--nt-color-neutral-disabled);
        cursor: auto;
    }


.nt-btn-icon {
    background-color: var(--nt-color-main-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

    .nt-btn-icon.small {
        width: 2rem;
        height: 2rem;
    }

    .nt-btn-icon.squared {
        border-radius: 0px !important;
    }

    .nt-btn-icon.rounded {
        border-radius: 8px !important;
    }

    .nt-btn-icon.rounded-circle {
        border-radius: 50% !important;
    }

    .nt-btn-icon.floating-top-left {
        position: absolute;
        top: 80px;
        left: 20px;
        z-index: 950;
    }

    .nt-btn-icon.floating-top-right {
        position: absolute;
        top: 80px;
        right: 20px;
        z-index: 950;
    }

    .nt-btn-icon.floating-bottom-left {
        position: absolute;
        bottom: 40px;
        left: 20px;
        z-index: 950;
    }

    .nt-btn-icon.floating-bottom-right {
        position: absolute;
        bottom: 40px;
        right: 20px;
        z-index: 950;
    }

/* Dots for tooltips */

.nt-dot::before {
    content: "\2022";
    margin-right: 5px;
    font-size: 1.5em;
    vertical-align: sub;
}

.nt-dot.success::before {
    color: var(--nt-color-success-primary);
}

.nt-dot.danger::before {
    color: var(--nt-color-error-primary);
}

.nt-dot.warning::before {
    color: var(--nt-color-warning-primary);
}

.nt-dot.default::before {
    color: var(--nt-color-neutral-primary);
}

/* Mouse Pointers */

.nt-cursor-default {
    cursor: default !important;
}


.nt-cursor-pointer {
    cursor: pointer !important;
}

.nt-cursor-progress {
    cursor: progress !important;
}

.nt-cursor-wait {
    cursor: wait !important;
}

.nt-cursor-not-allowed {
    cursor: not-allowed !important;
}

.nt-cursor-help {
    cursor: help !important;
}

/* Status pills */

.nt-pill {
    color: var(--nt-color-neutral-primary);
    align-items: center;
    font-size: 0.8em;
    height: 100%;
    white-space: nowrap;
    width: auto;
    position: relative;
    border-radius: 100px;
    line-height: 1;
    overflow: hidden;
    padding: 5px 12px 5px 20px;
    text-overflow: ellipsis;
    word-break: break-word;
}

    .nt-pill:before {
        border-radius: 50%;
        content: "";
        height: 10px;
        left: 6px;
        margin-top: -5px;
        position: absolute;
        top: 50%;
        width: 10px;
    }

    .nt-pill.success {
        background: var(--nt-color-success-secondary);
    }

        .nt-pill.success:before {
            background: var(--nt-color-success-primary);
        }

    .nt-pill.danger {
        background: var(--nt-color-error-secondary);
    }

        .nt-pill.danger:before {
            background: var(--nt-color-error-primary);
        }

    .nt-pill.warning {
        background: var(--nt-color-warning-secondary);
    }

        .nt-pill.warning:before {
            background: var(--nt-color-warning-primary);
        }

    .nt-pill.neutral,    
    .nt-pill.default {
        background: var(--nt-color-neutral-secondary);
    }

        .nt-pill.default:before {
            background: var(--nt-color-neutral-primary);
        }


    .nt-input-label {
        f-ont-family: system-ui, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1rem;
        display: grid;
        grid-template-columns: 1em auto;
        gap: 0.5em;
        cursor:pointer;
    }

    



    .nt-input-label input[type="checkbox"],
    .nt-input-label input[type="radio"] {
        /* Add if not using autoprefixer */
        -webkit-appearance: none;
        appearance: none;
        /* For iOS < 15 to remove gradient background */
        background-color: #fff;
        /* Not removed via appearance */
        margin: 0;
        font: inherit;
        color: currentColor;
        width: 1.15em;
        height: 1.15em;
        b-order: 0.15em solid #DCE0FF;
        t-ransform: translateY(0.2em);
        display: grid;
        place-content: center;
        cursor:pointer;
        background-color: transparent;
        border: 0.15em solid var(--nt-color-neutral-secondary);
    }

    .nt-input-label input[type="radio"] {
        border-radius: 50%;
    }

    .nt-input-label input[type="checkbox"] {
        border-radius: 30%;
    }

    .nt-input-label input[type="checkbox"]::before {
        transform: scale(0);
        font-size: 0.1em;
        transition: 120ms transform ease-in-out;
    }

    .nt-input-label input[type="radio"]::before {
        content: "";
        width: 0.4em;
        height: 0.4em;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--nt-color-main-primary);
        top: 0em;
        left: 0em;
    }

    .nt-input-label input[type="checkbox"]:checked,
    .nt-input-label input[type="radio"]:checked {
        border: 0.15em solid var(--nt-color-main-primary);
        background-color: var(--nt-color-main-focused);
    }

    .nt-input-label input[type="checkbox"]:checked::before,
    .nt-input-label input[type="radio"]:checked::before {
        transform: scale(1);
    }
    
    .nt-input-label input[type="checkbox"]:checked::before {
        font-family: 'nt-icons' !important;
        content: "\e951";
        font-size: 0.7em;
        font-weight: 600;
        color: var(--nt-color-main-primary);
        transform: translate(-0.0em, 0.1em);
    } 

    .nt-input-label input[type="radio"]::before {
        border-radius: 50%;
    }



    .nt-checkbox-list > .nt-input-label + .nt-input-label {
        margin-top: 0.5rem;
    }