body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}li,ul{list-style-type:none;padding:0}h1,h2,h3,h4,h5,h6,li,ul{margin:0}a{color:inherit;text-decoration:none}svg{cursor:pointer}:root{--main-color:#61dafb;--border-radius:3.5px;--box-shadow:rgba(0,0,0,.16) 0px 1px 4px;--danger-color:#dc3545;--sucess-color:#28a745;--secondary-color:#6c757d;--primary-color:#007bff;--background-color:#fafbfc;--hover-color:#e4f0f6;--hover-text-color:#0079bf}.logo-icon{height:35px;margin-right:10px;pointer-events:none;width:45px}@-webkit-keyframes logo-spin{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes logo-spin{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}header.dark *{background-color:#000;color:#fff}header.light *{background-color:#f5f5f5;color:#000}#root{display:flex;flex-direction:column;height:100%;width:100%}#root header{max-height:44px;min-height:44px;overflow:hidden}.navbar{background-color:#20232a;box-sizing:border-box;color:#fff;display:flex;height:44px;justify-content:space-between;padding:0 10px;width:100%}.navbar .navbar-left,.navbar .navbar-left a{align-items:center;display:inline-flex;justify-content:center}.navbar .navbar-left a{color:#61dafb;color:var(--main-color);font-size:24px;padding-right:20px;text-decoration:none}.navbar .navbar-left a:hover .logo-icon{-webkit-animation:logo-spin 2s linear infinite;animation:logo-spin 2s linear infinite}.navbar .navbar-left ul li{align-items:center;border-radius:3.5px;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;padding:10px}.navbar .navbar-left li span{display:inline-flex;margin-left:5px}.navbar .navbar-left li:hover{color:#61dafb;color:var(--main-color)}.navbar .navbar-left li:hover .navbar-dropdown{display:block}.navbar .navbar-left .navbar-responsive-toggle{display:none}.navbar .navbar-dropdown{background-color:#fafbfc;background-color:var(--background-color);border-radius:3.5px;border-radius:var(--border-radius);box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);color:#000;display:none;min-width:280px;position:absolute;top:40px;z-index:1000}.navbar .navbar-dropdown h5{color:grey;cursor:default;margin-bottom:10px;margin-top:10px}.navbar .navbar-dropdown ul{display:flex;flex-direction:column;padding:8px}.navbar .navbar-dropdown ul li{border-radius:3.5px;border-radius:var(--border-radius);display:flex;padding:8px}.navbar .navbar-dropdown ul li:hover{background-color:#e4f0f6;background-color:var(--hover-color);color:#0079bf;color:var(--hover-text-color)}.navbar .navbar-left .navbar-dropdown ul li img{border-radius:20px;height:40px;object-fit:cover;width:40px}.navbar .navbar-left .navbar-dropdown{margin-left:-10px}.navbar .navbar-left .navbar-dropdown .navbar-dropdown-star-items{align-items:center;cursor:default;display:inline-flex;justify-content:space-between}.navbar .navbar-left .navbar-dropdown .navbar-dropdown-star-items div{align-items:center;cursor:pointer;display:inline-flex}.navbar .navbar-left .navbar-dropdown .navbar-dropdown-star-items div:nth-child(2){font-size:24px}.dashboard-container .content .content-body .content-body-star-icon:after,.navbar .navbar-left .navbar-dropdown .navbar-dropdown-star-items div:nth-child(2):after,.workspace-container .header .workspace-header-star-icon:after{color:#ffe000;content:"\2605"}.dashboard-container .content .content-body .content-body-star-icon:hover:after,.navbar .navbar-left .navbar-dropdown .navbar-dropdown-star-items div:nth-child(2):hover:after{content:none;content:"\2606"}.navbar .navbar-left .navbar-dropdown .navbar-dropdown-icon-items{display:flex;justify-content:space-between;max-width:300px}.navbar .navbar-left .navbar-dropdown .navbar-dropdown-icon-items span{font-weight:450;margin-left:0}.navbar .navbar-left .navbar-dropdown .navbar-dropdown-icon-items p{font-size:10px}.navbar .navbar-left .navbar-dropdown .navbar-dropdown-icon-items svg{margin-left:20px}.navbar .navbar-left .navbar-dropdown .navbar-dropdown-icon-items:hover svg{color:#61dafb;color:var(--main-color)}.navbar .navbar-right,.navbar .navbar-right .navbar-right-search{align-items:center;display:inline-flex;justify-content:center}.navbar .navbar-right .navbar-right-search{background-color:#fff;border:1px solid #ced4da;border-radius:15px;color:#000;font-weight:400;line-height:1.5;padding:.32rem .75rem}.navbar .navbar-right .navbar-right-search span{display:inline-flex}.navbar .navbar-right .navbar-right-search input{border:none;font-size:1rem;height:100%;outline:none;padding:.08rem .75rem;transition:width .6s;-webkit-transition:.6s;width:100px}.navbar .navbar-right .navbar-right-search input:focus{width:250px}.navbar .navbar-right .navbar-right-icons ul{display:inline-flex}.navbar .navbar-right .navbar-right-icons ul li{align-items:center;border-radius:3.5px;border-radius:var(--border-radius);display:inline-flex;font-size:18px;margin-left:5px;padding-left:10px;padding-right:10px}.navbar .navbar-right .navbar-right-icons li:hover{color:#61dafb;color:var(--main-color);cursor:pointer}.navbar .navbar-right .navbar-right-icons img{border:.1px solid #d3d3d3;border-radius:15px;cursor:pointer;height:30px;width:30px}.navbar .navbar-right li:hover .navbar-dropdown{display:block}.navbar .navbar-right .navbar-dropdown{box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);right:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar .navbar-right .navbar-dropdown ul{display:flex}.navbar .navbar-right .navbar-dropdown a:hover,.navbar .navbar-right .navbar-dropdown span:hover{background-color:#e4f0f6;background-color:var(--hover-color);color:#000}.navbar .navbar-right .navbar-dropdown ul a,.navbar .navbar-right .navbar-dropdown ul span{margin:0;padding:7px}.navbar .navbar-right .navbar-dropdown ul hr{margin:5px 0}.navbar .navbar-right .navbar-dropdown-noti{width:450px}.navbar .navbar-right .navbar-dropdown-noti h3{padding-bottom:15px;padding-top:15px}.navbar .navbar-right .navbar-dropdown-noti ul div{align-items:center;cursor:default;display:flex;justify-content:space-between}.navbar .navbar-right .navbar-dropdown-noti ul div div *{padding:10px}.navbar .navbar-right .navbar-dropdown-noti ul div label{color:#6c757d;color:var(--secondary-color);cursor:pointer;font-size:12px}.navbar .navbar-right .navbar-dropdown-noti ul div input[type=checkbox]{cursor:pointer;position:relative}.navbar .navbar-right .navbar-dropdown-noti input[type=checkbox]:before{background-color:#fff;border:1px solid #555;border-radius:3.5px;border-radius:var(--border-radius);content:"";cursor:pointer;display:block;height:12px;position:absolute;top:-2px;width:12px}.navbar .navbar-right .navbar-dropdown-noti input[type=checkbox]:checked:after{border:solid #61dafb;border:solid var(--main-color);border-width:0 3px 3px 0;content:"";display:block;height:6px;left:4px;position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:3px}.navbar .navbar-right .navbar-dropdown .navbar-dropdown-noti-content{flex-direction:column;min-height:100px}.navbar .navbar-right .navbar-dropdown .navbar-dropdown-noti-content img{border:0;height:30%;width:30%}@media screen and (max-width:1280px){.navbar .navbar-responsive-item{background-color:#fafbfc;background-color:var(--background-color);border-radius:3.5px;border-radius:var(--border-radius);box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);color:#000;display:none;position:absolute;top:40px;width:230px;z-index:1000}.navbar .navbar-left ul li{display:flex;justify-content:space-between}.navbar .navbar-left ul li ul li{display:flex;justify-content:flex-start}.navbar .navbar-left li:hover{background-color:#e4f0f6;background-color:var(--hover-color);color:#0079bf;color:var(--hover-text-color)}.navbar .navbar-left .navbar-dropdown{left:240px;position:absolute;top:10px}.navbar .navbar-left .navbar-responsive-toggle{cursor:pointer;display:flex;padding:10px}.navbar .navbar-left .navbar-responsive-toggle span{align-items:center;display:inline-flex}.navbar .navbar-left .navbar-responsive-toggle:hover{color:#61dafb;color:var(--main-color)}.navbar .navbar-left .navbar-responsive-toggle:hover~.navbar-responsive-item,.navbar-responsive-item:hover{display:block}}@media screen and (max-width:768px){.navbar .navbar-left a span,.navbar .navbar-right .navbar-right-search{display:none}}.dashboard-container{box-sizing:border-box;display:flex;padding:20px 0 20px 20px;position:relative;width:100%}.dashboard-container img{-webkit-filter:brightness(.65);filter:brightness(.65);height:170px;object-fit:cover;width:200px}.dashboard-container .slide-menu{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:300px}.dashboard-container .slide-menu .slide-menu-top-items{align-items:center;border-radius:3.5px;border-radius:var(--border-radius);display:flex;margin-bottom:5px;margin-top:5px;padding:10px}.dashboard-container .slide-menu .slide-menu-top-items:hover{background-color:#ebebeb;cursor:pointer}.dashboard-container .slide-menu .slide-menu-top-items~.active{background-color:#e4f0f6;background-color:var(--hover-color);color:#0079bf;color:var(--hover-text-color)}.dashboard-container .slide-menu .slide-menu-top-items svg{margin-right:10px;vertical-align:bottom}.dashboard-container .slide-menu .slide-menu-workspace-title{align-items:center;color:#6c757d;color:var(--secondary-color);display:flex;justify-content:space-between;padding:10px}.dashboard-container .slide-menu .slide-menu-workspace-title span{display:inline-flex}.dashboard-container .slide-menu .slide-menu-workspace-title span:nth-child(2):hover{color:#000;cursor:pointer}.dashboard-container .slide-menu .slide-menu-input-container{padding:0 10px}.dashboard-container .slide-menu .item-add .item-add-content{border:1px solid #000}.dashboard-container .slide-menu .item-add .item-add-content input{background-color:initial;border:none;font-size:16px;outline:none;width:100%}.dashboard-container .slide-menu .item-add .item-add-button button{background-color:#28a745;border:1px solid transparent;border-radius:.25rem;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;margin:0;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;white-space:nowrap}.dashboard-container .slide-menu .item-add .item-add-button span{display:inline-flex;font-size:22px;padding:10px;vertical-align:bottom}.dashboard-container .slide-menu .slide-menu-workspace-list{overflow-y:auto}.dashboard-container .slide-menu .slide-menu-workspace-list .list-workspace-title,.dashboard-container .slide-menu .slide-menu-workspace-list .list-workspace-title div{align-items:center;display:flex;font-weight:700;justify-content:space-between}.dashboard-container .slide-menu .slide-menu-workspace-list .list-workspace-title{padding:10px;transition:.5s}.dashboard-container .slide-menu .slide-menu-workspace-list img{border-radius:15px;height:30px;margin-right:10px;width:30px}.dashboard-container .slide-menu .slide-menu-workspace-list .workspace-dropdown li{padding:10px 10px 10px 40px;transition:.5s}.dashboard-container .slide-menu .workspace-dropdown .workspace-dropdown-items{align-items:center;color:#6c757d;color:var(--secondary-color);display:flex;justify-content:space-between}.dashboard-container .slide-menu .workspace-dropdown .workspace-dropdown-items svg{vertical-align:bottom}.dashboard-container .slide-menu .slide-menu-workspace-list .list-workspace-title:hover,.dashboard-container .slide-menu .workspace-dropdown ul li:hover{background-color:#ebebeb;border-radius:3.5px;border-radius:var(--border-radius);cursor:pointer}.dashboard-container .slide-menu .workspace-dropdown ul li:hover .workspace-downdown-items-icons{opacity:1;right:100%;-webkit-transform:translate(-20%);transform:translate(-20%)}.dashboard-container .slide-menu .workspace-dropdown .workspace-downdown-items-icons{opacity:0;transition:all .1s ease-in-out}.dashboard-container .slide-menu .workspace-dropdown .workspace-dropdown-items div span{margin-right:10px}.dashboard-container .content{box-sizing:border-box;padding-left:10px;position:relative;width:calc(100% - 300px)}.dashboard-container .content section{margin-bottom:30px;width:100%}.dashboard-container .content .content-title{align-items:center;display:flex}.dashboard-container .content .content-title svg{margin-right:15px}.dashboard-container .content .content-body{display:flex;font-size:22px;margin-top:10px;overflow-x:visible;overflow-y:hidden;width:100%}.dashboard-container .content .content-body div{cursor:pointer;margin-right:20px;position:relative;transition:all .1s ease}.dashboard-container .content .content-body div img{border-radius:3.5px;border-radius:var(--border-radius);box-shadow:0 5px 15px rgba(0,0,0,.35);width:300px}.dashboard-container .content .content-body div:hover img{-webkit-filter:brightness(.5);filter:brightness(.5);transition:all .1s ease}.dashboard-container .content .content-body .content-body-star-name{color:#fff;font-weight:700;left:10px;position:absolute;top:10px}.dashboard-container .content .content-body .content-body-star-icon{bottom:10px;position:absolute;right:10px;transition:all .2s ease-in-out}.dashboard-container .content .content-body .content-body-star-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.dashboard-container .content .content-body .content-body-lock-icon,.dashboard-container .content .content-body .content-body-unstar-icon{bottom:10px;position:absolute;right:10px;transition:all .2s ease-in-out}.dashboard-container .content .content-body .content-body-unstar-icon:after{color:#ffe000;content:"\2606"}.dashboard-container .content .content-body .content-body-unstar-icon:hover:after{content:none;content:"\2605"}.dashboard-container .content .content-body .content-body-lock-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.dashboard-container .slide-menu .btn-open-slide-menu{display:none}.dashboard-container .slide-menu .btn-close-slide-menu{color:grey;display:none;position:absolute;right:10px;top:10px}.dashboard-container .slide-menu .btn-close-slide-menu:hover svg{color:#000}@media screen and (max-width:1280px){.dashboard-container{padding:10px 0;position:relative}.dashboard-container .slide-menu{background-color:#e4f0f6;background-color:var(--hover-color);box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);height:100%;overflow:auto;position:fixed;top:0;transition:all .2s ease-in-out;width:0;z-index:1}.dashboard-container .content{width:100%}.dashboard-container .slide-menu .btn-close-slide-menu{display:block}.dashboard-container .slide-menu .btn-open-slide-menu{align-self:center;background-color:#0079bf;background-color:var(--hover-text-color);border-radius:50px;border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);color:#e4f0f6;color:var(--hover-color);cursor:pointer;justify-content:center;padding:10px 10px 10px 0;position:fixed;top:40%}.dashboard-container .slide-menu .slide-menu-top-items:hover,.dashboard-container .slide-menu .slide-menu-workspace-list .list-workspace-title:hover,.dashboard-container .slide-menu .workspace-dropdown ul li:hover,.dashboard-container .slide-menu .workspace-dropdown-items:hover{background-color:initial;color:#0079bf;color:var(--hover-text-color);cursor:pointer}.dashboard-container .slide-menu .btn-open-slide-menu svg{height:20px;width:20px}}.workspace-container{flex-grow:1;height:calc(100% - 44px)}.workspace-container .wrapper{background-color:#ccc;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/bg.01aac3072996304176c9.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:#fff;height:100%;overflow-y:auto;padding-bottom:20px;position:relative}.workspace-container .wrapper .header{box-sizing:border-box;height:58px;justify-content:space-around;padding:10px 20px;position:fixed;width:100%;z-index:1}.workspace-container .wrapper .header .header-workspace-name{font-size:30px;font-weight:700}.workspace-container .wrapper .header-divider{border-left:1px solid #ffffff3d!important;cursor:default!important;float:left;height:16px;margin:8px 8px 12px 4px;padding:0!important}.workspace-container .wrapper .header,.workspace-container .wrapper .header .header-btn,.workspace-container .wrapper .header .header-participants{align-items:center;display:flex}.workspace-container .wrapper .header .header-btn .workspace-header-star-icon{padding:10px 5px}.workspace-container .wrapper .header .header-btn div,.workspace-container .wrapper .header .header-participants div:not(:first-child){background-color:hsla(0,0%,100%,.15);border-radius:3.5px;border-radius:var(--border-radius);margin:0 5px;padding:10px 7px}.workspace-container .wrapper .header .header-btn div:not(div.header-divider):hover,.workspace-container .wrapper .header .header-participants div:not(:first-child):hover{background-color:hsla(0,0%,100%,.3);cursor:pointer}.workspace-container .wrapper .header .header-btn span svg{padding-left:5px;padding-right:5px;vertical-align:bottom}.workspace-container .wrapper .header .header-participants img{border-radius:15px;cursor:pointer;display:relative;height:30px;margin-left:-3px;vertical-align:bottom;width:30px}.workspace-container .wrapper .header .header-participants{display:inline-flex;justify-content:space-around}.workspace-container .wrapper .header .header-participants img:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}@media screen and (max-width:1280px){.workspace-container .wrapper .header{flex-wrap:wrap;justify-content:center}.workspace-container .wrapper .header .header-btn span:nth-child(2){display:none}}@media screen and (max-width:768px){.workspace-container .wrapper .header .header-divider,.workspace-container .wrapper .header .header-participants{display:none}}.workspace-container .wrapper .body{box-sizing:border-box;display:flex;height:100%;padding-top:58px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card{border-radius:3.5px;border-radius:var(--border-radius);color:#000;height:100%;margin:0 10px;min-width:23vw;position:relative;width:300px}@media screen and (max-width:1280px){.card{min-width:30vw}}.card .card-wrapper{background-color:#ebecf0;border-radius:3.5px;border-radius:var(--border-radius);box-sizing:border-box;display:flex;flex-direction:column;max-height:100%;padding:0 5px}.card .card-header{cursor:grab;display:flex;font-weight:700;justify-content:space-between;min-height:28px;padding:10px 0}.card .card-header span{cursor:text;padding:10px}.card .card-header div{border-radius:3.5px;border-radius:var(--border-radius)}.card .card-header div,.card .card-header input{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);padding:5px;width:100%}.card .card-header input{border:.1px solid transparent;margin-left:5px}.card .card-header input,.card .card-header span:not(:first-child){border-radius:3.5px;border-radius:var(--border-radius);font-size:18px}.card .card-header span:not(:first-child){color:#00000080;height:18px;width:18px}.card .card-body{display:flex;flex-direction:column;height:calc(100% - 46px);max-height:70vh;overflow-x:auto;padding:0 5px;position:relative}.card .card-body .item-add .item-add-content{display:flex;padding:0;position:relative}.card .card-body .item-add .item-add-content input{background-color:initial;border:none;font-size:16px;outline:none;padding:10px;width:100%}.card .card-body .item-add .item-add-button{padding-bottom:5px}.card .card-body .item-add .item-add-button button{background-color:#28a745;border:1px solid transparent;border-radius:.25rem;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;margin:0;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;white-space:nowrap}.card .card-body .item-add .item-add-button span{font-size:22px;padding:10px}.card .card-body .item-add .item-add-button svg{vertical-align:middle}.card .card-body .item-add .item-add-button span:hover svg{color:#dc3545;color:var(--danger-color)}.card .card-body .item-add .item-add-button button:hover{background-color:#1e8336}.card .card-footer{border-radius:3.5px;border-radius:var(--border-radius);color:#00000080;display:flex;height:18px;margin:5px 0;padding:10px 0}.card .card-footer:hover,.card .card-header span:not(:first-child):hover{background-color:#00000010;color:#000;cursor:pointer}.card .card-footer span{font-size:16px;padding:0 5px}.card .card-footer span svg{margin-right:5px;vertical-align:bottom}.card-create .card-wrapper{background-color:hsla(0,0%,100%,.65)}.card-create .card-wrapper:hover{background-color:#ebecf0;cursor:pointer}.item{background-color:#fff;border-radius:3.5px;border-radius:var(--border-radius);box-shadow:0 1px 4px rgba(0,0,0,.16);margin:5px 0;padding:8px 10px}.item:hover{background-color:#ffffffc9;box-shadow:0 1px 4px rgba(0,0,0,.5);cursor:pointer}.item svg{color:#00000080}.item .item-bottom,.item .item-top{display:flex;justify-content:space-between;margin-top:7px}.item .item-label-top{border:.2px solid #00000050;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);height:2px;opacity:.5;width:10%}.item .item-top svg{margin-right:-5px;opacity:0;padding-left:5px;transition:all .2s ease-in-out}.item .item-top svg:hover{color:#000}.card .card-body .item:hover .item-top svg{margin-right:0;opacity:1}.item .item-bottom span:first-child svg{margin:10px 5px 0}.item .item-bottom img{border-radius:15px;box-shadow:0 1px 4px rgba(0,0,0,.16);height:30px;width:30px}.login-container{height:100%;letter-spacing:.4px;overflow:hidden;position:relative;text-align:center}.login-container .login-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.login-container .login-wrapper .login-img-top{box-sizing:border-box;height:300px;position:relative;width:300px}@-webkit-keyframes border-scale{to{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:.8;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes border-scale{to{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:.8;-webkit-transform:scale(1.2);transform:scale(1.2)}}.login-container .login-wrapper:hover .logo-border{-webkit-animation:border-scale 2s ease-in-out forwards;animation:border-scale 2s ease-in-out forwards}.login-container .login-wrapper .login-img-top .logo-border{-webkit-filter:brightness(30%);filter:brightness(30%);height:100%}.login-container .login-wrapper .login-img-top .logo-img{height:100px;left:27%;position:absolute;top:30%}.login-container .login-wrapper .login-social{display:flex;font-size:22px;justify-content:space-around;margin:5px 0;padding:5px 0;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s;width:300px}.login-container .login-wrapper .login-social span:hover svg{-webkit-transform:scale(1.5);transform:scale(1.5)}.login-container .login-wrapper .login-social .facebook-icon:hover{color:#1877f2}.login-container .login-wrapper .login-social .google-icon:hover{color:#ea4335}.login-container .login-wrapper .login-social .linkedin-icon:hover{color:#0a66c2}.login-container .login-wrapper .login-content{border-radius:10px;display:flex;flex-direction:column;padding:30px}.login-container .login-wrapper .login-content div{align-items:center;background-color:#fff;border:.1px solid #d3d3d3;display:flex;flex-direction:row;justify-content:space-between;width:400px}.login-container .login-wrapper .login-content input{background-color:initial;border:transparent;box-sizing:border-box;font-size:16px;margin:0;outline:none;padding:15px;width:100%}.login-container .login-wrapper .login-content .login-username{border-radius:10px;padding:5px}.login-container .login-wrapper .login-content .login-password{-webkit-animation:inputAppear .5s ease;animation:inputAppear .5s ease;border-radius:0 0 10px 10px;padding:5px}@-webkit-keyframes inputAppear{0%{margin-top:-12px;opacity:0}to{margin-top:0;opacity:1}}@keyframes inputAppear{0%{margin-top:-12px;opacity:0}to{margin-top:0;opacity:1}}.login-container .login-wrapper .login-content div svg{color:grey;font-size:30px;padding:0 10px;transition:all .5s ease-in-out}.login-container .login-wrapper .login-content div svg:hover{color:#000}.login-container .login-wrapper .login-footer{padding-bottom:60px;text-align:center}.login-container .login-wrapper .login-footer .login-footer-checkbox{cursor:pointer;display:inline-flex;vertical-align:bottom}.login-container .login-wrapper .login-footer hr{border:.01px solid #f0f0f0;margin:30px 0}.login-container .login-wrapper .login-footer span{color:#06c;display:inline-flex;vertical-align:bottom}.login-container .login-wrapper .login-footer span:hover{text-decoration:underline}.login-container .login-wrapper .login-footer .forgot-password svg{box-sizing:border-box;margin-left:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.profile-container{height:calc(100% - 44px);overflow:auto;position:relative;width:100%}.profile-container .profile-top{align-items:center;background-color:#f4f5f7;display:flex;height:25%;justify-content:center}@media screen and (max-width:1280px){.profile-container .profile-top{flex-direction:column}.profile-container .profile-top span{display:flex;flex-direction:column;text-align:center}}.profile-container .profile-top .profile-top-name{font-size:30px;letter-spacing:1.6px;padding:0 20px}.profile-container .profile-top .profile-top-mail{color:grey;font-size:20px;vertical-align:bottom}.profile-container .profile-top img{border-radius:25px;height:auto;width:50px}.profile-container .profile-content{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:20px 0}.profile-container .profile-content .profile-content-input{display:flex;flex-direction:column;padding:10px 20px}.profile-container .profile-content .profile-content-input label{font-size:20px;font-weight:600}.profile-container .profile-content .profile-content-input input{background-color:#f5f5f5;border:1px solid grey;border-radius:5px;box-sizing:border-box;font-size:18px;margin:10px 0;padding:12px;width:300px}.profile-container .profile-content .profile-content-input input:hover{background-color:#fafafa}.profile-container .profile-content .profile-content-input input:focus{background-color:#fff}.profile-container .profile-content .btn-save-update{background-color:#28a745;border:1px solid transparent;border-radius:.25rem;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;margin:0;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;white-space:nowrap;width:300px}.profile-container .profile-content .btn-save-update:hover{background-color:#1e8336}.modal-overlay{background-color:rgba(0,0,0,.25);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1}.modal-overlay .modal-container{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:5px 0;box-shadow:0 30px 70px rgba(0,0,0,.3);left:0;letter-spacing:.6px;margin-left:auto;margin-right:auto;max-width:500px;position:absolute;right:0;top:20%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:786px){.modal-overlay .modal-container{width:500px}}.modal-overlay .modal-container hr{border:.1px solid #f0f0f0}.modal-container .modal-header{align-items:center;background-color:#61dafb;background-color:var(--main-color);border-radius:4px 0;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);display:flex;font-weight:700;justify-content:space-between;min-width:300px;padding:10px}.modal-container .modal-header svg{color:#646464}.modal-container .modal-header svg:hover{color:#000}.modal-container .modal-body{display:flex;flex-direction:column;padding:10px}.modal-container .modal-body input{font-size:16px;margin:10px 0;padding:10px}.modal-container .modal-body input:focus{background-color:#f3fdff;outline:none}.modal-container .modal-body .modal-title{font-weight:700;margin:5px 0}.modal-container .modal-body .radio-options{display:flex;padding:0 10px}.modal-container .modal-body .radio-options label{flex:50% 1}.modal-container .modal-footer{display:flex;justify-content:space-evenly;padding:0 10px 10px}.modal-container .modal-footer button{background-color:#61dafb;background-color:var(--main-color);border:1px solid transparent;border-radius:.25rem;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--box-shadow);color:#000;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;white-space:nowrap}.modal-container .modal-footer .btn-close{background-color:inherit;border-color:#61dafb;border-color:var(--main-color)}.modal-container .modal-footer button:hover{box-shadow:0 2px 4px rgba(0,0,0,.4)}.loading-container{align-items:center;background-color:rgba(0,0,0,.35);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:1}.loading-container span{-webkit-animation:loadingSpinner 3s infinite;animation:loadingSpinner 3s infinite;position:absolute;top:40%}.loading-container span svg{cursor:default}@-webkit-keyframes loadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.2a65dfea.css.map*/