@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@700&family=Lato:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Patua+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Signika:wght@700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:60px;box-sizing:border-box;min-width:100vw;max-width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}body,html{background-color:#fff!important}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.modal-open .modal{z-index:1300}.high-z-index,.modal-open .modal{overflow-x:hidden;overflow-y:auto}.high-z-index{position:relative;z-index:10000}.custom-checkbox-root .MuiSvgIcon-root{width:45px;height:45px}.login-form{width:100%;max-width:343px;margin:auto;text-align:left;background-color:#fff;padding:20px;border-radius:10px;box-shadow:1px 3px 5px 5px rgba(0,0,0,.1);position:relative}.text-center{text-align:center}.wrapper-center{width:100vw;height:95vh;display:flex;justify-content:center;align-items:center;position:absolute}.onMountAnimation{-webkit-animation:onMount 10s ease-out forwards;animation:onMount 10s ease-out forwards}@-webkit-keyframes onMount{0%{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes onMount{0%{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}to{-webkit-transform:translate(0);transform:translate(0)}}.onMountAnimation2{-webkit-animation:onMount2 10s ease-out forwards;animation:onMount2 10s ease-out forwards}@-webkit-keyframes onMount2{0%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes onMount2{0%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}to{-webkit-transform:translate(0);transform:translate(0)}}.background-blur{position:absolute;width:100%;height:100%;background:hsla(0,0%,100%,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18);margin:0;padding:0;top:0;left:0}.zIndexHigh{z-index:1e+50}.user-list{display:flex;justify-content:space-between;align-items:center}@media (min-width:576px){.modal-dialog{max-width:700px!important}}.full-viewport{width:100vw;height:100vh;position:absolute;display:flex;top:0;bottom:0;justify-content:center;align-items:center;background:hsla(0,0%,100%,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.77);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;z-index:20!important;text-align:left;max-height:900px}.fade-in{-webkit-animation-name:fade-in 10s forwards!important;animation-name:fade-in 10s forwards!important}@-webkit-keyframes fade-in{0%{opacity:0!important;-webkit-transform:translateY(10%)!important;transform:translateY(10%)!important}to{opacity:1!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}@keyframes fade-in{0%{opacity:0!important;-webkit-transform:translateY(10%)!important;transform:translateY(10%)!important}to{opacity:1!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}.pdf-print-card{position:absolute!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.pdf-print-card-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;padding:0}.pdf-print-card-wrapper .table-bordered td,.pdf-print-card-wrapper .table-bordered th{border:1px solid #686868}.invisible-text{color:transparent;display:invisible}.icon-right-side-wrapper{height:100%;display:flex;justify-content:right;align-items:space-between;position:absolute;right:10px;width:20%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:50px;opacity:0;transition:.2s;-webkit-transform-origin:center middle;transform-origin:center middle}.pos-rel:hover .icon-right-side-wrapper{opacity:1}.pos-rel{position:relative;display:flex;justify-content:flex-start;align-items:center}.onHoverScale{position:relative;-webkit-transform:scale(.9);transform:scale(.9);transition:.2s;cursor:pointer;opacity:0}.hoverKey1:hover .onHoverScale,.onHoverScale:hover{-webkit-transform:scale(1);transform:scale(1);opacity:1}.cursor-pointer{cursor:pointer!important}.background-shadow-model>*{box-shadow:14px 8px 78px -10px rgba(30,30,60,.46)!important}.modal-content{box-shadow:14px 8px 78px -10px rgba(30,30,60,.86)!important}.grid_with-two-colomns{display:grid;grid-template-columns:1fr;grid-template-rows:100px 100px;grid-gap:0 0;gap:0 0;grid-template-areas:"."}.max-width{max-width:500px;margin:auto}.jumbotron{background-color:#fff!important}.course-card{transition:all .2s;min-width:300px}.course-card:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.text-align-left{text-align:left}.fcc{display:flex;justify-content:center;align-items:center}.greeting-head{padding:10px 0;border-radius:6px}.greeting-head,.info-boxes{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%}.info-boxes{margin:30px 0;flex-direction:row}.info-boxes *{padding:0 5px}.icon-info-box{margin-bottom:10px}.infoBoxContent{margin:10px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;text-align:left}.percent100{display:inline;height:100px;position:relative;padding:0 10px;margin-right:24px;font-weight:300;text-align:right}.inputBoxValue{bottom:10px;right:10px;font-size:40px;text-align:right}.inputBoxValue,.upDownRise{position:absolute;font-weight:400}.upDownRise{top:15px;right:12px;color:red}.card-wrapper{min-width:170px;position:relative;padding:0;width:100%;border-radius:6px;margin:0 15px;box-shadow:0 10px 50px rgba(0,0,0,.1)}.info-boxes div:first-child{margin-left:0}.lastChild{margin-right:0}@media (max-width:900px){.info-boxes{padding:0 20px;flex-wrap:wrap}.info-boxes>*{margin:20px 0}.info-boxes div:first-child{margin-left:0}}.dashboard-wrapper{margin:40px 60px;font-family:"Roboto",sans-serif;padding-bottom:50px}@media (max-width:900px){.dashboard-wrapper{overflow-y:scroll!important;margin:0}}.text-white{color:#fff}.center-center{display:flex;justify-content:center;align-items:center;flex-direction:row}.green-success-icon{color:#607a17;fill:#607a17!important}.grid-flex-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-item{transition:all .2s;box-shadow:0 19px 19px -11px rgba(30,30,60,.15)!important}.details-text{background-color:transparent!important;margin:10px!important}.course-page-head{margin:50px 30px 20px}.page-alpha-wrapper{margin:0 auto;max-width:1500px}.filter-icon{cursor:pointer;transition:all .1s}.filter-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.filter-select-box{margin:10px 0}.edit-course{opacity:0;cursor:pointer;transition:all .2s}.course-card-2{transition:all .2s;min-width:300px}.course-card:hover .edit-course{opacity:1}.course-card:hover .grid-item{box-shadow:0 19px 19px -11px rgba(30,30,60,.2)!important}.filter-taps{background:grey!important}.scale-on{-webkit-transform:scale(1);transform:scale(1);opacity:1}.scale-off,.scale-on{position:fixed;right:30px;bottom:30px;z-index:1;transition:all .3s}.scale-off{-webkit-transform:scale(0);transform:scale(0);opacity:0}.save-button{padding:30px;display:block;background-color:green;color:#fff;text-align:center;position:fixed!important;bottom:30px!important;right:30px!important;-webkit-animation:up-and-down 1s infinite alternate;animation:up-and-down 1s infinite alternate;z-index:10;max-height:40px}@-webkit-keyframes up-and-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}@keyframes up-and-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}.perfect-width-for-dropdown{max-width:300px!important;width:300px!important;min-width:300px!important;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden}.perfect-width-for-dropdown-text{max-width:100%!important;width:100%!important;min-width:100%!important;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;display:inline!important}.perfect-width-for-dropdown2{max-width:280px!important;width:280px!important;min-width:280px!important;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden}.max-height{max-height:300px!important;overflow-y:scroll!important}.overflow-x-hidden{max-width:100vw;overflow-x:hidden}.course-item{margin-left:5px;font-weight:600}.table-width{margin:auto}.drop-shadow-bg>div{box-shadow:0 19px 19px 6px rgba(30,30,60,.1)}