﻿/*website placeholder css*/

.skeleton, #homeBannerPlaceholder.home-banner .carousel-caption.skeleton,
#lawsSectionPlaceholder .skeleton.card,
#lawsSectionPlaceholder .img-wraper.skeleton-img , #impBlocksPlaceholder .img-wraper.skeleton-img,
#footerPlaceholder.footer{
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}
#homeBannerPlaceholder.home-banner::before{
    display: none;
}
#homeBannerPlaceholder .skeleton-line{
  height: 16px;
  
    margin: 10px auto;
    border-radius: 4px;
}
.skeleton-rounded{
border-radius: 1.5rem;
}
#homeBannerPlaceholder  .skeleton-text {
    padding: 0.5rem 0;
    margin: 0.5rem;
    border-radius: 4px;
    padding: 0.7rem 4rem;
}
#e-servicesPlaceholder .skeleton-img{
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
}


#orgChartPlaceholder .skeleton-img {

    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    margin: auto;

}

#orgChartPlaceholder .skeleton-line {
    height: 16px;
    width: 80%;
    margin: 0.5rem auto;
    border-radius: 4px;
}

#orgChartPlaceholder .skeleton-text {

    width: fit-content;
    margin: 10px auto;
    border-radius: 4px;
    padding: 0.7rem 4rem;
}
.skeleton-title{
    width: fit-content;
    min-width: 10rem;
}
#chatControlPlaceholder .chatIconImg{
    display: inline-block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    bottom: 5%;
    z-index: 999999;
    padding: 10px;
}
/*End*/