@font-face {
    font-family: "Rajdhani";
    src: url("../fonts/Rajdhani-Regular.ttf");
    font-weight: normal;
}


.btn-nethodology {
    color: #27F7D2 !important;
    background-color: #004C4F !important;
    border-color: #004C4F !important;
}

    .btn-nethodology:hover {
        color: #004C4F !important;
        background-color: #27F7D2 !important;
        border-color: #27F7D2 !important;
    }

.text-nethodology {
    color: #004C4F !important;
}

.text-hover-nethodology:hover {
    color: #27F7D2 !important;
}

.a-nethodology {
    color: #004C4F !important;
}

    .a-nethodology:hover {
        color: #27F7D2 !important;
    }


.validation-summary-errors {
    color: red;
    font-weight: bold;
}

.tags-look .tagify__dropdown__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin: .2em;
    font-size: .85em;
    color: black;
    transition: 0s;
}

.tags-look .tagify__dropdown__item--active {
    border-color: black;
}

.tags-look .tagify__dropdown__item:hover {
    background: lightyellow;
    border-color: gold;
}

.tags-look .tagify__dropdown__item--hidden {
    max-width: 0;
    max-height: initial;
    padding: .3em 0;
    margin: .2em 0;
    white-space: nowrap;
    text-indent: -20px;
    border: 0;
}

/******************************** HTML ********************************
<button type="button" class="btn btn-primary" data-loader-neth="off">
    <span class="loader-neth-label">
        Text
    </span>
    <span class="loader-neth-progress">
        Loading... <span class="spinner-border spinner-border-sm align-middle"></span>
    </span>
</button>
*/

/******************************** JS ********************************
  //Activate
  $(btn).attr("data-loader-neth","on").attr("disabled", true);

  //Disactivate
  $(btn).attr("data-loader-neth", "off").attr("disabled", false);
*/

.loader-neth-progress {
    display: none;
}

[data-loader-neth=on] > .loader-neth-progress {
    display: inline-block;
}

[data-loader-neth=on] > .loader-neth-label {
    display: none;
}

.loader-neth-border-sm {
    --bs-loader-neth-width: 1rem;
    --bs-loader-neth-height: 1rem;
    --bs-loader-neth-border-width: 0.145em;
}

.loader-neth-border {
    --bs-loader-neth-width: 2rem;
    --bs-loader-neth-height: 2rem;
    --bs-loader-neth-vertical-align: -0.125em;
    --bs-loader-neth-border-width: 0.185rem;
    --bs-loader-neth-animation-speed: 0.65s;
    --bs-loader-neth-animation-name: loader-neth-border;
    border: var(--bs-loader-neth-border-width) solid currentcolor;
    border-right-color: transparent;
}


.loader-neth-grow,
.loader-neth-border {
    display: inline-block;
    width: var(--bs-loader-neth-width);
    height: var(--bs-loader-neth-height);
    vertical-align: var(--bs-loader-neth-vertical-align);
    border-radius: 50%;
    animation: var(--bs-loader-neth-animation-speed) linear infinite var(--bs-loader-neth-animation-name);
}

@keyframes loader-neth-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

.loader-neth-border {
    --bs-loader-neth-width: 2rem;
    --bs-loader-neth-height: 2rem;
    --bs-loader-neth-vertical-align: -0.125em;
    --bs-loader-neth-border-width: 0.185rem;
    --bs-loader-neth-animation-speed: 0.65s;
    --bs-loader-neth-animation-name: loader-neth-border;
    border: var(--bs-loader-neth-border-width) solid currentcolor;
    border-right-color: transparent;
}

.loader-neth-border-sm {
    --bs-loader-neth-width: 1rem;
    --bs-loader-neth-height: 1rem;
    --bs-loader-neth-border-width: 0.145em;
}

@keyframes loader-neth-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.loader-neth-grow {
    --bs-loader-neth-width: 2rem;
    --bs-loader-neth-height: 2rem;
    --bs-loader-neth-vertical-align: -0.125em;
    --bs-loader-neth-animation-speed: 0.65s;
    --bs-loader-neth-animation-name: loader-neth-grow;
    background-color: currentcolor;
    opacity: 0;
}

.loader-neth-grow-sm {
    --bs-loader-neth-width: 1rem;
    --bs-loader-neth-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .loader-neth-border,
    .loader-neth-grow {
        --bs-loader-neth-animation-speed: 1.3s;
    }
}