.elegant .pusher{background:#FFF}.elegant .pusher #activitytitle,.elegant .pusher #coursestitle,.elegant .pusher #grouptitle,.elegant .pusher #title{background:#fafafa;padding-bottom:30px}.elegant .pusher .courseheader,.elegant .pusher .group_header,.elegant .pusher .member_header{background:#fafafa}.elegant #item-body,.elegant .activity_content,.elegant .content,.elegant .padder.content,.elegant .unit_content,.elegant.page .content,.elegant.single .content{padding:0}.elegant .mfp-content #item-body{padding:30px}.elegant header nav>.menu>li>a{border-top:2px solid transparent}.elegant header nav>.menu>li.current-menu-item>a,.elegant header nav>.menu>li.current_page_item>a,.elegant header nav>.menu>li:hover>a{color:#48575a;border-top-color:#48575a}.elegant #activitytitle h1,.elegant #activitytitle h5,.elegant #coursestitle h1,.elegant #coursestitle h5,.elegant #grouptitle h1,.elegant #grouptitle h5,.elegant #memberstitle h1,.elegant #memberstitle h5,.elegant #title h1,.elegant #title h5,.elegant .quiz_bar li a,.elegant .widget .course_cat_nav li a,.elegant .widget .item-options li a,.elegant .widget.pricing a{color:#444}.elegant #activitytitle,.elegant #coursestitle,.elegant #grouptitle,.elegant #memberstitle,.elegant #title{background:#fafafa;color:#444;padding:30px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.elegant #buddypress .widget_title,.elegant .heading,.elegant .widget .widget_title{border:none}.elegant #buddypress .widget_title:after,.elegant .heading:after,.elegant .widget .widget_title:after{content:none}.elegant .widget .widget_title:after{content:'';display:block;width:48px;height:2px;background:#78C8Ce;position:absolute;bottom:0;left:0}.elegant .quiz_bar,.elegant .widget .course_cat_nav,.elegant .widget .course_filters,.elegant .widget .item-options,.elegant .widget.pricing,.elegant.archive.d4 .pagetitle,.elegant.directory.d4 .pagetitle{background:#fafafa;border:1px solid rgba(0,0,0,.08)}.elegant .quiz_bar li.current-cat a,.elegant .quiz_bar li.selected a,.elegant .widget .course_cat_nav li.current-cat a,.elegant .widget .course_cat_nav li.selected a,.elegant .widget .item-options li.current-cat a,.elegant .widget .item-options li.selected a{color:#FFF}.elegant.archive.d4 .dir-form div.item-list-tabs#subnav,.elegant.directory.d4 .dir-form div.item-list-tabs#subnav{padding:30px 0!important;background:0 0!important;border:none!important}.elegant #buddypress div.item-list-tabs li{border:none;border-bottom:none}.elegant #buddypress div.item-list-tabs li a{color:#444;border:1px solid rgba(0,0,0,.08);border-bottom:none}.elegant #buddypress div.item-list-tabs li.selected a{color:#FFF;background:#fafafa}.elegant #buddypress div.item-list-tabs li.selected a:after{position:absolute;content:'';top:0;right:-1px;height:100%;width:2px;background:#FFF}.elegant #buddypress div.item-list-tabs li.selected a:before{position:absolute;content:'';left:0;top:0;width:2px;height:100%;background:#78C8Ce}.elegant #buddypress .dir-form div.item-list-tabs{display:block;overflow:visible}.elegant #buddypress .dir-form div.item-list-tabs ul li a{color:#444}.elegant #buddypress .dir-form div.item-list-tabs ul li.selected a{border:1px solid rgba(0,0,0,.08);color:#78C8Ce;background:#fafafa}.elegant #buddypress .dir-form div.item-list-tabs ul li.selected a:after{left:0;right:auto;top:auto;bottom:-1px;height:2px;width:100%;background:#fafafa}.elegant #buddypress .dir-form div.item-list-tabs ul li.selected a:before{position:absolute;content:'';left:0;right:auto;top:0;bottom:auto;width:100%;height:2px}.elegant #buddypress .dir-form div.item-list-tabs#subnav{background:#fafafa;border:1px solid rgba(0,0,0,.08)}.elegant #buddypress .dir-list{padding:0 0 30px}.elegant #buddypress #item-header{border:1px solid rgba(0,0,0,.08);border-bottom:none}.elegant #buddypress #group-create-tabs.item-list-tabs li span{background:#fafafa;color:#444}.elegant #buddypress #item-nav{border:1px solid rgba(0,0,0,.08)}.elegant #buddypress #item-nav div.item-list-tabs#object-nav{background:#fafafa;overflow:visible}.elegant #buddypress #item-nav div.item-list-tabs#object-nav li a{color:#444;border:1px solid transparent;border-bottom:none}.elegant #buddypress #item-nav div.item-list-tabs#object-nav li a:hover{background:#fafafa;color:#78C8Ce}.elegant #buddypress #item-nav div.item-list-tabs#object-nav li.current a{background:#FFF;color:#78C8Ce;border:1px solid rgba(0,0,0,.08)}.elegant #buddypress #item-nav div.item-list-tabs#object-nav li.current a:after{position:absolute;content:'';right:-1px;top:0;height:100%;width:2px;background:#FFF}.elegant #buddypress #item-nav div.item-list-tabs#object-nav li.current a:before{position:absolute;content:'';left:-1px;top:0;width:2px;height:100%;background:#78C8Ce}.elegant #buddypress .item-list-tabs#subnav{overflow:visible}.elegant #buddypress .item-list-tabs#subnav ul li a{background:#fafafa}.elegant #buddypress .item-list-tabs#subnav ul li.current a,.elegant #buddypress .item-list-tabs#subnav ul li.selected a{background:#FFF!important;border-color:rgba(0,0,0,.08)!important;color:#78C8Ce}.elegant.bp-user.p2 #buddypress #item-nav div.item-list-tabs#object-nav li a,.elegant.bp-user.p3 #buddypress #item-nav div.item-list-tabs#object-nav li a,.elegant.bp-user.p4 #buddypress #item-nav div.item-list-tabs#object-nav li a,.elegant.single-course.c2 #item-nav div.item-list-tabs#object-nav li a,.elegant.single-course.c3 #item-nav div.item-list-tabs#object-nav li a,.elegant.single-course.c4 #buddypress .item-list-tabs#object-nav li a,.elegant.single-course.c5 #buddypress .item-list-tabs#object-nav li a,.elegant.single-course.c5 #item-nav div.item-list-tabs#object-nav li a,.elegant.single-item.groups.g2 #buddypress #item-nav div.item-list-tabs#object-nav li a,.elegant.single-item.groups.g3 #buddypress #item-nav div.item-list-tabs#object-nav li a,.elegant.single-item.groups.g4 #buddypress #item-nav div.item-list-tabs#object-nav li a,.elegant.single-item.groups.g4 #buddypress .item-list-tabs#object-nav li a{color:#444}.elegant #buddypress .item-list-tabs#subnav ul li.current a:after,.elegant #buddypress .item-list-tabs#subnav ul li.selected a:after{position:absolute;content:'';bottom:-1px;top:auto;left:0;right:auto;width:100%;height:2px;background:#FFF}.elegant #buddypress .item-list-tabs#subnav ul li.current a:before,.elegant #buddypress .item-list-tabs#subnav ul li.selected a:before{position:absolute;content:'';top:0;bottom:auto;left:0;right:auto;width:100%;height:2px;background:#78C8Ce}.elegant #buddypress #activityform{background:#fafafa;margin-bottom:30px;border:1px solid rgba(0,0,0,.08)}.elegant:not(.d3) #buddypress .dir-form div.item-list-tabs ul li:first-child a{border-right:none}.elegant:not(.d3) #buddypress .dir-form div.item-list-tabs ul li:last-child a{border-left:none}.elegant.bp-user.p2 #buddypress #item-nav,.elegant.bp-user.p3 #buddypress #item-nav,.elegant.bp-user.p4 #buddypress #item-nav,.elegant.single-course.c2 #item-nav,.elegant.single-course.c3 #item-nav,.elegant.single-course.c5 #item-nav,.elegant.single-item.groups.g2 #buddypress #item-nav,.elegant.single-item.groups.g3 #buddypress #item-nav,.elegant.single-item.groups.g4 #buddypress #item-nav{line-height:0;background:#fafafa;border:1px solid rgba(0,0,0,.08);border-left:none;border-right:none}.elegant.bp-user.p2 #buddypress #item-nav a,.elegant.bp-user.p3 #buddypress #item-nav a,.elegant.bp-user.p4 #buddypress #item-nav a,.elegant.single-course.c2 #item-nav a,.elegant.single-course.c3 #item-nav a,.elegant.single-course.c5 #item-nav a,.elegant.single-item.groups.g2 #buddypress #item-nav a,.elegant.single-item.groups.g3 #buddypress #item-nav a,.elegant.single-item.groups.g4 #buddypress #item-nav a{line-height:1.6}.elegant.bp-user.p2 #buddypress #item-nav div.item-list-tabs#object-nav li.current a,.elegant.bp-user.p3 #buddypress #item-nav div.item-list-tabs#object-nav li.current a,.elegant.bp-user.p4 #buddypress #item-nav div.item-list-tabs#object-nav li.current a,.elegant.single-course.c2 #item-nav div.item-list-tabs#object-nav li.current a,.elegant.single-course.c3 #item-nav div.item-list-tabs#object-nav li.current a,.elegant.single-course.c5 #item-nav div.item-list-tabs#object-nav li.current a,.elegant.single-item.groups.g2 #buddypress #item-nav div.item-list-tabs#object-nav li.current a,.elegant.single-item.groups.g3 #buddypress #item-nav div.item-list-tabs#object-nav li.current a,.elegant.single-item.groups.g4 #buddypress #item-nav div.item-list-tabs#object-nav li.current a{background:#fff;border-bottom:none;border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08)}.elegant.bp-user.p2 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:before,.elegant.bp-user.p3 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:before,.elegant.bp-user.p4 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:before,.elegant.single-course.c2 #item-nav div.item-list-tabs#object-nav li.current a:before,.elegant.single-course.c3 #item-nav div.item-list-tabs#object-nav li.current a:before,.elegant.single-course.c5 #item-nav div.item-list-tabs#object-nav li.current a:before,.elegant.single-item.groups.g2 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:before,.elegant.single-item.groups.g3 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:before,.elegant.single-item.groups.g4 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:before{position:absolute;content:'';top:0;bottom:auto;width:100%;left:0;right:auto;height:2px}.elegant.bp-user.p2 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:after,.elegant.bp-user.p3 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:after,.elegant.bp-user.p4 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:after,.elegant.single-course.c2 #item-nav div.item-list-tabs#object-nav li.current a:after,.elegant.single-course.c3 #item-nav div.item-list-tabs#object-nav li.current a:after,.elegant.single-course.c5 #item-nav div.item-list-tabs#object-nav li.current a:after,.elegant.single-item.groups.g2 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:after,.elegant.single-item.groups.g3 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:after,.elegant.single-item.groups.g4 #buddypress #item-nav div.item-list-tabs#object-nav li.current a:after{position:absolute;content:'';top:auto;bottom:-2px;width:100%;left:0;right:auto;background:#FFF;height:2px}.elegant.bp-user.p2 #buddypress #item-body,.elegant.bp-user.p3 #buddypress #item-body,.elegant.bp-user.p4 #buddypress #item-body,.elegant.single-course.c4 #buddypress #item-body,.elegant.single-course.c5 #buddypress #item-body,.elegant.single-item.groups.g3 #buddypress #item-body{margin-top:30px}.elegant.single-course.c4 #buddypress .item-list-tabs#object-nav,.elegant.single-course.c5 #buddypress .item-list-tabs#object-nav,.elegant.single-item.groups.g4 #buddypress .item-list-tabs#object-nav{background:#fafafa;border-bottom:1px solid rgba(0,0,0,.08)}.elegant.single-course.c4 #buddypress .item-list-tabs#object-nav li.current a,.elegant.single-course.c5 #buddypress .item-list-tabs#object-nav li.current a,.elegant.single-item.groups.g4 #buddypress .item-list-tabs#object-nav li.current a{background:#FFF;color:#78C8Ce;border-bottom:none;border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08)}.elegant.single-course.c4 #buddypress .item-list-tabs#object-nav li.current a:before,.elegant.single-course.c5 #buddypress .item-list-tabs#object-nav li.current a:before,.elegant.single-item.groups.g4 #buddypress .item-list-tabs#object-nav li.current a:before{position:absolute;content:'';top:0;bottom:auto;width:100%;left:0;right:auto;height:2px;background:#78C8Ce}.elegant.single-course.c4 #buddypress .item-list-tabs#object-nav li.current a:after,.elegant.single-course.c5 #buddypress .item-list-tabs#object-nav li.current a:after,.elegant.single-item.groups.g4 #buddypress .item-list-tabs#object-nav li.current a:after{position:absolute;content:'';top:auto;bottom:-2px;width:100%;left:0;right:auto;background:#FFF;height:2px}.elegant.bp-user.p3 #buddypress .item-list-tabs#subnav li a,.elegant.single-item.groups.g3 #buddypress .item-list-tabs#subnav li a{border-right:1px solid rgba(0,0,0,.08);padding:15px}.elegant.bp-user.p3 #buddypress .item-list-tabs#subnav li.current a,.elegant.single-item.groups.g3 #buddypress .item-list-tabs#subnav li.current a{border:1px solid rgba(0,0,0,.08)}.elegant.bp-user.p3 #buddypress .item-list-tabs#subnav li.current a:before,.elegant.single-item.groups.g3 #buddypress .item-list-tabs#subnav li.current a:before{position:absolute;content:'';top:0;bottom:auto;left:0;right:auto;width:2px;height:100%;z-index:1}.elegant.bp-user.p3 #buddypress .item-list-tabs#subnav li.current a:after,.elegant.single-item.groups.g3 #buddypress .item-list-tabs#subnav li.current a:after{position:absolute;content:'';top:0;bottom:auto;width:2px;right:-1px;left:auto;background:#FFF;height:100%;z-index:1}.elegant.bp-user.p4 #buddypress .item-list-tabs#subnav,.elegant.single-item.groups.g4 #buddypress .item-list-tabs#subnav{margin-top:30px;border-bottom:1px solid rgba(0,0,0,.08)}.elegant.bp-user.p4 #buddypress .item-list-tabs#subnav li.selected.current a,.elegant.single-item.groups.g4 #buddypress .item-list-tabs#subnav li.selected.current a{background:0 0!important;color:#78C8Ce!important;border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08)}.elegant.bp-user.p4 #buddypress .item-list-tabs#subnav li.last,.elegant.single-item.groups.g4 #buddypress .item-list-tabs#subnav li.last{float:right}.elegant.single #buddypress .item-list-tabs#subnav ul li.selected a{background:#FFF;border-color:rgba(0,0,0,.08)}.elegant.archive.d3 #buddypress .item-list-tabs#subnav,.elegant.directory.d3 #buddypress .item-list-tabs#subnav{margin-bottom:15px!important}.elegant.archive.d3 #buddypress .item-list-tabs:not(#subnav) ul li a,.elegant.directory.d3 #buddypress .item-list-tabs:not(#subnav) ul li a{width:100%}.elegant.directory.d2 #buddypress div.item-list-tabs.activity-type-tabs{margin-bottom:30px;overflow:visible;border-bottom:1px solid rgba(0,0,0,.08)}.elegant.directory.d2 #buddypress div.item-list-tabs.activity-type-tabs li a{background:#fafafa}.elegant.directory.d2 #buddypress div.item-list-tabs.activity-type-tabs li.selected a{background:0 0!important}.elegant.directory.d2 #buddypress div.item-list-tabs.activity-type-tabs li.selected a:before{right:auto;left:0;top:0;bottom:auto;width:100%;height:2px}.elegant.directory.d2 #buddypress div.item-list-tabs.activity-type-tabs li.selected a:after{top:auto;bottom:-2px;height:2px;width:100%;left:0;right:auto}.elegant.archive.d5 section#content,.elegant.archive.d5 section#title,.elegant.directory.d5 section#content,.elegant.directory.d5 section#title{margin-top:0;padding-bottom:0}.elegant .ques_link,.elegant .quiz_timer,.elegant li:not(.active):not(.done) .quiz_question span,.minimal .ques_link,.minimal .quiz_timer,.minimal li:not(.active):not(.done) .quiz_question span{color:#444}.elegant .quiz_details,.minimal .quiz_details{border:1px solid rgba(0,0,0,.08)}.elegant.directory.d3 #buddypress .activity-type-tabs.item-list-tabs li a,.elegant.directory.d3 #buddypress .item-list-tabs li a,.elegant.directory.d4 #buddypress .activity-type-tabs.item-list-tabs li a,.elegant.directory.d4 #buddypress .item-list-tabs li a{background:#fafafa}.elegant.directory.d3 #buddypress .activity-type-tabs.item-list-tabs li.selected a,.elegant.directory.d3 #buddypress .item-list-tabs li.selected a,.elegant.directory.d4 #buddypress .activity-type-tabs.item-list-tabs li.selected a,.elegant.directory.d4 #buddypress .item-list-tabs li.selected a{background:#fff;color:#78C8Ce}.elegant.directory.d3 #buddypress .activity-type-tabs.item-list-tabs li.selected a:before,.elegant.directory.d3 #buddypress .item-list-tabs li.selected a:before,.elegant.directory.d4 #buddypress .activity-type-tabs.item-list-tabs li.selected a:before,.elegant.directory.d4 #buddypress .item-list-tabs li.selected a:before{position:absolute;content:'';top:0;bottom:auto;left:0;right:auto;width:2px;height:100%;z-index:1}.elegant.directory.d3 #buddypress .activity-type-tabs.item-list-tabs li.selected a:after,.elegant.directory.d3 #buddypress .item-list-tabs li.selected a:after,.elegant.directory.d4 #buddypress .activity-type-tabs.item-list-tabs li.selected a:after,.elegant.directory.d4 #buddypress .item-list-tabs li.selected a:after{position:absolute;content:'';top:0;bottom:auto;width:2px;right:-1px;left:auto;background:#FFF;height:100%;z-index:1}.elegant.directory.d3 #buddypress .activity-type-tabs.item-list-tabs li:last-child a,.elegant.directory.d3 #buddypress .item-list-tabs li:last-child a,.elegant.directory.d4 #buddypress .activity-type-tabs.item-list-tabs li:last-child a,.elegant.directory.d4 #buddypress .item-list-tabs li:last-child a{border-bottom:1px solid rgba(0,0,0,.08)}.elegant.directory.d3 #buddypress .activity-type-tabs.item-list-tabs#subnav,.elegant.directory.d3 #buddypress .item-list-tabs#subnav,.elegant.directory.d4 #buddypress .activity-type-tabs.item-list-tabs#subnav,.elegant.directory.d4 #buddypress .item-list-tabs#subnav{padding:0 0 15px;border:none;border-bottom:1px solid rgba(0,0,0,.08);background:0 0}.elegant.single-course.c4 #buddypress #item-header,.elegant.single-course.c5 #buddypress #item-header,.elegant.single-item.g4 #buddypress #item-header{border:none}.elegant.single-course.c4 #buddypress #item-header #item-header-content,.elegant.single-course.c5 #buddypress #item-header #item-header-content,.elegant.single-item.g4 #buddypress #item-header #item-header-content{padding:0;margin-bottom:30px}.elegant.single-course.c4 .item-list-tabs li,.elegant.single-course.c5 .item-list-tabs li,.elegant.single-item.g4 .item-list-tabs li{border:none!important}.elegant.single-course.c4 .item-list-tabs li.current a,.elegant.single-course.c5 .item-list-tabs li.current a,.elegant.single-item.g4 .item-list-tabs li.current a{border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08)}.elegant #buddypress #item-nav,.elegant #buddypress .item-list-tabs#object-nav li,.elegant .single #buddypress .item-list-tabs#subnav ul li a,.elegant .single-course.c2 .course_header,.elegant .single-course.c3 .course_header,.elegant .single-item #buddypress .item-list-tabs#subnav ul li a{background:#fafafa}.elegant .course_description+.course_curriculum .course_title h2,.elegant .review_title,.elegant .total_students{margin:0;background:0 0;padding:15px 0}.elegant .course_timeline h4,.elegant .unit_prevnext{border:1px solid rgba(0,0,0,.08);color:#444;margin:0;line-height:2}.elegant .unit_prevnext{margin-top:30px}.elegant .course_timeline li>a{color:#444}.elegant .course_timeline li>a:hover{color:#78C8Ce}.elegant .course_timeline.accordion .section:after{top:20px}.elegant.single-course.c5 .course_header #item-header .widget.pricing{background:rgba(255,255,255,.8);border:none}/* Theme Name: Formaer V4 Theme URI: http://www.VibeThemes.com Description: Child Theme for WPLMS WordPress Theme Author: VibeThemes Author URI: http://themeforest.com/user/vibethemes Template: wplms Version: 1.0 */ .block_media img{width:100%;} #basic-details-section h4:after{content:'';} .security-question-section input[type="number"]{border:1px solid #DDD;} .security-question-section+.submit{clear:both;} .content ul.question_options { clear: both; display: inline-block; width: 100%; list-style:none; } .block.courseitem span.amount{font-size:16px !important;} .live-edit-sidebar,.live-edit-sidebar + .text-options{display: none;} body.admin-bar #branding-wrap{top: 28px;} body.admin-bar #wrapper{margin-top: 145px;} div#cookie-law-info-again { display: none !important; } /*Header*/ section#title { margin-top: 0!important; padding-top: 0!important; } .single section#title .course_header { padding-top: 60px!important; } nav>.menu>li>a, .sleek .topmenu>li>a, .sleek nav>.menu>li>a{ font-weight: 700; } nav.menu-menu-principale-home-container strong{ font-weight: 700; } .elegant header nav>.menu>li i { font-weight: 500; } @media screen and (max-width: 767px) { .cclw_opc_main.checkout-three-column-layout { grid-template-columns: repeat(1, 1fr) !important; } .sleek.fixed #header_alt_logo { display: block !important; max-height: 48px; width: auto; } .sleek.fixed img#header_mobile_logo { display: none !important; } } header.mooc, header.sleek:not(.transparent){ -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } header.sleek.fix.fixed{ border-bottom: none 1px #e3e3e3; box-shadow: 5px 0px 15px 0px rgba(61, 57, 57, 0.09); } nav .menu li>.sub-menu li, nav ul.menu li> .sub-menu .menu-sidebar .widget ul li a, nav .menu li>.sub-menu li a{ text-transform: none!important; } .megadrop .menu-sidebar.column4 .widget:nth-child(4n+1) { border: none!important; } .megadrop .menu-sidebar.column3 .widget:nth-child(3n+1) { border: none!important; } .sleek nav>.menu>li>a { margin: 15px 0 0 10px; padding: 15px 6px 15px 1px; } nav .menu li .menu-sidebar .widget { padding: 15px; border-left: 1px solid rgb(0 0 0 / 15%)!important; height: 190px; } .megadrop .menu-sidebar .widget ul li a{ opacity: 1; } nav .menu li .menu-sidebar .widget ul li a:hover{ color: #009dd8!important; } .elegant header nav>.menu>li.current-menu-item>a, .elegant header nav>.menu>li.current_page_item>a, .elegant header nav>.menu>li:hover>a { color: #009dd8!important; border-top-color: #009dd8 !important; } header.sleek.transparent.fix.fixed { border-bottom: none 1px #e3e3e3; box-shadow: 5px 0px 15px 0px rgba(61, 57, 57, 0.09); } /* .elegant header.sleek.transparent.fix.fixed nav>.menu>li.current-menu-item>a, .elegant header.sleek.transparent.fix.fixed nav>.menu>li.current_page_item>a, .elegant header.sleek.transparent.fix.fixed nav>.menu>li:hover>a { color: #009dd8 !important; border-top-color: #009dd8 !important; } */ .sleek .topmenu>li>a { padding: 30px 6px 0px 6px !important; font-size: 15px; } ul.topmenu a{ line-height: 27px; } input#searchsubmit { margin: 0; } #item-nav { border-top: none !important; } .sleek .woocart .woocommerce-button.button.view { margin: 10px; padding: 5px 10px; } span.woocommerce-Price-amount.amount { font-weight: bold; } .sleek .woocart .woocommerce-mini-cart__total.total { border-top: 1px solid rgb(255 255 255 / 29%); border-bottom: 1px solid rgb(255 255 255 / 30%); } .sleek .woocart .woocommerce-mini-cart__buttons { background: none; margin: 0; } .sleek .woocart { border: 1px solid #d8d8d8 } .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details { display: flex; flex-direction: column; } .order_details li { font-size: 1em!important; } .order_details li strong { font-size: 1em!important; } .woocommerce .order_details li strong { display: inline-block!important; } .wc-bacs-bank-details-account-name { font-size: 16px; font-weight: bold; } .wc-bacs-bank-details.order_details.bacs_details { display: flex; flex-direction: column; } /*Home*/ body .p_16px p { font-size: 16px; } body .p_15px p { font-size: 15px; } section#content { padding: 0; } .block.courseitem.course4 .block_content .block_title { height: 74px; } .block.courseitem .block_content { padding: 0 4px 15px!important; } .block.courseitem.course4 .block_content .course_block_bottom, .block.courseitem.course4 .course_instructor{ display: none; } /*#buddypress .related_courses.container .col-md-4{ width: 100%!important; max-width: 345px !important; }*/ .related_courses.container ul { display: block !important; } .vibe_carousel.noheading .flickity-prev-next-button { top: calc(48% - 16px)!important; } @media (min-width: 768px){ .vibe_carousel ul.slides>div>div { margin: 0 0.7rem!important; } } .flickity-prev-next-button { width: 0!important; } /* @font-face { font-family: Montserrat; font-style: normal; font-display: swap; src: url(https://formaer.s3.eu-south-1.amazonaws.com/fonts/Montserrat-Regular.woff2) format('woff2'), url(https://formaer.s3.eu-south-1.amazonaws.com/fonts/Montserrat-Regular.woff) format('woff'); } @font-face { font-family: Montserrat; font-weight: 600; font-style: normal; font-display: swap; src: url(https://formaer.s3.eu-south-1.amazonaws.com/fonts/Montserrat-SemiBold.woff2) format('woff2'), url(https://formaer.s3.eu-south-1.amazonaws.com/fonts/Montserrat-SemiBold.woff) format('woff'); } */ /*Login*/ .logged-out #vibe_bp_login .fullscreen_login, #vibe_bp_login ul+ul { background: #313b3d !important; } #vibe_bp_login a:hover, #vibe_bp_login ul li a { color: #fff!important; } #vibe_bp_login ul li a:hover { text-decoration: underline; } .fullscreen_login a.login_logo { margin: 0!important; padding-bottom: 30px!important; } body.login div#login h1 a{ background-image: url(https://formaer.s3.eu-south-1.amazonaws.com/wp-content/uploads/2024/01/31173346/FormaER_logo_ANDI_emilia_romagna_2024.png) !important; } /*APP*/ .register_member_type_wrap .field_wrap .vibebp_form_field>label strong { opacity: 1!important; } /*Profile*/ .xprofile .item-list-tabs#subnav { padding: 0!important; } #members-directory-form .item-list-tabs#subnav, #members-directory-form .item-list-tabs a { padding: 10px 15px!important; } .bp-widget.social-profiles { margin: 0; } .year_summary_new { display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: flex-end; } .column_list { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; } .progress-bar { border-radius: 20px; font-weight: 700; } .esito_progress { width: 100%; position: relative; } .esito_percentuale { position: absolute; bottom: 10px; left: 0; } .esito_percentuale .progress-bar { font-size: 14px; min-width: 20%; } .esito_ore { display: flex; max-width: 530px; border-radius: 2px; padding: 20px 24px; } .imagine_esito { padding-right: 20px; } .imagine_esito img { max-width: 97px; } .esito_ore_messaggio { line-height: 22px; font-size: 16px; font-weight: 500; } @media only screen and (max-width: 600px) { .year_summary_new { flex-flow: column-reverse; } .column_year { margin: 20px 0px 0 0px; } } @media only screen and (min-width:768px) and (max-width: 991px){ .esito_ore{ flex-direction: column; text-align: center; } .esito_progress { min-height: 120px; } .esito_ore_messaggio { margin-top: 10px; } } @media only screen and (max-width: 560px){ .esito_ore{ flex-direction: column; text-align: center; } .esito_progress { min-height: 120px; } .esito_ore_messaggio { margin-top: 10px; } } /*Learning Mode */ /*Webinar*/ .vczapi-shortcode-meeting-table { width: 100%; /* Make the table take up the full width */ border-collapse: collapse; /* Remove the space between table cells */ margin: 20px 0; /* Add some space around the table */ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for table */ } .vczapi-shortcode-meeting-table td { padding: 7px 15px; /* Add padding inside table cells */ border: 1px solid #ddd; /* Light border around cells */ text-align: left; /* Align text to the left */ } .vczapi-shortcode-meeting-table tr:nth-child(even) { background-color: #fff; /* Alternate row background */ } .vczapi-shortcode-meeting-table tr:hover { background-color: #e9e9e9; /* Highlight row on hover */ } .vczapi-shortcode-meeting-table--row1.hidden, .vczapi-shortcode-meeting-table--row3.hidden, .vczapi-shortcode-meeting-table--row7.hidden, .hidden { display: none !important; /* Hide specific rows */ } .next_curriculum_item { font-weight: 600!important; } .next_curriculum_item.unlocked { color: #3c763d; background-color: #dff0d8!important; border-color: #d6e9c6!important; } .next_curriculum_item.locked { background-color: #fcf8e3!important; border-color: #faebcc!important; cursor: not-allowed!important; } .next_curriculum_item.locked.text_unit { background: #fff!important; border: 1px solid #212121!important; cursor: pointer!important; } .next_curriculum_item.locked.text_unit:hover { background: #008be8sl!important; color: #fff!important; } .next_curriculum_item:hover { color: #232323!important ; text-decoration: underline; } .quiz_timeline.disabled{ cursor: not-allowed; } .submit_quiz.button.is-primary.disabled { background: #008be873; pointer-events: none; } .text-cso{ color: #f56900; } a.curriculum_unit_popup.link { display: none!important; } form .course_button.full.button { pointer-events: none!important; background-color: #eee!important; cursor: not-allowed!important; } a.course_button { cursor: pointer; } .course_button a { color: #fff!important; font-weight: 600; } .finish-course-content .finished_percentage > span > span { display: block !important; } a.start_quiz.full.button.is-primary, .course_status .incourse .quiz_retake>* { flex: 1 0!important; cursor: pointer; } .course_status .course_content .course_content_content_wrapper .next_curriculum_item:hover { background: #008be8!important; color: #fff!important; } .course_status .course_content .course_content_content_wrapper .locked.presentation_unit:hover { background-color: #fcf8e3!important; border-color: #faebcc!important; color: #000!important; } .finish-course-content a.button{ margin: 10px!important; } .finish-course-content a.button, .finish-course-content a.button span { color: #fff!important; margin: 0; } /*COURSE Directory*/ .buddypress.bp-vibebp.post-template-default .pagetitle h5 { font-size: 15px; } #buddypress .item-list-tabs#subnav ul li.switch_view a { border: 1px solid rgba(0,0,0,.1)!important; border-radius: 0!important; line-height: 8px; } .flex-container { display: flex; justify-content: space-between; } .flex-item-course { flex: 1; text-align: center; border: none; } .elementor-widget-container .flex-item-course .vicon { margin-right: 7px; } @media (max-width: 767px){ #buddypress .dir-search { width: 100%; } #buddypress li#course-order-select { display: none!important; } #buddypress .item-list-tabs#subnav ul li.switch_view { display: none!important; } #buddypress ul.item-list li div.item-title { margin-top: 10px!important; } } @media (max-width: 540px){ .dir-list .item-avatar { margin-bottom: 0!important; } } #buddypress span.activity { font-size: 14px; color: #008be8; font-weight: 600; } #buddypress ul.item-list.grid li .item .item-title { min-height: 60px; } #buddypress ul.item-list li .item-avatar img { border-radius: 10px 10px 0 0; } #buddypress ul.item-list.grid li .item { border-radius: 0 0 10px 10px; } /*MEMBER Directory*/ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none!important; background: #008be8!important; } .ui-accordion .ui-accordion-content { padding: 15px!important } .bps-form input[type="search"]{ width: 100%!important; } .bps-form select{ margin: 0!important; } .widget.buddypress.widget { margin: 0; } #item-header-content li.current a, #item-header-content li+li:before, h5.course_instructor a{ color: #000!important; } .breadcrumbs li.current span { color: #000!important; font-weight: 700!important; } #buddypress .item-list-tabs#subnav { padding: 10px!important; } .course_button { cursor: pointer; } .course ul.socialicons.square li a { color: #fff; line-height: 1em; background: #008be8; } .login_popup_bg_img { width: 25% !important; } #vibe_bp_login .fullscreen_login .loginpopup_wrapper{ -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #vibe_bp_login .fullscreen_login .loginform { color: #fff !important; } #vibe_bp_login .fullscreen_login .login_popup .loginform .input { color: #000!important; font-weight: 700; background: #fff; } #vibe_bp_login .fullscreen_login .login_popup .loginform .input { color: #000!important; } #vibe_bp_login .fullscreen_login .login_popup_content.email_login { min-width: 270px; } /* span.vicon.vicon-eye, span.vicon.vicon-na { color: #000; margin-right: 10px; font-size: 15px; } */ body.login div#login h1 a { width: 200px!important; background-size: 100%!important; margin-top: 20px!important; margin-bottom: 0px!important; } body.login form#loginform label { color: #fff!important; } .certifications { display: none!important; } .block_media img { width: 100%; } #basic-details-section h4:after { content: ''; } .security-question-section input[type="number"] { border: 1px solid #DDD; } .security-question-section+.submit { clear: both; } .content ul.question_options { clear: both; display: inline-block; width: 100%; list-style: none; } .block.courseitem span.amount { font-size: 16px !important; } .live-edit-sidebar, .live-edit-sidebar+.text-options { display: none; } a.button.wc-forward { border: 1px solid #000000; } #buddypress .profile h4 { line-height: 1.35em; font-family: "Open Sans", sans-serif !important; color: #282828; } [hidden] { display: none !important; } .bg-primary { color: #fff; background-color: #008be8 !important; } .btn { background: #008be8 !important; } .course_cat_nav li.menu-item.current-menu-item { background: #008be8; } .course_cat_nav li.menu-item.current-menu-item a { color: #fff; } .list-show ul { list-style: disc; margin-left: 15px; } /*CART*/ .cart-discount { color: #f00000; } .order-total span.right-corner { display: grid; text-align: end; } a.woocommerce-remove-coupon { font-weight: 500 !important; float: left !important; margin-right: 10px; } .order-total { display: inline-block; width: 100%; } .woocommerce-form-coupon { margin-top: 20px; margin-bottom: 30px; } .checkout.woocommerce-checkout #billing_country_field { display: none; } .checkout-three-column-layout { column-gap: 30px; margin-top: 20px; } .payment_box.payment_method_stripe { background: none!important; } .woocommerce-checkout #payment div.payment_box:before{ border: none!important; } .woocommerce-checkout #payment div.payment_box .form-row { margin: 10px 0!important; padding: 0!important; } .wc-stripe-elements-field{ min-height: 30px!important; height: 35px!important; font-size: 14px!important; margin-bottom: 0!important; line-height: 35px!important; padding: 8px!important; border-radius: 0.25em!important; } ul.woocommerce_error.woocommerce-error.wc-stripe-error { margin: 15px 0px 0px 0!important; padding: 0px 10px!important; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; border: none!important; border-radius: 0.25rem; line-height: 40px!important; } p#billing_first_name_field { width: 47% !important; float: left !important; margin-right: 5.8% !important; clear: both !important; } p#billing_last_name_field { width: 47% !important; float: right !important; margin-right: 0 !important; clear: none !important; } .cclw_opc_main.checkout-three-column-layout input:read-only { background: #ccc !important; cursor: not-allowed !important; color: #313b3d !important; } .grid-col-checkout, .checkout_coupon.woocommerce-form-coupon { padding: 12px 10px 0 !important; max-width: none; border: 1px solid #d8d8d8; border-radius: 8px; background-color: #fff !important; overflow: hidden; } #cclw_payment_section #payment ul.payment_methods li { display: inline-block; width: 100%; margin-bottom: 10px !important; padding: 0 !important; } #cclw_payment_section .form-row.place-order { padding: 0; margin-top: 10px; } .grid-col-2.grid-col-checkout { background: #fff !important; } .grid-col-1.grid-col-checkout { padding-bottom: 20px !important; } .grid-col-checkout { margin-bottom: 20px !important; } .woocommerce-error { border-color: #de5439; background-color: #f16645; color: #fff; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; margin-top: 10px; } form.checkout.woocommerce-checkout .grid-col-1 label, .country_form { display: none; } .grid-col-2.grid-col-checkout .shipping-total { display: none; } .cclw_opc_main .cart_totals div { border-bottom: 0 !important; } .woocommerce-checkout .cclw_opc_main h3.border_html { font-size: 16px !important; font-weight: 700 !important; } .woocommerce form.checkout .cclw_opc_main p.form-row input.input-text { min-height: 40px; height: 40px; padding: 0.375rem 0.75rem; font-size: 1.2rem; line-height: 2.4rem; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } #cclw_order_details_table .cclw_order_review_table table th { background: #ffffff !important; border-bottom: 1px solid #ccc !important; } .cart_totals.cclw_cart_totals { border-top: 1px solid #ccc !important; } .cclw_cart_totals .cart-subtotal { margin-top: 10px; } .woocommerce-checkout span.select2-selection.select2-selection--single { height: 40px !important; line-height: 40px !important; border: 1px solid #ced4da !important; } .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px !important; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td { font-weight: bold; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th { min-width: 300px; } table.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields th { min-width: 300px; } table.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields td { font-weight: bold; } span.select2-dropdown.select2-dropdown--below { border: 1px solid #ced4da !important; } span.woocommerce-input-wrapper input { color: #000; margin: 0; padding-left: 5px; } #cclw_order_details_table .cclw_order_review_table table thead { background: #fff !important; color: #000 !important; } div#stripe-payment-data li { margin-bottom: 5px; } #cclw_payment_section #payment ul.payment_methods li .payment_box { clear: both; padding: 0 !important; margin-top: 5px; } div#stripe-payment-data li input { margin-right: 10px; } #wc-stripe-cc-form { margin-top: 15px; } button#place_order { text-align: center; padding: 12px 30px !important; border-radius: 10px; margin: 30px auto 15px auto; display: block; background-color: #000 !important; } p.form-row.woocommerce-SavedPaymentMethods-saveNew { margin-top: 10px; } .wplms_parent_user.quota_not_renewed { background: #faaeae; } #pmpro_account { margin-top: 40px; } .abbonamento_table th { text-align: center !important; } .quote_renew_info { font-size: 1.3rem; } .quote_renew_info_link { font-size: 1.3rem; text-decoration: underline; } .dashboard_paid_subscription { margin-bottom: 50px; } .my_account_orders.account-orders-table { width: 100%; text-align: center; } .my_account_orders.account-orders-table th { padding: 8px; line-height: 1.428571429; text-align: center; border: 1px solid #ddd; border-bottom: 2px solid #ddd; } .my_account_orders.account-orders-table td { border: 1px solid #ddd; } #confirmation_message a { color: #008be8; ; } .edit_disabled { display: inline-block !important; pointer-events: none; cursor: not-allowed; opacity: 0.5; background: #ccc; text-decoration: none; } .not_allowed { cursor: not-allowed; } p.woocommerce-mini-cart__empty-message { padding: 5px 15px; color: #fff; margin: 0; } a.button.checkout.wc-forward { display: none; } a.button.wc-forward { float: none !important; background: #fff; color: #000 !important; } #cclw_order_details_table .cclw_order_review_table .cclw_cart_totals div { padding: 0 !Important; } .abbonamento_table.table.table-bordered.table-responsive.text-center a { color: #008be8; } .pmpro_btn.disabled { width: 100%; padding: 10px 24px; display: inline-block; margin: 10px 10px 10px 0; font-size: 1rem; line-height: 1.5; cursor: not-allowed; } .rounded-lg { border-radius: 1rem !important; } .text-small { font-size: 0.9rem !important; } .text-uppercase { letter-spacing: 0.2em; } .custom-separator { width: 5rem; height: 6px; border-radius: 1rem; } .text-uppercase { letter-spacing: 0.2em; } .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; } .rounded-pill { border-radius: 50rem !important; } .font-weight-bold { font-weight: 700 !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .p-5 { padding: 3rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .bg-white { background: #fff; } .btn_level_select { width: 100%; font-size: 1rem; line-height: 1.5; } @media only screen and (min-width : 992px) { .leveles_select_container { display: flex; -ms-flex-pack: center !important; justify-content: center; } } .course_price, .pricing_course { display: none !important; } .unit_title_extras .instructor { display: none; } .mobile_icons { background-color: #009bed; } .course_pursue_panel { height: 100% !important; } span.correct_answer { color: #28a745; } #ajaxloader { position: fixed !important; } .elegant #buddypress #item-header, #title { border: none !important; } .widget .course-star-rating { display: block; } nav .menu li:hover.hasmegamenu>.sub-menu { /*left: 20%;*/ left: 33%!important; } #course-directory-form .course_category { margin-bottom: 30px; } .single-item.groups #item-body { margin-top: 30px; } #trigger { padding: 10px 0 0; margin-top: -10px; } header.sleek.transparent.fix.fixed { border-bottom: none 1px #e3e3e3; box-shadow: 5px 0px 15px 0px rgba(61, 57, 57, 0.09); } h2#logo { margin-top: 0; } img#header_logo, img#header_alt_logo { width: 200px; height: 58px; max-height: 58px; } #headertop .socialicons, .topmenu { display: flex; } .unit_wrap { padding: 20px !important; } .elegant #title h1, .elegant #title h5, .single-course.c2 #item-admins h3, #item-header .students { color: #282828; } #title .course_header { background: transparent!important; } section#title { /*border: 1px solid rgba(0,0,0,.08)!important;*/ padding-bottom: 30px !important; background-position: bottom 0 right 0 !important; background-size: 220px !important; background-repeat: no-repeat !important; background-color: #ddefff !important; } /* #####COURSE DIRECTORY##### */ .course_detai_info .elementor-widget-wrap{ align-items: center; justify-content: center; } .course_detai_info .elementor-widget-wrap .elementor-element{ width: auto!important; } .course_featured img { border-radius: 10px; } .vibebp_course .course_card { border: 1px solid rgba(0,0,0,.08); border-radius: 10px; } .vibebp_course .course_card p{ margin: 0; } #wplms_courses_directory select { line-height: 1.1; } /* #####APP##### */ .wplms_manage_courses_wrapper .course_instructor_block .course_featured_image .course_actions span.vicon { text-shadow: none!important; color: #000; } /* section#title { background-size: contain !important; background-repeat: no-repeat !important; background-color: #00344c !important; background-position: right bottom !important; } .single-course section#title { padding-top: 0px !important; padding-bottom: 0px !important; } section#title .course_header { background-size: 1000px !important; background-repeat: no-repeat !important; background-color: #00344c !important; background-position: right bottom !important; } #title .bbp-breadcrumb, #title .bbp-breadcrumb a { color: #fff; } .pusher section#title { background-color: #01334c !important; background-image: url(https://www.formaer.it/wp-content/themes/wplms/assets/images/formaer_corsi_online.jpg) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: right bottom !important; } #title .course_header { background-color: #01334c !important; background-image: url(https://www.formaer.it/wp-content/themes/wplms/assets/images/formaer_corsi_online.jpg) !important; background-size: cover; padding-top: 0px; margin-top: 0px; background-size: 1000px !important; background-repeat: no-repeat !important; background-color: #00344c !important; background-position: right bottom !important; } */ @media (max-width: 1024px) { .course_content_panel .unit_wrap .unit_prevnext { left: auto; width: 100% !important; position: relative !important; } } img.attachment-small.size-small.wp-post-image.jetpack-lazy-image.jetpack-lazy-image--handled { max-height: 200px; } #title .bbp-search-form #bbp_search { color: #444; } .course_block_bottom span.fa.fa-calendar-check-o { display: none; } .sidemenu li.menu-item-has-children:after { display: none; } .isDisabled { display: inline-block !important; cursor: not-allowed; opacity: 0.5; pointer-events: none; text-decoration: none; } .course_front_progressbar { display: none; } p.course_section { border: none; padding: 10px 0; font-size: 16px; font-weight: 600; letter-spacing: 1px; } #bbpress-forums .bbp-forums-list li { display: flex; font-size: 13px; margin-bottom: 2px; } p.bbp-topic-meta { max-width: 80px; } #bbpress-forums .bbp-forums-list li a { text-align: left; } #bbpress-forums ul.bbp-replies li.bbp-body li:last-child { text-align: left; } #bbpress-forums ul.status-closed a { color: #444; } #bbpress-forums ul.bbp-replies li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links { z-index: 999999; } input.review_course.unit_button.full.button { display: none; } #course-list .item-avatar { max-height: 220px; } #members-dir-list #members-list li .item-avatar img { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border-radius: 50%; width: 150px; height: auto; } .revtp-searchform input#s { height: 3.1em; } .form_forgot_password { width: 360px; margin: 20px auto; text-align: center; } .form_forgot_password a { color: #fff; } .form_forgot_password a:hover { text-decoration: underline; } .progress.course_progressbar { display: none; } form#profile-edit-form .editfield input:read-only { background: lightgray; cursor: not-allowed; } div#field_76 { width: 120px; margin: 0 auto; } div#field_76 input { position: relative; top: 3px; width: 25px; float: left; outline: 0; } div#field_76 input:focus { box-shadow: none; } .hide_cf_button { display: none; } .hide_cf_button_first { display: none; } .message.success, .message_wrap { font-size: 1em; } .taxonomy_carousel a.term_block .term_name { position: relative; } .taxonomy_carousel a.term_block .term_name span, .taxonomy_carousel a.term_block .term_name strong { margin-top: 13px; color: #323232; bottom: 15px; } .course_time { display: none; } /* .unit_prevnext { min-height: 78px; } a.unit.unit_button.start_course, a.unit_button.start_quiz, a#mark-complete { font-size: 1.1em; color: #fff; background-color: #008ae8; padding: 7px; border-radius: 5px; display: inline-block; } a#next_unit, a#next_quiz, .submit_inquiz { font-size: 1.1em; color: #fff; padding: 7px; border-radius: 5px; } @media (min-width: 461px) { a#next_unit, a#next_quiz, .submit_inquiz { background-color: #70c989; width: max-content; } a.unit_button.start_quiz, a#mark-complete { color: #fff; background-color: #008ae8; width: max-content; } } .main_unit_content ol { padding-left: 30px !important; } .congrats_certificate, .congrats_message { font-size: 14px; } a#mark-complete:after, a#next_unit, a#next_quiz, a#prev_unit { border-radius: 5px; width: max-content; display: inline-block; } .quiz_questions .q strong { font-size: 16px; font-weight: 900; margin: 0; color: #000000; text-decoration: underline; } .widget .course_cat_nav ul li a { font-size: 13px; text-transform: inherit; font-weight: 600; font-family: "Open Sans", "Helvetica Neue", sans-serif; display: inline-block; border-bottom: 1px dotted rgba(0, 0, 0, .08); color: #313B3D; } #course-list li .item-meta { font-size: 1rem; color: #9c9c9c; } */ #buddypress ul.item-list li .icon-clock-1 { position: relative; top: 2px; padding-right: 3px; font-size: 14px; } #course-list li .item-meta .students .icon-users { margin-top: 1px; margin-right: 7px; } #item-header-content .students .icon-users { display: none; } #buddypress ul.item-list.grid li.course_single_item .col-md-8.col-sm-8 .item .course-star-rating { display: none; } .single-course div#item-nav.fixed { margin-bottom: 0; } .block.courseitem.course8 { border: 2px solid rgba(0, 0, 0, .2); border-radius: 15px; overflow: hidden; } .single-course.c2 #item-nav div.item-list-tabs#object-nav li .flexMenu-popup { background: #fff; } .block.course8 .block_content .cat_btn { display: none; } div#course_widget_home .course-star-rating { display: none; } .course_timeline, .quiz_details { background: #ffffff; } .claim .wplms_parent_input_block .claim_user { cursor: pointer; } .field-visibility-settings-toggle { display: none !important; } .field-visibility-settings-notoggle { display: none !important; } /* Global */ .no_margin{ margin: 0!important; } /* #####Registration Form##### */ ul.registrazione_2024 li { margin-bottom: 15px; } li.col-md-12.no_padding.extra { margin: 0; } li.col-md-12.no_padding.extra input { margin-bottom: 15px; } form#signup_form label { text-align: left; line-height: 1.2; width: 100%!important; } ul.registrazione_2024 legend { font-size: 15px; text-align: left; line-height: 1.2; border: 0; margin-top: 0; margin-bottom: 5px; font-weight: 600; } ul.registrazione_2024 li .form_field { margin: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } input#datore, input#cso { border-color: #f56900; } .wplms_registration_form ul li>input { width: auto; } .wplms_registration_form input[type=text], .wplms_registration_form input[type=number], .wplms_registration_form input[type=email], .wplms_registration_form input[type=password], .wplms_registration_form select { height: 2.8em; } .wplms_registration_form input, .wplms_registration_form select, .wplms_registration_form ul li>input { display: block; width: 100%; padding: .375rem .75rem; font-size: 1.2rem; line-height: 2.4rem; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .wplms_registration_form input:focus { color: #282828; background-color: #fff; border-color: #009dd8; outline: 0; box-shadow: 0 0 0 0.4px rgba(0, 123, 255, .25); } div#field_76 label { line-height: 1.8em; } .wplms_registration_form .field_error .message.error { display: block; padding-right: 0; } .bp-required-field-label { display: none; } div#extra_76 a { color: #337ab7; text-decoration: underline; } .disabled_button_registration { cursor: not-allowed!important; user-select: none!important; pointer-events: none!important; background: #d2d2d2!important; -webkit-touch-callout: none!important; } .wplms_registration_form ul li { clear: inherit; } .registration_description { padding-left: 5px; } legend { margin-top: 20px; margin-bottom: 15px; font-size: 1.4rem; } legend[for=signup_password]>span { float: right; } legend.short span { color: red; } legend.weak span { color: orange; } legend.good span { color: #2d98f3; } legend.strong span { color: #32cd32; } a.submit_registration_form.button { width: 100%; text-align: center; font-size: 1.2rem; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-decoration: none; overflow: hidden; cursor: pointer; border-radius: 10px; } a.submit_registration_form.button:focus { color: #fff; } .wplms_registration_form .submit_registration_form.loading:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 1 !important; margin-right: 10px; } .hidden_button { visibility: hidden; } #member_type_options { display: block; padding: 15px 0; } .member_type_select { position: relative; width: 100%; left: 0%; height: 60px; margin-bottom: 15px; } /* .member_type_select.abbonamento { height: 80px; } #member_type_options { display: flex; align-items: center; flex-direction: row; justify-content: space-around; } .member_type_select { height: 170px; width: 200px; position: relative; } */ .member_type_select input[type="radio"] { -webkit-appearance: none; appearance: none; background-color: white; height: 100%; width: 100%; border-radius: 10px; position: absolute; cursor: pointer; outline: none; } .member_type_select input[type="radio"]:before { content: ""; position: absolute; height: 22px; width: 22px; background-color: #f9fafd; border: 1px solid #e2e6f3; border-radius: 50%; right: 20px; top: 0; bottom: 0; margin: auto 0; } .member_type_select input[type="radio"]:after { content: ""; position: absolute; height: 13px; width: 13px; background-color: transparent; border-radius: 50%; right: 24.5px; top: 0; bottom: 0; margin: auto 0; } .member_type_select_box { position: absolute; cursor: pointer; width: auto !important; border: none !important; } /* .member_type_select h5 { font-weight: 600; font-size: 15px; margin: 15px 0 20px 0; } */ .member_type_select p { padding: 15px 0 0px 15px; } .member_type_select span { font-weight: 400; font-size: 15px; padding-left: 15px; color: #000; } /* .member_type_select input[type="radio"]:hover { transform: scale(1.05); } */ .member_type_select input[type="radio"]:checked { border: 1px solid #008be8 !important } .member_type_select input[type="radio"]:checked:after { background-color: #008be8 !important; } .member_type_select input:disabled { background-color: #eee; cursor: not-allowed; } label.member_type_select_box{ display: grid!important; } .member_type_select label { pointer-events: none; } label.member_type_select_box p { font-weight: 700; } .title_subscription{ letter-spacing: normal; font-size: 16px; text-transform: uppercase; } .member_type_select input:disabled:before { display: none; } .top_15 { padding-top: 15px; } .bottom_15 { padding-bottom: 15px; } .code_message, .cf_message { text-align: center; } #cf-status, #code-status { width: 100%; display: inline-block; font-size: 1.4rem; text-align: center; height: 27px; } .institution { margin-top: 15px; color: #000; } img.institution_img { margin-top: 10px; } /* END Registration Form */ button.button.presta_button { position: relative; border-radius: 10px; font-size: 1.2rem; text-align: center; min-width: 230px; min-height: 50px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-decoration: none; overflow: hidden; cursor: pointer; } button.button.presta_button:after { content: ""; background: #5fbefd; display: block; position: absolute; padding-top: 300%; padding-left: 350%; margin-left: -25px !important; margin-top: -120%; opacity: 0; transition: all 0.8s } button.button.presta_button:active:after { margin: 0; opacity: 1; transition: 0s } #footerbottom { text-transform: inherit; font-size: 13px; } @media only screen and (min-width : 992px) { .col-md-6.no_padding.field_1, .col-md-6.no_padding.registration_email { padding-right: 15px; margin-top: 0; } .col-md-6.no_padding.field_13, .col-md-6.no_padding.registration_password { padding-left: 15px; margin-top: 0; } } @media (max-width: 800px) { #member_type_options { flex-direction: column; } } div#item-meta strong { display: none; } div#item-meta .students { width: 110px; } @media screen and (min-width: 768px) and (max-width : 991px) { .cclw_opc_main.checkout-three-column-layout { grid-template-columns: repeat(2, 1fr) !important; } } @media only screen and (max-width : 991px) { .related_courses { display: none; } li#menu-item-1179 { display: none; } div#footerbottom { text-align: center; } span.copyright { display: block; height: 20px; } .bp-user.course #buddypress .item-list.grid, .directory #buddypress .item-list.grid { margin: 0 !important; } } @media (max-width: 460px) { a#prev_unit, a#next_unit, a#next_quiz, a.unit_button.start_quiz, a#mark-complete { font-size: 1.4em; line-height: 1 !important; padding: 10px; margin-top: 5px; } a.unit.unit_button.start_course, a.unit_button.start_quiz, a#mark-complete { margin-top: 12px; } a#mark-complete { margin-top: 7px; } button#refresh_unit { margin-top: 20px; } a.unit_button.submit_inquiz { color: #fff; background-color: #70c989; padding: 7px; border-radius: 5px; display: inline-block; margin: 10px 0px 10px 20px; } a.save_quiz_progress { color: #ffffff; margin-top: 20px; } .course_content_panel .unit_wrap .unit_prevnext { width: 86% !important; position: unset !important; margin: 0 7%; } i.fa.fa-spinner.animated.spin { margin-top: 8px; } .course_content_panel .unit_wrap .unit_prevnext { position: static; margin-top: 10px; float: right; } } @media (max-width: 479px) { ul.topmenu .vbpregister { display: none !important; } a.vbpregister { display: inline-block !important; } .inside_login_form a { margin-top: 10px; } } .img_studente { width: 70px; height: auto; display: inline-block; margin-right: 5px; } .img_studio { width: 63px; height: auto; display: inline-block; margin-right: 15px; } li#dashboard-personal-li, #buddypress .item-list-tabs#subnav ul #profile { display: none; } div#item-nav { margin-bottom: 50px; } .descrizione-tutorial { max-width: 520px; } #bbpress-forums .status-closed, #bbpress-forums .status-closed a { color: #474747; } .bbp-reply-content a { text-decoration: underline; } .descrizione-orari { max-width: 440px; } .descrizione-relatori ul { list-style: initial; max-width: 700px; } .descrizione-relatori li { margin: 0 0 3px 0; } button.review_course.tip { display: none; } ul.breadcrumbs li:first-child { display: none; } ul.breadcrumbs li:nth-child(2)::before { display: none; } a.whatsapp.tip { background: #4AC959 !important; } .footerwidget>ul li, .textwidget li { padding: 2px 0px; position: relative; clear: both; line-height: 1.6; padding: 2px 0; } .prestaweb { font-weight: 600; color: #fff; } .prestaweb-link { text-align: center; } .prestaweb-blue { font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #1e73be; } .prestaweb-animation { position: relative; height: 30px; bottom: 1px; } .prestaweb-link:hover, .prestaweb-link:focus { color: #000000; text-decoration: underline; } @keyframes spin { to { transform: rotate(360deg); } } #refresh_unit { border: none; background-color: transparent; outline: 0; position: absolute; margin-top: 8px; margin-left: 5px; z-index: 999999; } #refresh_unit i { color: #008ce8; font-size: 2em; cursor: pointer; } #refresh_unit i.spin-animation { animation-name: spin; -webkit-animation-name: spin; -moz-animation-name: spin; -ms-animation-name: spin; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; } div#struttura_studio { margin-top: 20px; border: 1px solid #eee; margin-bottom: 50px; padding: 20px; } .nome_stuio_profilo { font-size: 1.2rem; text-align: center; margin-bottom: 25px; } .wplms_parent_user_claim_block_wrapper { border: 1px solid rgba(0, 0, 0, 0.08); padding: 10px; } .claim_settings_block { margin: 10px 0 0; display: grid; display: -ms-flexbox; grid-gap: 10px; grid-template-columns: 2fr 1fr; align-items: center; } .claim_settings_block strong { padding: 10px; background: rgba(0, 0, 0, 0.02); border-radius: 5px; } .wplms_parent_children_wrapper, .wplms_parent_parents_wrapper { margin: 10px 0; display: -ms-flexbox; display: grid; grid-gap: 10px; justify-content: center; } .wplms_parent_user { display: grid; display: -ms-flexbox; justify-content: center; grid-template-columns: 48px 1fr; align-items: center; grid-gap: 10px; padding: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); position: relative; } .wplms_parent_user:hover { background-color: #f5f5f5; cursor: pointer; } .wplms_parent_user img { width: 100%; height: auto; border-radius: 50%; max-width: 60px; } .child_container { width: 100%; display: inline-flex; padding: 10px; align-items: center; justify-content: center; flex-wrap: wrap; } .wplms_children_user { display: grid; display: -ms-flexbox; justify-content: center; grid-template-columns: 48px 1fr; align-items: center; grid-gap: 10px; padding: 12px 10px 10px 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); margin: 5px; position: relative; border-radius: 5px; } .wplms_children_user:hover { background-color: #f5f5f5; cursor: pointer; } .wplms_children_user img { width: 100%; height: auto; border-radius: 50%; max-width: 60px; } span.user_membership { position: absolute; top: 5px; right: 5px; background-color: #008be8; color: white; padding: 0px 5px; font-size: 11px; border-radius: 5px; text-align: center; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); text-transform: uppercase; } li#parent_user-personal-li { display: none; } .year_summary { display: flex; } .year_summary_new { display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: flex-end; } .column_year { color: #4688ca; font-size: 28px; font-weight: bold; line-height: 100%; margin: 15px 20px 20px 20px; left: 0; } .certificati { clear: both; margin: 0 0 30px; display: inline-block; width: 100%; position: relative; } .certificati_utente { padding-bottom: 10px; margin: 0 0 10px; border-bottom: 3px solid rgba(0, 0, 0, .08); font-weight: 600; text-transform: uppercase; } .lista_certificati { padding-top: 20px; padding-bottom: 10px; } button.wpas-btn.wpas-btn-default { display: block; background-color: #008be8; color: #fff; padding: 8px 24px; font-size: 14px; font-weight: 600; margin: 30px auto; } input#profile-group-edit-submit { margin-bottom: 50px; } li#activity-personal-li { display: none; } li#activity { display: none; } form#profile-edit-form { max-width: 750px; } input#profile-group-edit-submit { margin-top: 30px; } li.course_precourse a, .small_desc a { color: #0089ee !important; font-weight: bold; } li.course_precourse a:hover, .small_desc a:hover { text-decoration: underline; } p#billing_first_name_field, p#billing_city_field { width: 47% !important; float: left !important; margin-right: 5.8% !important; clear: both !important; } p#billing_last_name_field, p#billing_postcode_field { width: 47% !important; float: right !important; margin-right: 0 !important; clear: none !important; } .cclw_opc_main.checkout-three-column-layout input:read-only { background: #ccc !important; cursor: not-allowed !important; color: #313b3d !important; } .message.error { font-size: 1em; } .warning-limit { text-transform: initial; position: relative; margin: -11px; color: #000; padding: 10px; border: 1px solid #f0c36d; background-color: #f9edbe; } .warning-limit a { font-weight: bold; color: #008be8; } .footerlogos.stripe { padding: 30px; margin: 60px 0 -30px; background: #fcfcfc; } .footerlogos.stripe .column_content { padding: 0 30px; opacity: 0.4; } .paratoppad { padding: 90px 0 0; } .toppadding { padding: 30px 30px 0; } .homenewsrev.stripe { margin-top: 60px; }/** * File: course_template.css * Description : Contains all necessary styling for the BP Course Module * Author: Mr.Vibe * Credits: www.VibeThemes.com * Project: WPLMS * version 2.4 **/ /*========================================================================*/ /* TABLE OF CONTENT /*========================================================================*/ /* /* 01. COURSE DIRECTORY /* 02. GENERAL STYLING /* 03. LOGO /* 04. BUTTONS /* 05. SLIDERS /* 06. NAVIGATION /* 07. HEADER /* 08. CONTENT /* 09. FOOTER /* 10. HOME /* 11. ABOUT /* 12. GRID, PARALLAX & FEATURED EFFECT /* 13. SERVICES /* 14. PORTFOLIO /* 15. PORTFOLIO GRID /* 16. BLOG /* 17. SINGLE PORTFOLIO /* 18. SINGLE /* 19. COMMENTS /* 20. MISCELLANEOUS /* 21. AD-HOC Fixes /* 22. RESPONSIVE FIXES /* /*========================================================================*/ /* Adhoc Theme fixes */ .filterableitems_container{margin-right:-30px !important;} #title .pagetitle{padding-top:30px;} .logged-out .smallimg{ grid-template-columns:1fr; -ms-grid-columns:1fr;} .smallimg{ display:-ms-grid !important; display:grid !important; grid-template-columns:20px 1fr; -ms-grid-columns:20px 1fr; } /* HIDE DIRECTORY LIST TABS FOR CATEGORY */ .archive.directory #buddypress .item-list-tabs { display: none;} /* BuddyPress iOs safari avatar upload fix */ #bp-upload-ui .moxie-shim.moxie-shim-html5{z-index:999;} /*========================================================================*/ /* 01. Minified scripts /*========================================================================*/ span.text-options {display: none;} .input-options.datebox-selects label{display:none;} .field_error input{border-color:#F16645!important;} .field_error .message.error{text-align:left;display:inline;position:relative;padding-right: 60px;} .field_error .message.error:after{content:"\e036";font-family:fonticon;position:absolute;right:10px;top:10px;color:rgba(0,0,0,0.25);font-size:11px;} .field_error .message.error:hover:after{color:#fff;} /*========================================================================*/ /* 01. COURSE Admin /*========================================================================*/ #courselist{ margin:30px 0; } .show_hint{ position:absolute; top:30px; right:30px; } .question.fillblank p{display:inline;margin:0;} .vibe_fillblank{ min-width: 180px; position: relative; display: inline-block; padding: 12px 5px 10px; }.vibe_fillblank:after{ content:'';display:block;width:100%;height:2px;background:#444; position:absolute;left:0;bottom:-2px; }span.vibe_fillblank:focus{outline:none;} .hint{display: none;font-size:13px;} .show_explaination, .show_hint span{ font-family: 'fonticon'; font-size:32px;line-height: 32px; color:#bbb;cursor: pointer; } .show_explaination{font-size:12px;line-height: 1;margin-left:5px;} .show_hint.active span{font-size:24px;line-height: 32px;} .show_explaination:before{ content:"\e05d"; } .content .matchgrid_options li{ list-style:none; position: relative; } .matchgrid_options li{ border:1px solid rgba(0,0,0,0.08); padding:15px; font-size:13px; border-radius:2px; } .matchgrid_options li.ui-draggable-dragging{ position: relative; top:0; left:0; } .explaination{ display: none; padding:10px; margin:20px 0 -12px; border:1px solid rgba(0,0,0,0.08); border-radius:2px; font-size:13px; background: #f6f6f6; } .explaination strong { color: #4A4848 ; font-size: 15px; margin: 10px 0px; display: block; } .explaination span { float: none; padding: 0; margin: 0; } .course_details li i.i_course_time{ font-size: 12px; line-height: 16px; } .widget .course_details>ul>li:first-child i.i_course_time {display:block;} .show_hint span:before{ content: "["; } .show_explaination.active:before{ content: "\e092"; } .show_hint.active span:before{ content: "\e036"; } .submissions.show .course_students, .submissions.show .quiz_students, .submissions.show .assignment_students{ display: block; } .assignment_students .assignment_content{padding-top:30px;} .submissions .tab-pane .quiz_students>li>.q+strong{ color:#222; padding:5px; border-radius:2px; border:1px solid #f0c36d; background-color: #f9edbe; } .unit_prevnext .col-md-6{text-align: center;} .unit_prevnext .col-md-6+.col-md-3{text-align: right;} .unit_line a.unit, .unit_line a.quiz, .unit_line a.quiz{cursor:pointer;} .course_curriculum strong span{ color:#bbb;float:right; } h4.minmax{ font-size: 12px; font-weight: 600; border-bottom: 5px solid rgba(0,0,0,0.08); padding: 8px 0; } h4.minmax i{color:#bbb;float:right;font-size:16px;} #courselist li .course_desc{ padding:10px 30px; } /* Unit prevnext */ .course_content_panel .unit_prevnext{ padding: 15px; height: 55px; border: 2px solid #3f4c4f; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #313b3d; margin: 20px -20px -20px; font-size: 12px; text-transform: uppercase; } #next_unit{float:right;} #next_unit:after,#next_quiz:after { content: "\e0f6"; font-family: 'fonticon'; float: right; margin-left: 5px; margin-top: 1px; } #prev_unit:after,#prev_quiz:after { content: "\e172"; font-family: 'fonticon'; float: left; margin-right: 5px; margin-top: 1px; } .course_content_panel .unit_prevnext a{ color:#FFF; font-weight:600; } @media(max-width:768px){ .course_content_panel .unit_prevnext{display:grid;grid-template-columns:1fr 1fr 1fr;} #next_unit > span,#prev_unit>span, #next_quiz > span,#prev_quiz>span{ display:none; } } @media(max-width:460px){ .question .match_playground .droppable{ padding:1rem; } .quiz_questions_content .question span.question_hint_content{ left:0 !important; } .course_content_panel .unit_wrap .unit_prevnext{ top: 30px; bottom: auto !important; left: auto !important; right: 30px; width: 142px !important; border:1px solid rgba(0,0,0,0.05); background: rgba(0,0,0,0.8); border-radius: 5px; padding:0; } .course_content_panel .unit_wrap a:after{ width: 42px; padding: 8px 0; } a#mark-complete{ display:block; width:42px; } a#mark-complete>span { display: none; } a#mark-complete:after{ content:"\f192"; display:block; font-family:fontawesome; } a#mark-complete.disabled:after{ content:""; padding:0; } a#mark-complete.disabled{ line-height: 3; } } /* end unit prevnext */ #item-admins .instructor_course{ clear:both; display: inline-block; width:100%; padding-top: 10px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.2); } .single-course #item-admins .instructor_course:first-child{padding-top:0;} .single-course #item-admins .instructor_course:last-child{ border:none; padding-bottom:0; } div#unit_content .page_title .instructor img { width: 32px; border-radius: 50%; } .course_desc + ul{ max-width: 200px; position: absolute; right: 0; top: 0; background:rgba(0,0,0,0.08); height:100%; } #item-meta .star-rating{ max-width:none; width:auto; float:left; } .course_timeline li:first-child a{ margin-top:15px; display: inline-block; } #courselist li .course_desc + ul > li{ margin:0; padding:8px 16px; background:rgba(0,0,0,0.08); border-bottom:1px solid #DDD; } #courselist li .course_desc + ul > li:hover{ background:#DDD; } #courselist li .course_desc + ul > li i{ font-size:16px; margin-right:10px; float:left; } .curriculum_check li{ padding:6px 0; position: relative; padding-left:50px; } .curriculum_check li span{ display: block; position: absolute; right:0; top:12px; } .curriculum_check li span:after{ font-family: 'fontawesome'; content: "\f10c"; font-size: 20px; color: #EEE; } .curriculum_check li span:hover:after{ content: "\f058"; cursor:pointer; } .curriculum_check li span.done:after{ content: "\f058"; color: #70c989; } .curriculum_check li strong{ float:right; text-transform: uppercase; } .course_students.loading{opacity: 0.2;} .course_students .curriculum_check li { padding:15px 30px 15px 0; } .quiz_result h3.heading{line-height: 1.5;} .check_user_quiz_results{cursor:pointer;} #courselist li .course_desc + ul > li span{ font-size:11px; text-transform: uppercase; font-weight:600; } .show_side{margin-top: 15px;display: none;} .course_stats_user{ display: inline-block; padding:20px 0; width:100%; } .course_grade li{ padding: 8px 0; border-bottom: 1px dotted rgba(0,0,0,0.08); } #average,#pass,#badge, .course_quiz{ width: 33%; float: left; margin:30px 0; text-align: center; } @media (max-width:540px){ #average, #pass, #badge, .course_quiz{ width:100%; text-align:center;clear:both; } #average span, #pass span, #badge span, .course_quiz span{ display:block; } } .begin_quiz, .submit_quiz{ cursor:pointer; } .course_quiz h5{ text-align: center; color:#bbb; font-size:12px; font-weight:600; text-transform: uppercase; } #average canvas,#pass canvas,#badge canvas,.course_quiz canvas{ margin:10px 0; } .badge-popup{ text-align: center; padding: 30px; display: inline-block; border-radius: 2px; background: #FFF; } .course_grade li strong{ color:#222; float:right; } .course_grade li strong span{color:#bbb;} h4.students_course{ margin: 0 -20px 10px; padding: 10px 20px; background: rgba(0,0,0,0.08); } h4.students_course strong{ float: right; padding: 5px 5px; background: #78c8ce; color: #FFF; line-height: 1; border-radius: 50%; } .calculate_panel{ clear:both; margin: 0 -20px; padding: 10px 20px; background: rgba(0,0,0,0.08); text-align: right; } .calculate_panel strong{float:left;text-transform: uppercase;font-size:12px;margin-top:8px;} .calculate_panel i{font-size:24px;margin-left:10px;color:#78c8ce;} .complete_course{ text-align: center; display: block; width:100%; } .complete_course canvas{display: inline-block;} .course_stats_user h6{ padding: 10px 20px; margin: 10px -20px !important; background: rgba(0,0,0,0.08); } .course_stats_user h6 span{float:right;font-weight:600;} .in_details{ display: none; font-size:11px; margin:20px 0; text-transform: uppercase; font-weight:600; } .in_details strong{float:right;} #userstats{ margin:30px 0; display: inline-block; width:100%; } #userstats li{ clear:both; display: inline-block; width:100%; padding:10px 0 15px 0; border-bottom:1px solid rgba(0,0,0,0.08); } #userstats li .ajax-certificate{ float:right; line-height: 0; font-size:36px; color:#666; margin-right:20px; } #userstats li .ajax-badge{ display: inline-block; float:right; } #userstats li .ajax-badge img{border-radius:50%;border:1px solid rgba(0,0,0,0.08);} #userstats h4{margin:0;font-size:16px;width:50%;font-weight:600;display: inline-block;float:left;} #userstats h4 span, #userstats h4 + span{color:#bbb;font-size:11px;font-weight:600;} #userstats li img{ width: 48px; float: left; margin-right: 20px; border-radius: 2px; } #userstats li strong{ float:right; font-size:12px; font-weight:600; margin:10px 30px 0 0; } .pricing_course { position:relative; cursor:pointer; min-width:120px; } .pricing_course .drop { display:none; position:absolute; overflow:auto; top:20px; left:0; z-index:99; width:100%; text-align: center; border-radius: 4px; } .pricing_course .drop label { display:block; cursor:pointer; padding: 12px 0; background: #fafafa; border: 1px solid rgba(0,0,0,0.08); margin:0; } .pricing_course .drop label+label{border-top:none;} /* .pricing_course li span.subs, */ .price span.subs{ font-size: 11px; text-transform: uppercase; font-weight: 600; color:#70c989; } /* ===== COURSE WIDGET --- RATINGS LIST =====*/ .course-list1{ margin-left: 60px; display: block; font-size: 11px; text-transform: uppercase; color: #666; } .course-list1 .course-star-rating{display:block; margin-top: 2px;} .course-list1 .course-star-rating+strong{ float: left;margin-top: 2px; } div.course_reviews .modern-star-rating strong.course-star-rating small:before { font-size: 22px; } .author .instructor_stats .star-rating .bp_blank_stars:before{color:#000;font-size:25px;} .author .instructor_stats .star-rating .bp_filled_stars:before{color:#000;font-size:25px;} .bp_blank_stars { position: relative; display: inline-block; color: #FFCB10; overflow: hidden;} .bp_filled_stars { position: absolute; top: 0; color: #FFCB10; overflow: hidden; float: left; left: 0; } .bp_blank_stars:before { font-weight: 200; content:"\f006\f006\f006\f006\f006"; font-family:fontawesome; font-size:15px; } .bp_filled_stars:before{ font-weight: 200; content:"\f005\f005\f005\f005\f005"; font-family:fontawesome; font-size:15px; } .course-list1 h6{ font-size: 1rem; text-transform: none; } .course-list1 .students{ clear: left; } /* ===== */ h5.credits strong{ clear:both;display: inline-block; } .showhide_indetails, .retake_submit{ float: right; color: #bbb; font-size: 24px; margin-top:10px; margin-right:10px; } .widget.pricing #retake_course_submit_form{text-align:center;} .widget.pricing a.link.retake_submit.tip {float:none;} .widget.pricing a.link.retake_submit.tip i:before{ margin-right:5px; } .widget_course_list a:hover img{ border-color:#78c8c9; } .widget_course_list li h6{ margin:0; font-size:14px; } .widget_course_list li img{ float:left; max-width:48px; border:2px solid rgba(0,0,0,0.08); margin-right:10px; border-radius:2px; } .widget_course_list li h6 span{ display: block; font-size:11px; color:#bbb; font-weight:600; text-transform: uppercase; } .course_instructor_widget img{ max-width: 48px; border-radius: 50%; float: left; margin: 0 15px 15px 0; } .course_instructor_widget .instructor_course{clear:both;} .course_instructor_widget h5{ margin:10px 0; padding:10px 0; border-bottom:3px solid rgba(0,0,0,0.08); font-size: 14px; font-weight: 600; } .course_instructor_widget .tip{ float: right; font-size: 24px; color: #bbb; } .instructor_line{ clear:both; display: inline-block; width:100%; margin:20px 0; border-bottom:5px solid rgba(0,0,0,0.08); } .instructor_line h3 a{ float: right; font-size:13px; color:#bbb; text-transform: uppercase; font-weight:600; } .instructor_line:hover a{color:#78c8c9;} .instructor_line h3 i{ font-size:16px; margin-left:10px; } #question.quiz_submitted_fade{ opacity:0.2; } #total_marks > strong > span{ min-width: 20px; background: #fafafa; display: inline-block; min-height: 20px; padding: 2px 5px; } #set_quiz_marks{float:right;width: 120px;margin: 0 10px;} /*=== In Unit Questions ===*/ .question_content{ position: relative; margin-top:15px; padding:15px 30px 10px 0; border-top: 1px solid rgba(0,0,0,0.08); } .main_unit_content ul.question_options{ list-style:none !important; margin-left:0 !important; } .question_options .checkbox>input[type=checkbox]:checked+label:after{line-height:1.4;} .main_unit_content ul.check_options li { float: left; margin-right: 10px; font-size: 11px; text-transform: uppercase; } ul.check_options { list-style: none !important; margin-left: 0 !important; display: inline-block; width: 100%; padding: 15px 0 0; } .main_unit_content ul.check_options li a{ cursor: pointer; } .white-popup { position: relative; background: #FFF; padding: 20px; width:auto; max-width: 500px; margin: 20px auto; } /*=== End In unit questions ===*/ .main_unit_content a.show_hint{right:0;} #ajaxloader.disabled{display: none;} #ajaxloader{ position: absolute !important; top:50%; left:50%; display: inline-block; border-radius: 50%; transform: translateZ(0); color: rgba(0,0,0,0.2); margin-left:-3rem !important; font-size:5rem; width: 1em; height: 1em; margin: -30px auto; -webkit-animation: load6 1s linear infinite; -moz-animation: load6 1s linear infinite; -o-animation: load6 1s linear infinite; animation: load6 1s linear infinite; } .course_bulk_actions{ position: relative; } .course_bulk_actions strong{float:left;} .course_bulk_actions ul{ display: inline-block; float: right; } .course_bulk_actions ul li{float:left;} .bulk_message, .bulk_add_students, .bulk_change_status, .bulk_assign_students, .bulk_extend_subscription_students{ margin:24px 0 0; border-top:5px solid rgba(0,0,0,0.08); padding-top:10px; display: none; } .bulk_message .button, .bulk_add_students .button, .bulk_assign_students .button, .bulk_change_status .button, .bulk_extend_subscription_students .button{ margin:10px 0; } .mfp-content .heading .small_link, .mfp-content .item-list-tabs{ display: none; } .mfp-content .user_quiz_result, .mfp-content .quiz_result{ padding: 15px; background:#fff; } .user_quiz_result button.mfp-close {top: 30px;} .mfp-content .unit_content { padding: 30px !important; } .bulk_add_students .select2.select2-container{ width:100% !important; color: #444; } #student_usernames{width:100%;} /*=== Course STats Widget === */ .stat_num strong{ clear:both; display: block; font-size:24px; line-height: 24px; padding:5px 0; border-bottom:1px solid rgba(0,0,0,0.08); } .stat_num strong span{float:right;} /*=== Course Filters Widget === */ .course_filters{ padding:20px; background:#FFF; border-radius:2px; } .course_filters .checkbox,.course_filters .radio{margin:3px 0;display:inline-block;} .course_filters .checkbox label:before, .course_filters .radio label:before{float:left;} .course_filters .checkbox label:after{ left: 3px;top: -1px;} .course_filters h4{ padding-bottom:8px;font-weight: 600; margin-bottom:8px;margin-top:0; border-bottom:2px solid rgba(0,0,0,0.08); font-size:16px;text-transform:uppercase; } .course_filters ul+h4{margin-top:10px;} .widget .course_filters ul.date_filter li{ padding:0; } .widget .course_filters ul.date_filter li input[type="text"]{ margin:0; } .widget .course_filters ul.date_filter li input[type="text"]:first-child{ margin-bottom:5px; } .widget .course_filters ul li .widget .course_filters ul li input{float:right;} #submit_filters,.course_filters label{cursor: pointer;font-weight:400;} .sub_categories{display:none;} .category_filter li > .sub_categories{ padding-left: 10px; border-left: 2px solid rgba(0,0,0,0.08); } .category_filter>li>span{ float:right; } .category_filter>li>span:before{ content: "\e05d"; font-family: 'fonticon'; font-size: 8px; margin: 0 5px; color: #bbb; } .category_filter>li>span.active:before{ content: "\e092"; } #active_filters{ margin-bottom: 10px; display: inline-block; width:100%; } #active_filters li:first-child{margin-left:20px;padding-top:6px;} #active_filters li.all-filter-clear{ float:right;cursor: pointer; padding:8px 20px 0 15px; font-size:12px; font-weight:400; } #active_filters li{ float: left; color: rgba(0,0,0,0.6); margin-right: 10px; position: relative;margin-bottom: 10px; } #active_filters li span{ font-weight:600; font-size: 11px; padding: 8px 25px 8px 10px; border: 1px solid rgba(0,0,0,0.08); background: rgba(255,255,255,0.8); border-radius: 2px; position: relative; color: rgba(0,0,0,0.6); cursor:pointer; text-transform: uppercase; display: inline-block; } #active_filters li span:after { content: "\e1bf"; font-family: 'fonticon'; position: absolute; right: 5px; top:8px; font-size: 11px; color: rgba(0,0,0,0.3); } #active_filters li.all-filter-clear:before{ content: "\e1bf"; font-family: 'fonticon'; position: absolute; left: 0px; top:9px; font-size: 11px; color: rgba(0,0,0,0.3); } /* === Course submissions === */ #applications ul li{ display:inline-block; width:100%; padding:8px 0; border-bottom:1px dotted #EEE; } #applications ul li img{ border-radius:50%; } #applications ul li span.approve, #applications ul li span.reject{ float:right; margin-left:10px; font-size:11px; color:#bbb;cursor:pointer; text-transform: uppercase; text-align: center; } #applications ul li span.approve:before, #applications ul li span.reject:before{ display:block; font-size:24px; color:#bbb; content:"\f10c"; line-height: 1; font-family:'fontawesome'; } #applications ul li span.approve.loading:before, #applications ul li span.reject.loading:before{content:"\f110"} #applications ul li span.approve.active, #applications ul li span.approve:hover{color:#70c989;} #applications ul li span.approve:hover:before, #applications ul li span.approve.active:before{ content:"\f05d"; color:#70c989; } #applications ul li span.reject.active, #applications ul li span.reject:hover{color:#fa7252;} #applications ul li span.reject:hover:before, #applications ul li span.reject.active:before{ content:"\f05c"; color:#fa7252; } /*==== UNIT COMMNETS ====*/ .enable_comments .main_unit_content{ padding-right: 30px; } .enable_comments .main_unit_content.stop_notes{ padding-right:0; } .main_unit_content p{position: relative;} .unit_content p span.side_comment{ position: absolute; top: 0; right: -30px; padding: 3px 6px; background: rgba(0,0,0,0.08); border-radius:2px; font-size: 12px; line-height: 1; cursor: pointer; } .unit_content p span.side_comment:after { content: ''; border: 6px solid; border-color: rgba(0,0,0,0.08)transparent transparent rgba(0,0,0,0.08); position: absolute; top: 15px; right: 0px; } .unit_content p span.side_comment:hover, .unit_content p span.side_comment.active{ background-color:#78c8c9; color:#FFF; } .heading a.post-edit-link, .heading .vc_inline-link { font-size: 11px; color: #bbb; font-weight: 600; margin-left: 5px; } .unit_wrap{ overflow:hidden; } .unit_content p span.side_comment:hover:after, .unit_content p span.side_comment.active:after{ border-color: #78c8c9 transparent transparent #78c8c9; } .instructor_reply_unit_comment.call{opacity: 0.4;} .unit_content{overflow:hidden;} .unit_content, .main_unit_content{ height: auto; display:inline-block; width: 100%; } .unit_wrap{ position: relative; } .main_unit_content{ z-index:99; width: 100%; height: auto; display:inline-block; } .main_unit_content { position: relative; left: 0; width: 100%; display:block; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .main_unit_content::after{ position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; over-y:hidden; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } .open .main_unit_content::after { width: 100%; height:100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* Effect 2: Reveal */ .open .main_unit_content { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } .side_comments { z-index: 1; } .side_comments{ position: absolute; top: 80px; right: 10px; font-size:12px; z-index: 100; visibility: hidden; width: 220px; height: auto; opacity: 0.1; background:transparent; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } .unit_content.open ~ .side_comments{ visibility: visible ; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; overflow-y:auto; overflow-x: hidden; opacity: 1; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .side_comments.scroll{ overflow-y:scroll !important; max-height:100%; } .side_comments::after { display: none; } .side_comments, .side_comments p,.side_comments a.comment_author{ font-size:13px; } .side_comments >ul{position: relative;} .side_comments >ul>li{ padding:10px 0; display: inline-block; width:100%; border-bottom:1px solid rgba(0,0,0,0.08); } #all_comments_link{ font-size: 11px; border-bottom: 1px solid rgba(0,0,0,0.08); width: 100%; display: block; text-align: right; } .side_comments ul.actions{ display:inline-block; padding:0; width:100%; margin:0 0 0 42px; } .side_comments ul.actions li{ float:left; margin-right:10px; } #notes_discussions .actions a, .side_comments a{color:#bbb;} #notes_discussions .actions a:hover, #notes_discussions .actions a.reply_unit_comment.meta_info, .side_comments ul.actions li a:hover, .side_comments a.reply_unit_comment.meta_info{color:#78c8c9;} .side_comments .add-comment{ color: #B3B3B1; font-size: 14px; line-height: 22px; font-weight: 300; padding: 0px 8px; letter-spacing: 0.05em; text-decoration: none; padding-top: 10px; display: inline-block; cursor:pointer; } .side_comments .add-comment.deactive{display: none;} .side_comments .comment-form { display: none; } .side_comments .comment-form.active{display: block;} .side_comments .add-comment:before{ content: "+"; border: 2px solid #DEDEDC; border-radius: 100px; width: 23px; height: 23px; color: #DEDEDC; display: block; text-align: center; font-size: 16px; font-weight: 400; line-height: 18px; float: left; margin-right: 15px; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side_comments li img, .comment-form img{ max-width: 32px; border-radius: 50%; margin: 10px 10px 10px 0; float: left; } .side_comments .unit_comment_content, .side_comments .comment-form article.live-edit{ margin-left:42px; } .new_side_comment p{margin:0;} .side_comments li a, .comment-form span{text-transform:uppercase;font-weight:600;} .side_comments li a.unit_comment_author, .comment-form span{ padding-top: 10px; font-size:11px; display: inline-block; } .new_side_comment > ul{ padding-left:10px; list-style: disc outside none; } /* Per unit comments */ .unit_content ol.commentlist li>ul.children, .unit_content ol.commentlist li+ul.children { margin-left: 64px; } .main_unit_content ol { list-style: decimal !important; padding-left: 20px; } /* ==== In course quiz ====*/ .quiz_title { padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.08); margin-bottom:20px; } .quiz_title .quiz_meta{ max-width: 72px; float: right; } .quiz_title .quiz_meta .progress{ clear: both; display: none; margin: 0; width: 72px; padding: 0; } .quiz_title .quiz_meta.show_progress .progress{display: inline-block;} .quiz_title .progress .bar{ padding:2px; } .inquiz_timer{ width: 72px; position: relative; float:right; } .inquiz_timer:after{ content:''; background:transparent; position: absolute; top:0; left:0; width:100%; height:100%; z-index: 99; } .quiz_meta i{ font-size: 11px; text-align: center; width: 72px; display: none; } .quiz_meta.show_progress i{ display: block; } .inquiz_timer span.countdown { top: 26px;color:#444; font-size: 16px; text-align: center; } .inquiz_timeline{ display: inline-block; float: right; } .inquiz_timeline ul li{float:left;} .quiz_title .inquiz_timeline ul{width:auto;} .in_question{ margin-top:30px; border-top:5px solid rgba(0,0,0,0.08); } .main_unit_content>.in_question::nth-child(1){ margin:0;border:none; } .in_question .question{ position: relative; padding:30px 0 10px; } .in_question .question_options{ margin-left:0 !important; list-style:none !important; } .question_options .radio>label:before{ float:left; margin-top:2px; } .question_options .checkbox>label:before{ float:left; margin-top:2px; } .question_options .checkbox>label:after{ top:1px; } .in_question .question.fillblank p{ display: inline; line-height: 0; } .in_question .question.fillblank article.live-edit{ min-width: 160px; border-bottom: 1px solid; line-height: 1.5em; display: inline-block; } .in_question .marks{float:right;margin-top:20px;} .in_question .show_hint{ top:50px; right:0;z-index: 99; } .question_options.match li{ list-style:none; position: relative; } .question .matchgrid_options ul{ list-style:none !important; margin:0 !important; } .question_options.match li{ clear: both; display: inline-block; background:#FFF; border: 1px solid rgba(0,0,0,0.08); margin: 15px; padding: 5px 15px 5px 35px; position: relative; border-radius: 2px; } .question_options.match li label>span { color: #bbb; font-family: 'fonticon'; font-size: 16px; position: absolute; left: 10px; top: 5px; } .question_options.match li label>span:before { content: "\e0e0"; } .question_options.sort li{ padding:5px 10px; border:1px solid rgba(0,0,0,0.08); cursor: move; } .matchgrid_options li.ui-draggable-dragging{ position: relative; top:0; left:0; } .in_quiz .pagination{ border-top: 1px solid rgba(0,0,0,0.08); border-radius: 0; padding: 20px 0 0;margin-bottom:0; display: inline-block; width:100%; } .in_quiz .pagination label{float:right;} .in_quiz .pagination ul li{float:left;} .in_quiz .pagination ul li a{cursor:pointer;} .in_quiz .pagination ul{ float:right; display: inline-block; list-style:none !important; } /*=== Activity page fixes === */ .course_instructor_widget .instructor_meta{display:none !important;} .single_text{ display: inline-block; width: 100%; margin-bottom: 40px; } #retakes9999{display:none;} /* === Assignment heading ====*/ h3.assignment_heading{ clear:both; padding:10px 0; font-size:16px; display:inline-block; width:100%; } h3.assignment_heading.heading>strong{ display:inline-block; font-size:12px; } h3.assignment_heading.heading>strong>span{float:left;margin-left:10px;} /*========================================================================*/ /* 01. COURSE Widgets /*========================================================================*/ .course_review{ background: rgba(0,0,0,0.05); padding: 20px; border-radius: 2px; } .course_review h4, .list_course_review h4{ font-size:20px; font-weight:600; margin-top:0; } .course_review h5{ font-size:16px; margin-bottom: 0; } .course_review h5 span{ display: block; font-size:14px; } .course_review .review_author{ display: inline-block; width: 100%; padding: 10px 0 0; } .flexslider .slides .review_author img, .widget_reviews_list li .course_review img, .widget_reviews_list li img{ max-width:48px; margin:10px 5px 0 0 ; float:left; border-radius:50%; } .list_course_review{ margin-left:60px; } /*==== Datepicker ===*/ /* DatePicker Container */ .ui-datepicker { height: auto; margin: 5px auto 0; border: 2px solid #444; font-size: 11px; border-radius: 2px; background: #FFF; } .ui-datepicker a { text-decoration: none; } /* DatePicker Table */ .ui-datepicker table { width: 100%; } .ui-datepicker-header { background: #444; color: #e0e0e0; font-weight: bold; line-height: 30px; border-width: 1px 0 0 0; border-style: solid; border-color: #111; } .ui-datepicker-title { text-align: center; font-weight: 600; font-size: 12px; color: #FFF; } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-repeat: no-repeat; line-height: 600%; overflow: hidden; font-family: 'dashicons'; position: relative; } .ui-datepicker-prev { float: left; background-position: center -30px; } .ui-datepicker-prev:before { content: "\f341"; color: #FFF; font-size: 20px; position: absolute; margin-top: -20px; left: 0; } .ui-datepicker-next { float: right; background-position: center 0px; } .ui-datepicker-next:before { content: "\f345"; color: #FFF; font-size: 20px; position: absolute; margin-top: -20px; right: 0; } .ui-datepicker thead { background-color: rgba(0,0,0,0.08); border-bottom: 1px solid rgba(0,0,0,0.08); } .ui-datepicker th { text-transform: uppercase; font-size: 11px; text-align: center; padding: 5px 0; color: #444; } .ui-datepicker tbody td { padding: 0; } .ui-datepicker tbody td:last-child { border-right: 0px; } .ui-datepicker tbody tr { border-bottom: 1px solid rgba(0,0,0,0.08); } .ui-datepicker tbody tr:last-child { border-bottom: 0px; } .ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: bold; text-align: center; width: 28px; height: 28px; line-height: 28px; color: #666666; } .ui-datepicker-calendar .ui-state-default { border-right: 1px solid rgba(0,0,0,0.08); font-weight: 400; } .ui-datepicker-calendar .ui-state-hover { background: #f7f7f7; } .ui-datepicker-calendar .ui-state-active { background: #70C989; color: #FFF; font-weight: 600; position: relative; } .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } .ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; } .ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } /* == Misc == */ #buddypress .course_essentials .instructor_course img{height:auto;} .wp-playlist-tracks+.wp-playlist-tracks{display:none;} @media(max-width:992px){ .course_content_panel .unit_prevnext{height:auto !important;} .course_content_panel .unit_prevnext .col-md-6, .course_content_panel .unit_prevnext .col-md-3, .course_content_panel .unit_prevnext .col-md-6+.col-md-3{ text-align: center; padding:5px 0; } #next_unit{float:none !important;} } @media(max-width:768px){ section#certificate.certificate_generated{ width:90%; } } @media print{ a[href]:after { content: none !important; } .quiz_result a{display:none !important;} } .action .batch_course img{ width:48px; height:48px; overflow:hidden; display:block; float:left; margin:6px 3px; border-radius:2px; } .mfp-content .back_to_course{display:none;} @media print{ .certificate_print i{display:none;} } #fullbody_mask{ position:fixed; left:0; top:0; width:100%; height:100%; display:block; z-index:9999; } /*Unapproved unit comment */ .unit-comment-body.unapproved{padding: 15px;background: rgba(0,0,0,0.05);} /*==== tours ===*/ /* course tours */ .tour-backdrop {background-color: rgba(0, 0, 0, 0.3);} .tour-step-backdrop{ padding:15px !important; background:#FFF; color:#000 !important; z-index:9999 !important; border-radius:5px } .popover .closepop:before { content: "\f00d"; font-family: FontAwesome; color:#FFF; } .popover .closepop{ cursor:pointer; opacity:1; text-shadow: inherit; right: 5px; font-size: 15px; font-weight: 100; position:absolute; top: 5px; } .disable_wplms_tour_popup .popover{ display:none !important; } .disable_wplms_tour_popup div[class^=tour]{ display:none !important; } .generate_course_tour{ margin: 24px 0 0; border-top: 5px solid rgba(0,0,0,0.08); padding-top: 10px; display: none; } .mejs-fullscreen .course_content_panel .unit_wrap .unit_prevnext, .mejs-fullscreen #hideshow_course_pursue_panel {z-index:1 !important;} .page-template-start .data_stats[data-type="quiz"]{top:100px;} .single-course .certificate_generated .extra_buttons {display:inline-block !important;} .quiz_remarks_in_result { padding: 20px; margin: 20px 0; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; } #message-thread .message-content iframe.wp-embedded-content {position:relative !important;} a#load_more_cpt_user_results.loading:before { content: '...'; } .single-course a.course_video_popup { position: relative; } a.course_video_popup span.icon_wrapper:before,a.course_video_popup:hover span.icon_wrapper:before { content: "\f04b"; font-family:fontawesome; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:55px; text-shadow: 1px 5px rgba(0, 0, 0, 0.2); color:#fff; font-weight:100; } /*c6 layout issue fixes*/ .c6 .course_header5_sideblock div#item-header-avatar img{width:100%} .c7 .course_header5_sideblock div#item-header-avatar img{width:100%} .instructor_course { display: -ms-grid !important; -ms-grid-columns: 32px 1fr; } .instructor_course ul.instructor_meta { display: grid; grid-template-columns: 1fr 1fr; } .block.course8 .block_content .block_title { border-bottom: none!important; } .block.course8 .more { text-align: center; position: relative; z-index: 2; } .block.course8 .more_btn{ color: rgb(255, 255, 255); /*background: rgba(0, 0, 0.8);*/ border-radius: 20px; padding: 5px 10px; } .block.course8 .more:after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.4); z-index: -1; } .block.course8 .block_content .cat_btn{ position: relative;font-size:12px; padding: 5px 10px 5px 25px; /*background: rgba(0, 0, 0, 0.8);*/ border-radius: 18px; color: rgb(255, 255, 255); margin: 0 2px 0 0; } .block.course8 .block_content .cat_btn:before { content:"\f02b";font-family:'fontawesome'; position:absolute; left:10px;top:4px; } .blog_card.block { display: -webkit-box; display: -ms-flexbox; display: flex; height: 256px; border-radius: 8px; -webkit-box-shadow: 0 7px 31px 0 rgba(0,0,0,.12); box-shadow: 0 7px 31px 0 rgba(0,0,0,.12); background-color: #fff; } .blog_card .block_media{ width:35%; } .blog_card .block_media img{ height:100%; object-fit:cover; } .blog_card .block_content{ padding:30px 42px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; width:65%; } .blog_card .block_title a{ font-size: 20px; font-weight: 600; color: #5a5a5a; text-decoration: none; text-transform: capitalize; } .blog_card .block_desc{ margin-top: 12px; font-size: 16px; color: #475465; line-height: 1.5; } .member_block5{ position: relative; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; width: 240px!important; height: 140px; padding: 15px; margin-right: 54px; margin-top: 60px; margin-bottom: 12px; background-color: #fff; -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.11); box-shadow: 2px 4px 8px 0 rgba(46,61,73,.11); } .member_block5 .member_avatar{ position: relative; left: 50%; transform: translate(-50%,0); background-color: #fff; border-radius: 50%; overflow: hidden; width: 75px; height: 75px; margin-top: -48px; margin-bottom: 12px; } .member_block5 .member_avatar img{ border-radius: 50%; width: 100%; } .member_block5 .member_info{ text-align: center; } .member_block5 .member_info a{ font-size: 14px; color: #101010; font-weight: 400; margin-bottom: 12px; text-decoration: none; text-align: center; text-transform: capitalize; } .member_block5 .member_info ul.socialicons { float: none; } #title.light a.link.retake_submit.tip i{ color: #444444 !important; display:inline-block; } #title.light a.link.retake_submit.tip { color: #444444 !important; } /*Course sub sections*/ /*for all*/ .course_curriculum tr.course_section.sub_section { margin-left:30px; width: calc(100% - 30px) !important; display: table; } .rtl .course_curriculum tr.course_section.sub_section { margin-right:30px; margin-left:0; } .course_curriculum tr.course_lesson.sub_unit { width: calc(100% - 30px) !important; border: none; box-shadow: 0 0 1px; transform: translate(30px) scale(0.97,1); transform-origin: left; } .rtl .course_curriculum tr.course_lesson.sub_unit { transform: translate(-30px) scale(0.97,1); transform-origin: right; } .course_curriculum.accordion .course_section.sub_section.sub_show>td:after{ content:"\f068"; } .course_curriculum.accordion .course_section.sub_section>td:after{ content:"\f067"; } /*for accordian*/ .course_curriculum.accordion tr.course_section.sub_section { display: none; } .course_curriculum.accordion tr.course_section.sub_section.show { display: table; } .course_curriculum:not(.accordion) tr.course_section.sub_section td{ padding-left: 30px; width:auto; } .rtl .course_curriculum:not(.accordion) tr.course_section.sub_section td{ padding-left: 0; padding-right: 30px; width:auto; } .course_curriculum:not(.accordion) tr.course_section.sub_section { display: table-row; } /*course timeline*/ .course_timeline li.section.sub_section,.course_timeline li.unit_line.sub_unit { margin-left: 30px; width: calc(100% - 30px) !important; } .rtl .course_timeline li.section.sub_section,.rtl .course_timeline li.unit_line.sub_unit { margin-left: 0px; margin-right: 0px; width: calc(100% - 30px) !important; } .course_timeline.accordion li.section.sub_section { display: none; } .course_timeline.accordion li.section.sub_section.show { display: initial; } .course_timeline.accordion .section.sub_section.sub_show:after{ content:"\f068"; } .course_timeline.accordion .section.sub_section:after{ content:"\f067"; } .quiztimer .timer_amount { font-size: 1em; } .quiztimer .timer_unit{ font-size: 0.3em; } .quiztimer .timer_amount span{ margin:0 5px; } .timer_amount,.timer_unit{ display:grid; grid-template-columns:repeat(auto-fit,minmax(50px,1fr)); -ms-grid-columns:repeat(auto-fit,minmax(50px,1fr)); display: -ms-grid; justify-items: center; } .timer_amount span:nth-child(n+4), .timer_unit span:nth-child(n+4){ display:none; } .fillblank_area { clear: none; display: inline-block; } span.select_question_content { display: inline-block; } .question_content select{margin:0 5px;} /* === */ .droppable > div { border: 1px solid rgba(0,0,0,0.08); padding: 1rem; } .droppable.active{ overflow-y:scroll; } .question .droppable,.match_options { touch-action: none; } .droppable > div+div { border-top: none; } .droppable .dragging{ border: 1px solid #f5d01a; box-shadow: 0 0 6px #efc600; } .quiz_questions_content .question .marks { float:right; margin-top:30px; } .question .question_option p { display: inline-block; } .match_playground { display: grid; grid-template-columns: 1fr 1fr; justify-content:center; align-items:stretch; grid-gap: 1rem; margin: 1rem 0; } .match_playground .droppable{ border:1px solid rgba(0,0,0,0.2); } .match_playground .match_options .match_option { border: 1px solid rgba(0,0,0,0.08); padding: 2rem; } .quiz_questions_content .question_content { padding-top: 1rem; } .match_playground .droppable > div{ border-top:1px solid rgba(0,0,0,.1) } .match_playground .match_option{ background:rgba(185, 185, 185, 0.1); } .match_playground .match_options .match_option .children > div { border: 1px solid rgba(0,0,0,0.08); padding: 1rem; background:#fff; } .quiz_questions_content .question {position:relative;} .question_wrapper.loaded .result { transform: translateX(40%); } .quiz_questions_content .question .question_hint { float: right; cursor: pointer; z-index: 99; position: relative; margin-top: 22px; margin-right: 5px; } .quiz_questions_content .question span.question_hint:before{ content: "\f29c"; font-family:fontawesome; font-size:22px; } .quiz_questions_content .question span.question_hint.show:before{ content: "\f05c"; } .quiz_questions_content .question:first-child .question_content{ border-top:none; } .quiz_questions_content .question span.question_hint_content { position: absolute; bottom: 0; left: 30px; padding: 1.5rem; border-radius: 3px; box-shadow: 1px 5px 20px rgba(0,0,0,0.3); z-index: 101; transform:scale(0); transition:0.2s all; } .quiz_questions_content .question span.question_hint_content.show{ transform:scale(1); } div.sort_options { touch-action: none; } .fillblank_area input{border:none;border-bottom:2px solid rgba(0,0,0,0.2)} .quiz_questions_content.col-md-9 .quiz_bar { display: block; margin: 30px 0; position: relative; } .single-quiz #wplms-quiz .question { padding:30px } .single-quiz .question .question_content:first-child{ border-top:none; } .quiz_questions li > strong{ display:block; margin:5px 0; } .quiz_questions_content{ margin-bottom:30px; } /*adjusting incourse timer and submit buttons */ /** * File: course_template.css * Description : Contains all necessary styling for the BP Course Module * Author: Mr.Vibe * Credits: www.VibeThemes.com * Project: WPLMS * version 2.4 **/ /*========================================================================*/ /* TABLE OF CONTENT /*========================================================================*/ /* /* 01. COURSE DIRECTORY /* 02. GENERAL STYLING /* 03. LOGO /* 04. BUTTONS /* 05. SLIDERS /* 06. NAVIGATION /* 07. HEADER /* 08. CONTENT /* 09. FOOTER /* 10. HOME /* 11. ABOUT /* 12. GRID, PARALLAX & FEATURED EFFECT /* 13. SERVICES /* 14. PORTFOLIO /* 15. PORTFOLIO GRID /* 16. BLOG /* 17. SINGLE PORTFOLIO /* 18. SINGLE /* 19. COMMENTS /* 20. MISCELLANEOUS /* 21. AD-HOC Fixes /* 22. RESPONSIVE FIXES /* /*========================================================================*/ /* Adhoc Theme fixes */ .filterableitems_container{margin-right:-30px !important;} #title .pagetitle{padding-top:30px;} .logged-out .smallimg{ grid-template-columns:1fr; -ms-grid-columns:1fr;} .smallimg{ display:-ms-grid !important; display:grid !important; grid-template-columns:20px 1fr; -ms-grid-columns:20px 1fr; } /* HIDE DIRECTORY LIST TABS FOR CATEGORY */ .archive.directory #buddypress .item-list-tabs { display: none;} /* BuddyPress iOs safari avatar upload fix */ #bp-upload-ui .moxie-shim.moxie-shim-html5{z-index:999;} /*========================================================================*/ /* 01. Minified scripts /*========================================================================*/ span.text-options {display: none;} .input-options.datebox-selects label{display:none;} .field_error input{border-color:#F16645!important;} .field_error .message.error{text-align:left;display:inline;position:relative;padding-right: 60px;} .field_error .message.error:after{content:"\e036";font-family:fonticon;position:absolute;right:10px;top:10px;color:rgba(0,0,0,0.25);font-size:11px;} .field_error .message.error:hover:after{color:#fff;} /*========================================================================*/ /* 01. COURSE Admin /*========================================================================*/ #courselist{ margin:30px 0; } .show_hint{ position:absolute; top:30px; right:30px; } .question.fillblank p{display:inline;margin:0;} .vibe_fillblank{ min-width: 180px; position: relative; display: inline-block; padding: 12px 5px 10px; }.vibe_fillblank:after{ content:'';display:block;width:100%;height:2px;background:#444; position:absolute;left:0;bottom:-2px; }span.vibe_fillblank:focus{outline:none;} .hint{display: none;font-size:13px;} .show_explaination, .show_hint span{ font-family: 'fonticon'; font-size:32px;line-height: 32px; color:#bbb;cursor: pointer; } .show_explaination{font-size:12px;line-height: 1;margin-left:5px;} .show_hint.active span{font-size:24px;line-height: 32px;} .show_explaination:before{ content:"\e05d"; } .content .matchgrid_options li{ list-style:none; position: relative; } .matchgrid_options li{ border:1px solid rgba(0,0,0,0.08); padding:15px; font-size:13px; border-radius:2px; } .matchgrid_options li.ui-draggable-dragging{ position: relative; top:0; left:0; } .explaination{ display: none; padding:10px; margin:20px 0 -12px; border:1px solid rgba(0,0,0,0.08); border-radius:2px; font-size:13px; background: #f6f6f6; } .explaination strong { color: #4A4848 ; font-size: 15px; margin: 10px 0px; display: block; } .explaination span { float: none; padding: 0; margin: 0; } .course_details li i.i_course_time{ font-size: 12px; line-height: 16px; } .widget .course_details>ul>li:first-child i.i_course_time {display:block;} .show_hint span:before{ content: "["; } .show_explaination.active:before{ content: "\e092"; } .show_hint.active span:before{ content: "\e036"; } .submissions.show .course_students, .submissions.show .quiz_students, .submissions.show .assignment_students{ display: block; } .assignment_students .assignment_content{padding-top:30px;} .submissions .tab-pane .quiz_students>li>.q+strong{ color:#222; padding:5px; border-radius:2px; border:1px solid #f0c36d; background-color: #f9edbe; } .unit_prevnext .col-md-6{text-align: center;} .unit_prevnext .col-md-6+.col-md-3{text-align: right;} .unit_line a.unit, .unit_line a.quiz, .unit_line a.quiz{cursor:pointer;} .course_curriculum strong span{ color:#bbb;float:right; } h4.minmax{ font-size: 12px; font-weight: 600; border-bottom: 5px solid rgba(0,0,0,0.08); padding: 8px 0; } h4.minmax i{color:#bbb;float:right;font-size:16px;} #courselist li .course_desc{ padding:10px 30px; } /* Unit prevnext */ #next_unit{float:right;} #next_unit:after,#next_quiz:after { content: "\e0f6"; font-family: 'fonticon'; float: right; margin-left: 5px; margin-top: 1px; } #prev_unit:after,#prev_quiz:after { content: "\e172"; font-family: 'fonticon'; float: left; margin-right: 5px; margin-top: 1px; } @media(max-width:460px){ .course_content_panel .unit_wrap .unit_prevnext{ top: 30px; bottom: auto !important; left: auto !important; right: 30px; width: 142px !important; border:1px solid rgba(0,0,0,0.05); background: rgba(0,0,0,0.8); padding:0; } .course_content_panel .unit_wrap a:after{ width: 42px; padding: 8px 0; } a#mark-complete{ display:block; width:42px; } a#mark-complete>span { display: none; } a#mark-complete:after{ content:"\f192"; display:block; font-family:fontawesome; } a#mark-complete.disabled:after{ content:""; padding:0; } a#mark-complete.disabled{ line-height: 3; } } /* end unit prevnext */ #item-admins .instructor_course{ clear:both; display: inline-block; width:100%; padding-top: 10px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.2); } .single-course #item-admins .instructor_course:first-child{padding-top:0;} .single-course #item-admins .instructor_course:last-child{ border:none; padding-bottom:0; } div#unit_content .page_title .instructor img { width: 32px; border-radius: 50%; } .course_desc + ul{ max-width: 200px; position: absolute; right: 0; top: 0; background:rgba(0,0,0,0.08); height:100%; } #item-meta .star-rating{ max-width:none; width:auto; float:left; } .course_timeline li:first-child a{ margin-top:15px; display: inline-block; } #courselist li .course_desc + ul > li{ margin:0; padding:8px 16px; background:rgba(0,0,0,0.08); border-bottom:1px solid #DDD; } #courselist li .course_desc + ul > li:hover{ background:#DDD; } #courselist li .course_desc + ul > li i{ font-size:16px; margin-right:10px; float:left; } .curriculum_check li{ padding:6px 0; position: relative; padding-left:50px; } .curriculum_check li span{ display: block; position: absolute; right:0; top:12px; } .curriculum_check li span:after{ font-family: 'fontawesome'; content: "\f10c"; font-size: 20px; color: #EEE; } .curriculum_check li span:hover:after{ content: "\f058"; cursor:pointer; } .curriculum_check li span.done:after{ content: "\f058"; color: #70c989; } .curriculum_check li strong{ float:right; text-transform: uppercase; } .course_students.loading{opacity: 0.2;} .course_students .curriculum_check li { padding:15px 30px 15px 0; } .quiz_result h3.heading{line-height: 1.5;} .check_user_quiz_results{cursor:pointer;} #courselist li .course_desc + ul > li span{ font-size:11px; text-transform: uppercase; font-weight:600; } .show_side{margin-top: 15px;display: none;} .course_stats_user{ display: inline-block; padding:20px 0; width:100%; } .course_grade li{ padding: 8px 0; border-bottom: 1px dotted rgba(0,0,0,0.08); } #average,#pass,#badge, .course_quiz{ width: 33%; float: left; margin:30px 0; text-align: center; } @media (max-width:540px){ #average, #pass, #badge, .course_quiz{ width:100%; text-align:center;clear:both; } #average span, #pass span, #badge span, .course_quiz span{ display:block; } } .begin_quiz, .submit_quiz{ cursor:pointer; } .course_quiz h5{ text-align: center; color:#bbb; font-size:12px; font-weight:600; text-transform: uppercase; } #average canvas,#pass canvas,#badge canvas,.course_quiz canvas{ margin:10px 0; } .badge-popup{ text-align: center; padding: 30px; display: inline-block; border-radius: 2px; background: #FFF; } .course_grade li strong{ color:#222; float:right; } .course_grade li strong span{color:#bbb;} h4.students_course{ margin: 0 -20px 10px; padding: 10px 20px; background: rgba(0,0,0,0.08); } h4.students_course strong{ float: right; padding: 5px 5px; background: #78c8ce; color: #FFF; line-height: 1; border-radius: 50%; } .calculate_panel{ clear:both; margin: 0 -20px; padding: 10px 20px; background: rgba(0,0,0,0.08); text-align: right; } .calculate_panel strong{float:left;text-transform: uppercase;font-size:12px;margin-top:8px;} .calculate_panel i{font-size:24px;margin-left:10px;color:#78c8ce;} .complete_course{ text-align: center; display: block; width:100%; } .complete_course canvas{display: inline-block;} .course_stats_user h6{ padding: 10px 20px; margin: 10px -20px !important; background: rgba(0,0,0,0.08); } .course_stats_user h6 span{float:right;font-weight:600;} .in_details{ display: none; font-size:11px; margin:20px 0; text-transform: uppercase; font-weight:600; } .in_details strong{float:right;} #userstats{ margin:30px 0; display: inline-block; width:100%; } #userstats li{ clear:both; display: inline-block; width:100%; padding:10px 0 15px 0; border-bottom:1px solid rgba(0,0,0,0.08); } #userstats li .ajax-certificate{ float:right; line-height: 0; font-size:36px; color:#666; margin-right:20px; } #userstats li .ajax-badge{ display: inline-block; float:right; } #userstats li .ajax-badge img{border-radius:50%;border:1px solid rgba(0,0,0,0.08);} #userstats h4{margin:0;font-size:16px;width:50%;font-weight:600;display: inline-block;float:left;} #userstats h4 span, #userstats h4 + span{color:#bbb;font-size:11px;font-weight:600;} #userstats li img{ width: 48px; float: left; margin-right: 20px; border-radius: 2px; } #userstats li strong{ float:right; font-size:12px; font-weight:600; margin:10px 30px 0 0; } .pricing_course { position:relative; cursor:pointer; min-width:120px; } .pricing_course .drop { display:none; position:absolute; overflow:auto; top:20px; left:0; z-index:99; width:100%; text-align: center; border-radius: 4px; } .pricing_course .drop label { display:block; cursor:pointer; padding: 12px 0; background: #fafafa; border: 1px solid rgba(0,0,0,0.08); margin:0; } .pricing_course .drop label+label{border-top:none;} /* .pricing_course li span.subs, */ .price span.subs{ font-size: 11px; text-transform: uppercase; font-weight: 600; color:#70c989; } /* ===== COURSE WIDGET --- RATINGS LIST =====*/ .course-list1{ margin-left: 60px; display: block; font-size: 11px; text-transform: uppercase; color: #666; } .course-list1 .course-star-rating{display:block; margin-top: 2px;} .course-list1 .course-star-rating+strong{ float: left;margin-top: 2px; } div.course_reviews .modern-star-rating strong.course-star-rating small:before { font-size: 22px; } .author .instructor_stats .star-rating .bp_blank_stars:before{color:#000;font-size:25px;} .author .instructor_stats .star-rating .bp_filled_stars:before{color:#000;font-size:25px;} .bp_blank_stars { position: relative; display: inline-block; color: #FFCB10; overflow: hidden;} .bp_filled_stars { position: absolute; top: 0; color: #FFCB10; overflow: hidden; float: left; left: 0; } .bp_blank_stars:before { font-weight: 200; content:"\f006\f006\f006\f006\f006"; font-family:fontawesome; font-size:15px; } .bp_filled_stars:before{ font-weight: 200; content:"\f005\f005\f005\f005\f005"; font-family:fontawesome; font-size:15px; } .course-list1 h6{ font-size: 1rem; text-transform: none; } .course-list1 .students{ clear: left; } /* ===== */ h5.credits strong{ clear:both;display: inline-block; } .showhide_indetails, .retake_submit{ float: right; color: #bbb; font-size: 24px; margin-top:10px; margin-right:10px; } .widget.pricing #retake_course_submit_form{text-align:center;} .widget.pricing a.link.retake_submit.tip {float:none;} .widget.pricing a.link.retake_submit.tip i:before{ margin-right:5px; } .widget_course_list a:hover img{ border-color:#78c8c9; } .widget_course_list li h6{ margin:0; font-size:14px; } .widget_course_list li img{ float:left; max-width:48px; border:2px solid rgba(0,0,0,0.08); margin-right:10px; border-radius:2px; } .widget_course_list li h6 span{ display: block; font-size:11px; color:#bbb; font-weight:600; text-transform: uppercase; } .course_instructor_widget img{ max-width: 48px; border-radius: 50%; float: left; margin: 0 15px 15px 0; } .course_instructor_widget .instructor_course{clear:both;} .course_instructor_widget h5{ margin:10px 0; padding:10px 0; border-bottom:3px solid rgba(0,0,0,0.08); font-size: 14px; font-weight: 600; } .course_instructor_widget .tip{ float: right; font-size: 24px; color: #bbb; } .instructor_line{ clear:both; display: inline-block; width:100%; margin:20px 0; border-bottom:5px solid rgba(0,0,0,0.08); } .instructor_line h3 a{ float: right; font-size:13px; color:#bbb; text-transform: uppercase; font-weight:600; } .instructor_line:hover a{color:#78c8c9;} .instructor_line h3 i{ font-size:16px; margin-left:10px; } #question.quiz_submitted_fade{ opacity:0.2; } #total_marks > strong > span{ min-width: 20px; background: #fafafa; display: inline-block; min-height: 20px; padding: 2px 5px; } #set_quiz_marks{float:right;width: 120px;margin: 0 10px;} /*=== In Unit Questions ===*/ .question_content{ position: relative; margin-top:15px; padding:15px 30px 10px 0; border-top: 1px solid rgba(0,0,0,0.08); } .main_unit_content ul.question_options{ list-style:none !important; margin-left:0 !important; } .question_options .checkbox>input[type=checkbox]:checked+label:after{line-height:1.4;} .main_unit_content ul.check_options li { float: left; margin-right: 10px; font-size: 11px; text-transform: uppercase; } ul.check_options { list-style: none !important; margin-left: 0 !important; display: inline-block; width: 100%; padding: 15px 0 0; } .main_unit_content ul.check_options li a{ cursor: pointer; } .white-popup { position: relative; background: #FFF; padding: 20px; width:auto; max-width: 500px; margin: 20px auto; } /*=== End In unit questions ===*/ .main_unit_content a.show_hint{right:0;} #ajaxloader.disabled{display: none;} #ajaxloader{ position: absolute !important; top:50%; left:50%; display: inline-block; border-radius: 50%; transform: translateZ(0); color: rgba(0,0,0,0.2); margin-left:-3rem !important; font-size:5rem; width: 1em; height: 1em; margin: -30px auto; -webkit-animation: load6 1s linear infinite; -moz-animation: load6 1s linear infinite; -o-animation: load6 1s linear infinite; animation: load6 1s linear infinite; } .course_bulk_actions{ position: relative; } .course_bulk_actions strong{float:left;} .course_bulk_actions ul{ display: inline-block; float: right; } .course_bulk_actions ul li{float:left;} .bulk_message, .bulk_add_students, .bulk_change_status, .bulk_assign_students, .bulk_extend_subscription_students{ margin:24px 0 0; border-top:5px solid rgba(0,0,0,0.08); padding-top:10px; display: none; } .bulk_message .button, .bulk_add_students .button, .bulk_assign_students .button, .bulk_change_status .button, .bulk_extend_subscription_students .button{ margin:10px 0; } .mfp-content .heading .small_link, .mfp-content .item-list-tabs{ display: none; } .mfp-content .user_quiz_result, .mfp-content .quiz_result{ padding: 15px; background:#fff; } .user_quiz_result button.mfp-close {top: 30px;} .mfp-content .unit_content { padding: 30px !important; } .bulk_add_students .select2.select2-container{ width:100% !important; color: #444; } #student_usernames{width:100%;} /*=== Course STats Widget === */ .stat_num strong{ clear:both; display: block; font-size:24px; line-height: 24px; padding:5px 0; border-bottom:1px solid rgba(0,0,0,0.08); } .stat_num strong span{float:right;} /*=== Course Filters Widget === */ .course_filters{ padding:20px; background:#FFF; border-radius:2px; } .course_filters .checkbox,.course_filters .radio{margin:3px 0;display:inline-block;} .course_filters .checkbox label:before, .course_filters .radio label:before{float:left;} .course_filters .checkbox label:after{ left: 3px;top: -1px;} .course_filters h4{ padding-bottom:8px;font-weight: 600; margin-bottom:8px;margin-top:0; border-bottom:2px solid rgba(0,0,0,0.08); font-size:16px;text-transform:uppercase; } .course_filters ul+h4{margin-top:10px;} .widget .course_filters ul.date_filter li{ padding:0; } .widget .course_filters ul.date_filter li input[type="text"]{ margin:0; } .widget .course_filters ul.date_filter li input[type="text"]:first-child{ margin-bottom:5px; } .widget .course_filters ul li .widget .course_filters ul li input{float:right;} #submit_filters,.course_filters label{cursor: pointer;font-weight:400;} .sub_categories{display:none;} .category_filter li > .sub_categories{ padding-left: 10px; border-left: 2px solid rgba(0,0,0,0.08); } .category_filter>li>span{ float:right; } .category_filter>li>span:before{ content: "\e05d"; font-family: 'fonticon'; font-size: 8px; margin: 0 5px; color: #bbb; } .category_filter>li>span.active:before{ content: "\e092"; } #active_filters{ margin-bottom: 10px; display: inline-block; width:100%; } #active_filters li:first-child{margin-left:20px;padding-top:6px;} #active_filters li.all-filter-clear{ float:right;cursor: pointer; padding:8px 20px 0 15px; font-size:12px; font-weight:400; } #active_filters li{ float: left; color: rgba(0,0,0,0.6); margin-right: 10px; position: relative;margin-bottom: 10px; } #active_filters li span{ font-weight:600; font-size: 11px; padding: 8px 25px 8px 10px; border: 1px solid rgba(0,0,0,0.08); background: rgba(255,255,255,0.8); border-radius: 2px; position: relative; color: rgba(0,0,0,0.6); cursor:pointer; text-transform: uppercase; display: inline-block; } #active_filters li span:after { content: "\e1bf"; font-family: 'fonticon'; position: absolute; right: 5px; top:8px; font-size: 11px; color: rgba(0,0,0,0.3); } #active_filters li.all-filter-clear:before{ content: "\e1bf"; font-family: 'fonticon'; position: absolute; left: 0px; top:9px; font-size: 11px; color: rgba(0,0,0,0.3); } /* === Course submissions === */ #applications ul li{ display:inline-block; width:100%; padding:8px 0; border-bottom:1px dotted #EEE; } #applications ul li img{ border-radius:50%; } #applications ul li span.approve, #applications ul li span.reject{ float:right; margin-left:10px; font-size:11px; color:#bbb;cursor:pointer; text-transform: uppercase; text-align: center; } #applications ul li span.approve:before, #applications ul li span.reject:before{ display:block; font-size:24px; color:#bbb; content:"\f10c"; line-height: 1; font-family:'fontawesome'; } #applications ul li span.approve.loading:before, #applications ul li span.reject.loading:before{content:"\f110"} #applications ul li span.approve.active, #applications ul li span.approve:hover{color:#70c989;} #applications ul li span.approve:hover:before, #applications ul li span.approve.active:before{ content:"\f05d"; color:#70c989; } #applications ul li span.reject.active, #applications ul li span.reject:hover{color:#fa7252;} #applications ul li span.reject:hover:before, #applications ul li span.reject.active:before{ content:"\f05c"; color:#fa7252; } /*==== UNIT COMMNETS ====*/ .enable_comments .main_unit_content{ padding-right: 30px; } .enable_comments .main_unit_content.stop_notes{ padding-right:0; } .main_unit_content p{position: relative;} .unit_content p span.side_comment{ position: absolute; top: 0; right: -30px; padding: 3px 6px; background: rgba(0,0,0,0.08); border-radius:2px; font-size: 12px; line-height: 1; cursor: pointer; } .unit_content p span.side_comment:after { content: ''; border: 6px solid; border-color: rgba(0,0,0,0.08)transparent transparent rgba(0,0,0,0.08); position: absolute; top: 15px; right: 0px; } .unit_content p span.side_comment:hover, .unit_content p span.side_comment.active{ background-color:#78c8c9; color:#FFF; } .heading a.post-edit-link, .heading .vc_inline-link { font-size: 11px; color: #bbb; font-weight: 600; margin-left: 5px; } .unit_wrap{ overflow:hidden; } .unit_content p span.side_comment:hover:after, .unit_content p span.side_comment.active:after{ border-color: #78c8c9 transparent transparent #78c8c9; } .instructor_reply_unit_comment.call{opacity: 0.4;} .unit_content{overflow:hidden;} .unit_content, .main_unit_content{ height: auto; display:inline-block; width: 100%; } .unit_wrap{ position: relative; } .main_unit_content{ z-index:99; width: 100%; height: auto; display:inline-block; } .main_unit_content { position: relative; left: 0; width: 100%; display:block; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .main_unit_content::after{ position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; over-y:hidden; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } .open .main_unit_content::after { width: 100%; height:100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* Effect 2: Reveal */ .open .main_unit_content { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } .side_comments { z-index: 1; } .side_comments{ position: absolute; top: 80px; right: 10px; font-size:12px; z-index: 100; visibility: hidden; width: 220px; height: auto; opacity: 0.1; background:transparent; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } .unit_content.open ~ .side_comments{ visibility: visible ; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; overflow-y:auto; overflow-x: hidden; opacity: 1; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .side_comments.scroll{ overflow-y:scroll !important; max-height:100%; } .side_comments::after { display: none; } .side_comments, .side_comments p,.side_comments a.comment_author{ font-size:13px; } .side_comments >ul{position: relative;} .side_comments >ul>li{ padding:10px 0; display: inline-block; width:100%; border-bottom:1px solid rgba(0,0,0,0.08); } #all_comments_link{ font-size: 11px; border-bottom: 1px solid rgba(0,0,0,0.08); width: 100%; display: block; text-align: right; } .side_comments ul.actions{ display:inline-block; padding:0; width:100%; margin:0 0 0 42px; } .side_comments ul.actions li{ float:left; margin-right:10px; } #notes_discussions .actions a, .side_comments a{color:#bbb;} #notes_discussions .actions a:hover, #notes_discussions .actions a.reply_unit_comment.meta_info, .side_comments ul.actions li a:hover, .side_comments a.reply_unit_comment.meta_info{color:#78c8c9;} .side_comments .add-comment{ color: #B3B3B1; font-size: 14px; line-height: 22px; font-weight: 300; padding: 0px 8px; letter-spacing: 0.05em; text-decoration: none; padding-top: 10px; display: inline-block; cursor:pointer; } .side_comments .add-comment.deactive{display: none;} .side_comments .comment-form { display: none; } .side_comments .comment-form.active{display: block;} .side_comments .add-comment:before{ content: "+"; border: 2px solid #DEDEDC; border-radius: 100px; width: 23px; height: 23px; color: #DEDEDC; display: block; text-align: center; font-size: 16px; font-weight: 400; line-height: 18px; float: left; margin-right: 15px; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side_comments li img, .comment-form img{ max-width: 32px; border-radius: 50%; margin: 10px 10px 10px 0; float: left; } .side_comments .unit_comment_content, .side_comments .comment-form article.live-edit{ margin-left:42px; } .new_side_comment p{margin:0;} .side_comments li a, .comment-form span{text-transform:uppercase;font-weight:600;} .side_comments li a.unit_comment_author, .comment-form span{ padding-top: 10px; font-size:11px; display: inline-block; } .new_side_comment > ul{ padding-left:10px; list-style: disc outside none; } /* Per unit comments */ .unit_content ol.commentlist li>ul.children, .unit_content ol.commentlist li+ul.children { margin-left: 64px; } .main_unit_content ol { list-style: decimal !important; padding-left: 20px; } /* ==== In course quiz ====*/ .quiz_title { padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.08); margin-bottom:20px; } .quiz_title .quiz_meta{ max-width: 72px; float: right; } .quiz_title .quiz_meta .progress{ clear: both; display: none; margin: 0; width: 72px; padding: 0; } .quiz_title .quiz_meta.show_progress .progress{display: inline-block;} .quiz_title .progress .bar{ padding:2px; } .inquiz_timer{ width: 72px; position: relative; float:right; } .inquiz_timer:after{ content:''; background:transparent; position: absolute; top:0; left:0; width:100%; height:100%; z-index: 99; } .quiz_meta i{ font-size: 11px; text-align: center; width: 72px; display: none; } .quiz_meta.show_progress i{ display: block; } .inquiz_timer span.countdown { top: 26px;color:#444; font-size: 16px; text-align: center; } .inquiz_timeline{ display: inline-block; float: right; } .inquiz_timeline ul li{float:left;} .quiz_title .inquiz_timeline ul{width:auto;} .in_question{ margin-top:30px; border-top:5px solid rgba(0,0,0,0.08); } .main_unit_content>.in_question::nth-child(1){ margin:0;border:none; } .in_question .question{ position: relative; padding:30px 0 10px; } .in_question .question_options{ margin-left:0 !important; list-style:none !important; } .question_options .radio>label:before{ float:left; margin-top:2px; } .question_options .checkbox>label:before{ float:left; margin-top:2px; } .question_options .checkbox>label:after{ top:1px; } .in_question .question.fillblank p{ display: inline; line-height: 0; } .in_question .question.fillblank article.live-edit{ min-width: 160px; border-bottom: 1px solid; line-height: 1.5em; display: inline-block; } .in_question .marks{float:right;margin-top:20px;} .in_question .show_hint{ top:50px; right:0;z-index: 99; } .question_options.match li{ list-style:none; position: relative; } .question .matchgrid_options ul{ list-style:none !important; margin:0 !important; } .question_options.match li{ clear: both; display: inline-block; background:#FFF; border: 1px solid rgba(0,0,0,0.08); margin: 15px; padding: 5px 15px 5px 35px; position: relative; border-radius: 2px; } .question_options.match li label>span { color: #bbb; font-family: 'fonticon'; font-size: 16px; position: absolute; left: 10px; top: 5px; } .question_options.match li label>span:before { content: "\e0e0"; } .question_options.sort li{ padding:5px 10px; border:1px solid rgba(0,0,0,0.08); cursor: move; } .matchgrid_options li.ui-draggable-dragging{ position: relative; top:0; left:0; } .in_quiz .pagination{ border-top: 1px solid rgba(0,0,0,0.08); border-radius: 0; padding: 20px 0 0;margin-bottom:0; display: inline-block; width:100%; } .in_quiz .pagination label{float:right;} .in_quiz .pagination ul li{float:left;} .in_quiz .pagination ul li a{cursor:pointer;} .in_quiz .pagination ul{ float:right; display: inline-block; list-style:none !important; } /*=== Activity page fixes === */ .course_instructor_widget .instructor_meta{display:none !important;} .single_text{ display: inline-block; width: 100%; margin-bottom: 40px; } #retakes9999{display:none;} /* === Assignment heading ====*/ h3.assignment_heading{ clear:both; padding:10px 0; font-size:16px; display:inline-block; width:100%; } h3.assignment_heading.heading>strong{ display:inline-block; font-size:12px; } h3.assignment_heading.heading>strong>span{float:left;margin-left:10px;} /*========================================================================*/ /* 01. COURSE Widgets /*========================================================================*/ .course_review{ background: rgba(0,0,0,0.05); padding: 20px; border-radius: 2px; } .course_review h4, .list_course_review h4{ font-size:20px; font-weight:600; margin-top:0; } .course_review h5{ font-size:16px; margin-bottom: 0; } .course_review h5 span{ display: block; font-size:14px; } .course_review .review_author{ display: inline-block; width: 100%; padding: 10px 0 0; } .flexslider .slides .review_author img, .widget_reviews_list li .course_review img, .widget_reviews_list li img{ max-width:48px; margin:10px 5px 0 0 ; float:left; border-radius:50%; } .list_course_review{ margin-left:60px; } /*==== Datepicker ===*/ /* DatePicker Container */ .ui-datepicker { height: auto; margin: 5px auto 0; border: 2px solid #444; font-size: 11px; border-radius: 2px; background: #FFF; } .ui-datepicker a { text-decoration: none; } /* DatePicker Table */ .ui-datepicker table { width: 100%; } .ui-datepicker-header { background: #444; color: #e0e0e0; font-weight: bold; line-height: 30px; border-width: 1px 0 0 0; border-style: solid; border-color: #111; } .ui-datepicker-title { text-align: center; font-weight: 600; font-size: 12px; color: #FFF; } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-repeat: no-repeat; line-height: 600%; overflow: hidden; font-family: 'dashicons'; position: relative; } .ui-datepicker-prev { float: left; background-position: center -30px; } .ui-datepicker-prev:before { content: "\f341"; color: #FFF; font-size: 20px; position: absolute; margin-top: -20px; left: 0; } .ui-datepicker-next { float: right; background-position: center 0px; } .ui-datepicker-next:before { content: "\f345"; color: #FFF; font-size: 20px; position: absolute; margin-top: -20px; right: 0; } .ui-datepicker thead { background-color: rgba(0,0,0,0.08); border-bottom: 1px solid rgba(0,0,0,0.08); } .ui-datepicker th { text-transform: uppercase; font-size: 11px; text-align: center; padding: 5px 0; color: #444; } .ui-datepicker tbody td { padding: 0; } .ui-datepicker tbody td:last-child { border-right: 0px; } .ui-datepicker tbody tr { border-bottom: 1px solid rgba(0,0,0,0.08); } .ui-datepicker tbody tr:last-child { border-bottom: 0px; } .ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: bold; text-align: center; width: 28px; height: 28px; line-height: 28px; color: #666666; } .ui-datepicker-calendar .ui-state-default { border-right: 1px solid rgba(0,0,0,0.08); font-weight: 400; } .ui-datepicker-calendar .ui-state-hover { background: #f7f7f7; } .ui-datepicker-calendar .ui-state-active { background: #70C989; color: #FFF; font-weight: 600; position: relative; } .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } .ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; } .ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } /* == Misc == */ #buddypress .course_essentials .instructor_course img{height:auto;} .wp-playlist-tracks+.wp-playlist-tracks{display:none;} @media(max-width:768px){ section#certificate.certificate_generated{ width:90%; } } @media print{ a[href]:after { content: none !important; } .quiz_result a{display:none !important;} } .action .batch_course img{ width:48px; height:48px; overflow:hidden; display:block; float:left; margin:6px 3px; border-radius:2px; } .mfp-content .back_to_course{display:none;} @media print{ .certificate_print i{display:none;} } #fullbody_mask{ position:fixed; left:0; top:0; width:100%; height:100%; display:block; z-index:9999; } /*Unapproved unit comment */ .unit-comment-body.unapproved{padding: 15px;background: rgba(0,0,0,0.05);} /*==== tours ===*/ /* course tours */ .tour-backdrop {background-color: rgba(0, 0, 0, 0.3);} .tour-step-backdrop{ padding:15px !important; background:#FFF; color:#000 !important; z-index:9999 !important; border-radius:5px } .popover .closepop:before { content: "\f00d"; font-family: FontAwesome; color:#FFF; } .popover .closepop{ cursor:pointer; opacity:1; text-shadow: inherit; right: 5px; font-size: 15px; font-weight: 100; position:absolute; top: 5px; } .disable_wplms_tour_popup .popover{ display:none !important; } .disable_wplms_tour_popup div[class^=tour]{ display:none !important; } .generate_course_tour{ margin: 24px 0 0; border-top: 5px solid rgba(0,0,0,0.08); padding-top: 10px; display: none; } .mejs-fullscreen .course_content_panel .unit_wrap .unit_prevnext, .mejs-fullscreen #hideshow_course_pursue_panel {z-index:1 !important;} .single-course .certificate_generated .extra_buttons {display:inline-block !important;} .quiz_remarks_in_result { padding: 20px; margin: 20px 0; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; } #message-thread .message-content iframe.wp-embedded-content {position:relative !important;} a#load_more_cpt_user_results.loading:before { content: '...'; } .single-course a.course_video_popup { position: relative; } a.course_video_popup span.icon_wrapper:before,a.course_video_popup:hover span.icon_wrapper:before { content: "\f04b"; font-family:fontawesome; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:55px; text-shadow: 1px 5px rgba(0, 0, 0, 0.2); color:#fff; font-weight:100; } /*c6 layout issue fixes*/ .c6 .course_header5_sideblock div#item-header-avatar img{width:100%} .c7 .course_header5_sideblock div#item-header-avatar img{width:100%} .instructor_course { display: -ms-grid !important; -ms-grid-columns: 32px 1fr; } .instructor_course ul.instructor_meta { display: grid; grid-template-columns: 1fr 1fr; } .block.course8 .block_content .block_title { border-bottom: none!important; } .block.course8 .more { text-align: center; position: relative; z-index: 2; } .block.course8 .more_btn{ color: rgb(255, 255, 255); /*background: rgba(0, 0, 0.8);*/ border-radius: 20px; padding: 5px 10px; } .block.course8 .more:after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.4); z-index: -1; } .block.course8 .block_content .cat_btn{ position: relative;font-size:12px; padding: 5px 10px 5px 25px; /*background: rgba(0, 0, 0, 0.8);*/ border-radius: 18px; color: rgb(255, 255, 255); margin: 0 2px 0 0; } .block.course8 .block_content .cat_btn:before { content:"\f02b";font-family:'fontawesome'; position:absolute; left:10px;top:4px; } .blog_card.block { display: -webkit-box; display: -ms-flexbox; display: flex; height: 256px; border-radius: 8px; -webkit-box-shadow: 0 7px 31px 0 rgba(0,0,0,.12); box-shadow: 0 7px 31px 0 rgba(0,0,0,.12); background-color: #fff; } .blog_card .block_media{ width:35%; } .blog_card .block_media img{ height:100%; object-fit:cover; } .blog_card .block_content{ padding:30px 42px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; width:65%; } .blog_card .block_title a{ font-size: 20px; font-weight: 600; color: #5a5a5a; text-decoration: none; text-transform: capitalize; } .blog_card .block_desc{ margin-top: 12px; font-size: 16px; color: #475465; line-height: 1.5; } .member_block5{ position: relative; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; width: 240px!important; height: 140px; padding: 15px; margin-right: 54px; margin-top: 60px; margin-bottom: 12px; background-color: #fff; -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.11); box-shadow: 2px 4px 8px 0 rgba(46,61,73,.11); } .member_block5 .member_avatar{ position: relative; left: 50%; transform: translate(-50%,0); background-color: #fff; border-radius: 50%; overflow: hidden; width: 75px; height: 75px; margin-top: -48px; margin-bottom: 12px; } .member_block5 .member_avatar img{ border-radius: 50%; width: 100%; } .member_block5 .member_info{ text-align: center; } .member_block5 .member_info a{ font-size: 14px; color: #101010; font-weight: 400; margin-bottom: 12px; text-decoration: none; text-align: center; text-transform: capitalize; } .member_block5 .member_info ul.socialicons { float: none; } #title.light a.link.retake_submit.tip i{ color: #444444 !important; display:inline-block; } #title.light a.link.retake_submit.tip { color: #444444 !important; } /*Course sub sections*/ /*for all*/ .course_curriculum tr.course_section.sub_section { margin-left:30px; width: calc(100% - 30px) !important; display: table; } .rtl .course_curriculum tr.course_section.sub_section { margin-right:30px; margin-left:0; } .course_curriculum tr.course_lesson.sub_unit { width: calc(100% - 30px) !important; border: none; box-shadow: 0 0 1px; transform: translate(30px) scale(0.97,1); transform-origin: left; } .rtl .course_curriculum tr.course_lesson.sub_unit { transform: translate(-30px) scale(0.97,1); transform-origin: right; } .course_curriculum.accordion .course_section.sub_section.sub_show>td:after{ content:"\f068"; } .course_curriculum.accordion .course_section.sub_section>td:after{ content:"\f067"; } /*for accordian*/ .course_curriculum.accordion tr.course_section.sub_section { display: none; } .course_curriculum.accordion tr.course_section.sub_section.show { display: table; } .course_curriculum:not(.accordion) tr.course_section.sub_section td{ padding-left: 30px; width:auto; } .rtl .course_curriculum:not(.accordion) tr.course_section.sub_section td{ padding-left: 0; padding-right: 30px; width:auto; } .course_curriculum:not(.accordion) tr.course_section.sub_section { display: table-row; } /*course timeline*/ .course_timeline li.section.sub_section,.course_timeline li.unit_line.sub_unit { margin-left: 30px; width: calc(100% - 30px) !important; } .rtl .course_timeline li.section.sub_section,.rtl .course_timeline li.unit_line.sub_unit { margin-left: 0px; margin-right: 0px; width: calc(100% - 30px) !important; } .course_timeline.accordion li.section.sub_section { display: none; } .course_timeline.accordion li.section.sub_section.show { display: initial; } .course_timeline.accordion .section.sub_section.sub_show:after{ content:"\f068"; } .course_timeline.accordion .section.sub_section:after{ content:"\f067"; } .quiztimer .timer_amount { font-size: 1em; } .quiztimer .timer_unit{ font-size: 0.3em; } .quiztimer .timer_amount span{ margin:0 5px; } .timer_amount,.timer_unit{ display:grid; grid-template-columns:repeat(auto-fit,minmax(50px,1fr)); -ms-grid-columns:repeat(auto-fit,minmax(50px,1fr)); display: -ms-grid; justify-items: center; } .timer_amount span:nth-child(n+4), .timer_unit span:nth-child(n+4){ display:none; } .fillblank_area { clear: none; display: inline-block; } span.select_question_content { display: inline-block; } .question_content select{margin:0 5px;} /* === */ .droppable > div { border: 1px solid rgba(0,0,0,0.08); padding: 1rem; } .droppable.active{ overflow-y:scroll; } .question .droppable,.match_options { touch-action: none; } .droppable > div+div { border-top: none; } .droppable .dragging{ border: 1px solid #f5d01a; box-shadow: 0 0 6px #efc600; } .quiz_questions_content .question .marks { float:right; margin-top:30px; } .question .question_option p { display: inline-block; } .match_playground { display: grid; grid-template-columns: 1fr 1fr; justify-content:center; align-items:stretch; grid-gap: 1rem; margin: 1rem 0; } .match_playground .droppable{ border:1px solid rgba(0,0,0,0.2); } .match_playground .match_options .match_option { border: 1px solid rgba(0,0,0,0.08); padding: 2rem; } .match_playground .droppable { display: grid; grid-template-columns: 1fr; grid-gap: 10px; padding: 30px; justify-content: center; align-items: center; } .quiz_questions_content .question_content { padding-top: 1rem; } .match_playground .droppable > div{ border-top:1px solid rgba(0,0,0,.1) } .match_playground .match_option{ background:rgba(185, 185, 185, 0.1); } .match_playground .match_options .match_option .children > div { border: 1px solid rgba(0,0,0,0.08); padding: 1rem; background:#fff; } .quiz_questions_content.col-md-9 .question {position:relative;} .question_wrapper.loaded .result { transform: translateX(40%); } .quiz_questions_content .question .question_hint { float: right; cursor: pointer; z-index: 99; position: relative; margin-top: 22px; margin-right: 5px; } .quiz_questions_content .question span.question_hint:before{ content: "\f29c"; font-family:fontawesome; font-size:22px; } .quiz_questions_content .question span.question_hint.show:before{ content: "\f05c"; } .quiz_questions_content .question:first-child .question_content{ border-top:none; } .quiz_questions_content .question span.question_hint_content { position: absolute; bottom: 0; left: 30px; padding: 1.5rem; border-radius: 3px; box-shadow: 1px 5px 20px rgba(0,0,0,0.3); z-index: 101; transform:scale(0); transition:0.2s all; } .quiz_questions_content .question span.question_hint_content.show{ transform:scale(1); } div.sort_options { touch-action: none; } .fillblank_area input{border:none;border-bottom:2px solid rgba(0,0,0,0.2)} .quiz_questions_content.col-md-9 .quiz_bar { display: block; margin: 30px 0; position: relative; } .single-quiz .question .question_content:first-child{ border-top:none; } .quiz_questions li > strong{ display:block; margin:5px 0; } .quiz_questions_content{ margin-bottom:30px; } /*adjusting incourse timer and submit buttons */ .react_quiz .c100.big { font-size: 5em; } .react_quiz .inquiz_timer{ display:none; } .react_quiz .incoursequiz_details .quiztimer span.timer_unit { display: none; } .react_quiz .incoursequiz_details .quiztimer .c100:after{ background: #ffffff; } .react_quiz .incoursequiz_details .quiztimer span{ color:#000; } .react_quiz .incoursequiz_details .quiztimer .timer_amount{ grid-template-columns:repeat(auto-fit,minmax(15px,1fr)); } .question_correct { border: 2px solid rgba(0, 128, 0, 0.5) !important; padding: 5px; border-radius: 5px; } .question_incorrect { border: 2px solid rgba(255, 0, 0, 0.5) !important; padding: 5px; border-radius: 5px; } .question_option .radio>input[type=radio]+label, .question_option .checkbox>input[type=radio]+label{ display:flex; align-items:center; } .react_quiz div#unit.quiz_title h1{ width: 50%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .react_quiz div#unit.quiz_title h5{ width: 50%; font-size:14px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .incoursequiz_details { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; padding: 1rem 0; align-items: center; transition: 0.5s all; margin: 1rem 0; } .incoursequiz_details.fixed { background: #ffffff; } .dark .incoursequiz_details.fixed {background:transparent;} div#wplms_quiz .loading_quiz.disabled{ display:none; } div#wplms_quiz .loading_quiz{ position:fixed !important; width:100%; height:100%; left:0; top:0; z-index:9999; } .quiz_questions_content .quiz_pagination ul{list-style:none;} .quiz_questions_content .quiz_pagination ul li a{ padding:2px 5px; border:1px solid rgba(90, 90, 90, 0.2); margin:10px; background:rgba(0, 0, 0, 0.43); color:#fff; text-shadow:1px 1px rgba(0,0,0,0.1); font-size:1.2em; } .incousre_quiz_button { display: flex; flex-direction: row-reverse; max-width: calc(100% - 70px); } .incousre_quiz_button a{ text-align: center; } #wplms_quiz .button{ cursor:pointer; } .confirmpopup_wrapper { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 99999; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 10vh; } .confirmpopup_wrapper .confirmpopup_content { padding:15px; background:#fff; border-radius:5px; min-width:50%; } span.question_stats_content_heading { margin-bottom: 1rem; display: inline-block; } .question_stats_content { display: grid; grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); grid-gap: 10px; align-items: start; } .question_stats_content span{ margin:5px; } .question_stats_content .checked_answer{ margin-bottom:0; text-align: center; } .quiz_stats_chart { display:flex; flex-direction:row; flex-wrap: wrap; } .quiz_stats_chart .quiz_stats_chart_pie { width:340px; } .quiz_stats_chart .question_stats_content_wrapper { width:calc(100% - 340px); } @media(max-width:768px){ .quiz_stats_chart .quiz_stats_chart_pie { width:100%; margin-bottom:30px; } .quiz_stats_chart .question_stats_content_wrapper { width:100%; } } .popup_wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.5); display: flex; flex-direction: column; justify-content: center; align-items: center; } .popup_content { background:#ffffff; min-width:50%; border-radius:5px; position: relative; padding: 1.5rem; } @media(max-width:768px){ .popup_content { min-width:80%; } } .popup_content span.vicon.vicon-close { color: red; font-weight: 900; position: absolute; right: 1rem; top: 1rem; font-size: 1.2rem; } .popup-footer a { cursor: pointer; } .popup-footer { background: rgba(0,0,0,0.1); width: calc(100% + 3rem); margin: 2rem -1.5rem -1.5rem -1.5rem; padding: 1.5rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .course_error{position:fixed;z-index:9999999;top:0.5rem;left:50%;transform:translate(-50%);} .vibebp-container{width:1140px;margin:0 auto}.vibebp-flex{display:flex}.vibebp-flex.flex-wrap{flex-wrap:wrap}.vibebp-flex.flex-col{flex-direction:column}.vibebp-flex.justify-center{justify-content:center}.vibebp-flex.justify-end{justify-content:flex-end}.vibebp-flex.align-center{align-items:center}.vibebp-flex.justify-between{justify-content:space-between}.vibebp-flex.align-between{align-items:space-between}.vibebp-flex .gap-4{gap:1rem}.vibebp-flex .gap-6{gap:1.5rem}:root{--body:#fafafa;--highlight:#fff;--text:#475F7B;--bold:#394C62;--primary: #5A8DEE;--secondary: #475F7B;--success: #39DA8A;--primarycolor:#fff;--sidebar:#f4f4ff;--border:rgba(0,0,0,0.08);--darkborder:rgba(0,0,0,0.3);--blue: #5A8DEE;--indigo: #6610F2;--purple: #6F42C1;--pink: #E83E8C;--red: #FF5B5C;--orange: #FD7E14;--yellow: #FDAC41;--green: #39DA8A;--cyan: #00CFDD;--white: #FFFFFF;--gray: #475F7B;--gray-dark: #394C62;--info: #00CFDD;--warning: #FDAC41;--danger: #FF5B5C;--light: #A3AFBD;--dark: #394C62;--error:#ffe27e;--errortext:#725906;--shadow:rgba(0,0,0,0.2)}.vibebp_myprofile.dark_theme{--body:#1e2b39;--highlight:#192430;--text:#EAEAEB;--bold:#FFFFFF;--primary: #FFAE2A;--secondary: #FFDB9C;--success: #39DA8A;--primarycolor:#fff;--sidebar:#253343;--border:rgba(255,255,255,0.08);--darkborder:rgba(255,255,255,0.3);--blue: #5A8DEE;--indigo: #6610F2;--purple: #6F42C1;--pink: #E83E8C;--red: #FF5B5C;--orange: #FD7E14;--yellow: #FDAC41;--green: #39DA8A;--cyan: #00CFDD;--white: #232B3D;--gray: #475F7B;--gray-dark: #394C62;--info: #00CFDD;--warning: #FDAC41;--danger: #FF5B5C;--light: #A3AFBD;--dark: #d2dae2;--error:#ffe27e;--errortext:#725906;--shadow:rgba(255,255,255,0.2)}a.vibebp-login:hover,a.vibebp-login a:hover{transform:none !important}.register_member_type_wrap .field_wrap .vibebp_form_field>label{opacity:1}.register_member_type_wrap .field_wrap .vibebp_form_field>label .field_description{transform:scale(0);position:absolute;bottom:calc(100% + 1rem);left:0;transition:.2s all;font-weight:600;border-radius:3px;z-index:99;background:var(--sidebar);padding:.5rem;opacity:1;max-width:calc(100vw - 3rem);box-shadow:1px 2px 5px var(--shadow)}.register_member_type_wrap .field_wrap .vibebp_form_field>label span.vicon-help-alt{margin:.5rem}.register_member_type_wrap .field_wrap .vibebp_form_field>label span.vicon-help-alt:hover+.field_description{transform:scale(1)}.register_member_type_wrap .field_wrap .vibebp_form_field>label strong{opacity:.6}.register_member_type_wrap .field_wrap .vibebp_form_field>label span:nth-child(2){opacity:.6}.loggedin_user_div{display:flex;flex-direction:row;align-items:center;position:relative;justify-content:space-between;line-height:1}.loggedin_user_div .login_extras{display:flex;flex-direction:column;margin-left:1rem;cursor:pointer}a.loggedin_user{display:flex;flex-direction:row;align-items:center}a.loggedin_user img{width:24px;border-radius:50%;overflow:hidden}a.loggedin_user .vibebp_name{padding:0 5px}.usermenu_content{display:flex;flex-direction:column}.usermenu_content span{cursor:pointer}.user_menu{position:absolute;top:calc(100% + 1em);width:160px;background:var(--dark);right:0;color:var(--white);border-radius:0 0 5px 5px;z-index:99}.user_menu.active{padding:.5rem;z-index:999}.user_menu.active a{padding:.75rem;display:flex;margin:0;cursor:pointer;justify-content:space-between;color:var(--white) !important}.user_menu.active a>span{font-size:inherit;opacity:1}.user_menu.active .usermenu_content>span{display:flex;padding:.75rem;justify-content:space-between}.user_menu.active:after{content:"";position:absolute;display:block;border:10px solid;top:-20px;right:34px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--dark)}a.vibebp-login{position:relative}.loginpopup_wrapper{position:fixed;left:0;top:0;background:var(--body);width:100vw;height:100vh;font-size:1.4rem;z-index:99;display:grid;align-items:center;justify-items:center;z-index:99}.static_wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh}.static_wrapper .login_popup{transform:scale(1)}.login_popup{position:relative;background:var(--highlight);padding:4em;border-radius:.4rem;transform:scale(0);transition:all .2s;max-width:1200px;width:60vw;max-height:100vh;overflow:auto}.login_popup.active{transform:scale(1)}.login_popup.small{width:100vw}.login_popup .new_password_wrap{display:flex;flex-direction:column;gap:.5rem}.login_popup .new_password_wrap input{width:100%;border:none;border-bottom:2px solid var(--border);border-radius:2px;background:none;color:var(--text);margin-bottom:10px;box-shadow:none;border-radius:0}.login_popup .new_password_wrap .message{background:var(--sidebar);padding:1rem;border:1px solid var(--primary);border-radius:5px;color:var(--text);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}.login_popup .new_password_wrap .message.error:before{content:"";font-family:vicon}.login_popup .new_password_wrap .message.success:before{content:"";font-family:vicon}.login_popup .new_password_wrap .message.success{background:var(--green);border:1px solid var(--green)}.login_popup span.passworderrorwrapper{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.login_popup span.passworderrorwrapper>*{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.login_popup span.passworderrorwrapper .vicon{font-size:1.2rem;line-height:2rem}.login_popup.medium,.login_popup.elegance,.login_popup.simple{text-align:center;display:flex;flex-direction:column;align-items:center;justify-items:center}.login_popup.medium .login_popup_content,.login_popup.elegance .login_popup_content,.login_popup.simple .login_popup_content{max-width:320px;display:flex;flex-direction:column;text-transform:none;color:var(--text);text-shadow:none}.login_popup.medium .login_popup_content h2,.login_popup.elegance .login_popup_content h2,.login_popup.simple .login_popup_content h2{font-size:2.8rem;font-weight:600;color:var(--bold)}.login_popup.medium .login_popup_content>*+*,.login_popup.elegance .login_popup_content>*+*,.login_popup.simple .login_popup_content>*+*{margin-top:1rem;font-weight:400;font-size:1rem}.login_popup.medium .login_popup_content .button,.login_popup.elegance .login_popup_content .button,.login_popup.simple .login_popup_content .button{width:100%;min-width:200px;display:flex;height:48px;padding:0;margin:10px 0;align-items:center;justify-content:center;background:var(--primary);color:var(--primarycolor) !important;border:none;cursor:pointer}.login_popup.medium .login_popup_content .button span.vicon,.login_popup.elegance .login_popup_content .button span.vicon,.login_popup.simple .login_popup_content .button span.vicon{margin:12px;font-size:18px;display:flex;align-items:center}.login_popup.medium .login_popup_content .button span.vicon+span,.login_popup.elegance .login_popup_content .button span.vicon+span,.login_popup.simple .login_popup_content .button span.vicon+span{flex:1;margin-left:-13px;color:var(--primarycolor);opacity:1;max-width:none;font-size:1rem}.login_popup.medium .extra_details,.login_popup.elegance .extra_details,.login_popup.simple .extra_details{margin-top:1.5rem;font-size:.8rem}.login_popup.medium .extra_details>*,.login_popup.elegance .extra_details>*,.login_popup.simple .extra_details>*{margin-top:1.5rem;display:flex;justify-content:center;margin-left:5px;font-size:1rem}.login_popup.slick{text-align:start;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:0;justify-items:flex-start;width:80%;margin:0}.login_popup.slick .login_popup_bg_img{flex:1 0 240px;overflow:hidden;max-hright:80vh}.login_popup.slick .login_popup_bg_img img{object-fit:cover;object-position:center}.login_popup.slick .login_popup_content{flex:1 0 240px;padding:2rem;gap:.75rem;display:flex;flex-direction:column}.login_popup.slick .login_popup_content h2{font-size:2.8rem;font-weight:600}.login_popup.slick .login_popup_content>*+*{margin-top:1rem;font-size:1rem}.login_popup.slick .login_popup_content>.button{width:100%;display:flex;height:40px;padding:0;margin:10px 0;align-items:center;text-align:center;justify-content:space-between}.login_popup.slick .login_popup_content>.button span.vicon{margin:8px;font-size:18px;color:var(--primarycolor)}.login_popup.slick .login_popup_content>.button span.vicon+span{flex:1;color:var(--primarycolor);text-align:center}.login_popup.slick .login_popup_content>.button:hover span.vicon+span{color:var(--primary)}.login_popup.slick .extra_details{margin-top:1.5rem;font-size:.8rem;align-items:center;display:flex;flex-direction:column}.login_popup.slick .extra_details>*{margin-top:1.5rem;display:flex;justify-content:flex-start;margin-left:5px;font-size:1rem}.login_popup .vicon-close{position:absolute;right:0;top:0;padding:1.5rem;margin:0 !important;color:var(--text)}.login_popup .loginform{margin:2rem 0}.login_popup .loginform .checkbox{display:flex}.login_popup .loginform .input{width:100%;border:none;border-bottom:2px solid var(--border);border-radius:2px;background:none;color:var(--text);margin-bottom:10px;box-shadow:none;border-radius:0}.login_popup .loginform .input.is-warning{border-color:var(--warning)}.login_popup .loginform .input.is-danger{border-color:var(--danger)}.login_popup .loginform .input:focus{border-color:var(--primary)}.login_popup .loginform .button{width:100%;margin:1rem 0 0;padding:.75rem;background:var(--primary);color:var(--primarycolor)}.login_popup .loginform label{display:flex;justify-content:space-between;align-items:center}.login_popup .loginform label .forgot_password{opacity:.6;font-size:80%}.login_popup .loginform .error{color:var(--warning);font-size:11px;background:none;border:none;font-weight:400;padding:0}.login_popup .loginform .error.checkbox label:before{border-color:var(--warning)}.login_popup .loginform .error.checkbox:before{display:none}.login_popup .loginform .error:before{content:"";padding-right:1rem;font-family:vicon}.login_popup .loginform>.checkbox>input[type=checkbox]+label{display:flex;align-items:center;justify-content:flex-start;text-transform:none;font-size:1rem;font-weight:400}.login_popup .loginform .registration_message{background:var(--sidebar);padding:1rem;border-radius:5px}.login_popup .loginform .control{position:relative}.login_popup .loginform .control>.vicon{position:absolute;right:0;margin-top:.5rem;z-index:1;cursor:pointer}.login_popup .loginform .control>.vicon+.input{padding-right:1rem}.login_popup .loginform .register_member_type_wrap{margin:1rem 0;display:flex;flex-direction:column}.login_popup .loginform .register_member_type_wrap .reg_header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_form_field{margin:1rem 0}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_form_field input,.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_form_field textarea{width:100%;background:none;border:none;border-bottom:2px solid var(--border)}.login_popup .loginform .register_member_type_wrap .field_wrap .repeatable_title input{font-size:1rem;width:100%}.login_popup .loginform .register_member_type_wrap .field_wrap .repeatable_title span{width:auto}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social{flex-direction:column}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .social_icons_list{display:flex;flex-direction:column}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .social_icons_list .social_icon_wrapper{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px dashed var(--border);position:relative}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .social_icons_list .social_icon_wrapper .vicon-close{padding:.5rem}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .social_icons_list .social_icon_wrapper .social_icon>span+span{margin-left:5px}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .vicon-plus{border:1px solid var(--border);width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:10px 0}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .vicon-plus:hover{background:var(--primary);color:var(--primarycolor)}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon{display:flex;flex-direction:column}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons{display:flex;flex-wrap:wrap;max-height:300px;overflow-y:scroll}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons .social_icon{margin:2px;padding:2px 4px;border:1px dotted var(--border);align-items:center}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons .social_icon:hover{border:1px solid var(--shadow)}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons .social_icon.selected{background:var(--primary);color:var(--primarycolor)}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons .social_icon.selected .vicon{color:var(--primarycolor)}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icon_url{margin:10px 0;border:none;background:none}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icon_url.error>input{border-color:var(--danger)}.login_popup .loginform .register_member_type_wrap .field_wrap .gallery_field .media_gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-items:center;align-items:center}.login_popup .loginform .register_member_type_wrap .field_wrap .gallery_field .media_gallery.media_gallery>div{width:100px;margin:.5rem;position:relative}.login_popup .loginform .register_member_type_wrap .field_wrap .gallery_field .media_gallery.media_gallery>div span.remove{position:absolute;top:.5rem;right:.1rem;font-weight:900;color:var(--highlight);background:var(--red);padding:.3rem;border-radius:50%}.login_popup .loginform .register_member_type_wrap .field_wrap .video_field .single_media{position:relative}.login_popup .loginform .register_member_type_wrap .field_wrap .video_field .single_media .remove{position:absolute;top:.5rem;right:.1rem;font-weight:900;color:var(--highlight);background:var(--red);padding:.3rem;border-radius:50%;z-index:99}.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info{display:flex;flex-direction:row;flex-wrap:wrap;font-size:11px;opacity:.6;text-transform:uppercase;justify-content:space-between;gap:1rem}.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_types>div,.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_types{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_types>div>*,.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_types>span{padding:5px;border:1px solid var(--border);background:var(--body)}.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_size{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_size>span{margin:0 .5rem}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable{flex-direction:column}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable>a.vicon.vicon-close{position:static;right:0;top:0;padding:.5rem}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list{display:flex;flex-direction:column}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list .repeatable_icon_wrapper{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px dashed var(--border);position:relative}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list .repeatable_icon_wrapper .repeatable_icon>span+span{margin-left:5px}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list .repeatable_icon_wrapper .repeatable_icon{display:flex;align-items:flex-start;margin-bottom:1rem}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list .repeatable_icon_wrapper .repeatable_icon>span:first-child{width:auto;font-size:2rem;margin:10px}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .vicon-plus{border:1px solid var(--border);width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:10px 0}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .vicon-plus:hover{background:var(--primary);color:var(--primarycolor)}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon{display:flex;flex-direction:column}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons{display:flex;flex-wrap:wrap;max-height:300px;overflow-y:scroll}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons .repeatable_icon{margin:2px;padding:2px 4px;border:1px dotted var(--border);align-items:center}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons .repeatable_icon:hover{border:1px solid var(--shadow)}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons .repeatable_icon.selected{background:var(--primary);color:var(--primarycolor)}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons .repeatable_icon.selected .vicon{color:var(--primarycolor)}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_title{display:flex;align-items:center}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_title>span:first-child{width:auto;font-size:2rem;margin:0 1rem}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_title>span:first-child+span{flex:1}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_field_group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_field_group .radio>input[type=radio]+label{display:flex}.login_popup .back{font-size:1rem}.login_popup .passwordfield{display:flex;position:relative;flex-direction:column}.login_popup .passwordfield>.vicon{position:absolute;top:10px;cursor:pointer;z-index:99;right:0px;z-index:9;margin:0}.login_popup .passwordfield input.input{padding-right:15px}.login_popup .password_strength_wrapper{display:flex;align-items:center;gap:1rem;font-size:11px;text-transform:uppercase}.login_popup .password_strength_wrapper span.password_strength{display:flex;flex:1;gap:1px}.login_popup .password_strength_wrapper span.password_strength>*{flex:1;padding:3px;border-radius:5px;display:flex;background:var(--border)}.login_popup .password_strength_wrapper span.password_strength>*.pass_active:nth-child(1){background:linear-gradient(45deg, #ed4949, #f5a266)}.login_popup .password_strength_wrapper span.password_strength>*.pass_active:nth-child(2){background:linear-gradient(45deg, #f5a266, #fceb24)}.login_popup .password_strength_wrapper span.password_strength>*.pass_active:nth-child(3){background:linear-gradient(45deg, #fceb24, #91ef15)}.login_popup .password_strength_wrapper span.password_strength>*.pass_active:nth-child(4){background:linear-gradient(45deg, #91ef15, #23d923)}.login_popup .password_strength_wrapper span.password_strength>*.pass_active:nth-child(5){background:linear-gradient(45deg, #23d923, #599c00)}.loginform+.button{margin-top:-1rem !important}.extra_details .vibebp_forward_link{display:flex;margin-left:5px;padding:0;cursor:pointer;color:var(--primary) !important;align-items:center}.extra_details .vibebp_forward_link .vicon{margin-left:5px;transition:all .2s}.extra_details .vibebp_forward_link:hover .vicon{transform:translateX(5px)}.extra_details .vibebp_back_link{display:flex;margin-left:5px;cursor:pointer;padding:0;color:var(--primary) !important;align-items:center}.extra_details .vibebp_back_link .vicon{margin-right:5px;transition:all .2s}.extra_details .vibebp_back_link:hover .vicon{transform:translateX(-5px)}.vibebp_registration_form form{display:flex;flex-direction:column;gap:1.5rem}.vibebp_registration_form form>fieldset{border:1px solid var(--border);padding:1.5rem;border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem}.vibebp_registration_form form>fieldset.account_info{flex-direction:column}.vibebp_registration_form form>fieldset.account_info>*{flex:1}.vibebp_registration_form form>fieldset>*{flex:1 0 160px}.vibebp_registration_form form>fieldset>legend{padding:0 .5rem;font-weight:600}.vibebp_registration_form form .vibebp_registration_field{display:flex;flex-direction:column;gap:5px}.vibebp_registration_form form .vibebp_registration_field .field_type_textarea{min-width:320px}.vibebp_registration_form form .vibebp_registration_field input,.vibebp_registration_form form .vibebp_registration_field select{border-radius:5px;border:1px solid var(--border);width:100%}.vibebp_registration_form form .vibebp_registration_field .input-options{display:flex;gap:10px;flex-wrap:wrap}.vibebp_registration_form form .vibebp_registration_field .input-options>*{display:flex;gap:5px;align-items:center;word-break:keep-all}.vibebp_registration_form form .vibebp_registration_field .input-options.datebox-selects{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vibebp_registration_form form .vibebp_registration_field .input-options.datebox-selects>select{width:120px}.vibebp_registration_form form .vibebp_registration_field_wrap{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.vibebp_registration_form form .vibebp_registration_field_wrap>*{flex:1 0 160px}.vibebp_registration_form form .vibebp_registration_field_wrap .password_terms_wrapper .password_terms{background:var(--border);border:1px solid var(--border);padding:10px;border-radius:10px}.vibebp_registration_form form .vibebp_registration_field_wrap .password_terms_wrapper .password_terms>p{padding:0;margin:0;font-size:.875rem;display:flex;gap:5px;align-items:center}.vibebp_registration_form form .vibebp_registration_field_wrap .password_terms_wrapper .password_terms>p .vicon-check{color:#09bf64}@media(max-width: 480px){.login_popup_bg_img{display:none}}@media(max-width: 768px){.login_popup{width:90vw;padding:1.5rem}.loggedin_user img+span.vibebp_name{display:none}}.rtl .vibebp_forward_link .vicon{transform:rotate(180deg)}.rtl .vibebp_forward_link:hover .vicon{transform:rotate(180deg) translateX(5px)}@keyframes shake{from,to{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.shake{animation-name:shake}#vibebp_groups_directory{flex-direction:column}#vibebp_groups_directory .noUi-handle{border-radius:50%;width:1rem !important;height:1rem !important}#vibebp_groups_directory .noUi-base{height:.5rem}#vibebp_groups_directory .noUi-horizontal{height:.5rem}#vibebp_groups_directory .noUi-handle:after,#vibebp_groups_directory .noUi-handle:before{display:none}.vibebp_groups_directory_wrapper{display:flex;flex-wrap:wrap;margin:0 -0.75rem;width:100%}.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters{display:none;flex:1 0 240px;margin:0 .75rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters>.vibebp_groups_filter{border:1px solid var(--border);padding:1rem;margin-bottom:2rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters>.vibebp_groups_filter>span{padding:0 0 1rem;margin-bottom:1rem;display:block;border-bottom:1px solid var(--border)}.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters>.vibebp_groups_filter .group_types{padding:5px 10px;display:flex}.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters>.vibebp_groups_filter .group_types ul{list-style:none;width:100%}.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters>.vibebp_groups_filter .group_types .group_type{padding:8px 12px;display:flex;border-radius:2px}.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters>.vibebp_groups_filter .group_types .group_type.active{background:var(--primary);color:var(--primarycolor)}.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters.active{display:initial}.vibebp_groups_directory_wrapper .vibebp_groups_directory_main{flex:10 0 240px;display:flex;flex-direction:column;margin:0 .75rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header>span{display:flex;align-items:center}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header>span>span{bordeR:1px solid var(--border);padding:8px}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header>span>span .vicon{margin-left:10px}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter ul{display:flex;flex-direction:row}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter ul li+li{margin:0 .2rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter a{padding:.5rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header select{height:40px}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search{margin:0 1rem;border-bottom:1px solid var(--border)}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search input{border:none;padding:.5rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search input:focus{outline:none}.vibebp_groups_directory_wrapper .vibebpgroups_filter_wrapper .vibebpgroups_filter{padding:1rem;border:1px solid var(--border);margin-bottom:1rem;display:flex;flex-direction:column}.vibebp_groups_directory_wrapper .vibebpgroups_filter_wrapper .vibebpgroups_filter>strong{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:10px;width:100%;display:flex}.vibebp_groups_directory_wrapper .vibebpgroups_filter_wrapper .vibebpgroups_filter .noUi-tooltip{opacity:.65}.vibebp_groups_directory_wrapper .vibebpgroups_filter_wrapper .vibebpgroups_filter label{margin:.2rem;cursor:pointer;user-select:none}.vibebp_groups_directory_wrapper .applied_filters{display:flex;align-items:center;justify-content:space-between}.vibebp_groups_directory_wrapper .applied_filters>span>span>span{padding:2px 5px;background:var(--highlight);margin:2px;border-radius:5px}.vibebp_groups_directory_wrapper .vibebp_member_directory_filters{display:flex;flex-direction:column}.vibebp_groups_directory_wrapper .vibebp_member_directory_filters .vibebp_member_directory_filter{padding:1rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter ul{display:flex;flex-direction:row}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter ul li+li{margin:0 .2rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter a{padding:.5rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header select{height:40px}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search{padding-right:45px;border-bottom:1px solid var(--border);position:relative}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search input{border:none;padding:.5rem}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search input:focus{outline:none}.vibebp_groups_directory_wrapper .vibebp_groups_directory{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));grid-gap:1.5rem;margin:1.5rem 0}.vibebp_groups_directory_wrapper .vibebp_groups_directory.names .vibebp_group img{width:100%;border-radius:5px}.vibebp_groups_directory_wrapper .vibebp_groups_directory.card{grid-template-columns:repeat(auto-fit, minmax(420px, 1fr))}.vibebp_groups_directory_wrapper .vibebp_groups_directory_pagination{display:flex;flex-direction:row}.vibebp_groups_directory_wrapper .vibebp_groups_directory_pagination>span,.vibebp_groups_directory_wrapper .vibebp_groups_directory_pagination a{margin-right:.2rem;padding:5px 12px;font-size:1rem;background:var(--border);border-radius:2px}.vibebp_groups_directory_wrapper .vibebp_groups_directory_pagination>span{background:var(--primary);color:var(--primarycolor)}.vibebp_groups_directory_wrapper .vibebp_groups_filter .group_type{display:flex;padding:8px 12px;border-radius:2px}.vibebp_groups_directory_wrapper .vibebp_groups_filter .group_type.active{background:var(--primary);color:var(--primarycolor)}.single-items.group .vibebp_group_members{display:grid;grid-template-columns:repeat(auto-fill, minmax(64px, 1fr));grid-gap:10px}.single-items.group .vibebp_group_members img{border-radius:5px}@media(max-width: 840px)and (min-width: 681px){.vibebp_groups_directory_wrapper .vibebp_groups_directory.card{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}}@media(max-width: 680px){.vibebp_groups_directory_wrapper .vibebp_groups_directory_header{flex-direction:column}.vibebp_groups_directory_wrapper .vibebp_groups_directory_header>*{margin-bottom:1rem}}@media(max-width: 480px){.vibebp_groups_directory_wrapper .vibebp_groups_directory.card{grid-template-columns:1fr}}#vibebp_members_directory.with_map{display:flex;flex-wrap:wrap;flex-direction:row-reverse;margin-top:-1.5rem}#vibebp_members_directory.with_map>div{flex:1}#vibebp_members_directory.with_map>div.vibebp_members_directory_google_map{position:relative;margin:0;min-height:100vh}#vibebp_members_directory.with_map>div.vibebp_members_directory_google_map div{border-radius:0}#vibebp_members_directory.with_map>div.vibebp_members_directory_google_map .vibebp_members_directory_google_map_wrapper{height:100%}#vibebp_members_directory.with_map>div.vibebp_members_directory_google_map .vibebp_members_directory_google_map_wrapper>div{transition:all .2s;position:absolute}#vibebp_members_directory.with_map .vibebp_members_directory_wrapper{display:flex;flex-direction:column;gap:1rem;padding:1rem}#vibebp_members_directory.with_map .vibebp_members_directory_wrapper .vibebp_members_directory_filters{z-index:999;flex:1;margin:0}#vibebp_members_directory.with_map .vibebp_members_directory_wrapper .vibebp_members_directory_filters .vibebp_members_directory_filter{flex:1 0 120px}#vibebp_members_directory.with_map .vibebp_members_directory_wrapper .vibebp_members_directory_filters .vibebp_members_directory_filter>span{display:flex;justify-content:space-between}#vibebp_members_directory.with_map .vibebp_members_directory_wrapper .vibebp_members_directory_filters .vibebp_members_directory_filter>span:after{content:"";font-family:"vicon"}#vibebp_members_directory.with_map .vibebp_members_directory_wrapper .vibebp_members_directory_filters .vibebp_members_directory_filter:hover>span:after{content:""}#vibebp_members_directory.with_map .vibebp_members_directory_wrapper .vibebp_members_directory_filters .vibebp_members_directory_filter:hover>div{width:100%;min-width:240px}.vibebp_members_directory_wrapper{display:flex;flex-wrap:wrap}.vibebp_members_directory_wrapper.horizontal_filters{flex-direction:column}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters{display:flex;flex-direction:row}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter{position:relative;padding:0;border:none;font-size:1rem}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter>span{padding:.5rem;margin:0;border:1px solid var(--border);border-radius:2px}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter>div{display:none}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter.active>span,.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter:hover>span{color:var(--primary)}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter.active>div,.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter:hover>div{display:block;position:absolute;width:240px;background:var(--highlight);padding:1rem;top:100%;left:0;border:1px solid var(--border);z-index:9}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter.active>span{box-shadow:0 5px 5px var(--border)}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location{padding:.5rem;position:relative;display:flex;align-items:center;border:1px solid var(--border)}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location input{padding:0;border:none}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location input:focus{outline:none}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location .vibebp_autocomplete_results{max-height:240px;overflow-y:auto}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location .vibebp_autocomplete_results .vibebp_autocomplete_result{padding:5px 0;border-bottom:1px dotted var(--border)}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location .vibebp_autocomplete_results .vibebp_autocomplete_result:hover{border-bottom:1px solid var(--darkborder)}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search .search_radius_wrapper{margin-left:1rem;flex:1}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search .search_radius_wrapper .search_radius_bar{height:2px;background:var(--border);width:100%;display:block;position:relative}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search .search_radius_wrapper .search_radius_bar>span{background:var(--primary);display:block;width:15px;height:15px;position:absolute;top:-7px;left:0;border-radius:10px;transition:all .2s}.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters>.vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search .search_radius_wrapper .search_radius_bar>span:hover{box-shadow:0 0 5px var(--primary)}.vibebp_members_directory_wrapper .vibebp_members_directory_filters{flex:1 0 240px;gap:1rem}.vibebp_members_directory_wrapper .vibebp_members_directory_filters>.vibebp_members_directory_filter{border:1px solid var(--border);padding:1rem}.vibebp_members_directory_wrapper .vibebp_members_directory_filters>.vibebp_members_directory_filter>span{padding:0 0 1rem;display:block;border-bottom:1px solid var(--border)}.vibebp_members_directory_wrapper .vibebp_members_directory_filters>.vibebp_members_directory_filter .member_types{display:flex}.vibebp_members_directory_wrapper .vibebp_members_directory_filters>.vibebp_members_directory_filter .member_types ul{list-style:none;width:100%}.vibebp_members_directory_wrapper .vibebp_members_directory_filters>.vibebp_members_directory_filter .member_types ul li{list-style-type:none !important}.vibebp_members_directory_wrapper .vibebp_members_directory_filters>.vibebp_members_directory_filter .member_types .member_type{padding:8px 12px;display:flex;border-radius:2px}.vibebp_members_directory_wrapper .vibebp_members_directory_filters>.vibebp_members_directory_filter .member_types .member_type.active{background:var(--primary);color:var(--primarycolor)}.vibebp_members_directory_wrapper .vibebp_members_directory_main{flex:10 0 240px;display:flex;flex-direction:column;gap:1rem}.vibebp_members_directory_wrapper .vibebp_members_directory_header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.vibebp_members_directory_wrapper .vibebp_members_directory_header>span{display:flex;align-items:center}.vibebp_members_directory_wrapper .vibebp_members_directory_header>span>span{bordeR:1px solid var(--border);padding:8px}.vibebp_members_directory_wrapper .vibebp_members_directory_header>span>span .vicon{margin-left:10px}.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_filter ul{display:flex;flex-direction:row}.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_filter ul li+li{margin:0 .2rem}.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_filter a{padding:.5rem}.vibebp_members_directory_wrapper .vibebp_members_directory_header select{height:40px}.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_search{margin:0;border:1px solid var(--border)}.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_search input{border:none;background:none;padding:.5rem}.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_search input:focus{outline:none}.vibebp_members_directory_wrapper .vibebp_member_directory_filters{display:flex;flex-direction:column}.vibebp_members_directory_wrapper .vibebp_member_directory_filters .vibebp_member_directory_filter{padding:1rem}.vibebp_members_directory_wrapper .vibebp_members_directory{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));grid-gap:1.5rem;margin:1.5rem 0}.vibebp_members_directory_wrapper .vibebp_members_directory.names .vibebp_member{text-align:center}.vibebp_members_directory_wrapper .vibebp_members_directory.names .vibebp_member img{width:100%;border-radius:5px}.vibebp_members_directory_wrapper .vibebp_members_directory.pop_names .vibebp_member>a{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:5px}.vibebp_members_directory_wrapper .vibebp_members_directory.pop_names .vibebp_member>a>span{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:10px 0 5px;background:linear-gradient(0deg, black, transparent);transition:all .2s;transform:translateY(100%)}.vibebp_members_directory_wrapper .vibebp_members_directory.pop_names .vibebp_member>a:hover>span{transform:translateY(0%);color:#fff}.vibebp_members_directory_wrapper .vibebp_members_directory.card{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}.vibebp_members_directory_wrapper .vibebp_members_directory.card .vibebp_member{border:1px solid var(--border);background:var(--highlight);padding:1rem}.vibebp_members_directory_wrapper .vibebp_members_directory .member_action .messagebox{position:absolute;left:0;top:0;z-index:999;width:200px;padding:1rem;border-radius:5px;box-shadow:0 5px 20px;background:#fff}.vibebp_members_directory_wrapper .vibebp_members_directory .member_action .messagebox>div{display:flex;align-items:center}.vibebp_members_directory_wrapper .vibebp_members_directory_pagination{display:flex;flex-direction:row}.vibebp_members_directory_wrapper .vibebp_members_directory_pagination>span,.vibebp_members_directory_wrapper .vibebp_members_directory_pagination a{margin-right:.2rem;padding:5px 12px;font-size:1rem;background:#eee;border-radius:2px}.vibebp_members_directory_wrapper .vibebp_members_directory_pagination>span{background:var(--primary);color:var(--primarycolor)}.vibebp_members_directory_wrapper .vibebp_members_filter a{padding:.4rem .6rem;border-radius:2px}.vibebp_members_directory_wrapper .vibebp_members_filter a.active{background:var(--primary);color:var(--primarycolor)}.profile_data_field{display:flex;flex-direction:column}.vibebp_profile_field.stacked{display:flex;flex-direction:column}.vibebp_profile_field.stacked label{font-size:1rem;opacity:.8;margin-bottom:.2rem}.vibebp_profile_field.spaced{display:flex;justify-content:space-between}.vibebp_profile_field .icon_style label{display:none}.vibebp_profile_field .social_icons{display:flex;flex-direction:row;align-items:center}.vibebp_profile_field .social_icons>a{margin:2px;padding:2px 4px}.vibebp_user_friends{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.vibebp_user_friends.pop_names .vibebp_user_friend{position:relative;transition:all .5s}.vibebp_user_friends.pop_names .vibebp_user_friend span{position:absolute;background:rgba(0,0,0,.8);width:100%;border-radius:2px;top:0;color:#fff;padding:2px;opacity:0;transition:all .2s ease-in-out}.vibebp_user_friends.pop_names .vibebp_user_friend span:after{content:"";border:6px solid;display:block;position:absolute;top:25px;left:calc(50% - 3px);border-color:rgba(0,0,0,.8) rgba(0,0,0,0) rgba(0,0,0,0)}.vibebp_user_friends.pop_names .vibebp_user_friend:hover span{transform:translateY(-30px);opacity:1}.vibebp_user_friends .vibebp_user_friend{display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:1rem}.vibebp_user_friends .vibebp_user_friend img{border-radius:50%;width:64px;height:64px}.vibebp_user_groups{display:grid;grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));grid-gap:1rem;text-align:center;flex-direction:row;align-items:flex-start;justify-items:center}.vibebp_user_groups.pop_names .vibebp_user_group{position:relative;width:100%}.vibebp_user_groups.pop_names .vibebp_user_group span{position:absolute;background:rgba(0,0,0,.8);width:100%;border-radius:2px;top:0;color:#fff;padding:2px;opacity:0;transition:all .2s ease-in-out}.vibebp_user_groups.pop_names .vibebp_user_group span:after{content:"";border:6px solid;display:block;position:absolute;top:25px;left:calc(50% - 3px);border-color:rgba(0,0,0,.8) rgba(0,0,0,0) rgba(0,0,0,0)}.vibebp_user_groups.pop_names .vibebp_user_group:hover span{transform:translateY(-30px);opacity:1}.vibebp_user_groups .vibebp_user_group{display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:1rem}.vibebp_user_groups .vibebp_user_group img{border-radius:5px;width:100%}.profile_avatar{max-width:100%;width:400px;height:400px}.profile_avatar .upload_file{min-height:240px;width:100%}.member_card{transition:all .5s}.vbpcolumns{display:grid;grid-gap:10px;position:relative;padding:5px 0}.vbpcolumns:hover .vicon-close{display:block}.vbpcolumns .vicon-close{color:red;font-size:8px;display:none;position:absolute;top:0;right:0}.vbpcolumns.column_1{grid-template-columns:1fr}.vbpcolumns.column_1_1{grid-template-columns:1fr 1fr}.vbpcolumns.column_1_1_1{grid-template-columns:1fr 1fr 1fr}.vbpcolumns.column_2_1{grid-template-columns:2fr 1fr}.vbpcolumns.column_1_2{grid-template-columns:1fr 2fr}.vbpcolumns.column_3_2{grid-template-columns:3fr 2fr}.vbpcolumns.column_2_3{grid-template-columns:2fr 3fr}.vbpcolumns.column_1_1_1_1{grid-template-columns:1fr 1fr 1fr 1fr}.vbpcolumns.column_1_2_1{grid-template-columns:1fr 2fr 1fr}.vbpcolumns .vbpcolumn_wrapper .element_wrapper{position:relative;display:flex;flex-direction:row;justify-content:space-between}.vbpcolumns .vbpcolumn_wrapper .vbpfield{margin-bottom:10px;font-size:1.2rem}.vbpcolumns .vbpcolumn_wrapper .vbpfield a.social_icon{text-decoration:none;padding:2px 4px}.vbpcolumns .vbpcolumn_wrapper .vbpsmall{font-size:1rem}.vbpcolumns .vbpcolumn_wrapper .vbplarge{font-size:2rem;line-height:1;margin-bottom:1rem}.vbpcolumns .vbpcolumn_wrapper .vbptag{display:flex;flex-wrap:wrap}.vbpcolumns .vbpcolumn_wrapper .vbptag>span{background:var(--border);padding:5px 10px;font-size:13px;border-radius:5px;margin:2px}.vbpcolumns .vbpcolumn_wrapper .vbplabel_spaced{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.vbpcolumns .vbpcolumn_wrapper .vbplabel_stacked{display:flex;flex-direction:column;justify-content:space-between}.vbpcolumns .vbpcolumn_wrapper .vbplabel_stacked>span{font-size:80%}.vbpcolumns .vbpcolumn_wrapper .vbpdescription{max-height:100px;overflow:hidden;position:relative}.vbpcolumns .vbpcolumn_wrapper .vbpdescription:hover{max-height:none;overflow:visible}.vbpcolumns .vbpcolumn_wrapper .vbpdescription:hover span{position:absolute;top:0;left:0;width:100%;z-index:99;background:#fff;padding:10px;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,.2)}@media(max-width: 840px)and (min-width: 681px){.vibebp_members_directory_wrapper .vibebp_members_directory.card{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}.vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_3>.vbpcolumn_wrapper:nth-child(3n+1){grid-column:1/4}.vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_4{grid-template-columns:minmax(80px, 1fr) minmax(80px, 1fr)}}.applied_filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.applied_filters>span{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;position:relative}.applied_filters>span>span{padding:5px 10px;position:relative;background:var(--border);border-radius:3px}.applied_filters>span>span:hover:after{position:absolute;left:0;top:0;border-radius:5px;width:100%;height:100%;content:"";background:rgba(0,0,0,.4)}.applied_filters>span>span:hover:before{content:"";font-family:"vicon";position:absolute;left:calc(50% - .5rem);top:1rem;line-height:0;color:#fff;z-index:1;font-size:1rem}.opacity_50{opacity:50%}.opacity_10{opacity:10%}.opacity_0{opacity:0}@media(max-width: 680px){.vibebp_members_directory_wrapper .vibebp_members_directory_header{flex-direction:column}.vibebp_members_directory_wrapper .vibebp_members_directory_header>*{margin-bottom:1rem}.vibebp_members_directory_wrapper .vibebp_members_directory_header>*:last-child{flex:1;width:100%}.vibebp_members_directory_wrapper .vibebp_members_directory_header>*:last-child>select{width:100%}}@media(max-width: 480px){.vibebp_members_directory_wrapper .vibebp_members_directory.card{grid-template-columns:1fr !important}.vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_2,.vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_3,.vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_4{grid-template-columns:1fr}}.vibebp_group_members{display:flex;flex-wrap:wrap;margin:0;gap:1rem}.vibebp_group_members>*{flex:1 0 80px;display:flex;align-items:center;background:var(--border);border-radius:32px}.vibebp_group_members>* img{width:32px;height:32px;border-radius:50%;margin-right:10px}.vibebp_group_members>* span{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.vibebp_group_members.clean>*{background:none;border-radius:0;display:flex;gap:.5rem}.vibebp_group_members.clean>* img{width:64px;height:64px;margin:0}.vibebp_group_members.clean>* span{max-width:none;display:flex;flex-direction:column;gap:5px}.vibebp_group_members.clean>* span>span{opacity:.8;font-size:90%}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--primary);animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.vibe_editor_note p,.vibe_editor_note h1,.vibe_editor_note h2,.vibe_editor_note h3,.vibe_editor_note h4,.vibe_editor_note h5,.vibe_editor_note h6{color:inherit !important}.field_type_table{width:100%}.repeatable_icons{display:flex;flex-direction:column;gap:1.5rem}.repeatable_icons.timeliner{border-left:1px solid var(--border);padding-left:1.5rem}.repeatable_icons.timeliner .repeatable_icon{position:relative}.repeatable_icons.timeliner .repeatable_icon:before{content:"";position:absolute;left:calc(-1.5rem - 8px);top:4px;width:16px;height:16px;display:block;background:var(--light);border-radius:50%}.vibebp_live_modules{position:fixed;top:0;right:0;height:100vh;overflow:hidden;display:flex;justify-content:flex-end;z-index:9999999}.vibebp_live_modules .firebase_modules_background{width:100vw;height:100vh;display:block;z-index:1;background:linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2))}.admin-bar .vibebp_live_modules{top:30px;height:calc(100vh - 30px)}.firebase_modules{transition:all .5s;transform:translateX(100%);width:0;height:100%;box-shadow:-20px 0 50px rgba(0,0,0,.2);background:var(--dark)}.firebase_modules.active{transform:translateX(0%);width:320px;overflow:hidden}.vibbep_tabs_container{display:flex;flex-direction:column;height:100%}.vibbep_tabs_container .vibebp_tabs{display:flex;flex-direction:row;font-size:.8rem;text-transform:uppercase;background:var(--dark);height:2.2rem}.vibbep_tabs_container .vibebp_tabs .vibebp_tab{display:flex;flex:1 0 80px;justify-content:space-between;align-items:center;padding:.5rem 1rem;color:#fff}.vibbep_tabs_container .vibebp_tabs .vibebp_tab.active{background:var(--primary)}.vibbep_tabs_container .vibebp_tabs .vibebp_tab span+span{margin-left:.5rem}.vibbep_tabs_container .vibebp_tabs_content{padding:1rem 0 0;height:calc(100% - 2.2rem)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .add_new_note{display:flex;justify-content:center}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note{margin:1rem;box-shadow:5px 5px 7px rgba(33,33,33,.7)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note textarea{background:none;padding:.5rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_controls{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:10px;padding:.5rem;opacity:.6}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_controls>div{display:flex;align-items:center}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_controls input.flatpickr-input{width:80px;padding:0;font-size:1rem;background:none;border:none}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_controls .vibebp_color_field{min-width:1rem;min-height:1rem;display:block;margin:.5rem;border:1px solid rgba(0,0,0,.2)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_content{padding:.5rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_actions{display:flex;font-size:.8rem;align-items:center;justify-content:space-between;padding:.5rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_actions .button{font-size:.8rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications{margin:1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .vibebp_notification{background:rgba(255,255,255,.9);padding:.5rem;border-radius:5px;font-size:1rem;position:relative;display:flex;flex-direction:column}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .vibebp_notification>div{font-size:.8rem;opacity:.6;display:flex;align-items:center;justify-content:space-between}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .vibebp_notification.active:after{content:"";width:8px;height:8px;top:10px;right:30px;position:absolute;background:var(--primary);border-radius:5px;box-shadow:0 0 5px var(--primary)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .vibebp_notification+.vibebp_notification{margin-top:1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .notification_actions{display:flex;margin:.5rem 0;justify-content:space-between}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container{display:flex;flex-direction:column;height:100%}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tabs{display:flex;justify-content:space-evenly;flex-shrink:0;font-size:.8rem;height:2.2rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tabs .vibebp_chat_tab{color:#fff;font-size:1rem;padding:.5rem;flex:1;display:flex;align-items:center;justify-content:center}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tabs .vibebp_chat_tab span.vicon{margin-right:1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tabs .vibebp_chat_tab.active{border-bottom:1px solid}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content{margin:1rem 0 0;position:relative;flex:1;height:calc(100% - 3.2rem)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online{display:grid;grid-template-columns:repeat(auto-fill, minmax(32px, 48px));grid-gap:1rem;margin:0 1rem;overflow-y:scroll;max-height:calc(100vh - 3rem)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .vibebp_avatar{border-radius:50%}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member{position:relative;overflow:hidden;font-size:.8rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member:hover{overflow:visible}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member:hover .vibebp_member span{background:#444;color:#fff;font-size:10px;padding:2px;text-transform:uppercase;border-radius:2px;width:100%;text-align:center;line-height:1}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member .vibebp_member{color:#fff}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member .vibebp_member+span{position:absolute;left:0;top:0;width:100%;height:48px;background:rgba(0,0,0,.5);color:#fff;display:FLEX;align-items:center;justify-content:center}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat{display:flex;flex-direction:column;height:100%;position:relative}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header{display:flex;justify-content:space-between;font-size:10px;text-align:center;text-transform:uppercase;margin:0 1rem 1rem;align-items:center;color:#fff;flex-shrink:0}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header>div{display:flex}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header>div .links{color:#fff}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header>div .vicon{margin:3px 5px 0 0;transition:all .2s;display:inline-block}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header>div .vicon-upload{transform:rotate(-90deg)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header>div:hover .vicon-arrow-left{transform:translateX(-2px)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header>div:hover .vicon-upload{transform:translateX(-2px) rotate(-90deg)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_members{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 1rem 1rem;flex-shrink:0}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_members .vibebp_avatar,.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_members span{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_members>span+span{margin-left:5px}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_messages{overflow-y:auto}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .add_message_wrapper{display:flex;justify-content:center;margin:1rem;flex-shrink:0}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .add_message_wrapper .button{width:100%;display:flex;align-items:center;justify-content:space-between}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form{padding:1rem;flex-shrink:0;height:150px;display:flex;flex-direction:column;color:#fff}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions{display:flex;flex-direction:row;justify-content:space-between;margin:1rem 0 0;align-items:center;font-size:.8rem;position:relative}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div{display:flex;align-items:center}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div.message_options_wrapper{position:absolute;left:0;top:-210px;width:220px;height:200px;z-index:99;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));background:#222;padding:.5rem 0 .5rem .5rem;border-radius:5px;overflow-y:scroll}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div.message_options_wrapper.attachment_upload{display:flex;flex-direction:column;padding:1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div.message_options_wrapper.attachment_upload input{display:none}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div.message_options_wrapper.attachment_upload label{flex:1;display:flex;align-items:center;justify-content:center;border:3px dashed rgba(255,255,255,.3);width:100%}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions .link{font-size:.8rem;color:#fff;margin:0 .5rem;text-transform:uppercase}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions .button{font-size:.8rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form textarea{background:none;padding:0;flex:1;border:none;border-bottom:2px solid rgba(255,255,255,.2);color:#fff;padding:10px;background:rgba(255,255,255,.08)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form textarea:focus{outline:none;border-color:var(--primary)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form textarea::placeholder{color:#fff}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper{display:flex;flex-direction:row;margin-bottom:1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message{flex:1;display:flex;flex-direction:row-reverse}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message.mine{flex-direction:row}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message.mine .message_wrapper{background:#dbfcff}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message .message_avatar{border-radius:50%;overflow:hidden;max-width:32px;height:32px;margin:1rem 1rem 0}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message .message_wrapper{display:flex;flex-direction:column;font-size:1rem;padding:.5rem;background:#92eabe;border-radius:1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message .message_wrapper .message_header{display:flex;justify-content:space-between;width:100%;align-items:center;font-size:.8rem;opacity:.6}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message .message_wrapper .message_header .vicon{margin:0 1rem 0 0}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_chat_button{margin:1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_chat_button .button{width:100%;display:flex;align-items:center;justify-content:space-between}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats{display:flex;flex-direction:column;margin:0 1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat{display:flex;flex-direction:row;padding:.5rem;border-radius:5px;margin-bottom:1rem;align-items:flex-start;color:#fff;position:relative;background:rgba(255,255,255,.2)}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat .vibebp_member{width:48px}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat .vibebp_member img{width:32px;border-radius:50%;margin-right:1rem}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat .vibebp_member span{font-size:10px;opacity:.6;line-height:1}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat div{display:flex;flex-direction:column}.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat div span{font-size:10px;opacity:.6}.rtl .vibebp_live_modules .firebase_modules_background{transform:rotate(180deg)}.rtl .firebase_modules.active{transform:translateX(100%);z-index:99}.vibebp_notifications_wrapper{position:fixed;bottom:10px;right:0;max-width:100vw;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}.vibebp_notifications_wrapper .vibebp_notification{background:var(--dark);margin-bottom:1rem;border-radius:5px;color:var(---white);width:100%;animation:slideIn 3s 1 ease-in-out forwards}.vibebp_notifications_wrapper .vibebp_notification:hover{animation-play-state:paused}.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body{position:relative;display:flex;padding:1rem;flex-direction:row;align-items:flex-start;color:var(--white)}.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body>div{flex:1}.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body .link{margin:0 10px}.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body .link+.link{margin-left:0}.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body .vicon{font-size:10px;padding:.5rem}@keyframes slideIn{0%{opacity:0;display:block;width:100%;transform:translateX(100%) scale(0.5)}10%{opacity:1;display:block;width:100%;transform:translateX(0%) scale(1)}90%{opacity:1;display:block;width:100%;transform:translateX(0%) scale(1)}99%{opacity:0;width:0;transform:translateX(100%) scale(0.5)}100%{opacity:0;width:0}}.vibe_editor_columns_wrapper{margin:1rem 0}.vibe_editor_columns_wrapper .vibe_editor_columns_1_1{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_1_2{display:grid;grid-template-columns:1fr 2fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_1_3{display:grid;grid-template-columns:1fr 3fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_2_1{display:grid;grid-template-columns:2fr 1fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_2_3{display:grid;grid-template-columns:2fr 3fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_3_1{display:grid;grid-template-columns:3fr 1fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_3_2{display:grid;grid-template-columns:3fr 2fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_1_1_1{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_1_1_2{display:grid;grid-template-columns:1fr 1fr 2fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_1_1_3{display:grid;grid-template-columns:1fr 1fr 3fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_2_1_1{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_2_1_2{display:grid;grid-template-columns:2fr 1fr 2fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_2_1_3{display:grid;grid-template-columns:2fr 1fr 3fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_2_2_1{display:grid;grid-template-columns:2fr 2fr 1fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_2_2_3{display:grid;grid-template-columns:2fr 2fr 3fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_3_1_1{display:grid;grid-template-columns:3fr 1fr 1fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_3_1_2{display:grid;grid-template-columns:3fr 1fr 2fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_3_1_3{display:grid;grid-template-columns:3fr 1fr 3fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_3_2_1{display:grid;grid-template-columns:3fr 2fr 1fr;grid-gap:1rem}.vibe_editor_columns_wrapper .vibe_editor_columns_3_2_3{display:grid;grid-template-columns:3fr 2fr 3fr;grid-gap:1rem}.vibebp_tabs_wrapper{margin:1rem 0}.vibebp_tabs_wrapper .vibebp_tab_titles{margin-bottom:.5rem;display:flex;border-bottom:1px solid var(--border);border-left:1px solid var(--border)}.vibebp_tabs_wrapper .vibebp_tab_titles label{cursor:pointer}.vibebp_tabs_wrapper .vibebp_tab_titles .vibebp_tab_title{padding:.5rem 1rem;border:1px solid var(--border);border-bottom:none;border-left:none;margin-bottom:0}.vibebp_tabs_wrapper .vibebp_tab_titles .vibebp_tab_title.active{background:var(--primary);color:var(--primarycolor)}.vibebp_tabs_wrapper .vibebp_tab_content_wrapper{padding:1rem;background:var(--highlight);margin-top:calc(-1px - .5rem);border:1px solid var(--border)}.vibebp_tabs_wrapper .vibebp_tab_content,.vibebp_tabs_wrapper input[type=radio]{display:none}.vibebp_tabs_wrapper .vibebp_tab_content.show{display:flex}.vibebp_tabs_wrapper input[type=radio]:checked+.vibebp_tab_content{display:block}.vibe_editor_rich_text ol{list-style:decimal inside}.vibe_editor_rich_text>ul{list-style:disc inside}.vibebp_accordion_wrapper{margin:1rem 0}.vibebp_accordion_wrapper .vibebp_accordion_toggle{border:1px solid rgba(0,0,0,.1);margin-bottom:.5rem;padding:.5rem}.vibebp_accordion_wrapper .vibebp_accordion_toggle input[type=radio]{display:none}.vibebp_accordion_wrapper .vibebp_accordion_toggle input[type=radio]:checked+label:after{content:""}.vibebp_accordion_wrapper .vibebp_accordion_toggle input[type=radio]:checked+label+.vibebp_accordion_toggle_content,.vibebp_accordion_wrapper .vibebp_accordion_toggle input[type=radio]:checked+label+p+.vibebp_accordion_toggle_content{display:block;transform:scaleY(1)}.vibebp_accordion_wrapper .vibebp_accordion_toggle label{display:flex;justify-content:space-between}.vibebp_accordion_wrapper .vibebp_accordion_toggle label:after{content:"";font-family:"vicon"}.vibebp_accordion_wrapper .vibebp_accordion_toggle .vibebp_accordion_toggle_content{transform:scaleY(0);display:none;margin-top:1rem;transition:all .5s}.vibebp_accordion_toggle>input[type=radio]:checked+label+.vibe_accordion_toggle_content{display:block}.flex_col_centered{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.vibebp_profile_field{width:100%;display:flex;justify-content:flex-start;gap:1rem}.vibebp_profile_field.icon>label{display:none}.vibebp_profile_field.stacked{gap:.1rem}.vibebp_profile_field.spaced{justify-content:space-between}.field_type_checkbox{display:flex;flex-wrap:wrap;margin:0 -3px}.field_type_checkbox>div{padding:5px 10px;background:rgba(0,0,0,.1);margin:3px;border-radius:5px}.vibebpProfile_table{width:100%}.vibebpProfile_table td{padding:.5rem;border:1px solid var(--border);vertical-align:middle !important}.points_wrap{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.points_wrap>*{width:8px;height:8px;border-radius:50%;background:var(--shadow)}.points_wrap>*.point{background:var(--primary)}.progressbar_wrapper{display:flex;align-items:center;gap:.5rem}.progressbar_wrapper .progressbar{flex:1;height:8px;display:flex;position:relative;background:var(--border);border-radius:5px}.progressbar_wrapper .progressbar .bar{position:absolute;left:0;top:0;background:var(--primary);display:block;height:8px;border-radius:5px;flex:1}.activity_wall .activity_list{display:flex;flex-direction:column;gap:1.5rem}.activity_wall .portal.activity_post{display:flex;flex-direction:column;padding:1rem;background:var(--contentbg);bordeR:1px solid var(--border);border-radius:5px}.activity_wall .portal.activity_post textarea{width:100%}.activity_wall .portal_footer{display:flex;justify-content:space-between}.activity_wall .portal_footer .footer_links{display:flex;align-items:center;gap:1rem;justify-content:flex-end;flex:1}.activity_wall .portal{padding:1rem;background:var(--contentbg);bordeR:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;gap:1rem}.activity_wall .vibebp_main{display:flex;gap:1rem;flex-direction:column}.activity_wall .portal_header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.activity_wall .portal_header .header_links{flex:1}.activity_wall .portal_header .searchbox{bordeR:1px solid var(--border);padding:8px;display:flex;flex-direction:row-reverse;align-items:center}.activity_wall .portal_header .searchbox input{flex:1}.activity_wall .activity_item{display:flex;gap:1rem}.activity_wall .activity_item .activity_avatar img{width:48px;border-radius:5px}.activity_wall .activity_body{display:flex;flex-direction:column;gap:.5rem;flex:1}.activity_wall .activity_header{display:flex;justify-content:space-between;font-size:80%}.activity_wall .datetime{display:flex;gap:.5rem;font-size:.8rem;opacity:.5}.activity_wall .datetime>span+span+span{display:none}.activity_wall .activity_actions{display:flex;align-items:center;gap:.5rem}.activity_wall .activity_attachments{margin-top:1rem}.reactions-overview{display:flex;align-items:center;flex-wrap:wrap;cursor:pointer;margin:1rem 0}.reactions-overview img{width:1.5rem;margin:-0.2rem}.reactions-overview img:first-child{margin-left:0}.reactions-overview span.count{margin:0 1rem 0 .5rem}.reactions-container{position:relative}.reactions-container:hover .reactions{transform:scale(1)}.reactions-container .my-reaction{cursor:pointer}.reactions-container .my-reaction img{width:1.5rem;margin:0 .5rem}.reactions-container .my-reaction img:first-child{margin-left:0}.reactions-container .reactions{min-width:250px;transform:scale(0);transition:.2s all;position:absolute;bottom:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--highlight);padding:.5rem 1rem;border-radius:15px;box-shadow:1px 2px 5px var(--shadow)}.reactions-container .reactions .reaction{position:relative;width:32px;height:32px;transition:.2s all;cursor:pointer}.reactions-container .reactions .reaction:hover{width:48px}.reactions-container .reactions .reaction:hover .label{transform:scale(1)}.reactions-container .reactions .reaction span.label{color:var(--text);transform:scale(0);transition:.2s all;position:absolute;bottom:100%;left:10%;background:var(--sidebar);padding:.5rem;border-radius:1rem}.media_popup{display:flex;justify-content:space-between;max-width:100%;flex-wrap:wrap}.media_popup .left_side{display:flex;align-items:center;justify-content:center;background:var(--text);max-width:75%;margin:-2rem 0 -1rem -1rem}.media_popup .right_side{flex:1 0 25%;height:calc(90vh - 1rem);overflow-y:auto}.media_popup .right_side .vibebp_main{margin:0;padding:.5rem}.media_popup .right_side .portal .portal_header .header_links{flex:none}.media_popup .right_side .portal .portal_footer .footer_links{flex:none}.media_popup .right_side .portal .portal_footer .footer_main{display:flex;gap:1rem}.media_popup .right_side .portal .portal_body{padding:.5rem}.media_popup .right_side .portal .portal_body .activity_list{margin-left:0;border-left:none}.media_popup .right_side .portal .portal_body .activity_list .activity_item{padding-left:0}.media_popup .right_side .portal .portal_body .activity_list .activity_item .reactions-container .reactions{flex-wrap:wrap}.media_popup .right_side .portal .portal_body .activity_list .activity_item:before,.media_popup .right_side .portal .portal_body .activity_list .activity_item:after{display:none}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .datetime{position:relative;left:auto;top:auto}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_avatar{margin:0 .5rem;line-height:0;flex-basis:2rem}.media_popup .right_side .portal .uploader{height:100%;min-width:auto;border:2px dashed var(--border);align-items:center;display:flex}.media_popup .right_side .portal .uploader .upload_file{padding:.3rem;font-size:.9rem;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.media_popup .right_side .portal .uploader .upload_file input{display:none}.media_popup .right_side .portal .uploader .uploaded_src{position:relative}.media_popup .right_side .portal .uploader .uploaded_src .uploaded_image{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.media_popup .right_side .portal .uploader .uploaded_src>span{position:absolute;right:0;top:0;padding:.5rem;color:#fff;opacity:0;background:var(--light)}.media_popup .right_side .portal .uploader .uploaded_src:hover>span{opacity:1}.media_popup .right_side .portal .uploader .cropimage{position:absolute;left:0;top:0;padding:5px;background:var(--highlight);border:1px solid var(--border);box-shadow:0 0 5px var(--border);width:100%}.react_portal_modal_wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}.react_portal_modal_wrapper>span{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.react_portal_modal_wrapper .react_portal_modal_content{z-index:99;min-width:320px;max-width:90%;width:460px;background:#fff;border-radius:5px;padding:1.5rem}.react_portal_modal_wrapper .react_portal_modal_header{position:relative}.react_portal_modal_wrapper .react_portal_modal_header>.vicon-close{position:absolute;right:-1.5rem;top:-1.5rem;padding:5px;color:red}.react_portal_modal_wrapper .messagebox{display:flex;flex-direction:column;gap:1rem}.react_portal_modal_wrapper .messagebox>div{display:flex;align-items:center;justify-content:space-between}.activity_wall .uploader{height:100%;min-width:auto;border:2px dashed var(--border);align-items:center;display:flex}.activity_wall .uploader .upload_file{padding:.3rem;font-size:.9rem;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.activity_wall .uploader .upload_file input{display:none}.activity_wall .uploader .uploaded_src{position:relative}.activity_wall .uploader .uploaded_src .uploaded_image{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.activity_wall .uploader .uploaded_src>span{position:absolute;right:0;top:0;padding:.5rem;color:#fff;opacity:0;background:var(--light)}.activity_wall .uploader .uploaded_src:hover>span{opacity:1}.activity_wall .uploader .cropimage{position:absolute;left:0;top:0;padding:5px;background:var(--highlight);border:1px solid var(--border);box-shadow:0 0 5px var(--border);width:100%}.rec-overviews{min-width:500px}.rec-overviews .tabs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border);width:100%}.rec-overviews .tabs .tab{display:flex;justify-content:space-between;gap:.5rem;min-width:3.5rem;align-items:center;cursor:pointer;padding:.5rem .8rem;border:none}.rec-overviews .tabs .tab img{width:1.5rem}.rec-overviews .tabs .tab.active{border-bottom:2px solid var(--primary) !important}.rec-overviews .users{display:flex;flex-direction:column;margin-top:.5rem}.rec-overviews .users .vibebp_member{padding:.5rem .5rem;gap:.5rem;display:flex;align-items:center}.rec-overviews .users .vibebp_member img{width:3rem;height:3rem;border-radius:50%}.reactions-overview{display:flex;align-items:center;flex-wrap:wrap;cursor:pointer;margin:1rem 0}.reactions-overview img{width:1.5rem;margin:-0.2rem}.reactions-overview img:first-child{margin-left:0}.reactions-overview span.count{margin:0 1rem 0 .5rem}.reactions-container{position:relative}.reactions-container:hover .reactions{transform:scale(1)}.reactions-container .my-reaction{cursor:pointer}.reactions-container .my-reaction img{width:1.5rem;margin:0 .5rem}.reactions-container .my-reaction img:first-child{margin-left:0}.reactions-container .reactions{min-width:250px;transform:scale(0);transition:.2s all;position:absolute;bottom:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--highlight);padding:.5rem 1rem;border-radius:15px;box-shadow:1px 2px 5px var(--shadow)}.reactions-container .reactions .reaction{position:relative;width:32px;height:32px;transition:.2s all;cursor:pointer}.reactions-container .reactions .reaction:hover{width:48px}.reactions-container .reactions .reaction:hover .label{transform:scale(1)}.reactions-container .reactions .reaction span.label{color:var(--text);transform:scale(0);transition:.2s all;position:absolute;bottom:100%;left:10%;background:var(--sidebar);padding:.5rem;border-radius:1rem}.media_popup{display:flex;justify-content:space-between;max-width:100%;flex-wrap:wrap}.media_popup .left_side{display:flex;align-items:center;justify-content:center;background:var(--text);max-width:75%;margin:-2rem 0 -1rem -1rem}.media_popup .right_side{flex:1 0 25%;height:calc(90vh - 1rem);overflow-y:auto}.media_popup .right_side .vibebp_main{margin:0;padding:.5rem}.media_popup .right_side .portal .portal_header .header_links{flex:none}.media_popup .right_side .portal .portal_footer .footer_links{flex:none}.media_popup .right_side .portal .portal_footer .footer_main{display:flex;gap:1rem}.media_popup .right_side .portal .portal_body{padding:.5rem}.media_popup .right_side .portal .portal_body .activity_list{border-left:1px solid var(--border);position:relative;margin-left:6rem}.media_popup .right_side .portal .portal_body .activity_list .activity_item{position:relative;padding-left:3rem;display:flex}.media_popup .right_side .portal .portal_body .activity_list .activity_item.removed{display:none}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_avatar{margin:0 1.5rem;line-height:0;flex-basis:3rem}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_avatar img{border-radius:50%}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body{flex:1}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .activity_header{font-size:.8rem;opacity:.6;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .activity_header .vicon-more{cursor:pointer}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .activity_content{font-size:1rem;margin:0;padding:0;background:none}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .activity_content .activity_attachments{display:grid;align-items:center;grid-gap:1rem;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .activity_content .activity_attachments>*{border-radius:5px;transition:all .2s}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .activity_content .activity_attachments>*:hover{cursor:pointer}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .datetime{display:flex;font-size:.7rem;justify-content:space-between;width:5rem;position:absolute;left:-6rem;top:calc(25px - .4rem);flex-wrap:wrap;justify-items:flex-end}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .datetime>span+span+span{display:none}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body>.activity_list{margin:1.5rem 0}.media_popup .right_side .portal .portal_body .activity_list .activity_item:after{content:"";position:absolute;left:0;width:3rem;height:0;margin-top:25px;border-top:1px solid var(--border)}.media_popup .right_side .portal .portal_body .activity_list .activity_item:before{content:"";position:absolute;left:-0.5rem;display:block;width:1rem;height:1rem;margin-top:calc(25px - .5rem);border:.3rem solid var(--darkborder);border-radius:50%;background:var(--body);z-index:9}.media_popup .right_side .portal .portal_body .activity_list .activity_item:hover:before{border:.3rem solid var(--primary)}.media_popup .right_side .portal .portal_body .activity_list .activity_item:hover:before .activity_body .activity_header{opacity:1}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_actions{display:flex;font-size:1rem;align-items:center}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_actions a{padding:.5rem;color:var(--bold)}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_actions a:hover{background:solid var(--border);border-radius:2px}.media_popup .right_side .portal .portal_body .activity_list .activity_item+.activity_item{margin-top:2rem}.media_popup .right_side .portal .portal_body .activity_list{margin-left:0;border-left:none}.media_popup .right_side .portal .portal_body .activity_list .activity_item{padding-left:0}.media_popup .right_side .portal .portal_body .activity_list .activity_item .reactions-container .reactions{flex-wrap:wrap}.media_popup .right_side .portal .portal_body .activity_list .activity_item:before,.media_popup .right_side .portal .portal_body .activity_list .activity_item:after{display:none}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_body .datetime{position:relative;left:auto;top:auto}.media_popup .right_side .portal .portal_body .activity_list .activity_item .activity_avatar{margin:0 .5rem;line-height:0;flex-basis:2rem}.media_popup .right_side .portal .uploader{height:100%;min-width:auto;border:2px dashed var(--border);align-items:center;display:flex}.media_popup .right_side .portal .uploader .upload_file{padding:.3rem;font-size:.9rem;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.media_popup .right_side .portal .uploader .upload_file input{display:none}.media_popup .right_side .portal .uploader .uploaded_src{position:relative}.media_popup .right_side .portal .uploader .uploaded_src .uploaded_image{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.media_popup .right_side .portal .uploader .uploaded_src>span{position:absolute;right:0;top:0;padding:.5rem;color:#fff;opacity:0;background:var(--light)}.media_popup .right_side .portal .uploader .uploaded_src:hover>span{opacity:1}.media_popup .right_side .portal .uploader .cropimage{position:absolute;left:0;top:0;padding:5px;background:var(--highlight);border:1px solid var(--border);box-shadow:0 0 5px var(--border);width:100%}.portal .portal_footer{padding:0 1rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.portal .portal_footer a:not(.button){padding:.5rem;color:var(--bold);display:flex;align-items:center}.portal .portal_footer .footer_links{display:flex;flex-direction:row;justify-content:flex-end;flex:1 0 240px;flex-wrap:wrap;align-items:center}.portal .portal_footer .footer_links .uploader{min-width:auto}.portal .portal_footer .footer_links .media_wrap{display:flex;flex-wrap:wrap;gap:.2rem}.portal .portal_footer .footer_links .media_wrap .media_file{position:relative}.portal .portal_footer .footer_links .media_wrap .media_file span.viocn.vicon-close{position:absolute;background:var(--red);padding:.2rem;border-radius:50%;right:0}.portal .portal_footer .footer_links .media_wrap>img{object-fit:cover}.portal .portal_footer .footer_links .media_wrap>*{width:100px;height:100px;height:auto}.reporting_wrap{min-width:50vh;display:flex;flex-direction:column}.reporting_wrap>div{margin:0 .5rem;padding:.5rem 0;display:flex;align-items:center;cursor:pointer}.reporting_wrap>div span{margin:.5rem}.reporting_wrap>div:hover{background:var(--shadow);border-radius:5px}.vibe_editor_modal.react_portal_modal .ve_modal-content{width:auto;max-width:90vw !important;max-height:90vh}@media(max-width: 768px){.media_popup .left_side{width:100%;margin:0}}.gif_wrap{width:40vw;display:flex;flex-direction:column;gap:1rem}.gif_wrap .input_field_wrapper{border:1px solid var(--border);display:flex;align-items:center;padding:.25rem .75rem}.gif_wrap .input_field_wrapper input{border:none !important;flex:1}.gif_wrap .gif_wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.gif_wrap .gif_wrapper img{width:calc(50% - .5rem);border:1px solid var(--border);min-height:100px;border-radius:5px;cursro:pointer}.gif_wrap .gif_wrapper img :hover{box-shadow:1px 2px 5px var(--shadow)}@media(max-width: 1000px){.gif_wrap{width:80vw}}#single_item_popup .single_item_popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:var(--highlight);overflow-y:auto}#single_item_popup .single_item_popup .header{display:flex;flex-direction:row;width:100%;justify-content:space-between;margin:auto;padding:1rem;position:relative;z-index:99999;background:var(--highlight)}#single_item_popup .single_item_popup .loader{display:flex;flex-direction:column;align-items:center;justify-content:center}#single_item_popup .single_item_popup .loader-wrapper{margin:2rem auto;position:relative;left:2rem;width:100%}.disabled_swiper_button{opacity:0;transition:all .2}.post_featured_block_wrapper.default_post_block{display:flex;gap:1.5rem;flex-direction:column}.post_featured_block_wrapper.default_post_block h3{font-size:1.5em;font-weight:600;margin:0;pading:0}.post_featured_block_wrapper.default_post_block .read_more_link{font-size:.75em;margin-top:.75em;display:flex;align-items:center;color:var(--bg-primary)}.post_featured_block_wrapper.default_post_block .read_more_link .vicon{opacity:0;margin-left:5px;transition:all .2s;transform:translateX(-5px) scale(0.9)}.post_featured_block_wrapper.default_post_block .read_more_link:hover .vicon{opacity:1;transform:none}.post_featured_block_wrapper.default_post_block .post_block_meta{display:flex;justify-content:space-between;opacity:.6;font-size:.75em}.post_featured_block_wrapper.default_post_block>a>img{object-fit:cover;width:100%;border-radius:5px}.term_featured_block_wrapper.default_term_block{padding:1.5rem;background:#f1f1f1;display:flex;justify-content:center;gap:.5rem;border-radius:5px;font-weight:600}.member_featured_block_wrapper.default_member_block{display:flex;flex-direction:column;align-items:center;gap:1rem}.member_featured_block_wrapper.default_member_block a{width:100%;text-align:center}.member_featured_block_wrapper.default_member_block .member_background{display:flex;justify-content:center;background-size:cover;margin-bottom:36px;padding-top:72px;border-radius:5px}.member_featured_block_wrapper.default_member_block .member_background>img{width:72px;border-radius:50%;margin-bottom:-36px}.member_featured_block_wrapper.default_member_block>span{text-transform:uppercase;font-size:.75em;opacity:.6}.member_featured_block_wrapper.default_member_block>span:hover{opacity:1}.with_scrollbar .swiper-wrapper,.with_pagination .swiper-wrapper{padding-bottom:3rem}.slide_block_wrapper.slide_style{background:var(--body)}.slide_block_wrapper.slide_style img{width:100%}.slide_block_wrapper.icon_slide_style{display:flex;justify-content:center;background:var(--body);height:100%;align-items:center;flex-direction:column}.slide_block_wrapper.icon_side_slide_style{display:flex;background:var(--body);height:100%;align-items:center;flex-direction:row;flex-wrap:wrap}.slide_block_wrapper.testimonial_slide_style{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1rem}.slide_block_wrapper.testimonial_slide_style img{width:64px;border-radius:50%;height:64px}.pdf-view{display:flex;flex-direction:column;margin:1rem 0}.pdf-view .toolbar{display:flex;align-items:center;background-color:var(--sidebar);padding:0 .5em;justify-content:space-between;margin-bottom:.5rem}.pdf-view .toolbar span{border:1px solid var(--border);padding:.5rem;cursor:pointer}.pdf-view .page-mode input{color:currentColor;background-color:rgba(0,0,0,0);font:inherit;border:1px solid currentColor;border-radius:3px;padding:.25em .5em}.pdf-view .toolbar button:hover,.pdf-view .toolbar button:focus,.pdf-view .page-mode input:hover,.pdf-view .page-mode input:focus{color:#90ee90}.pdf-view .page-mode{display:flex;align-items:center;padding:.25em .5em}.pdf-view .pdf_view{width:100%;margin:0 auto;display:flex;align-items:center;flex-direction:column;max-width:100%;overflow:auto}.pdf-view .pdf_view>div{text-align:center;max-width:100%}.pdf-view .pdf_view canvas{box-shadow:0 2px 5px gray}.vibebp-cart{cursor:pointer}.vibebp-cart .vibebp_cart{position:relative}.vibebp-cart .vibebp_cart span{position:absolute;top:-10px;right:-10px;font-size:.75rem;width:20px;height:20px;background:#ff6758;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.vibebp_body_wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:flex-end;z-index:9999999999}.vibebp_body_wrapper>span{background:rgba(0,0,0,.8);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;cursor:pointer}.vibebp_body_wrapper .vibebp_cart_wrapper{background:#fff;border-radius:5px 0 0 5px;height:100vh;transition:all .2s ease-in-out;width:320px;transform:translateX(100%)}.vibebp_body_wrapper .vibebp_cart_wrapper.active{transform:translateX(0%)}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart{display:flex;flex-direction:column;height:100%;overflow:auto}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart>strong{padding:.5rem 1rem;background:rgba(0,0,0,.1);display:flex;gap:1rem;align-items:center;justify-content:space-between}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart>strong>span{display:flex;gap:1rem;align-items:center}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart>strong .badge{font-size:10px;padding:5px;border-radius:2px;background:rgba(0,0,0,.1)}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .vibebp_cart_body{flex:1;margin:1rem}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item{display:flex;border-bottom:1px solid rgba(0,0,0,.07);gap:.5rem;padding:1rem 0}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item .image{flex:0 0 48px;border-radius:3px;height:48px}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item svg{opacity:.1}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item .cart_item_title{flex:1;display:flex;flex-direction:column;gap:.25rem}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item .cart_item_title .clock{font-size:.875rem;display:flex;align-items:center;gap:.1rem}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item .cart_item_title .clock:before{content:"";font-family:vicon}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item span.quantity{display:flex;flex-direction:column-reverse;border:1px solid var(--border);border-radius:5px;overflow:hidden}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item span.quantity>span{display:flex;align-items:center;padding:.25rem;flex:1;cursor:pointer;justify-content:center}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item span.quantity>span.vicon{opactiy:0;transition:all .2s}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item span.quantity:hover>.vicon{opacity:1}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .cart_item .vicon{display:flex;cursor:pointer;padding:.25rem}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .vibebp_cart_footer{padding:1rem;background:rgba(0,0,0,.07);display:flex;gap:1rem;flex-wrap:wrap}.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .vibebp_cart_footer .button{justify-content:center;padding:.5rem;margin:0;align-items:center;gap:1rem;display:flex;flex:1 0 80px}.vibebp_body_wrapper .vibebp_cart_wrapper .vbp_error{background:#fff5a8;padding:.5rem .75rem;border-radius:5px;display:flex}@media(min-width: 1280px){.vibebp_body_wrapper .vibebp_cart_wrapper{width:480px}}.vibebp_message{padding:1rem 1.5rem;background:#fff1e5;color:#555d65;border-radius:5px}nobr+nobr{display:none}.elementor-editor-active header.transparent{z-index:-1 !important}.disabled_swiper_button{opacity:0;cursor:auto;pointer-events:none}.fc .fc-toolbar-title{line-height:1;text-align:center}img{max-width:100%} .dpn-zvc-single-content-wrapper{margin-top:40px}.dpn-zvc-single-content-wrapper .deepn-zvc-single-featured-img{margin-bottom:1rem}.dpn-zvc-single-content-wrapper .deepn-zvc-single-featured-img img{width:100%;height:auto}.dpn-zvc-single-content-wrapper .dpn-zvc-col-8,.dpn-zvc-single-content-wrapper .dpn-zvc-col-4{position:relative;min-height:1px;padding-left:15px;padding-right:15px;margin-bottom:58px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper{width:100%;clear:both}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box{margin-top:1.5rem}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box:first-child{margin-top:0}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn{padding:10px 20px;color:#fff;border-radius:0;display:block;margin-top:10px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-join-link{background:#a5452d}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-start-link{background:#1c3b82}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-state{border:1px solid #ccc;padding:20px;margin-top:20px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-state p{padding:0;margin:0}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer{display:flex;width:100%}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-meeting-ended{background:#3a3a3a;padding:10px 16px;border-radius:2px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-meeting-ended h3{margin:0;padding:0;color:#fff;line-height:1.8}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell{display:flex;text-align:center;font-size:32px;background:#3a3a3a;color:#fff;line-height:normal;padding:20px 5px;border-radius:2px;flex-direction:column;margin-right:6px;width:100%}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell:last-child{margin-right:0}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell-number{font-size:1em;width:100%}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell-string{font-size:.45em;width:100%;text-transform:uppercase}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile{background:#3a3a3a;padding:0 16px;border-radius:2px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile h3{color:#fff;margin:0;padding:10px 0;font-size:1.3em;font-weight:500}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content{background:#f2f2f2;padding:16px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content .dpn-zvc-sidebar-content-list{margin-bottom:1rem}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content .dpn-zvc-sidebar-content-list span{display:block}@media(min-width: 992px){.dpn-zvc-single-content-wrapper .dpn-zvc-col-8{width:66.66666667%;float:left}.dpn-zvc-single-content-wrapper .dpn-zvc-col-4{width:33.33333333%;float:left}}.vczapi-show-by-postid .dpn-zvc-sidebar-state{display:none}.vczapi-show-by-postid-countdown-title{text-align:center}.vczapi-show-by-postid-countdown{display:flex;width:1200px;border-spacing:2px;border-collapse:separate;justify-content:center;flex-direction:column;background:#eaeaea;padding:60px 0;margin-right:auto;margin-left:auto;max-width:100%;flex-wrap:wrap;border-radius:10px}.vczapi-show-by-postid .dpn-zvc-timer{display:flex;width:100%;border-spacing:2px;border-collapse:separate;justify-content:center;margin-bottom:20px}.vczapi-show-by-postid .dpn-zvc-timer .dpn-zvc-meeting-ended{background:#3a3a3a;padding:10px 16px;border-radius:2px}.vczapi-show-by-postid .dpn-zvc-timer .dpn-zvc-meeting-ended h3{margin:0;padding:0;color:#fff}.vczapi-show-by-postid .dpn-zvc-timer .dpn-zvc-timer-cell{display:flex;flex-direction:column;text-align:center;font-size:32px;background:#3a3a3a;color:#fff;padding:20px 5px;border-radius:10px;width:120px;margin:6px}.vczapi-show-by-postid .dpn-zvc-timer .dpn-zvc-timer-cell-number{font-size:1em;width:100%;font-weight:700}.vczapi-show-by-postid .dpn-zvc-timer .dpn-zvc-timer-cell-string{font-size:.45em;width:100%;text-transform:uppercase}.vczapi-show-by-postid-flex{display:flex;margin-top:20px}.vczapi-show-by-postid-contents .dpn-zvc-sidebar-box .btn{margin-top:10px;padding:10px 20px;color:#fff;display:block;margin-right:10px;text-align:center}.vczapi-show-by-postid-contents .dpn-zvc-sidebar-box .btn-join-link{background:#a5452d}@media(min-width: 769px){.vczapi-show-by-postid-contents-image{width:24%;margin-right:10px}.vczapi-show-by-postid-contents-sections{width:74%;margin-left:10px}.vczapi-show-by-postid-contents .dpn-zvc-sidebar-box .join-links{display:flex}.vczapi-show-by-postid-contents-full{flex:100%}.vczapi-show-by-postid-contents-full .vczapi-show-by-postid-contents-sections-description,.vczapi-show-by-postid-contents-full .dpn-zvc-sidebar-box{padding-left:0}}@media only screen and (max-width: 660px){.vczapi-show-by-postid .dpn-zvc-.vczapi-jvb-countdown-contenttimer.vczapi-show-by-postid-countdown-timer{flex-direction:column;padding:0 40px}.vczapi-show-by-postid .dpn-zvc-.vczapi-jvb-countdown-contenttimer.vczapi-show-by-postid-countdown-timer .dpn-zvc-timer-cell{width:100%}}@media only screen and (max-width: 769px){.vczapi-show-by-postid{padding:60px 30px}.vczapi-show-by-postid .vczapi-show-by-postid-contents{flex-direction:column}.vczapi-show-by-postid .vczapi-show-by-postid-contents-sections-description-topic{margin-top:1em}.vczapi-show-by-postid .vczapi-show-by-postid-contents-sections .dpn-zvc-sidebar-box .btn{margin-top:10px;margin-right:0}}.dpn-zvc-shortcode-op-wrapper table{border:1px solid #dee2e6;width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}.dpn-zvc-shortcode-op-wrapper table tr:nth-of-type(odd){background-color:#e2e2e2 !important}.dpn-zvc-shortcode-op-wrapper table tr:nth-of-type(odd) td{background-color:#e2e2e2}.dpn-zvc-shortcode-op-wrapper table tr:nth-of-type(odd) td .small-description{font-size:12px;font-style:italic}#vczapi-recordings-list-table_wrapper .dataTables_length,#vczapi-recordings-list-table_wrapper .dataTables_filter,#vczapi-show-meetings-list-table_wrapper .dataTables_length,#vczapi-show-meetings-list-table_wrapper .dataTables_filter,#vczapi-show-webinars-list-table_wrapper .dataTables_length,#vczapi-show-webinars-list-table_wrapper .dataTables_filter{margin:15px 0}#vczapi-recordings-list-table_wrapper .dataTable,#vczapi-show-meetings-list-table_wrapper .dataTable,#vczapi-show-webinars-list-table_wrapper .dataTable{position:relative;margin:15px 0}#vczapi-recordings-list-table_wrapper .dataTable thead,#vczapi-show-meetings-list-table_wrapper .dataTable thead,#vczapi-show-webinars-list-table_wrapper .dataTable thead{text-align:left}#vczapi-recordings-list-table_wrapper .dataTable thead tr,#vczapi-show-meetings-list-table_wrapper .dataTable thead tr,#vczapi-show-webinars-list-table_wrapper .dataTable thead tr{background:#f5f5f5}#vczapi-recordings-list-table_wrapper .dataTable thead th,#vczapi-recordings-list-table_wrapper .dataTable thead td,#vczapi-show-meetings-list-table_wrapper .dataTable thead th,#vczapi-show-meetings-list-table_wrapper .dataTable thead td,#vczapi-show-webinars-list-table_wrapper .dataTable thead th,#vczapi-show-webinars-list-table_wrapper .dataTable thead td{border-bottom:none;padding:8px 15px}#vczapi-recordings-list-table_wrapper .dataTable.no-footer,#vczapi-show-meetings-list-table_wrapper .dataTable.no-footer,#vczapi-show-webinars-list-table_wrapper .dataTable.no-footer{border-bottom:none}#vczapi-recordings-list-table_wrapper .dataTable tbody .odd,#vczapi-show-meetings-list-table_wrapper .dataTable tbody .odd,#vczapi-show-webinars-list-table_wrapper .dataTable tbody .odd{background-color:#fff}#vczapi-recordings-list-table_wrapper .dataTable tbody .even,#vczapi-show-meetings-list-table_wrapper .dataTable tbody .even,#vczapi-show-webinars-list-table_wrapper .dataTable tbody .even{background-color:rgba(0,0,0,.05)}.vczapi-recordings-meeting-id-description ul{list-style:none;padding:0;margin:0}.vczapi-recordings-by-meeting-id-table{margin-top:20px}.vczapi-recordings-by-meeting-id-table tr th{text-align:left}#zvc-cover{background:url(//www.formaer.it/wp-content/plugins/video-conferencing-with-zoom-api/./assets/images/ajax-loader.gif) no-repeat scroll center center #000;position:absolute;height:100%;width:100%;z-index:5;opacity:.9;top:0}#zmmtg-root{display:none}.join-via-browser-body{background:#f2f2f2;min-width:100vw !important;width:100vw !important}.join-via-browser-body #vczapi-zoom-browser-meeting{z-index:1;display:flex;align-items:center;position:relative;height:100%}.join-via-browser-body #vczapi-zoom-browser-meeting .logo{text-align:center}.join-via-browser-body #vczapi-zoom-browser-meeting #vczapi-zoom-browser-meeting--container{background:#fff;padding:40px;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-o-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-ms-box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}@media only screen and (max-width: 767px){.join-via-browser-body #vczapi-zoom-browser-meeting #vczapi-zoom-browser-meeting--container{margin-inline:20px;padding:20px}.join-via-browser-body #vczapi-zoom-browser-meeting #vczapi-zoom-browser-meeting--container .vczapi-zoom-browser-meeting--meeting-form input,.join-via-browser-body #vczapi-zoom-browser-meeting #vczapi-zoom-browser-meeting--container .vczapi-zoom-browser-meeting--meeting-form button{width:100%}.join-via-browser-body #vczapi-zoom-browser-meeting #vczapi-zoom-browser-meeting--container .logo img{width:70px}.join-via-browser-body #vczapi-zoom-browser-meeting #vczapi-zoom-browser-meeting--container .logo h3{font-size:18px}.join-via-browser-body #vczapi-zoom-browser-meeting #vczapi-zoom-browser-meeting--container .logo p{font-size:14px}}@media only screen and (min-width: 767px){.join-via-browser-body #vczapi-zoom-browser-meeting .container{width:500px}.join-via-browser-body #vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form input[type=text],.join-via-browser-body #vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form input[type=password],.join-via-browser-body #vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form button[type=submit],.join-via-browser-body #vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form input[type=email],.join-via-browser-body #vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form select{height:40px}.join-via-browser-body #vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form button[type=submit]{background-color:#2d8cff;width:100%;color:#fff}}.join-via-browser-body #vczapi-zoom-browser-meeting .img-fluid{max-width:100%;height:auto}.join-via-browser-body #vczapi-zoom-browser-meeting h3{line-height:1.5}.join-via-browser-body #vczapi-zoom-browser-meeting .mb-4{margin-bottom:1.5rem}.join-via-browser-body #vczapi-zoom-browser-meeting p{color:#838383;font-weight:300}.join-via-browser-body #vczapi-zoom-browser-meeting label{font-weight:bold;margin-bottom:10px}.vczapi-jvb-countdown-wrapper{display:flex;flex-direction:column;background:#eaeaea;padding:60px 0}.vczapi-jvb-countdown-wrapper-countdown-title{text-align:center}.vczapi-jvb-countdown-wrapper .dpn-zvc-timer.zoom-join-via-browser-countdown{display:flex;width:100%;border-spacing:2px;border-collapse:separate;justify-content:center}.vczapi-jvb-countdown-wrapper .dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-meeting-ended{background:#3a3a3a;padding:10px 16px;border-radius:2px}.vczapi-jvb-countdown-wrapper .dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-meeting-ended h3{margin:0;padding:0;color:#fff}.vczapi-jvb-countdown-wrapper .dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-timer-cell{display:flex;flex-direction:column;text-align:center;font-size:32px;background:#3a3a3a;color:#fff;padding:20px 5px;border-radius:10px;width:120px;margin:6px}.vczapi-jvb-countdown-wrapper .dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-timer-cell-number{font-size:1em;width:100%;font-weight:700}.vczapi-jvb-countdown-wrapper .dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-timer-cell-string{font-size:.45em;width:100%;text-transform:uppercase}.vczapi-jvb-countdown-content{padding:25px 0;display:flex;width:1200px;margin-right:auto;margin-left:auto;max-width:100%;flex-wrap:wrap}.vczapi-jvb-countdown-content-image{flex:0 0 30%}.vczapi-jvb-countdown-content-image img{border-radius:10px}.vczapi-jvb-countdown-content-contents{flex:0 0 70%;display:flex;flex-direction:column;padding-left:20px}.vczapi-jvb-countdown-content-links{margin-top:10px;display:flex}.vczapi-jvb-countdown-content-links .btn{padding:10px 20px;color:#fff;display:block;margin-right:10px;text-align:center;border-radius:10px}.vczapi-jvb-countdown-content-links .btn-join-link{background:#a5452d}@media only screen and (max-width: 660px){.vczapi-jvb-countdown-content{flex-direction:column}.vczapi-jvb-countdown-content .vczapi-jvb-countdown-content-description-topic{margin-top:1em}}.vczapi-list-zoom-meetings{position:relative}.vczapi-list-zoom-meetings--item__image{margin-bottom:20px}.vczapi-list-zoom-meetings--item__image{box-shadow:0 0 1px 1px rgba(0,0,0,.3)}.vczapi-list-zoom-meetings--item__details,.vczapi-list-zoom-meetings--item__details p{font-size:1em}.vczapi-list-zoom-meetings--item__details h1,.vczapi-list-zoom-meetings h2,.vczapi-list-zoom-meetings h3,.vczapi-list-zoom-meetings h4,.vczapi-list-zoom-meetings h5,.vczapi-list-zoom-meetings h6{font-size:1.3em;margin-bottom:5px}.vczapi-list-zoom-meetings--item__details__meta .meta{display:flex;flex-direction:column;margin-bottom:5px}.vczapi-list-zoom-meetings .vczapi-loader{display:none}.vczapi-list-zoom-meetings.loading .vczapi-loader{display:block;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.5);z-index:100}.vczapi-list-zoom-meetings.loading .vczapi-loader img{transform:translate(-50%, -50%);left:50%;top:50%;position:absolute}.vczapi-wrap{display:-ms-flexbox;display:flex;-ms-flex:1 0 100%;flex:1 0 100%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px;box-sizing:border-box}.vczapi-wrap *{box-sizing:border-box}.vczapi-wrap input,.vczapi-wrap select{width:100%}.vczapi-plr{padding:0 1.5em}.vczapi-ptb{padding:1.5em 0}.vczapi-pb{padding-bottom:1.5em}.vczapi-pb-3{padding-bottom:3em}.vczapi-pt{padding-top:1.5em}.vczapi-pl{padding-left:1.5em}.vczapi-pr{padding-right:1.5em}.vczapi-col-2,.vczapi-col-3,.vczapi-col-4,.vczapi-col-5,.vczapi-col-6,.vczapi-col-8,.vczapi-col-9,.vczapi-col-10,.vczapi-col-11,.vczapi-col-12{position:relative;width:100%;padding-right:10px;padding-left:10px}.vczapi-form-control{padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:#eaeaea;border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}@media(min-width: 769px){.vczapi-col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.vczapi-col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.vczapi-col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.vczapi-col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.vczapi-col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.clearfix{clear:both}.vczapi-filters-wrapper{margin-bottom:2em;margin-top:1em;align-items:center}.vczapi-modal{display:none;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.vczapi-modal .vczapi-modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.vczapi-modal .vczapi-modal-close{color:#000;float:right;font-size:28px;font-weight:bold}.vczapi-modal .vczapi-modal-close:hover,.vczapi-modal .vczapi-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.vczapi-modal .vczapi-modal-header{padding:2px 16px;color:#fff}.vczapi-modal .vczapi-modal-body{padding:2px 16px;max-height:500px;overflow:auto}.vczapi-modal .vczapi-modal-list{padding:20px;list-style:none;margin:0;border-bottom:1px solid #efefef}.vczapi-modal-loader{text-align:center;color:#424242;background:#fff;width:400px;margin:0 auto;padding:20px;border-radius:20px}