.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#7451f8;font-size:18px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{margin-top:20px;padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:12px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#f0f0f0;transition:background-color .3s ease-in-out}.sidebar .center ul li .icon{color:#7451f8;font-size:20px}.sidebar .center ul li span{color:#888;font-size:14px;font-weight:600;margin-left:10px}.sidebar .center ul li.active{background-color:#7451f8;color:#fff}.sidebar .center .dropdown{margin-bottom:10px;margin-right:10px;position:relative}.sidebar .center .dropdown select{background-color:#fff;border:2px solid #7451f8;border-radius:5px;color:#333;cursor:pointer;font-size:14px;outline:none;padding:10px;transition:border-color .3s ease-in-out;width:100%}.sidebar .center .dropdown select option[selected]{background-color:#7451f8;color:#fff}.sidebar .center .dropdown select:focus,.sidebar .center .dropdown select:hover{border-color:#9a7ff4}.sidebar .center .dropdown:after{color:#7451f8;pointer-events:none;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .3s ease-in-out}.sidebar .center .dropdown:hover:after,select:focus~.sidebar .center .dropdown:after{color:#9a7ff4}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin-right:10px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#00008b}.navbar{border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .wrapper .search input{background:transparent;border:none;outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:12px}.navbar .wrapper .search input:-ms-input-placeholder{font-size:12px}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .items{align-items:center;display:flex}.navbar .wrapper .items .logo{color:#7451f8;font-size:17px;font-weight:500}.navbar .wrapper .items .item,.navbar .wrapper .items .logo{align-items:center;display:flex;margin-right:20px;position:relative}.navbar .wrapper .items .item .Icon{color:#7451f8;font-size:20px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.home{display:flex}.home .homeContainer{flex:6 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;height:100px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{color:#a0a0a0;font-size:14px;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:30px}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.chart{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:gray;flex:4 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#e4e1e1}.testHome{display:flex}.testHome .homeContainer{flex:6 1}.testHome .homeContainer .beatLoader{align-items:center;display:flex;height:100vh;justify-content:center}.testHome .homeContainer .widgets{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.testHome .homeContainer .widgets .widgetWrapper{width:100%}.testHome .homeContainer .charts{padding:20px}.testHome .homeContainer .listContainer{box-shadow:0 4px 10px rgba(0,0,0,.1);margin:20px;padding:20px}.testHome .homeContainer .listContainer .listTitle{color:#555;font-weight:500;margin-bottom:15px}.testHome .homeContainer .categoryNotSelectedMessage,.testHome .homeContainer .noDataFoundMessage{align-items:center;background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;color:#555;display:flex;justify-content:center;margin:auto;padding:20px;text-align:center}.testwidget{border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:auto;justify-content:space-between;padding:25px;-webkit-transform:scale(.95);transform:scale(.95);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:auto}.testwidget:hover{-webkit-transform:scale(1);transform:scale(1)}.testwidget .top{align-items:center;display:flex;justify-content:space-between}.testwidget .top .quiz-info{display:flex;flex-direction:column}.testwidget .top .quiz-name{color:#333;font-size:18px;font-weight:700}.testwidget .top .quiz-no{font-size:14px;font-weight:400}.testwidget .quiz-image{align-items:center;display:flex;justify-content:center;margin:20px 0}.testwidget .quiz-image img{border-radius:10px;max-height:150px;object-fit:cover;width:100%}.testwidget .bottom{align-items:center;display:flex;justify-content:space-between}.testwidget .bottom .no-of-questions{color:gray;font-size:14px;font-weight:700;margin-bottom:10px}.testwidget .bottom .start-quiz{background-color:#7451f8;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;outline:none;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.testwidget .bottom .start-quiz:before{content:"Proceed";display:inline-block}.testwidget .bottom .start-quiz:hover{background-color:#fff;border-color:#7451f8;color:#7451f8}.testwidget .bottom .start-quiz:disabled{background-color:#04b704;cursor:not-allowed}.testwidget .bottom .start-quiz:disabled:before{content:"Completed"}.testwidget .bottom .start-quiz:disabled:hover{background-color:#fff;border-color:#04b704;color:#04b704}.testwidget .bottom .start-quiz:focus{box-shadow:0 0 6px rgba(116,81,248,.8)}.login{align-items:center;background-color:#fff;border-radius:4px;box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);display:flex;flex-direction:column;margin:100px auto;padding:20px;width:300px}.login h4{color:#030303;font-size:24px;font-weight:500;margin-bottom:20px}.login .header{margin-bottom:20px;text-align:center}.login .dashboardHeading{color:#7451f8;font-size:26px;font-weight:700}.login .formGroup{margin-bottom:20px;width:100%}.login .formGroup label{color:gray;display:block;margin-bottom:5px}.login .formGroup input{border:1px solid #ccc;border-radius:4px;padding:10px;width:-webkit-fill-available}.login .error{color:red;font-size:14px;margin:10px}.login button[type=submit]{background-color:#7451f8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:100%}.login button[type=submit]:hover{background-color:#6439ff}.footer{padding:20px}.profile{display:flex;width:100%}.profile .profileContainer{flex:6 1}.profile .profileContainer .top{display:flex;gap:20px;padding:20px}.profile .profileContainer .top .left{box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);flex:1 1;padding:20px;position:relative}.profile .profileContainer .top .left .icon{color:#7451f8}.profile .profileContainer .top .left .editButton{background-color:rgba(247,246,249,.094);border:1px dotted #7451f8;border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;font-weight:700;padding:5px;position:absolute;right:0;top:0}.profile .profileContainer .top .left .editButton:hover{background-color:#b5b5fa;color:#fff}.profile .profileContainer .top .left .item{display:flex;gap:20px}.profile .profileContainer .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.profile .profileContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.profile .profileContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.profile .profileContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.profile .profileContainer .top .left .item .details .detailItem .itemValue{font-weight:400}.profile .profileContainer .top .right{flex:2 1}.profile .profileContainer .bottom{box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);margin:10px 20px;padding:20px}.profile .profileContainer .title{color:gray;font-size:16px;margin-bottom:20px}.notFound{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:center}.notFound .notFoundContainer{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);padding:30px;text-align:center}.notFound .notFoundContainer .notFoundTitle{color:#7451f8;font-size:2rem}.notFound .notFoundContainer .notFoundMessage{color:#666;font-size:1.2rem;margin:20px 0}.notFound .notFoundContainer .loginButton{background:#888;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:12px 24px;text-decoration:none;transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease}.notFound .notFoundContainer .loginButton:hover{background-color:#7451f8;-webkit-transform:scale(1.05);transform:scale(1.05)}.instruction{display:flex}.instruction .homeContainer{flex:6 1}.instruction .homeContainer .content{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:5px}.instruction .homeContainer .content .card{background-color:#f2f3f4;border-radius:30px;display:flex;flex-direction:column;justify-content:center;padding:50px;width:90vw}.instruction .homeContainer .content .heading{font-size:25px;font-weight:700;margin-bottom:20px;text-align:center}.instruction .homeContainer .content .description{margin-bottom:30px;text-align:justify}.instruction .homeContainer .content .beginButton{background-color:#7451f8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.instruction .homeContainer .content .beginButton:hover{background-color:#5a38d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.test-question-page{align-items:center;align-items:flex-start;background-color:#f0f2f5;color:#202124;display:flex;font-family:Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(60,64,67,.15),0 1px 2px rgba(60,64,67,.3);max-width:600px;padding:30px;width:100%}.question{font-size:1.2rem;font-weight:700;margin-bottom:20px;text-align:left}.options{flex-direction:column;margin-bottom:20px}.option-row,.options{display:flex;gap:15px}.option{border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;transition:background-color .3s,box-shadow .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s,box-shadow .3s;transition:background-color .3s,transform .3s,box-shadow .3s,-webkit-transform .3s}.option:hover{background-color:#f8f9fa;box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.option input[type=radio]{color:#7451f8;margin:10px}.optionImage{height:250px;margin-left:20px;object-fit:contain;width:250px}.itemImg{border-radius:0;margin-bottom:10px;margin-top:10px;max-height:200px;object-fit:contain;width:100%}.buttons{display:flex;justify-content:space-between;margin-top:10px}.nextButton,.previousButton{background-color:#7451f8;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;margin:5px;padding:10px 20px;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.nextButton:disabled,.previousButton:disabled{background-color:#ddd;cursor:not-allowed}.nextButton:hover:not(:disabled),.previousButton:hover:not(:disabled){background-color:#5a38d4;-webkit-transform:scale(1.02);transform:scale(1.02)}.progress{background-color:#eee;border-radius:5px;height:10px;overflow:hidden;width:100%}.progress::-webkit-progress-value{background-color:#5a38d4}.timer{color:#7451f8;font-size:18px;font-weight:700;margin-bottom:20px}.loading-message{color:#555;font-size:24px;padding:15% 0;text-align:center}.beginButton{background-color:#7451f8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:15px;padding:.5rem 1.5rem;transition:background-color .3s ease-in-out}.beginButton:hover{background-color:#5a38d4}.reviewQuestionsList{display:flex;width:100%}.reviewQuestionsList .listContainer{flex:6 1}.datatable{height:600px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.datatable .cellWithStatus.pending{background-color:rgba(255,217,0,.05);color:#daa520}.datatable .cellWithStatus.passive{background-color:rgba(255,0,0,.05);color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px;width:400px}.datatable .deleteButton,.datatable .resultButton,.datatable .viewButton{border:1px solid transparent;border-radius:5px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.datatable .viewButton{background-color:rgba(0,0,139,.1);color:#00008b}.datatable .deleteButton{background-color:rgba(220,20,60,.1);color:crimson}.datatable .resultButton{background-color:rgba(220,197,20,.1);color:#838300}.datatable .deleteButton:hover,.datatable .resultButton:hover,.datatable .viewButton:hover{border-color:rgba(0,0,0,.2)}.cellWithStatus{border-radius:5px;padding:5px}.cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.cellWithStatus.pending{background-color:rgba(255,217,0,.05);color:#daa520}.cellWithStatus.Inactive,.cellWithStatus.blocked,.cellWithStatus.inactive{background-color:rgba(255,0,0,.05);color:crimson}.noImagePlaceholder,.noTextPlaceholder{color:#999;font-style:italic;justify-content:center;width:100%}.cellWithText,.noImagePlaceholder,.noTextPlaceholder{align-items:center;display:flex;height:100%}.cellWithText span{margin:0;padding:0}.endQuiz{background-color:#f4f4f8;display:flex;flex-direction:column;min-height:100vh}.endQuiz .content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.endQuiz .card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:400px;padding:2rem;text-align:center;width:100%}.endQuiz .card .heading{font-family:Roboto,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1rem}.endQuiz .card .subheading{color:#666;font-family:Roboto,sans-serif;font-size:1.2rem;margin-bottom:1.5rem}.endQuiz .card .beginButton{background-color:#7451f8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;padding:.5rem 1.5rem;transition:background-color .3s ease-in-out}.endQuiz .card .beginButton:hover{background-color:#5a38d4}.endQuiz .card .loadingText{font-family:Roboto,sans-serif;font-size:1.5rem}@media(max-width:768px){.endQuiz .card{max-width:90%}}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{display:flex;gap:20px;padding:20px}.single .singleContainer .top .left{box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);flex:1 1;padding:20px;position:relative}.single .singleContainer .top .left .icon{color:#7451f8}.single .singleContainer .top .left .editButton{background-color:rgba(247,246,249,.094);border:1px dotted #7451f8;border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;font-weight:700;padding:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .editButton:hover{background-color:#b5b5fa;color:#fff}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:400}.single .singleContainer .top .right{flex:2 1}.single .singleContainer .bottom{box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);margin:10px 20px;padding:20px}.single .singleContainer .title{color:gray;font-size:16px;margin-bottom:20px}.questionSingle{display:flex;width:100%}.questionSingle .singleContainer{flex:6 1}.questionSingle .singleContainer .top{display:flex;gap:20px;padding:20px}.questionSingle .singleContainer .top .left{box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);flex:1 1;padding:20px;position:relative}.questionSingle .singleContainer .top .left .editButton{background-color:rgba(247,246,249,.094);border:1px dotted #7451f8;border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;font-weight:700;padding:5px;position:absolute;right:0;top:0}.questionSingle .singleContainer .top .left .editButton:hover{background-color:#b5b5fa;color:#fff}.questionSingle .singleContainer .top .left .title{color:#555;font-size:x-large}.questionSingle .singleContainer .top .left .item .details .fieldname{color:#000;font-weight:700}.questionSingle .singleContainer .top .left .item .details .questionImage{height:350px;width:350px}.questionSingle .singleContainer .top .left .item .details .quiz,.questionSingle .singleContainer .top .left .item .details .status{font-weight:700;margin-bottom:10px}.questionSingle .singleContainer .top .left .item .details .quizStatus{color:#333;font-size:18px;font-weight:400}.questionSingle .singleContainer .top .left .item .details .quizStatus.active{color:green}.questionSingle .singleContainer .top .left .item .details p{color:#333;font-size:18px;font-weight:400;margin-bottom:10px}.questionSingle .singleContainer .top .left .item .details .itemTitle{color:#000;margin-bottom:10px;margin-top:20px}.questionSingle .singleContainer .top .left .item .details .questionImage{border-radius:10px;margin-bottom:10px;margin-top:10px;max-height:250px;object-fit:contain;width:100%}.questionSingle .singleContainer .top .left .item .details .options .option{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:5px;padding:20px}.questionSingle .singleContainer .top .left .item .details .options .option .optionImage{height:250px;object-fit:contain;width:250px}.questionSingle .singleContainer .top .left .item .details .correctImage{aspect-ratio:4/3;height:auto;max-width:auto;object-fit:contain}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#7451f8;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .bottom .right form .formInput select,.new .newContainer .top .right form .formInput input,.new .newContainer .top .right form .formInput select{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .newContainer .bottom .right form .formInput input:not(select),.new .newContainer .bottom .right form .formInput select:not(select),.new .newContainer .top .right form .formInput input:not(select),.new .newContainer .top .right form .formInput select:not(select){-webkit-appearance:none;appearance:none;background:transparent;font-size:inherit}.new .newContainer .bottom .right form .formSubmit,.new .newContainer .top .right form .formSubmit{text-align:right;width:100%}.new .newContainer .bottom .right form .formSubmit button,.new .newContainer .top .right form .formSubmit button{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease;width:150px}.new .newContainer .bottom .right form .formSubmit button:hover,.new .newContainer .top .right form .formSubmit button:hover{background-color:#4d30b6}.questionNew{display:flex;width:100%}.questionNew .newContainer{flex:6 1}.questionNew .newContainer .bottom,.questionNew .newContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.questionNew .newContainer .bottom h1,.questionNew .newContainer .top h1{color:#d3d3d3;font-size:20px}.questionNew .newContainer .bottom .left,.questionNew .newContainer .top .left{flex:1 1;text-align:center}.questionNew .newContainer .bottom .left img,.questionNew .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.questionNew .newContainer .bottom .right,.questionNew .newContainer .top .right{flex:2 1}.questionNew .newContainer .bottom .right .form,.questionNew .newContainer .top .right .form{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start}.questionNew .newContainer .bottom .right .form .formInput,.questionNew .newContainer .top .right .form .formInput{width:calc(50% - 15px)}.questionNew .newContainer .bottom .right .form .formInput label,.questionNew .newContainer .top .right .form .formInput label{display:block;font-weight:700;margin-bottom:8px}.questionNew .newContainer .bottom .right .form .formInput .inputContainer,.questionNew .newContainer .top .right .form .formInput .inputContainer{position:relative}.questionNew .newContainer .bottom .right .form .formInput .inputContainer input[type=file],.questionNew .newContainer .top .right .form .formInput .inputContainer input[type=file]{display:none}.questionNew .newContainer .bottom .right .form .formInput .inputContainer .uploadButton,.questionNew .newContainer .top .right .form .formInput .inputContainer .uploadButton{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.questionNew .newContainer .bottom .right .form .formInput .inputContainer .uploadButton:hover,.questionNew .newContainer .top .right .form .formInput .inputContainer .uploadButton:hover{background-color:#4d30b6}.questionNew .newContainer .bottom .right .form .formInput .inputContainer img,.questionNew .newContainer .top .right .form .formInput .inputContainer img{display:block;margin-bottom:8px;margin-top:8px;max-width:100px}.questionNew .newContainer .bottom .right .form .formInput input[type=text],.questionNew .newContainer .bottom .right .form .formInput select,.questionNew .newContainer .top .right .form .formInput input[type=text],.questionNew .newContainer .top .right .form .formInput select{border:1px solid #ccc;border-radius:5px;padding:10px;transition:border-color .3s ease;width:95%}.questionNew .newContainer .bottom .right .form .formInput input[type=text]:hover,.questionNew .newContainer .bottom .right .form .formInput select:hover,.questionNew .newContainer .top .right .form .formInput input[type=text]:hover,.questionNew .newContainer .top .right .form .formInput select:hover{border-color:#999}.questionNew .newContainer .bottom .right .form .formInput input[type=text]:focus,.questionNew .newContainer .bottom .right .form .formInput select:focus,.questionNew .newContainer .top .right .form .formInput input[type=text]:focus,.questionNew .newContainer .top .right .form .formInput select:focus{border-color:#555;outline:none}.questionNew .newContainer .bottom .right .form .formSubmit,.questionNew .newContainer .top .right .form .formSubmit{text-align:right;width:100%}.questionNew .newContainer .bottom .right .form .formSubmit button,.questionNew .newContainer .top .right .form .formSubmit button{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease;width:150px}.questionNew .newContainer .bottom .right .form .formSubmit button:hover,.questionNew .newContainer .top .right .form .formSubmit button:hover{background-color:#4d30b6}.update{display:flex;width:100%}.update .updateContainer{flex:6 1}.update .updateContainer .bottom,.update .updateContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.update .updateContainer .bottom h1,.update .updateContainer .top h1{color:#7451f8;font-size:20px}.update .updateContainer .bottom .left,.update .updateContainer .top .left{flex:1 1;text-align:center}.update .updateContainer .bottom .left img,.update .updateContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.update .updateContainer .bottom .right,.update .updateContainer .top .right{flex:2 1}.update .updateContainer .bottom .right form,.update .updateContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start}.update .updateContainer .bottom .right form .formInput,.update .updateContainer .top .right form .formInput{width:40%}.update .updateContainer .bottom .right form .formInput label,.update .updateContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.update .updateContainer .bottom .right form .formInput label .icon,.update .updateContainer .top .right form .formInput label .icon{cursor:pointer}.update .updateContainer .bottom .right form .formInput input,.update .updateContainer .bottom .right form .formInput select,.update .updateContainer .top .right form .formInput input,.update .updateContainer .top .right form .formInput select{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.update .updateContainer .bottom .right form .formInput select,.update .updateContainer .top .right form .formInput select{margin-top:5px}.update .updateContainer .bottom .right form button,.update .updateContainer .top .right form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.questionUpdate{display:flex;width:100%}.questionUpdate .updateContainer{flex:6 1}.questionUpdate .updateContainer .bottom,.questionUpdate .updateContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.questionUpdate .updateContainer .bottom h1,.questionUpdate .updateContainer .top h1{color:#d3d3d3;font-size:20px}.questionUpdate .updateContainer .bottom .left,.questionUpdate .updateContainer .top .left{flex:1 1;text-align:center}.questionUpdate .updateContainer .bottom .left img,.questionUpdate .updateContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.questionUpdate .updateContainer .bottom .right,.questionUpdate .updateContainer .top .right{flex:2 1}.questionUpdate .updateContainer .bottom .right .form,.questionUpdate .updateContainer .top .right .form{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start}.questionUpdate .updateContainer .bottom .right .form .formInput,.questionUpdate .updateContainer .top .right .form .formInput{width:calc(50% - 15px)}.questionUpdate .updateContainer .bottom .right .form .formInput label,.questionUpdate .updateContainer .top .right .form .formInput label{display:block;font-weight:700;margin-bottom:8px}.questionUpdate .updateContainer .bottom .right .form .formInput .inputContainer,.questionUpdate .updateContainer .top .right .form .formInput .inputContainer{position:relative}.questionUpdate .updateContainer .bottom .right .form .formInput .inputContainer input[type=file],.questionUpdate .updateContainer .top .right .form .formInput .inputContainer input[type=file]{display:none}.questionUpdate .updateContainer .bottom .right .form .formInput .inputContainer .uploadButton,.questionUpdate .updateContainer .top .right .form .formInput .inputContainer .uploadButton{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.questionUpdate .updateContainer .bottom .right .form .formInput .inputContainer .uploadButton:hover,.questionUpdate .updateContainer .top .right .form .formInput .inputContainer .uploadButton:hover{background-color:#4d30b6}.questionUpdate .updateContainer .bottom .right .form .formInput .inputContainer img,.questionUpdate .updateContainer .top .right .form .formInput .inputContainer img{display:flex;margin-bottom:8px;margin-top:8px;max-width:100px;object-fit:contain}.questionUpdate .updateContainer .bottom .right .form .formInput input[type=text],.questionUpdate .updateContainer .bottom .right .form .formInput select,.questionUpdate .updateContainer .top .right .form .formInput input[type=text],.questionUpdate .updateContainer .top .right .form .formInput select{border:1px solid #ccc;border-radius:5px;padding:10px;transition:border-color .3s ease;width:95%}.questionUpdate .updateContainer .bottom .right .form .formInput input[type=text]:hover,.questionUpdate .updateContainer .bottom .right .form .formInput select:hover,.questionUpdate .updateContainer .top .right .form .formInput input[type=text]:hover,.questionUpdate .updateContainer .top .right .form .formInput select:hover{border-color:#999}.questionUpdate .updateContainer .bottom .right .form .formInput input[type=text]:focus,.questionUpdate .updateContainer .bottom .right .form .formInput select:focus,.questionUpdate .updateContainer .top .right .form .formInput input[type=text]:focus,.questionUpdate .updateContainer .top .right .form .formInput select:focus{border-color:#555;outline:none}.questionUpdate .updateContainer .bottom .right .form .formUpdate,.questionUpdate .updateContainer .top .right .form .formUpdate{text-align:right;width:100%}.questionUpdate .updateContainer .bottom .right .form .formUpdate button,.questionUpdate .updateContainer .top .right .form .formUpdate button{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease;width:150px}.questionUpdate .updateContainer .bottom .right .form .formUpdate button:hover,.questionUpdate .updateContainer .top .right .form .formUpdate button:hover{background-color:#4d30b6}.questionUpdate .updateContainer .bottom .right .form .formUpdate .formCencel,.questionUpdate .updateContainer .top .right .form .formUpdate .formCencel{text-align:right;width:100%}.questionUpdate .updateContainer .bottom .right .form .formUpdate .formCencel button,.questionUpdate .updateContainer .top .right .form .formUpdate .formCencel button{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:20px;padding:10px 20px;transition:background-color .3s ease;width:150px}.questionUpdate .updateContainer .bottom .right .form .formUpdate .formCencel button:hover,.questionUpdate .updateContainer .top .right .form .formUpdate .formCencel button:hover{background-color:#4d30b6}.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:transparent}.registrationWidgetWrapper{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.registrationWidget{align-items:center;background-color:#f8f8f8;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;height:60px;justify-content:space-between;padding:15px;transition:all .3s ease-in-out;width:100%}.registrationWidget:hover{background-color:#fff;box-shadow:0 6px 15px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.registrationWidget .left{align-items:flex-start;display:flex;flex-direction:column}.registrationWidget .left .title{color:#333;font-size:16px;font-weight:700;margin-bottom:5px;margin-top:5px}.registrationWidget .left .counter{color:#7451f8;font-size:20px;font-weight:700;margin-bottom:5px}.registrationWidget .left .link{border-bottom:1px solid #ccc;color:#777;cursor:pointer;font-size:10px;margin-bottom:5px;padding-bottom:2px}.registrationWidget .right{align-items:center;display:flex}.registrationWidget .right .icon{background-color:#7451f8;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.1);color:#fff;font-size:30px;margin-left:15px;padding:10px}.registrationDatatable{height:600px;margin-top:0;padding:20px}.registrationDatatable .datatableTitle{align-items:center;color:#7451f8;display:flex;font-size:24px;font-weight:700;justify-content:space-between;margin-bottom:10px;width:100%}.registrationDatatable .datatableTitle .link{border:1px solid #7451f8;border-radius:5px;color:#7451f8;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.registrationDatatable .cellWithImg{align-items:center;display:flex}.registrationDatatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.registrationDatatable .cellWithStatus{border-radius:5px;padding:5px}.registrationDatatable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.registrationDatatable .cellWithStatus.blocked,.registrationDatatable .cellWithStatus.inactive{background-color:rgba(255,0,0,.05);color:crimson}.registrationDatatable .cellAction{align-items:center;display:flex;gap:15px;width:400px}.registrationDatatable .RegistrationSlipButton,.registrationDatatable .admitCardButton,.registrationDatatable .editButton{border:1px solid transparent;border-radius:5px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.registrationDatatable .editButton{background-color:rgba(0,0,139,.1);color:#00008b}.registrationDatatable .admitCardButton{background-color:rgba(0,128,0,.1);color:green}.registrationDatatable .RegistrationSlipButton{background-color:rgba(128,0,128,.1);color:purple}.registrationDatatable .RegistrationSlipButton:hover,.registrationDatatable .admitCardButton:hover,.registrationDatatable .editButton:hover{border-color:rgba(0,0,0,.2)}.registrationDatatable .css-1knaqv7-MuiButtonBase-root-MuiButton-root{color:#000}.registrationNew{display:flex;font-family:Open Sans,sans-serif;justify-content:center}.registrationNew .newContainer{max-width:1050px;width:100%}.registrationNew .newContainer .top{background-color:rgba(116,81,248,.831);margin:30px 30px 20px;text-align:center;width:95%}.registrationNew .newContainer .top h1{-webkit-text-fill-color:transparent;background:#fff;-webkit-background-clip:text;font-size:30px;font-weight:700;margin-bottom:40px}.registrationNew .newContainer .bottom{box-shadow:2px 4px 10px 1px rgba(0,0,0,.1);display:flex;justify-content:center;margin:30px;width:95%}.registrationNew .newContainer .bottom .formContainer{background-color:#fff;border-radius:8px;box-shadow:0 0 20px 1px rgba(0,0,0,.1);padding:40px}.registrationNew .newContainer .bottom .sectionHeading{color:#7451f8;font-family:Roboto,sans-serif;font-size:25px;margin-bottom:20px;margin-top:20px}.registrationNew .newContainer .bottom .section{display:flex;flex-direction:column;margin-bottom:40px}.registrationNew .newContainer .bottom .section .formInput{align-items:center;flex-basis:50%;margin-bottom:20px}.registrationNew .newContainer .bottom .section .formInput label{color:#4e4d4d;display:block;font-weight:700;margin-bottom:10px;position:relative}.registrationNew .newContainer .bottom .section .formInput .required-asterisk{color:red;margin-left:5px}.registrationNew .newContainer .bottom .section .formInput input,.registrationNew .newContainer .bottom .section .formInput select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;margin-right:10px;padding:12px;transition:border-color .3s ease;width:100%}.registrationNew .newContainer .bottom .section .formInput input:focus,.registrationNew .newContainer .bottom .section .formInput select:focus{border-color:#410ff5;outline:none}.registrationNew .newContainer .bottom .section .formInput.error input,.registrationNew .newContainer .bottom .section .formInput.error select{border-color:red!important}.registrationNew .newContainer .bottom .formSubmit{text-align:right;width:100%}.registrationNew .newContainer .bottom .formSubmit button{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px;transition:background-color .3s ease;width:150px}.registrationNew .newContainer .bottom .formSubmit button:hover{background-color:#4d30b6}.registrationNew .newContainer .bottom .formSubmit button:disabled{cursor:not-allowed}@media(max-width:768px){.registrationNew .newContainer .bottom .section .formInput{flex-basis:100%}}.registrationUpdate{display:flex;font-family:Open Sans,sans-serif;justify-content:center}.registrationUpdate .updateContainer{max-width:1050px;width:100%}.registrationUpdate .updateContainer .top{background-color:rgba(116,81,248,.831);margin:30px 30px 20px;text-align:center;width:95%}.registrationUpdate .updateContainer .top h1{-webkit-text-fill-color:transparent;background:#fff;-webkit-background-clip:text;font-family:Open Sans,sans-serif;font-size:30px;font-weight:700;margin-bottom:40px}.registrationUpdate .updateContainer .bottom{box-shadow:2px 4px 10px 1px rgba(0,0,0,.1);display:flex;justify-content:center;margin:30px;width:95%}.registrationUpdate .updateContainer .bottom .formContainer{background-color:#fff;border-radius:8px;box-shadow:0 0 20px 1px rgba(0,0,0,.1);padding:40px}.registrationUpdate .updateContainer .bottom .sectionHeading{color:#7451f8;font-family:Roboto,sans-serif;font-size:25px;margin-bottom:20px;margin-top:20px}.registrationUpdate .updateContainer .bottom .section{display:flex;flex-direction:column;margin-bottom:40px}.registrationUpdate .updateContainer .bottom .section .formInput{align-items:center;flex-basis:50%;margin-bottom:20px}.registrationUpdate .updateContainer .bottom .section .formInput label{color:#4e4d4d;display:block;font-weight:700;margin-bottom:10px;position:relative}.registrationUpdate .updateContainer .bottom .section .formInput .required-asterisk{color:red;margin-left:5px}.registrationUpdate .updateContainer .bottom .section .formInput input,.registrationUpdate .updateContainer .bottom .section .formInput select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;margin-right:10px;padding:12px;transition:border-color .3s ease;width:100%}.registrationUpdate .updateContainer .bottom .section .formInput input:focus,.registrationUpdate .updateContainer .bottom .section .formInput select:focus{border-color:#410ff5;outline:none}.registrationUpdate .updateContainer .bottom .section .formInput.error input,.registrationUpdate .updateContainer .bottom .section .formInput.error select{border-color:red!important}.registrationUpdate .updateContainer .bottom .formUpdate{text-align:right;width:100%}.registrationUpdate .updateContainer .bottom .formUpdate button{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px;transition:background-color .3s ease;width:150px}.registrationUpdate .updateContainer .bottom .formUpdate button:hover{background-color:#4d30b6}.registrationUpdate .updateContainer .bottom .formCencel{text-align:right;width:100%}.registrationUpdate .updateContainer .bottom .formCencel button{background-color:#7451f8;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:20px;padding:10px 20px;transition:background-color .3s ease;width:150px}.registrationUpdate .updateContainer .bottom .formCencel button:hover{background-color:#4d30b6}@media(max-width:768px){.registrationUpdate .updateContainer .bottom .formCencel .section .formInput{flex-basis:100%}}
/*# sourceMappingURL=main.4d169320.css.map*/