.navbar-container{display:flex;justify-content:center;align-items:center}.logout_btn{background:#fff!important;margin-left:10px;color:#252525!important}.v-toolbar__title img{width:40px}.v-toolbar__title span{color:#fff;margin-left:8px;font-size:18px}.footer_content a{color:#7cb342!important;font-weight:600}.footer_container{display:flex;justify-content:center;align-items:center;background:#efefef;padding:1.5rem}#app{background-color:#f9f9f9}body,html{overflow-x:hidden!important;overflow-y:auto!important;min-width:100%!important;min-height:100%!important}.main_body_container{display:flex;justify-content:center;width:100%;height:100%}.home-heading{font-size:18px;font-weight:500;padding:16px 0}.auth_container{display:flex;justify-content:center;align-items:center}.auth_wrapper{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.05);padding:2rem;width:450px;border-radius:10px}.form_header_part{padding-bottom:2rem}.form_header_title{color:#7cb342;font-size:1.5rem;font-weight:600;text-align:center}.login_register_btn{background:linear-gradient(45deg,#1f5bf3,#00a5ff);color:#f0f0f0;padding:.8rem 4rem;border-radius:50px}button:focus{outline:none!important}.btn_spacing{padding:1rem 0 2rem 0}.form_bottom{display:flex;justify-content:center;align-items:center;color:#7cb342}.form_bottom_action{font-weight:600;cursor:pointer}.auth_form_container input[type=text]:focus{outline:none!important;outline-offset:0!important}@media (max-width:425px){.online_class_image img{width:300px}}.classes-header{height:60px;display:flex;align-items:center;margin-bottom:10px}.classes-header span{font-size:18px;font-weight:600;color:#7cb342}.live_classes_wrapper{display:grid;grid:repeat(auto-fill,minmax(auto,10em))/repeat(auto-fill,minmax(20em,1fr));grid-gap:1rem}.live_classes_card{background:linear-gradient(180deg,#478108,#7cb342);border-radius:10px}.classes_card_header{justify-content:space-between;background:rgba(0,0,0,.2);border-top-left-radius:10px;border-top-right-radius:10px;color:#fff}.classes_card_header,.classes_name_status{display:flex;align-items:center;padding:.7rem}.classes_name{font-size:1.4rem;font-weight:700;color:#fff;padding-right:1rem}.classes_status{background:#fff;padding:.1rem .7rem;border-radius:20px;font-size:12px}.classes_status i{padding-right:5px}.classes_duration_join{display:flex;justify-content:space-between;padding:.7rem}.classes_duration{color:#fff}.classes_duration i{padding-right:5px}.classes_join_btn{background:#fff;padding:.1rem .7rem;border-radius:20px;cursor:pointer}.classes_join_btn i{color:#7cb342}.classes_join_btn span{font-size:14px;font-weight:600;padding-left:5px;color:#478108}.offline_red{color:red}.online_green{color:green}.dialog_box{position:fixed;height:250px;width:400px;border:1px solid #ddd;background:hsla(0,0%,100%,.95);top:calc(50% - 125px);left:calc(50% - 180px);box-shadow:0 0 30px #aaa;display:flex;flex-direction:column;align-items:center}.dialog_content{padding:2rem 1rem;font-weight:600}.dialog_box_loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #7cb342;width:80px;height:80px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}