.libraryMain{margin:20px 0}.btsn{display:inline-block;border-radius:6px;background-color:#0d6efd;font-size:16px;font-weight:900;color:#fff;padding:12px 20px;text-align:center;min-width:200px;border:1px solid #0d6efd}.btsn:hover{background-color:#fff;color:#0d6efd;border:1px solid #0d6efd}.leftFilter{background:#fff;height:max-content;margin:0;border-radius:8px;box-shadow:0 0 10px #cbd6e2;width:22%;float:left}.libraryMain .RightSection{width:72%;float:right;padding-bottom:50px}.flterHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 15px 8px;border-bottom:1px solid #e6e6e6}.flterHeader h3,.flterHeader a,.leftFilter label{font-size:14px;color:#1f2430;font-weight:500;margin:0}.labelBox{padding:10px 0}.flterHeader a{color:#007cff;margin:0}.labelBox label{position:relative;display:inline-block;width:100%;padding-left:40px;margin:4px 0;cursor:pointer;font-size:15px}.labelBox label input{position:absolute;opacity:0;width:auto}.labelBox .checkBoxs{position:absolute;border:2px solid #c3c2c9;width:16px;height:16px;border-radius:2PX;left:15px;top:2px}.labelBox .radio{position:absolute;border:2px solid #c3c2c9;cursor:pointer;width:16px;height:16px;border-radius:8PX;left:15px;top:2px}.labelBox label input:checked+.radio{background-color:#0d6efd;border:2px solid #0d6efd}.labelBox label input:checked+.checkBoxs:after{content:"";position:absolute;left:3px;top:0;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.labelBox label input:checked+.radio:after{content:"";position:absolute;left:4px;top:0;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.FilterBox h4{font-size:15px;color:#333;margin:0;padding:0 10px;position:relative;cursor:pointer}.FilterBox h4:before,.FilterBox h4:after{position:absolute;right:15px;top:9px;content:"";width:14px;height:2px;background:#51596c}.FilterBox h4:before{width:2px;height:14px;top:3px;right:21px}.FilterBox.active h4:before{opacity:0}.FilterBox .labelBox{display:none}.FilterBox{border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;margin-bottom:-1px;padding:12px 6px}.FilterBox label{font-size:13px;color:#51596c;line-height:17px;letter-spacing:0}.FilterBox.active .labelBox{display:block}.FilterBox .autoScroll{display:inline-block;width:100%;max-height:150px;overflow:hidden;overflow-y:auto}.FilterBox .searchBox{position:relative;padding:10px 15px}.FilterBox .searchBox i.fa{position:absolute;left:27px;top:19px;font-size:16px;color:#51596c}.FilterBox .searchBox input{border-radius:6px;color:#1f2430;font-weight:400;border:0;width:100%;font-size:13px;height:35px;background:#f7f7f7;padding:10px 10px 10px 35px}.searchbarTop{display:flex;align-items:center;justify-content:space-between;background:#f5f7fa;padding:6px;border-radius:8px;margin-bottom:15px}.searchbarTop .inputBx{width:50%;position:relative}.searchbarTop .inputBx input{height:38px;padding:10px 35px 10px 15px;font-size:13px;border-radius:6px;background:#fff;border:0;width:100%}.searchbarTop .inputBx .fa-search{position:absolute;right:14px;top:10px;font-size:17px;opacity:.7;cursor:pointer}.searchbarTop .rightIcons i.fa{font-size:20px;color:#585858;cursor:pointer;margin:0 5px 0 0;transition:.2s ease-in-out;opacity:.5}.searchbarTop .rightIcons a.active i.fa{opacity:1}.boxes{width:32%;margin:0 .5% 22px;border:1px solid #e6e6e6;border-radius:10px}.labsBox.ListView .boxes{width:100%;justify-content:space-between;border:1px solid #ddd;margin:0 0 10px;border-radius:8px}.labsBox.ListView .bgContent{width:20%;border-radius:6px 0 0 6px}.labsBox.ListView .contents{width:80%;padding-right:0}.labsBox .bgContent{background:#f5f5f5;border-radius:6px 6px 0 0;padding:10px;position:relative}.labsBox .bgContent a{position:absolute;left:0;top:0;width:100%;height:100%}.labsBox .bottomSection,.labsBox .topSections{align-items:center;text-align:center}.labsBox .topSections img{width:75px}.labsBox .topSections h3{font-size:11px;color:#62646a;background:#fff;padding:4px 9px;border-radius:4px;margin:0}.labsBox .bottomSection h4{font-size:12px;color:#fff;margin:0;font-weight:400}.labsBox .bottomSection{padding-top:34px}.labsBox .topSections{padding:10px 5px}.contents{padding:5px 8px}.contents p{font-size:12px;color:#9b9b9b;margin:0;padding:7px 0 8px}.contents span{color:#585858}.contents a{font-size:14px;font-weight:500;color:#1f2430;line-height:22px;margin:0}.label-group{display:none;align-items:center;margin:0}.labsBox.ListView .label-group{display:block;margin-top:44px}.labsBox .label-group label{font-size:11px;color:#585858;background:#f5f7fa;margin:0 5px 0 0;padding:3px 9px;border-radius:20px}.resultSettings{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}.resultSettings h3{font-size:15px;font-weight:500;color:#1f2430;line-height:25px;margin:0}.resultSettings h3 span{font-weight:400;opacity:.8}.loadMoreButton{text-align:center;padding:10px 0 0}.filterBtn{display:none}.loadMoreButton .btsn{font-size:15px;padding:7px 20px;min-width:100px}@media screen and (max-width: 767px){.filterBtn{display:block}a.lisBoxs,a.gripBoxs{display:none}.filterBtn{position:relative;height:30px;line-height:30px;width:67px;text-align:center;color:#51596c;background:#fff;margin:0;border-radius:4px;box-shadow:0 0 10px #0000000d;cursor:pointer;text-transform:uppercase}.leftFilter{position:fixed;top:0;right:-295px;z-index:11;height:100vh;border-radius:0;transition:ease all .5s;box-shadow:none}.leftFilter.actives{right:0}.libraryMain .RightSection{width:100%}.labsBox .boxes,.courseBox .boxes{width:100%;margin-bottom:30px}.labsBox .topSections{padding-bottom:74px}.libraryMain{margin:35px 0}.resultSettings h3{font-size:13px}}.categorytext{font-size:14px!important}.divlabimage{background-image:url(https://localhost:7038/images/default-lab-banner.png)}.up-box-group{width:100%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;right:0;padding:12px 12px 0}.point-time-group{width:100%;display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;right:0;padding:0 12px 12px;color:#fff}.up-box-group .new.Updated{font-size:10px;color:#62646a;background:#fff;padding:3px 9px;border-radius:4px}.img-box{position:relative;margin:0 0 9px;border-radius:6px;overflow:hidden}.sub-label{font-size:13px;color:#1770b7;margin:0;padding-left:8px}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-container{display:flex;justify-content:center}.loading-spinner{width:32px;height:32px;border:6px solid #d4deed;border-top:6px solid #0d6efd;border-radius:50%;animation:spinner 1.5s linear infinite}