@keyframes skeletonShine {
  to {
    background-position: 500px 0;
  }
}


.skeleton_loading .explore-other-sol span:before, .skeleton_loading .explore-other-sol p:before, .skeleton_loading .explore-other-sol h2:before, .skeleton_loading .explore-other-sol a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
}



.skeleton_loading .explore-other-sol span, .skeleton_loading .explore-other-sol p, .skeleton_loading .explore-other-sol h2, .skeleton_loading .explore-other-sol a{
    position: relative;
    opacity: 0.5 !important;
  
}




.skeleton_loading .file_summary_wrapper_list_after span, .skeleton_loading .file_summary_wrapper_list_after p, .skeleton_loading .file_summary_wrapper_list_after h2, .skeleton_loading .file_summary_wrapper_list_after a{
    position: relative;
    opacity: 0.5 !important;
  
}


.skeleton_loading .file_summary_wrapper_list_after span:before, .skeleton_loading .file_summary_wrapper_list_after p:before, .skeleton_loading .file_summary_wrapper_list_after h2:before, .skeleton_loading .file_summary_wrapper_list_after a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
}


.skeleton_loading .file_summary_total p {
    width: 90%;
}

.skeleton_loading span.file_summary_total_sum {
    width: 90%;
}

.skeleton_loading span.file_summary_total_ico {
    width: 20px;
}

.skeleton_loading span.file_summary_next {
    width: 20px;
    text-align: right;
}

.skeleton_loading .whats-new-sec .card-style-1 .card-title > span, .skeleton_loading .foreign_exchannge_wrapper span, .skeleton_loading .foreign_exchannge_wrapper p {

position: relative;

opacity: 0.5 !important;
}



.skeleton_loading .whats-new-sec .card-style-1 .card-title > span:before, .skeleton_loading .foreign_exchannge_wrapper span:before, .skeleton_loading .foreign_exchannge_wrapper p:before, .skeleton_loading .whatsnewslider_item .card span:before, .skeleton_loading  .whatsnewslider_item .card h4:before, .skeleton_loading .item.whatsnewslider_item p:before, .skeleton_loading .whatsnewslider_item a:before, .skeleton_loading a.view_all_btn:before {

position: absolute;

content: '';

left: 0;

top: 0;

z-index: 9;

width: 100%;

height: 100%;

background: #f6f7f8;

background-position: -500px 0;

-webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;

animation: skeletonShine 1s linear 0s infinite normal forwards;

background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);

background-repeat: no-repeat;

background-size: 1000px 100%;

border-radius: 5px;
}



.skeleton_loading .foreign_exchannge_wrapper p {
    width: 74%;
    display: block;
}

.skeleton_loading .foreign_exchannge_wrapper .foreex_curr_buy p {
    width: 50%;
}

.skeleton_loading .whats_new_head { position: relative;  opacity: 0.5;
}

.skeleton_loading .whats_new_head:before {
    position: absolute;
    content: '';
    width: 250px;
    height: 100%;
    left: 0;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
}

.skeleton_loading .whatsnewslider_item .card * {position: relative;}

.skeleton_loading .whatsnewslider_item .card-img:before  {

position: absolute;

content: '';

left: 0;

top: 0;

z-index: 9;

width: 100%;

height: 100%;

background: #dee5f2;



border-radius: 5px;
}

.skeleton_loading .whatsnewslider_item .card h4{height: 20px;}

.skeleton_loading .whatsnewslider_item a.play-btn {
    z-index: 9;
    opacity: 1;
}

.skeleton_loading .whatsnewslider_item .card span, .skeleton_loading .whatsnewslider_item .card h4, .skeleton_loading .item.whatsnewslider_item p, .skeleton_loading .whatsnewslider_item a, .skeleton_loading .foreign_exchannge, .skeleton_loading a.view_all_btn {
    opacity: 0.5;
}

.skeleton_loading .whatsnewslider_item a.play-btn:before {
    display: none;
}

.skeleton_loading a.view_all_btn {
    position: relative;
    border: none;
}



.skeleton_loading .widget_header_sm, .skeleton_loading span.widget_header {
    position: relative;
    opacity: 0.6;
}


.skeleton_loading .widget_header_sm:before, .skeleton_loading span.widget_header:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
}

.skeleton_loading span.widget_header:before {height: 23px;}



.skeleton_loading span.widget_header {
    font-size: 15px;
}


.skeleton_loading span.filter_ico, .skeleton_loading .dropdown.more_options_dropdown {
    position: relative;
    opacity: 0.6;
}

.skeleton_loading span.filter_ico:before, .skeleton_loading span.widget_tags:before {    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;}
	
	.skeleton_loading span.filter_ico:before {
    height: 30px;
    width: 30px;
    top: -4px;
}

.skeleton_loading span.filter_ico:before {
    height: 30px;
    width: 30px;
    top: -4px;
}

.skeleton_loading span.refresh_btn {
    position: relative;
    opacity: 0.6;
    transform: rotate(0deg);
}



.skeleton_loading span.refresh_btn:before {
    position: absolute;
    content: '';
    left: 20px;
    top: -7px;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
    width: 30px;
    height: 30px;
}



.skeleton_loading .dropdown.more_options_dropdown {
    opacity: 0.3;
}

.skeleton_loading span.widget_tags {
    opacity: 0.6;
    position: relative;
    background: none;
}

.skeleton_loading .quick-links ul > li > a {
    position: relative;
    opacity: 0.6;
}

.skeleton_loading .quick-links ul > li > a:before {

    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
    
}

.skeleton_loading span.cheq_stat_ico, .skeleton_loading p.cheq_stat_action, .skeleton_loading p.cheq_stat_count {
    position: relative;
    opacity: 0.6;
}


.skeleton_loading span.cheq_stat_ico:before, .skeleton_loading p.cheq_stat_action:before, .skeleton_loading p.cheq_stat_count:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
}


.skeleton_loading .tbl-body-1 td {
    position: relative;
    opacity: 0.5;
}


.skeleton_loading .tbl-body-1 td:before {position: absolute;content: '';left: 30px;top: 15px;z-index: 9;width: 140px;height: 27px;background: #f6f7f8;background-position: -500px 0;-webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;animation: skeletonShine 1s linear 0s infinite normal forwards;background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-repeat: no-repeat;background-size: 1000px 100%;border-radius: 5px;}

.skeleton_loading .tb-wr {
    position: relative;
    opacity: 0.6;
}

.skeleton_loading .tb-wr:before {    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;}
	
.skeleton_loading .h2h_chart_legends_grid_col p, .skeleton_loading .h2h_chart_legends_grid_col span {
    position: relative;
    opacity: 0.5;
}

.skeleton_loading .h2h_chart_legends_grid_col p:before, .skeleton_loading .h2h_chart_legends_grid_col span:before {

position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
    
}

.skeleton_loading .h2h_chart_legends_grid_col ul li:before {
    background: #f1f2f4;
}

.skeleton_loading .graph_legend ul li p, .skeleton_loading .graph_legend ul li span {position: relative;opacity: 0.5;}

.skeleton_loading .graph_legend ul li p:before, .skeleton_loading .graph_legend ul li span:before {

    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
    
}



.skeleton_loading .graph_legend ul li:before {
    background: #f1f2f4;
}

.skeleton_loading .tabs-filter.blue_color_tab a.nav-link {
    position: relative;
    opacity: 0.5;
    margin: 0 10px 0 0;
}

.skeleton_loading .tabs-filter.blue_color_tab a.nav-link:before {position: absolute;content: '';left: 0;top: 0;z-index: 9;width: 100%;height: 100%;background: #f6f7f8;background-position: -500px 0;-webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;animation: skeletonShine 1s linear 0s infinite normal forwards;background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-repeat: no-repeat;background-size: 1000px 100%;border-radius: 5px;}



.skeleton_loading g#Layer_1 path {
    stroke: #f7f8fa;
    fill: #f7f8fa;
}

.skeleton_loading g#Ellipse_206 {
    stroke: #f7f8fa;
}

.skeleton_loading .widget_dropdown .btn {
    position: relative;
    opacity: 0.5;
}

.skeleton_loading .widget_dropdown .btn:before {

position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
    
}

.skeleton_loading p.last-updated_text {
    width: 40%;
	    position: relative;
    opacity: 0.5;
    margin-left: auto;
}

.skeleton_loading .recent_transation_listing span {
    position: relative;
    opacity: 0.5;
}

.skeleton_loading .recent_transation_listing span:before {position: absolute;content: '';left: 0;top: 0;z-index: 9;width: 70px;height: 100%;background: #f6f7f8;background-position: -500px 0;-webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;animation: skeletonShine 1s linear 0s infinite normal forwards;background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-repeat: no-repeat;background-size: 1000px 100%;border-radius: 5px;}


.skeleton_loading span.recent_transation_listing_hr {
    opacity: 0.2 !important;
}

.skeleton_loading span.recent_transation_listing_hr::before {
    display: none;
}


.skeleton_loading .beneficiary_acc_no span::before {
    width: 130px;
}


.skeleton_loading .dr_acc_no span::before {width: 100px;}

.skeleton_loading .recent_transation_listing p {
    position: relative;
    opacity: 0.6;
}

.skeleton_loading .recent_transation_listing p:before {position: absolute;content: '';left: 0;top: 0;z-index: 9;width: 70%;height: 100%;background: #f6f7f8;background-position: -500px 0;-webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;animation: skeletonShine 1s linear 0s infinite normal forwards;background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-repeat: no-repeat;background-size: 1000px 100%;border-radius: 5px;}



.skeleton_loading .recent_transation_uploaded_dated p:before {
    left: auto;
    right: 0;
}

.skeleton_loading .recent_transation_uploaded_dated span:before {
    left: auto;
    right: 0;
    width: 160px;
}

.skeleton_loading a.pay_again {
    opacity: 0.6;
}

.skeleton_loading a.pay_again:before, .skeleton_loading p.last-updated_text:before {

    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
    
}

.skeleton_loading .total_assets_div p, .skeleton_loading .total_assets_div span {
    position: relative;
    opacity: 0.5;
}

.skeleton_loading .total_assets_div p:before, .skeleton_loading .total_assets_div span:before {

    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 40%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
    
}

.skeleton_loading .total_assets_div span:before{  width: 90%;}

.skeleton_loading .total_assets_div span {
    margin-top: 10px;
}

.skeleton_loading .accounts_total, .skeleton_loading .deposites_total, .skeleton_loading .accounts_total.accounts_total_yellow, .skeleton_loading .deposites_total.deposites_total_grey {
    background: #b2c4e4;
}

.skeleton_loading .total_assets_div_grid p {
    position: relative;
    opacity: 0.6;
    margin-bottom: 5px;
}

.skeleton_loading .total_assets_div_grid p:before, .skeleton_loading .total_assets_div_grid span:before {position: absolute;content: '';left: 0;top: 0;z-index: 9;width: 90%;height: 100%;background: #f6f7f8;background-position: -500px 0;-webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;animation: skeletonShine 1s linear 0s infinite normal forwards;background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-repeat: no-repeat;background-size: 1000px 100%;border-radius: 5px;}

.skeleton_loading .total_assets_div_grid span {
    position: relative;
}

.skeleton_loading .total_assets_div_grid span:before {
    width: 50%;
}


.skeleton_loading span.immediate_action_icon, .skeleton_loading .immediate_action_card_meta_data p, .skeleton_loading .immediate_action_card_meta_data span, .skeleton_loading .immediate_action_card_time_amnt p, .skeleton_loading .immediate_action_card_time_amnt span, .skeleton_loading .view_all_light_btn, .skeleton_loading .immediate_action_card .card-title h2, .skeleton_loading h2.widget_head, .skeleton_loading span.wel-txt, .skeleton_loading .calendar_ico, .skeleton_loading .user-avatar, .skeleton_loading .navbar-vertical ul > .nav-item > .nav-link span {
    position: relative;
    opacity: 0.5;
}

.skeleton_loading span.immediate_action_icon:before, .skeleton_loading .immediate_action_card_meta_data p:before, .skeleton_loading .immediate_action_card_meta_data span:before, .skeleton_loading .immediate_action_card_time_amnt p:before, .skeleton_loading .immediate_action_card_time_amnt span:before, .skeleton_loading .view_all_light_btn:before, .skeleton_loading .immediate_action_card .card-title h2:before, .skeleton_loading h2.widget_head:before, .skeleton_loading span.vendor-logo a:before, .skeleton_loading span.wel-txt:before, .skeleton_loading .calendar_ico:before, .skeleton_loading .user-avatar:before, .skeleton_loading a.link-dark.text-decoration-none.logo_:before, .skeleton_loading .navbar-vertical ul > .nav-item > .nav-link span:before {

position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: #f6f7f8;
    background-position: -500px 0;
    -webkit-animation: skeletonShine 1s linear 0s infinite normal forwards;
    animation: skeletonShine 1s linear 0s infinite normal forwards;
    background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    border-radius: 5px;
    
}

.skeleton_loading span.vendor-logo a {
    display: block;
    position: relative;
    opacity: 0.5;
}



.skeleton_loading .immediate_action_card_time_amnt p {
    width: 70px;
    margin-left: auto;
    margin-bottom: 7px;
}

.skeleton_loading .card.bg-secondary.statement-card:hover {height: auto;}

.skeleton_loading .statement-card {
    pointer-events: none;
}

.skeleton_loading h2.widget_head {
    width: 30%;
}

.skeleton_loading a.link-dark.text-decoration-none.logo_ {
    width: 68px;
    opacity: 0.5;
    background: none;
}

.skeleton_loading a.link-dark.text-decoration-none.logo_ img {
}

.skeleton_loading a.link-dark.text-decoration-none.logo_:before {
    height: 50px;
    top: 20px;
    width: 65px;
}