:root {
    --wp-color: #4a93d3;
}

[v-cloak] {
    display: none;
}

.fade {
    transition: 0.3s;
}

.navbar-brand {
    color: var(--wp-color) !important;
}

/* Main menu hover effect */
a.a-hover-dark:hover {
    background-color: #666 !important;
    color: #fff !important;
    text-decoration: underline;
}

.nav-link:hover {
    text-decoration: none !important;
}

.form-label, .col-form-label {
    cursor: pointer;
}

/*___ Loader Animation */
.loader-container {
    z-index: 100000;
    position: fixed;
    right: 20px;
    top: 10px; /* 60px */
    background: none;
}

.loader-container > div {
    background-color: var(--wp-color);
    padding: 20px;
    border-radius: 25%;
    outline: 5px solid rgba(74, 147, 211, 0.8);
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.loader {
    margin: 10px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid #fff;
    border-right: 1.1em solid #fff;
    border-bottom: 1.1em solid #fff;
    border-left: 1.1em solid var(--wp-color);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.5s infinite linear;
    animation: load8 1.5s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*/___ Loader Animation */

.row.required label:after, .form-group.required label:after {
    content: " *";
    color: red;
    font-weight: bold;
}

.tooltip-inner {
    background-color: #2f4fff;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #2f4fff !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #2f4fff !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #2f4fff !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #2f4fff !important;
}

/* HelpVide Button Animation */
.video-btn img {
    animation: rotate360 2s;
}

@keyframes rotate360 {
    50% {
        transform: scale(0.5) rotate(180deg)
    }
    100% {
        transform: rotate(360deg);
    }
}

/* /HelpVide Button Animation */