/* ---- TEXT LIMIT ---- */

.n-text-limit {
    white-space     : nowrap;
    overflow        : hidden;
    text-overflow   : ellipsis;
    /* max-width    : 10000px; */
}

/* ---- TEXT BACKGROUND ----  */

.n-text-glow {
    /* text-shadow   : 4px 2px #ffffff; */
    text-shadow: 4px 2px grey;
}

/* ---- BUTTON ---- */

.n-btn {
    font-size     : 14px;
    text-transform: uppercase;
    color         : var(--global-color-preset-5);
    background    : var(--FF8500);
    padding       : 10px 20px;
    color         : #000;
}

.n-btn:hover {
    background: var(--243C6a);
    color     : #fff;

}

.n-button {
    font            : bold 11px Arial;
    text-decoration : none;
    background-color: #EEEEEE;
    color           : #333333;
    padding         : 2px 6px 2px 6px;
    border-top      : 1px solid #CCCCCC;
    border-right    : 1px solid #333333;
    border-bottom   : 1px solid #333333;
    border-left     : 1px solid #CCCCCC;
}

/* ---- ALERT ---- */

.n-alert-success {
    padding         : 20px;
    background-color: #04731e;
    color           : white;
}

.n-alert-danger {
    padding         : 20px;
    background-color: #ab1106;
    color           : white;
}

.n-closebtn {
    margin-left: 15px;
    color      : white;
    font-weight: bold;
    float      : right;
    font-size  : 22px;
    line-height: 20px;
    cursor     : pointer;
    transition : 0.3s;
}

.n-closebtn:hover {
    color: black;
}

.n-service-text {
    padding-top: 20px;
    text-align : left;
    line-height: 50px;
}

.n-service-text li {
    list-style-type: disc;
    /* Adds bullets */
    padding-left   : 20px;
    /* Adds space for bullets to show */
}

/* LOADER */

.loader-wrapper {
    position: relative;
    width   : 100%;
    height  : 100%;
    flex    : 1;
    padding : 10px;
}

.loader-overlay {
    position       : absolute;
    top            : 0;
    left           : 0;
    width          : 100%;
    height         : 100%;
    background     : rgba(255, 255, 255, 0.7);
    display        : flex;
    justify-content: center;
    align-items    : center;
    z-index        : 10;
    display        : none;
}

.loader {
    width        : 40px;
    height       : 40px;
    border       : 4px solid #f3f3f3;
    border-top   : 4px solid #3498db;
    border-radius: 50%;
    animation    : spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}