.mag-collaterals-wrapper .loading-placeholder { position: absolute; top: 30%; left: 50% }
.mag-collaterals-wrapper .asset-placeholder .social-share { min-width: 0 !important }
.mag-collaterals-wrapper .asset-placeholder .social-share li a { padding: 5px !important; display: inline !important; }
.mag-collaterals-wrapper .asset-footer .asset-actions { padding:10px;}
.mag-collaterals-wrapper .asset-footer .asset-actions .fix-actions { display:inline;}
.mag-collaterals-wrapper .asset-footer .actions a { font-size: 13px !important; text-decoration: none !important }
.mag-collaterals-wrapper .asset-footer .social-icon { font-size: 18px !important }
.mag-collaterals-wrapper .asset-rating { padding: 5px 10px }
.mag-collaterals-wrapper .asset-placeholder a.action { color: var(--mag-base-400); position: relative; margin-left: 8px; }
.mag-collaterals-wrapper .asset-placeholder:hover a.action { color: var(--mag-primary-color); }
.mag-collaterals-wrapper .asset-placeholder .asset-div-img { overflow: hidden; border-bottom: 1px solid var(--mag-element-border-color); }
.mag-collaterals-wrapper .asset-placeholder { float: left; border-radius: var(--mag-border-radius); position: relative; box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); margin: 0 0 15px 0; max-width: 280px; width: 100%; background-color: var(--mag-page-bg-100); }
.mag-collaterals-wrapper .asset-placeholder .asset-title { padding: 10px; border-bottom: 1px solid var(--mag-element-border-color); font-weight: 500; text-decoration: none; }
.add-bookmark .add-to-playbooks { max-width: 240px; }
#addToPersonalPlaybookDialog .private-playbook > a:hover, 
#addToPersonalPlaybookDialog .btn-create-playbook > a:hover { text-decoration: none; }
#addToPersonalPlaybookDialog .private-playbook > a { height:22px;}
#addToPersonalPlaybookDialog .private-playbook > a .glyphicon { font-size: 1.4rem; }
#addToPersonalPlaybookDialog .private-playbook > a:hover ~ .parent {background:var(--mag-page-bg-200); }
#addToPersonalPlaybookDialog .private-playbook .flex-nowrap { flex-wrap:nowrap;}
.mag-collaterals-wrapper .assetLink { cursor: move; }
.mag-collaterals-wrapper .nodrag { cursor: pointer !important; }
.mag-collaterals-wrapper .star-grey { color: var(--mag-base-400); font-size: 15px; }
.mag-collaterals-wrapper .star-orange { color: orange; font-size: 15px; }
.mag-collaterals-wrapper .stars { padding: 15px; position: absolute; bottom: 5px; left: 0; }
.mag-collaterals-wrapper .stars span { font-size: 12px; }
.mag-collaterals-wrapper .hide-manage-asset { display: none }
.mag-collaterals-wrapper .sort-asset-placeholder { width: calc(33% - 15px); height: 230px; float: left; border: dotted; border-color: dimgray; border-width: 1px; margin: 12px 2px 0 4px; background-color: antiquewhite }
.mag-collaterals-wrapper .jcarousel-control-prev.inactive, .mag-collaterals-wrapper .jcarousel-control-next.inactive { opacity: .5; cursor: default; }
.mag-collateral-items { min-height: 367px; }
.asset-Post .read-more, .asset-Course .read-more { display: none; }

#mag_collateralSocialShareModal .social-share { display: flex; justify-content: center; list-style-type: none; margin: 0; padding: 1rem 0 2rem 0; }
#mag_collateralSocialShareModal .social-share li { padding: 0 1rem; }
#mag_collateralSocialShareModal .social-link i { font-size: 32px; line-height: normal; }
#mag_collateralSocialShareModal .social-link { display: inline-block; height: 100%; }

.p-r-10 { padding-right: 10px; }

@media screen and (min-width: 768px) { .modal-dialog { width: 760px; /* New width for default modal */ }
    .modal-sm { width: 350px; /* New width for small modal */ }
}

@media screen and (min-width: 992px) {
    .modal-lg { width: 950px; /* New width for large modal */ }
}

@media screen and (max-width:527px) {
    .mag-collaterals-wrapper .asset-placeholder { max-width: 100%;}
}

.mag-collaterals-wrapper { position: relative; }
.mag-collaterals-wrapper .swiper-navigation-container { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; bottom: 20px; z-index: 1; }
.mag-collaterals-wrapper .swiper-navigation-container .swiper-button-prev { left: -40px; }
.mag-collaterals-wrapper .swiper-navigation-container .swiper-button-next { right: -40px; }
.mag-collaterals-wrapper .swiper-button-prev:after, .mag-collaterals-wrapper .swiper-button-next:after { font-size: 20px; background: var(--mag-page-bg-200); padding: 10px 15px; border-radius: 50%; }
.mag-collaterals-wrapper .mag-collection-header { display: inline-block; width: 100%; }
.mag-collaterals-wrapper .mag-collection-header span { font-size: 18px; font-weight: 500; }
/*This is for Engagement pages to have all the headers consistent*/
.mag-collaterals-wrapper .collateralSwiper { padding: 10px 4px 50px; }