.loading-spinner {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
    position: relative;}
.loading-opactity{
    opacity: 0.5;
    pointer-events: none;
}

.fa-check{
    color: #28a745;
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
        transform: translate3d(-50%, -50%, 0) rotate(0deg); }
    100% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
        transform: translate3d(-50%, -50%, 0) rotate(360deg); } }

@keyframes spinner {
    0% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
        transform: translate3d(-50%, -50%, 0) rotate(0deg); }
    100% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
        transform: translate3d(-50%, -50%, 0) rotate(360deg); } }
.loading-spinner::before {
    -webkit-animation: 1.5s linear infinite spinner;
    animation: 1.5s linear infinite spinner;
    -webkit-animation-play-state: inherit;
    animation-play-state: inherit;
    border: solid 3px #dedede;
    border-bottom-color: #f89101;
    border-radius: 50%;
    content: "";
    z-index: 100;
    height: 40px;
    left: 50%;
    opacity: inherit;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 40px;
    will-change: transform; }
.loading-spinner::after {
    content: "";
    opacity: 0.5;
    background: #fff;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 10;
}
.popover{
    min-width: 300px;
    z-index: 100000;
}

.text-bold-c{
    font-size: 1.1rem;
    font-weight: 500;
    color: #262626;
}
img {
    max-width: 100%;
}
.form-login form .checkbox5 .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #1e7e34;
}
.alert-error{
    font-size: 80%;
    color: #dc3545;
}

.newEventsOfCalender .contentNewsEvents .wrapperContent .title {
    word-break: break-word;
}

@media (max-width: 767.98px) {
    .calenderSection .calendar .calendar_header .group-input-dates .monthspicker {
        font-size: 1.3rem;
    }
}

#modalRegister{
    z-index: 9999;
}