/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 11, 2021 */@font-face{font-family:"proxima_novabold";src:url(/static/media/proximanova-bold-webfont.d3d2edc8.woff2) format("woff2"),url(/static/media/proximanova-bold-webfont.e0a1b1b6.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"proxima_novalight";src:url(/static/media/proximanova-light-webfont.ec06a2b0.woff2) format("woff2"),url(/static/media/proximanova-light-webfont.fd4f86cd.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"proxima_novaregular";src:url(/static/media/proximanova-reg-webfont.17635bdd.woff2) format("woff2"),url(/static/media/proximanova-reg-webfont.9ff16a0f.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"proxima_novasemibold";src:url(/static/media/proximanova-sbold-webfont.b2ea89f4.woff2) format("woff2"),url(/static/media/proximanova-sbold-webfont.2911e6b8.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"proxima_novathin";src:url(/static/media/proximanova-thin-webfont.40d1717a.woff2) format("woff2"),url(/static/media/proximanova-thin-webfont.7b0e2724.woff) format("woff");font-weight:400;font-style:normal}body,html{height:100%}body{background-color:#fff;font-family:"proxima_novaregular";box-sizing:border-box;overflow-x:hidden}#root{height:100%}.title{color:#2d4850}.row{margin-right:0}.mobile-header{min-height:8vh;width:100%;background-color:#3e3641}.mobile-header button{background-color:transparent!important;transition:none!important;box-shadow:none!important;margin-top:2vh}.wrapper{display:flex;height:92vh;width:100%}.wrapper #main-wrapper{flex:1 1 800px}.wrapper .navbar{flex:0 0 250px}#main-wrapper{overflow-y:auto}#main-wrapper hr{border:1.5px solid #dedede}#main-wrapper input.form-control,#main-wrapper select.form-select{height:54px;background-color:#fff;padding-left:16px;max-width:416px;border:1px solid #d8d8d8}#main-wrapper textarea.form-control{background-color:#fff;padding-left:16px;border:1px solid #d8d8d8}#main-wrapper input.form-control:active,#main-wrapper input.form-control:focus,#main-wrapper select.form-select:active,#main-wrapper select.form-select:focus,#main-wrapper textarea.form-control:active,#main-wrapper textarea.form-control:focus{background-color:#fff;box-shadow:none!important;border:1px solid #001a23}#main-wrapper input.form-control.is-invalid,#main-wrapper select.form-select.is-invalid,#main-wrapper textarea.form-control.is-invalid{border-color:#dc3545}#main-wrapper input.form-control.is-valid,#main-wrapper select.form-select.is-valid,#main-wrapper textarea.form-control.is-valid{border-color:#198754}#main-wrapper ::-webkit-input-placeholder{color:#9d9d9d;font-size:.8em}#main-wrapper :-ms-input-placeholder{color:#9d9d9d;font-size:.8em}#main-wrapper ::placeholder{color:#9d9d9d;font-size:.8em}#main-wrapper .row{margin-right:0}#main-wrapper .date-picker,#main-wrapper .select-input,#main-wrapper .text-input{position:relative;margin-top:-20px}#main-wrapper .date-picker label,#main-wrapper .select-input label,#main-wrapper .text-input label{position:relative;background-color:transparent}#main-wrapper p{margin-bottom:0!important}.alert{width:auto;min-width:250px;height:37px;border-radius:100px;font-family:Be Vietnam;font-style:normal;font-weight:500;font-size:14px;line-height:20px;text-align:center;position:absolute;align-content:center;display:flex;justify-content:center;align-items:center;top:1%}.alert i{font-size:18px}.alert-success{color:#0a934d;background:rgba(12,206,107,.23921568627450981)}.alert-success i{color:green}.btn-badge,.btn-badge:hover{background-color:#06a99c;color:#fff}.badges-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,330px));grid-template-rows:repeat(auto-fill,minmax(115px,115px));grid-gap:5%}.badges-wrapper .badge-card-wrapper{position:relative;width:330px}.badges-wrapper .badge-card-wrapper .info-icon{position:absolute;right:2px;top:1px}.badges-wrapper .badge-card-wrapper .info-icon i{font-size:15px;color:#6c1d5f}.badges-wrapper .badge-card-wrapper .badge-card{background:#f4f4f4 0 0 no-repeat padding-box;border-radius:4px;opacity:1;cursor:pointer;min-height:100px;display:flex;justify-content:space-evenly;align-items:center;grid-gap:10px;gap:10px}.badges-wrapper .badge-card-wrapper .badge-card img{width:50px;height:50px;flex:0 0 50px;margin-left:10px}.badges-wrapper .badge-card-wrapper .badge-card .badge-meta-wrapper{flex:1 1 228px}.badges-wrapper .badge-card-wrapper .badge-card .badge-meta-wrapper .badge-meta{width:50%;font-size:16px;color:#5c4f61}.badges-wrapper .badge-card-wrapper .badge-card .badge-meta-wrapper .badge-meta a{color:#6c1d5f;text-decoration:none}.badges-wrapper .badge-card-wrapper .badge-card .badge-meta-wrapper .row{padding:0!important}.badges-wrapper .badge-card-wrapper .badge-card .badge-meta-wrapper .badge-title{text-align:left;font-size:22px;text-transform:capitalize;color:#2d4850}footer{width:100%;padding:1%;position:fixed;bottom:0;z-index:0}@media screen and (min-width:100px){#TopNav,.navbar{display:none}.btn-badge{font-size:12px}}@media screen and (min-width:500px){.btn-badge{font-size:10px}}@media screen and (min-width:800px){#TopNav,.navbar{display:block}.mobile-header{display:none}.btn-badge{font-size:12px}}#LoginRoute .alert{z-index:3}@media screen and (min-width:300px){#LoginRoute .alert{min-width:50%}}@media screen and (min-width:700px){#LoginRoute .alert{min-width:20%}}#LoginRoute form button{min-width:169px;min-height:44px}#LoginRoute .wrapper{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap}#LoginRoute .wrapper .login-illustration{flex-grow:1;flex-basis:800px;flex-shrink:1;background-color:#06a99c;height:100vh;position:relative}#LoginRoute .wrapper .login-illustration .backgroundImage{background-image:url(/static/media/login-background.04cb6c2f.svg);position:absolute;z-index:1}@media screen and (min-width:300px){#LoginRoute .wrapper .login-illustration .backgroundImage{width:100%;left:0}}@media screen and (min-width:300px) and (min-height:400px){#LoginRoute .wrapper .login-illustration .backgroundImage{height:133%;top:-33%}}@media screen and (min-width:300px) and (min-height:700px){#LoginRoute .wrapper .login-illustration .backgroundImage{height:133%;top:-17%}}@media screen and (min-width:300px) and (min-height:800px){#LoginRoute .wrapper .login-illustration .backgroundImage{height:104%;top:-5%}}@media screen and (min-width:600px){#LoginRoute .wrapper .login-illustration .backgroundImage{width:104%;height:124%;top:-28%;left:0}}@media screen and (min-width:900px){#LoginRoute .wrapper .login-illustration .backgroundImage{width:104%;height:124%;top:-24%;left:0}}#LoginRoute .wrapper .login-illustration .meta{z-index:2;position:absolute;color:#fff;bottom:20%;left:10%}#LoginRoute .wrapper .login-illustration .meta div{font-weight:700;font-size:45px;letter-spacing:2px;line-height:54px}#LoginRoute .wrapper .login-illustration .meta span{font-weight:lighter;font-size:20px}#LoginRoute .wrapper .login-form{flex-grow:1;flex-basis:400px;flex-shrink:1;background-color:#fff;display:flex;justify-content:center;align-items:center}@media screen and (min-width:300px){#LoginRoute .wrapper .login-form form{flex:1 1}}@media screen and (min-width:800px){#LoginRoute .wrapper .login-form form{flex:0.6 1}}#LoginRoute .wrapper .login-form form .form-header{font-size:22px;font-weight:lighter;text-align:center}#LoginRoute .wrapper .btn-login-button{background-color:#06a99c;color:#fff;width:100%}.mobile-header,.navbar{height:100%;padding:0}.mobile-header .nav-item,.navbar .nav-item{font-size:1.2em}.mobile-header a,.navbar a{color:#baaed1}.mobile-header a.active,.mobile-header a:hover,.navbar a.active,.navbar a:hover{background-color:rgba(186,174,209,.270588);color:#baaed1;border-left:5px solid #8e869d}.mobile-header .side-nav,.navbar .side-nav{height:100%;width:100%;background-color:#3e3641;overflow-x:hidden;padding:1.5% 0 0;font-size:12px}.mobile-header .side-nav .user-profile,.navbar .side-nav .user-profile{height:20%;width:100%}.mobile-header .side-nav .user-profile .initials,.navbar .side-nav .user-profile .initials{height:100px;width:100px;background-color:grey;border-radius:50%;font-size:3rem;color:#baaed1;background-color:rgba(186,174,209,.270588)}.mobile-header .side-nav .user-profile .admin-email,.navbar .side-nav .user-profile .admin-email{color:#baaed1}.mobile-header .side-nav .sidebar-bottom-info,.navbar .side-nav .sidebar-bottom-info{background-color:rgba(186,174,209,.270588);color:#baaed1;position:absolute;z-index:0;left:0;bottom:2%;font-weight:500;font-size:10px;width:95%;margin-left:2.5%}.mobile-header .side-nav .sidebar-bottom-info b,.navbar .side-nav .sidebar-bottom-info b{font-weight:800}.mobile-header .side-nav .sidebar-bottom-info small,.navbar .side-nav .sidebar-bottom-info small{color:#fff}.mobile-header .side-nav .sidebar-bottom-info .lock,.navbar .side-nav .sidebar-bottom-info .lock{border:2px solid #ff715b;border-radius:50%;height:50px;width:50px}.mobile-header .side-nav .sidebar-bottom-info .lock img,.navbar .side-nav .sidebar-bottom-info .lock img{height:25px;width:15px}#TopNav{height:8vh;width:100%;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.058823529411764705)}#TopNav .btn-check:focus+.btn,#TopNav .btn:focus{outline:0;box-shadow:none}#TopNav .logout i{padding:5%;background-color:#ff715b;color:#fff;border:1px solid #ff6651;border-radius:4px;cursor:pointer}#CreateBadge #file-dropper-wrapper{position:relative}#CreateBadge #file-dropper-wrapper input#badge{border:2px dashed #a0a0a0;padding:12px 0;height:auto;position:relative;z-index:2;opacity:0}#CreateBadge #file-dropper-wrapper #file-dropper{position:absolute;top:0;display:block;z-index:1;border:1px dashed #000;border-radius:8px;padding:15px 0;width:100%;transition:all .25s ease-in}#CreateBadge #file-dropper-wrapper #file-dropper small{font-size:12px}#CreateBadge #file-dropper-wrapper #file-dropper .text-primary{color:#000!important}#CreateBadge #file-dropper-wrapper #file-dropper.sucess{background-color:rgba(5,130,65,.23529411764705882);border:2px dashed #058241;color:#07542c}#CreateBadge #file-dropper-wrapper #file-dropper.loading{background-color:rgba(21,96,154,.23529411764705882);border:2px dashed #15609a;color:#062e4d}#CreateBadge #file-dropper-wrapper #file-dropper.failure{background-color:rgba(150,30,30,.23529411764705882);border:2px dashed #961e1e;color:#4f0303}#CreateBadge #file-dropper-wrapper .remove-file-button{color:red;cursor:pointer}#CreateBadge input.form-control[type=file]{max-width:100%!important}#CreateBadge form .imagePicker{display:flex;justify-content:space-between;align-items:center;height:54px;width:100%;max-width:416px;border:1px solid #d8d8d8;background-color:#fff;margin-bottom:.5rem}#CreateBadge form #image-renderer{width:100%;border:1px solid #d3d3d3;border-radius:4px;max-width:416px}#CreateBadge form #image-renderer img{height:250px;width:320px}#CreateBadge form #image-renderer #image-render-div{position:relative}#CreateBadge form #image-renderer #image-render-div .badge-title{left:0;width:100%;text-align:center;font-weight:700;font-size:16px;color:#fff;position:absolute}#CreateBadge form #image-renderer #image-render-div .badge-difficulty{position:absolute;left:0;display:inline-flex;justify-content:center;width:100%}#CreateBadge form #image-renderer #image-render-div .badge-difficulty i{color:#f5ac08;font-size:20px}#CreateBadge form #image-renderer #image-render-div .badge-type{position:absolute;left:0;width:100%;text-align:center;color:#f5ac08}#CreateBadge form .skills div{max-width:416px}#AllBadges .nav.nav-tabs .nav-link{color:#747474;transition:none;background-color:transparent;padding:.5rem 1rem .5rem 0}#AllBadges .nav.nav-tabs .nav-link.active{border:none;border-bottom:2px solid #000;color:#5c4f61;font-weight:700}#AllBadges .nav.nav-tabs .nav-link:focus,#AllBadges .nav.nav-tabs .nav-link:hover{border-top:none;border-left:none;border-right:none}#AllBadges .badges-wrapper{margin-top:2%}#AllBadges .badges-wrapper .badge-card-wrapper .badge-card{cursor:default}#User .user-image{width:202px;height:202px;border-radius:50%;background-color:grey}#User .user-meta p{margin:0!important}#User .user-meta p span{font-size:35px;text-transform:capitalize;font-weight:500}#User .row{margin-right:0}#User .alert{left:0;margin-left:40%}.user-wrapper{height:85%;padding:0;top:10%;overflow-y:auto}.user-nav,.user-wrapper{width:100%;position:fixed}.user-nav{height:10%;top:0;left:0;opacity:1;z-index:0;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.058823529411764705);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.user-nav .brand{flex:0 0 50px;padding-left:1rem}.user-nav .user-email{flex:1 0 150px;padding-right:1rem}.user-footer{width:100%;position:fixed;bottom:0;margin-left:0;display:flex;justify-content:space-between;align-items:center;background-color:#5c4f61;flex-wrap:wrap}.user-footer .brand{flex:1 0 250px;color:#dbc7ff}.user-footer .links{flex:0 1 300px;display:inline-flex;justify-content:space-around}.user-footer .links span a{text-decoration:none;color:#dbc7ff}.verification{height:100%;width:100%;overflow-x:auto;background-color:rgba(2,2,2,.65);position:fixed;z-index:2;display:flex;justify-content:flex-start;align-items:center;top:0;left:0}.verification .dialog{margin:2%;min-width:380px;height:532px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 20px rgba(0,0,0,.1607843137254902);border-radius:4px;font-size:14px;overflow-y:auto;font-size:20px}.verification .dialog .meta-title{font-weight:700}.verification .dialog .meta-title-verified{color:#06a99c}.verification .dialog div{padding-top:3%;padding-left:3%;height:50px;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verification .dialog div i{margin-right:2%;margin-left:2%}.verification .dialog .image{width:100%;height:auto;display:inline-flex;padding:2%;justify-content:flex-end;margin-bottom:0}.verification .dialog .image img{width:190px;height:auto}@media screen and (min-width:430px){.verification{justify-content:center}}#BadgeInfo .qr-code{width:45%}#BadgeInfo .userName{text-transform:capitalize;font-weight:600}#BadgeInfo .actions{background:#5c4f61 0 0 no-repeat padding-box;border:1px solid transparent;border-radius:4px;color:#fff;width:80px;padding:5px}#BadgeInfo .badge-image img{height:250px;width:320px}#BadgeInfo .badge-image .meta-wrapper{width:180px}#BadgeInfo .badge-image .meta-wrapper .meta-title{font-weight:700;color:#2d4850}#BadgeInfo .badge-image .meta-wrapper .meta-desc{text-transform:capitalize}#BadgeInfo .badge-image .meta-wrapper p{margin:8px 0 0}#BadgeInfo .badge-image .meta-wrapper .issuance-meta{width:210px}#BadgeInfo .badge-image .meta-wrapper .issuance-meta .issued-date{color:#9d92b2}#BadgeInfo .section-title{font-size:20px;color:#2d4850;font-weight:700}#BadgeInfo .badge-title{text-transform:capitalize;font:700 22px inherit;color:#2d4850}#BadgeInfo .badge-issuer{font:normal 15px inherit;color:#9d92b2}#BadgeInfo .badge-description{color:#323232;font-size:18px}#BadgeInfo .skills{text-transform:capitalize;background:#9d92b2 0 0 no-repeat padding-box;border-radius:4px;color:#fff;font-weight:600}#BadgeInfo .criteria{list-style:none}#BadgeInfo .criteria li{color:#505050;font-size:16px}#BadgeInfo .criteria li:before{content:"\2022";color:#9d92b2;font-weight:bolder;display:inline-block;width:1rem;margin-left:-1em}#BadgeInfo .alert{left:15%}#BadgeInfo .meta{text-transform:capitalize;font-weight:600}#AccessHistory .title{font-weight:700;font-size:25px;color:#2d4850}#AccessHistory .badge-title{text-transform:capitalize;font-weight:700;font-size:20px;color:#2d4850}#AccessHistory .hvr-shadow{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s;transition-property:box-shadow}#AccessHistory .hvr-shadow:active,#AccessHistory .hvr-shadow:focus,#AccessHistory .hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}#AccessHistory .accessHistory-wrapper{display:flex;flex-direction:column;grid-gap:10px;gap:10px}#AccessHistory .accessHistory-wrapper .accessHistory-card{height:auto;width:100%;min-width:300px;background-color:rgba(186,174,209,.270588);padding:14px 0 24px;border-radius:2%}#AccessHistory .accessHistory-wrapper .accessHistory-card .item{height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;grid-gap:10px;gap:10px;color:#3e3641}#AccessHistory .accessHistory-wrapper .accessHistory-card .item .meta-title{font-weight:700;font-size:16px}#AccessHistory .accessHistory-wrapper .accessHistory-card .item .meta-desc{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#AccessHistory .accessHistory-wrapper .accessHistory-card .item .expiration{text-transform:capitalize}#AccessHistory .accessHistory-wrapper .accessHistory-card .item .view-button{background-color:#3e3641;color:#d8ceea;text-decoration:none;border-radius:3%;padding:4px 10px;transition:all .3s ease-in-out}#AccessHistory .accessHistory-wrapper .accessHistory-card .item .view-button:hover{color:#fff}@media screen and (min-width:750px){#AccessHistory .accessHistory-wrapper .accessHistory-card .item{height:100px;flex-direction:column;justify-content:center;align-items:center}#AccessHistory .accessHistory-wrapper .accessHistory-card .item .meta-title{font-weight:700;font-size:18px}#AccessHistory .accessHistory-wrapper .accessHistory-card .view-button{border-radius:3%;padding:.5rem 1rem!important}}@media screen and (min-width:750px){#AccessHistory .accessHistory-wrapper .accessHistory-card{padding:5px 0;border-radius:1%}}
/*# sourceMappingURL=main.a94e7320.chunk.css.map */