/* .dropdown-menu li {
    position: relative;
    }
    .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    right: 30%;
    top: 40px;
    }
    .dropdown-menu .dropdown-submenu-left {
    right: 70%;
    left: 70%;
    }
    .dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
    } */

[type='checkbox']:checked, [type='radio']:checked, .dark [type='checkbox']:checked, .dark [type='radio']:checked
{
    background-color: var(--site_color) !important;
}

[type='checkbox']:focus, [type='radio']:focus
{
    --tw-ring-color: none !important;
}

.invalid-feedback
{
    font-size: 12px;
    font-weight: bolder;
    color: red;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea
{
    border-color: #D8D8D8 !important;
}

.select2-results__option ,.select2-selection__rendered
{
    font-family: 'Fira Sans';
}

.select2-container--default .select2-selection--single
{
    border: 1px solid rgb(216 216 216 / var(--tw-border-opacity)) !important;
    border-radius: 0px !important;
}

@keyframes dash {
    from{stroke-dashoffset:814;} 
    to {stroke-dashoffset:-814;}
}

#pulsar {
    stroke-dasharray: 281;
    -webkit-animation: dash 2.5s infinite linear forwards;
}

.ajax-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 40px auto;
    text-align: center;
}

.ploading {
    align-items: center;
    background-color: #f4f7f9;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    /* z-index: 9999 */
}

.ploading.hidden {
    opacity: 0;
    pointer-events: none;
    transition: all .8s ease-out;
    visibility: hidden
}

.title {
    color: rgba(0,0,0,.85);
    font-size: 28px;
    font-weight: 600;
    margin-top: 36px
}

.loader {
    height: 48px;
    position: relative;
    width: 48px
}

.loader:before {
    animation: shadow-ani .5s linear infinite;
    background: rgba(0,128,255,.5);
    border-radius: 50%;
    height: 5px;
    top: 60px;
    width: 48px
}

.loader:after,.loader:before {
    content: "";
    left: 0;
    position: absolute
}

.loader:after {
    animation: jump-ani .5s linear infinite;
    background: #0080ff;
    border-radius: 4px;
    height: 100%;
    top: 0;
    width: 100%
}

@keyframes jump-ani {
    15% {
        border-bottom-right-radius: 3px
    }

    25% {
        transform: translateY(9px) rotate(22.5deg)
    }

    50% {
        border-bottom-right-radius: 40px;
        transform: translateY(18px) scaleY(.9) rotate(45deg)
    }

    75% {
        transform: translateY(9px) rotate(67.5deg)
    }

    to {
        transform: translateY(0) rotate(90deg)
    }
}

@keyframes shadow-ani {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scaleX(1.2)
    }
}