/**
 * CSS for both Frontend+Backend.
 */
 .tpgb-lottiefiles{
    position: relative;
    display: block; 
 }
 .tpgb-lottiefile-hd{
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    transition:all 0.5s linear;
}
.tpgb-bodymovin{
    position: relative;
    display: block;
}
.tpgb-lottiefiles .tpgb-lottiefile-heading,
.tpgb-lottiefiles .tpgb-lottiefile-description {
    position: relative;
    display: block;
}

h3.tpgb-posts-not-found {
    font-size: 14px;
    background: #8072fc;
    padding: 10px;
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    box-shadow: 0 5px 30px -5px #8072fc;
    color: #fff;
    width: 100%;
}

a.JSONExample{
    font-size: 11px;
    font-style: italic;
    line-height: 1.4;
    text-align: right;
    font-weight: bold;
    color: #d30c5c;
    text-decoration: none;  
}

.error-handal{
    text-align: center;
    color: #D8000C;
    background-color: #FFD2D2;
    padding: 20px 20px 20px 20px;
    border: 1px solid #da1111;
    width: 100%;
}