/* ~/CSS/Pages/Search/GroupSearchPage.css */
.content{max-width:970px;}@media(max-width:991px){.content{padding-left:15px;padding-right:15px;}}h3{padding-bottom:15px;}.search-container{margin-bottom:15px;}.no-results{background-color:#B8B8B8;color:#757575;padding:15px;text-align:center;display:none;}.list-item{width:100%;}.list-item .group-card-link:before,.list-item .group-card-link:after{content:" ";display:table;}.list-item .group-card-link:after{clear:both;}.list-item .group-card{-webkit-transition:all,0.2s,ease-in-out;-o-transition:all,0.2s,ease-in-out;transition:all,0.2s,ease-in-out;position:relative;width:100%;height:90px;margin-bottom:15px;float:left;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px rgba(150,150,150,0.74);}.list-item .group-card:hover{cursor:pointer;box-shadow:0 1px 6px 0 rgba(25,25,25,0.75);}@media(max-width:543px){.list-item .group-card{height:130px;}}.list-item .group-card .group-card-thumb{position:absolute;left:0;top:0;width:90px;height:90px;float:left;border-top-left-radius:4px;border-bottom-left-radius:4px;background-position:0 0;background-size:90px;background-repeat:no-repeat;}.list-item .group-card .group-card-text{padding-top:9px;padding-left:99px;width:760px;float:left;height:90px;margin-right:12px;}@media(max-width:991px){.list-item .group-card .group-card-text{width:72%;}}@media(max-width:767px){.list-item .group-card .group-card-text{width:65%;}}@media(max-width:543px){.list-item .group-card .group-card-text{width:100%;}}.list-item .group-card .group-card-text .group-card-name{font-size:14px;padding:2px 0;}@media(max-width:543px){.list-item .group-card .group-card-text .group-card-name{width:100%;}}.list-item .group-card .group-card-text .group-card-desc{height:56px;color:#757575;text-overflow:ellipsis;overflow-wrap:break-word;overflow-y:hidden;}@media(max-width:543px){.list-item .group-card .group-card-text .group-card-desc{width:100%;}}.list-item .group-card .group-card-info{width:180px;height:90px;float:left;right:0;padding-top:32px;position:absolute;}@media(max-width:543px){.list-item .group-card .group-card-info{height:40px;width:100%;padding-top:6px;position:relative;border-top:1px solid #ccc;}}.list-item .group-card .group-card-info .group-card-members{width:80px;height:90px;float:left;margin-right:20px;}@media(max-width:543px){.list-item .group-card .group-card-info .group-card-members{margin-left:12px;}}.list-item .group-card .group-card-info .group-card-members .icon-nav-group{background-position:0 -336px;}.list-item .group-card .group-card-info .group-card-access{line-height:25px;width:50px;height:90px;float:left;}@media(max-width:543px){.list-item .group-card .group-card-info .group-card-access{float:right;margin-right:12px;}}.list-item .group-card .group-card-info .public-group{color:#02b757;}.list-item .group-card .group-card-info .private-group{color:#B8B8B8;}.group-card-pager{margin-left:auto;margin-right:auto;display:table;}.group-card-pager .pager{margin:0;}
/* ~/CSS/Pages/Notifications/NotificationStream.css */
.rbx-scrollbar-dragger,.rbx-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(25,25,25,0.3);width:6px;border-radius:3px;margin:0 0 0 6px;}.rbx-scrollbar-dragger-hover,.rbx-scrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.rbx-scrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.rbx-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,.rbx-scrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(25,25,25,0.5);}.rbx-left-col{height:96%;height:calc(100% - 40px);background-color:#fff;overflow:hidden;box-shadow:0 0 3px 0 rgba(25,25,25,0.3);}@media(max-width:991px){.rbx-left-col{height:92%;height:calc(100% - 80px);}}@media(max-width:767px){.rbx-left-col{box-shadow:0 0 160px 0 rgba(25,25,25,0.5);}}.rbx-left-col ul{padding:5px 10px 0;}.rbx-left-col li{margin:5px 0;position:relative;}.rbx-left-col .rbx-scrollbar{height:92%;height:calc(100% - 50px);}.rbx-scrollbar{overflow:auto;-webkit-overflow-scrolling:touch;height:100%;}.rbx-scrollbar li span{display:inline-block;margin:3px;}.rbx-scrollbar li span[class^="icon"]{vertical-align:middle;margin:0;}.rbx-scrollbar li .notification-blue{position:absolute;right:0;top:0;}.rbx-scrollbar .mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}.notification-stream-icon{position:relative;}.notification-stream-icon .notification-red{position:absolute;top:5px;right:1px;line-height:1.3em;}.notification-stream-wrap{opacity:0;filter:alpha(opacity=0);position:fixed;right:12px;}@media(max-width:543px){.notification-stream-wrap{width:100%;left:0;right:0;bottom:0;height:0;}}.notification-stream-wrap.open{-webkit-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;opacity:1;filter:alpha(opacity=100);}@media(max-width:543px){.notification-stream-wrap.open{-webkit-transition:height 400ms ease;-o-transition:height 400ms ease;transition:height 400ms ease;height:89%;height:calc(100% - 80px);}.notification-stream-wrap.open .arrow{display:none;}.notification-stream-wrap.open .container-empty{height:100%;}}.notification-stream-wrap.open .notification-stream-container{display:block;}.roblox-popover-content.bottom .notification-stream-wrap{top:40px;}@media(max-width:543px){.roblox-popover-content.bottom .notification-stream-wrap{top:auto;}}.roblox-popover-content.bottom .notification-stream-wrap.open{top:52px;}@media(max-width:543px){.roblox-popover-content.bottom .notification-stream-wrap.open{top:auto;}}.notification-stream-loading .loading,.notifications-lazy-loading .loading{background-image:url("/images/Shared/loading.gif");height:16px;width:55px;background-size:auto 16px;background-repeat:no-repeat;display:inline-block;}.notification-stream-loading{background-color:#fff;background-color:rgba(255,255,255,0.6);position:absolute;height:100%;left:0;text-align:center;top:0;width:100%;z-index:11;}.notification-stream-loading .loading{margin:45% auto;}.notifications-lazy-loading{text-align:center;}.notification-stream-container{display:none;width:420px;}@media(max-width:543px){.notification-stream-container{width:100%;}}.notification-stream-container button[class*="btn-"]:focus,.notification-stream-container button[class*="btn-"]:active{outline:none;}.notification-stream-intro{padding:12px;width:200px;text-align:center;}@media(max-width:543px){.notification-stream-intro{padding:24px;width:100%;}}.notification-stream-intro .btn-secondary-xs{margin:12px 0 0;}.popover-container{position:relative;}.notification-stream-header{background-color:#fff;border-bottom:1px solid #B8B8B8;padding:0;position:relative;z-index:11;}.notification-stream-header:before,.notification-stream-header:after{content:" ";display:table;}.notification-stream-header:after{clear:both;}.notification-stream-header .text-label{float:left;padding:7px 12px;}.notification-stream-header .text-link{float:right;padding:7px 12px;color:#00A2FF;}.notification-stream-body{background-color:#E3E3E3;position:relative;height:420px;max-height:420px;z-index:10;}.notification-stream-body .container-empty{height:100%;padding:30% 15px;color:#757575;}@media(max-width:543px){.notification-stream-body{height:100%;max-height:100%;}}.notification-stream-empty{background-image:url("/images/Notifications/sleep-baby.png");background-repeat:no-repeat;background-size:100% auto;margin:0 auto 12px;width:140px;height:60px;}.notification-stream-banner{-webkit-transition:top .2s ease;-o-transition:top .2s ease;transition:top .2s ease;position:absolute;top:-26px;left:0;width:100%;height:26px;padding:3px 0 0;text-align:center;z-index:15;}.notification-stream-banner:before,.notification-stream-banner:after{content:" ";display:table;}.notification-stream-banner:after{clear:both;}.notification-stream-banner.banner-new{background-color:#B8B8B8;border:0 none;margin:0;text-align:center;color:#F2F2F2;padding:3px;}.notification-stream-banner.banner-new a,.notification-stream-banner.banner-new .alert-link{color:#F2F2F2;}.notification-stream-banner.banner-new a:link,.notification-stream-banner.banner-new a:visited,.notification-stream-banner.banner-new a:hover,.notification-stream-banner.banner-new a:focus,.notification-stream-banner.banner-new a:active,.notification-stream-banner.banner-new .alert-link:link,.notification-stream-banner.banner-new .alert-link:visited,.notification-stream-banner.banner-new .alert-link:hover,.notification-stream-banner.banner-new .alert-link:focus,.notification-stream-banner.banner-new .alert-link:active{color:#F2F2F2;}.notification-stream-banner.banner-new:hover{cursor:pointer;}.notification-stream-banner.banner-error{background-color:#B8B8B8;border:0 none;margin:0;text-align:center;color:#F2F2F2;padding:3px;}.notification-stream-banner.banner-error a,.notification-stream-banner.banner-error .alert-link{color:#F2F2F2;}.notification-stream-banner.banner-error a:link,.notification-stream-banner.banner-error a:visited,.notification-stream-banner.banner-error a:hover,.notification-stream-banner.banner-error a:focus,.notification-stream-banner.banner-error a:active,.notification-stream-banner.banner-error .alert-link:link,.notification-stream-banner.banner-error .alert-link:visited,.notification-stream-banner.banner-error .alert-link:hover,.notification-stream-banner.banner-error .alert-link:focus,.notification-stream-banner.banner-error .alert-link:active{color:#F2F2F2;}.notification-stream-banner.banner-error:hover{cursor:default;}.notification-stream-banner .banner-text{width:94%;width:calc(100% - 20px);display:inline-block;}.notification-stream-banner .icon-close-white{background-position:0 -616px;opacity:.5;filter:alpha(opacity=50);background-size:28px auto;float:right;height:14px;position:relative;top:3px;right:5px;width:14px;}.notification-stream-banner .icon-close-white:hover{opacity:1;filter:alpha(opacity=100);cursor:pointer;}.notification-stream-banner.on{top:0;}.notification-stream-data{height:100%;}.notification-stream-list .notification-stream-item{-webkit-transition:right .8s ease;-o-transition:right .8s ease;transition:right .8s ease;background-color:#F2F2F2;border-bottom:1px solid #E3E3E3;height:66px;width:100%;padding:9px;position:relative;}.notification-stream-list .notification-stream-item:before,.notification-stream-list .notification-stream-item:after{content:" ";display:table;}.notification-stream-list .notification-stream-item:after{clear:both;}.notification-stream-list .notification-stream-item:hover{box-shadow:4px 0 0 0 #00A2FF inset;}.notification-stream-list .notification-stream-item:hover:not(.turn-off) .icon-turn-off{display:block;}.notification-stream-list .notification-stream-item.clickable:hover{cursor:pointer;}.notification-stream-list .notification-stream-item.unInteracted{background-color:#fff;}.notification-stream-list .notification-stream-item.unInteracted .notification-display-text:after{background-color:#fff;}.notification-stream-list .notification-stream-item,.notification-stream-list .notification-stream-item.ng-enter{right:0;}.notification-stream-list .notification-stream-item.slide-out-left,.notification-stream-list .notification-stream-item.slide-out-left.ng-leave{right:420px;}.notification-stream-list .notification-stream-item.turn-off{height:33px;}.notification-stream-list .notification-stream-item .turn-off-container{background-color:#F2F2F2;}.notification-stream-list .notification-stream-item .turn-off-container:before,.notification-stream-list .notification-stream-item .turn-off-container:after{content:" ";display:table;}.notification-stream-list .notification-stream-item .turn-off-container:after{clear:both;}.notification-stream-list .notification-stream-item .turn-off-container .turn-off-text{width:91%;width:calc(100% - 35px);float:left;margin:0;text-align:left;}.notification-stream-list .notification-stream-item .turn-off-container .icon-turn-off{float:right;}.notification-stream-list .notification-stream-item .icon-turn-off{background-position:0 -70px;opacity:.5;filter:alpha(opacity=50);background-size:28px auto;height:14px;position:absolute;top:12px;right:9px;width:14px;display:none;}.notification-stream-list .notification-stream-item .icon-turn-off:hover{background-position:-14px -70px;}.notification-stream-list .notification-stream-item .icon-turn-off:hover{opacity:1;filter:alpha(opacity=100);}.notification-image-container,.notificaiton-item-content{float:left;}.notification-image-container{width:48px;}.notification-image-container .icon-nav-group{background-position:0 -576px;background-size:96px auto;width:48px;height:48px;}.notificaiton-item-content{width:86%;width:calc(100% - 48px);position:relative;}.notification-data-container{width:80%;width:calc(100% - 90px);height:48px;padding:0 0 0 12px;text-align:left;}.notification-data-container .notification-display-text{overflow:hidden;position:relative;line-height:1.2em;max-height:2.4em;margin-right:-16px;padding-right:16px;margin:0;width:252px;}.notification-data-container .notification-display-text:before{content:'...';position:absolute;right:0;bottom:0;}.notification-data-container .notification-display-text:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#F2F2F2;}.notification-data-container .notification-display-text .text-name{line-height:1.2em;}.notification-data-container .notification-display-text .font-bold{margin:0;}.notification-data-container .notification-display-text .message-header,.notification-data-container .notification-display-text .message-preview{line-height:1.2em;}.notification-data-container .notification-display-text .message-preview{color:#757575;display:inline-block;word-break:break-all;}.notification-data-container .text-date-hint{bottom:0;left:12px;position:absolute;}@media(max-width:543px){.notification-data-container .text-date-hint{position:relative;left:0;}}.notification-action-container{position:absolute;bottom:3px;right:0;}.notification-action-container:before,.notification-action-container:after{content:" ";display:table;}.notification-action-container:after{clear:both;}.notification-action-container .btn-secondary-xs,.notification-action-container .btn-control-xs{float:left;margin:0 0 0 6px;}.notification-item{-webkit-transition:transform .8s ease;-o-transition:transform .8s ease;transition:transform .8s ease;transform-style:preserve-3d;position:relative;}@media(max-width:543px){.notification-item{min-height:80px;}.notification-item.notification-stream-pm{min-height:auto;}}.notification-item.flipped .notification-item-front{-webkit-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);}.notification-item.flipped .notification-item-back{-webkit-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);}.notification-item-front,.notification-item-back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:transform .8s ease;-o-transition:transform .8s ease;transition:transform .8s ease;transform-style:preserve-3d;position:absolute;top:0;left:0;width:100%;}.notification-item-front:before,.notification-item-front:after,.notification-item-back:before,.notification-item-back:after{content:" ";display:table;}.notification-item-front:after,.notification-item-back:after{clear:both;}.notification-item-front{-webkit-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);z-index:10;}.notification-item-back{-webkit-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);}.notification-stream-list{padding:0;}.notification-stream-list .notification-stream-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.notification-stream-banner,.notification-image-container,.notification-data-container,.avatar-group{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.avatar-group{padding:0;}.roblox-popover-content.invisible{display:block;}.notification-stream-body .container-empty{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.notification-stream-item button{font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;}.avatar-headshot-sm.card-plain{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.notification-stream-intro{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;}.notification-stream-intro .notification-stream-intro-text{font-weight:300;font-size:16px;line-height:1.3em;}.notification-stream-intro button{font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;}
