﻿@media (max-width: 992px) {
    #x-navbar .nav-link.border-left {
        border-left: 0px !important;
    }
    .termsfeed-com---nb-simple {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    .termsfeed-com---nb-simple {
        max-width: 30% !important;
    }
}

    /*#x-navbar{
    background-color:#000 !important;
}*/

    .bg-grid {
        background-color: white;
        background-image: url("../image/grid_paper-01.jpg");
    }

    .bg-transparent {
        background-color: transparent;
    }

    .bg-white {
        background-color: white;
    }

    .font-weight-bold {
        font-weight: bold;
    }

    .text-black {
        color: black;
    }

    .text-purple {
        color: purple;
    }

    .text-logo-blue {
        color: darkblue;
    }

    .text-logo-red {
        color: #c00000;
    }

    .text-logo-yellow {
        color: #ffc000;
    }

a.coral-link:link {
    color: coral;
}

a.coral-link:visited {
    color: coral;
}

a.coral-link:hover {
    color: #ff4f0e;
}

a.coral-link:active {
    color: #ff4f0e;
}

    .hide {
        display: none;
    }

    .footer {
        line-height: 60px;
        background-color: #f5f5f5;
    }

/*    .beta-img {
        border-right: 1px solid var(--bs-gray-500);
        padding-right: 11px;
    }*/

    .beta-text {
        padding-left: 11px;
        line-height: 38px;
        color: var(--bs-gray-500);
    }

    .grecaptcha-badge {
        visibility: hidden;
    }

    .form-control.is-valid, .was-validated .form-control:valid {
        border-color: #ced4da !important;
        background-image: none !important;
    }

    .mt-41 {
        margin-top: 1.6rem;
    }

    .termsfeed-com---nb .cc-nb-main-container {
        padding: 1rem !important;
    }

    .termsfeed-com---palette-light .cc-nb-okagree {
        background-color: #4672ff !important;
    }

    .cc-nb-reject {
        background-color: #eaeaea !important;
        color: #111 !important;
    }

    .cc-nb-changep {
        display: none !important;
    }

    .cc-nb-title {
        font-size: 0.9rem !important;
    }

    .cc-nb-text {
        font-size: 0.75rem !important;
        font-family: Roboto, "Open Sans", Arial, Helvetica !important;
    }

    .cc-nb-buttons-container button {
        font-size: 0.75rem !important;
    }

.spaced-list li:not(:first-child) {
    margin-top:1rem;
}

.callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: #0dcaf013;
    border-left: 0.25rem solid #0dcaf080;
}

/* loader */
#x-loading-spinner {
    display: none;
}

    #x-loading-spinner .loader {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        position: relative;
        animation: rotate 1s linear infinite
    }

        #x-loading-spinner .loader::before, #x-loading-spinner .loader::after {
            content: "";
            box-sizing: border-box;
            position: absolute;
            inset: 0px;
            border-radius: 50%;
            border: 5px solid #54c1c9;
            animation: prixClipFix 2s linear infinite;
        }

        #x-loading-spinner .loader::after {
            transform: rotate3d(90, 90, 0, 180deg );
            border-color: #000;
        }

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

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

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    75%, 100% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }
}