﻿.bg-muted {
    --bs-bg-opacity: 1;
    background-color: rgba(108, 117, 125, var(--bs-bg-opacity)) !important;
}

.border-muted {
    --bs-bg-opacity: 1;
    border-color: rgba(108, 117, 125, var(--bs-bg-opacity)) !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: rgba(108, 117, 125, var(--bs-text-opacity)) !important;
}

/*tooltip z-index*/
.shownTooltip {
    z-index: 1 !important;
}

/*Text area non resizable*/
textarea {
    resize: none !important;
}

/*gradients*/
.bg-gradient-secondary-to-primary {
    background-color: var(--bs-secondary);
    background-image: linear-gradient(135deg, var(--bs-secondary) 0%, rgba(var(--bs-primary-rgb), 0.8) 100%);
}

.bg-gradient-card {
    background-color: #99D5FA;
    background-image: linear-gradient(135deg, #99D5FA 0%, white 70%);
}

.bg-gradient-card-soft {
    background-color: #C6E7FC;
    background-image: linear-gradient(135deg, #C6E7FC 0%, white 70%);
}

.bg-gradient-danger {
    background-color: #F8C4BF;
    background-image: linear-gradient(135deg, #F8C4BF 0%, white 70%);
}

/*custom overrides*/

.form-select:-moz-focusring, .dataTable-selector:-moz-focusring {
    text-shadow: 0 0 0 var(--bs-black);
}

.form-select, .dataTable-selector {
    color: var(--bs-black);
}

.form-control-plaintext {
    color: var(--bs-black);
}

.form-control::-webkit-file-upload-button, .dataTable-input::-webkit-file-upload-button {
    color: var(--bs-black);
}

.form-control::file-selector-button, .dataTable-input::file-selector-button {
    color: var(--bs-black);
}

.form-control::-webkit-file-upload-button, .dataTable-input::-webkit-file-upload-button {
    color: var(--bs-black);
}

.form-control:focus, .dataTable-input:focus {
    color: var(--bs-black);
}

.form-control, .dataTable-input {
    color: var(--bs-black);
    border: 1px solid var(--bs-primary);
}

/*bootstrap-select max-height*/
.dropdown-menu {
    max-height: 400px !important;
}

.dropdown-item.danger.active, .dropdown-item.danger:active {
    color: unset !important;
    text-decoration: none;
    background-color: var(--bs-danger-soft);
}

.dropdown-item.warning.active, .dropdown-item.warning:active {
    color: unset !important;
    text-decoration: none;
    background-color: var(--bs-warning-soft);
}

.form-select {
    color: var(--bs-black);
    border: 1px solid var(--bs-primary);
}

/*Campaigns dates*/
.readonlyDate:disabled, .readonlyDate[readonly] {
    background-color: #fff !important;
}


.border-right {
    border-right-width: 1.5px;
    border-right-style: solid;
}

.pages.active {
    color: var(--bs-primary) !important;
}

.accumulativeFilterCards {
    border: 2px solid !important;
}

/* ----- Ellipsis ----- */
.ellipsis-2lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.of-cover{
    object-fit: cover !important;
}

.card-h-100 {
    height: calc(100%);
}

.removeCardBtn {
    position: absolute;
    top: 7px;
    right: 7px;
    color: red;
}

/*custom overrides*/
.text-uppercase-expanded {
    letter-spacing: 0.05rem;
    font-weight: 500;
}

/*blink animation*/
@-webkit-keyframes blink {
    /*0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }*/

    0% {
        transform: translate(0, 0) rotate(0deg);
        transform: scale(1);
    }

    25% {
        transform: translate(1px, 1px) rotate(5deg);
    }

    50% {
        transform: translate(0, 0) rotate(0eg);
        transform: scale(1.3);
    }

    75% {
        transform: translate(-1px, 1px) rotate(-5deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
        transform: scale(1);
    }
}

@keyframes blink {
    /*0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }*/

    0% {
        transform: scale(1);
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(1px, 1px) rotate(5deg);
    }

    50% {
        transform: translate(0, 0) rotate(0eg);
        transform: scale(1.3);
    }

    75% {
        transform: translate(-1px, 1px) rotate(-5deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
        transform: scale(1);
    }
}

.blink {
    -webkit-animation: blink 0.6s infinite; /* Safari 4+ */
    -moz-animation: blink 0.6s infinite; /* Fx 5+ */
    -o-animation: blink 0.6s infinite; /* Opera 12+ */
    animation: blink 0.6s infinite; /* IE 10+, Fx 29+ */
}
