﻿.blinkanimation {
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.isempty {
    border-color: #e46a76 !important;
}
.search-control {
    background-color: #4F5467 !important;
    /*display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/

}
.hideitem {
    display: none;
}
  .search-control::placeholder {
        color: #ffffff;
        opacity: 1;
    }

.modalPopup {
    text-align: center;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    /*width: 600px;*/
    display: none;
    border-radius: 0.35rem;
}

.modalPopupLoad {
    text-align: center;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    /*width: 600px;*/
    border-radius: 0.35rem;
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
    position: fixed;
    top: 0;
}
@media (min-width: 576px) {
    .modalPopupLoad {
        max-width: 200px;
    }
}

@media (min-width: 768px) {
    .modalPopupLoad {
        max-width: 200px;
    }
}

@media (min-width: 992px) {
    .modalPopupLoad {
        max-width: 600px;
    }
}

@media (min-width: 1200px) {
    .modalPopupLoad {
        max-width: 600px;
    }
}

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .customheaderlink {
        color: white !important;
    }

        .customheaderlink:hover {
            /*color: #fb9678 !important;*/
            color: #e7f1ff !important;
        }