@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:inherit}li{list-style-type:none}.signup-page{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#fff;font-family:Roboto,sans-serif;color:#363636;position:relative}.signup-page .back-button-company{position:absolute;top:10px;left:10px;width:35px;opacity:.5;cursor:pointer;transition:all .2s}.signup-page .back-button-company:hover{opacity:1}.signup-page .signup-main-div{width:500px;height:auto;padding:20px;border-radius:5px;border:1px solid #e4e4e4}.signup-page .signup-main-div .signup-header{font-size:50px;font-weight:400;margin-bottom:30px;color:#5e5e5e}.signup-page .signup-main-div .login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.signup-page .signup-main-div .login-form .buttons-div-for-signup{display:flex;margin-top:20px;gap:15px}.signup-page .signup-main-div .login-form .buttons-div-for-signup .back-button-to-login,.signup-page .signup-main-div .login-form .buttons-div-for-signup .signup-btn{border-radius:5px;border:1px solid #e4e4e4;cursor:pointer;padding:8px;transition:all .2s;height:50px;font-size:18px}.signup-page .signup-main-div .login-form .buttons-div-for-signup .back-button-to-login:hover,.signup-page .signup-main-div .login-form .buttons-div-for-signup .signup-btn:hover{background-color:#f8d05d}.signup-page .signup-main-div .login-form .password-section-signup{display:flex;align-items:center;position:relative}.signup-page .signup-main-div .login-form .password-section-signup .toggle-password-visibility{position:absolute;display:flex;text-align:center;justify-content:center;align-items:center;right:0;width:35px;height:35px;border-radius:50%;border:none;cursor:pointer;background-color:#fff}.signup-page .signup-main-div .login-form .password-section-signup .toggle-password-visibility .eye-logo{width:20px;height:18px;cursor:pointer}.signup-page .signup-main-div .login-form .signup-full-name-input,.signup-page .signup-main-div .login-form .signup-tel-input,.signup-page .signup-main-div .login-form .signup-email-input{height:40px;width:300px;border:none;padding-left:10px;border-radius:5px;border:1px solid #e4e4e4}.signup-page .signup-main-div .login-form .company-code-input{height:40px;width:150px;border:none;padding-left:10px;border-radius:5px;border:1px solid #e4e4e4}.signup-page .signup-main-div .login-form .password-section-signup .signup-password-input{height:40px;width:300px;border:none;padding-left:10px;border-radius:5px;border:1px solid #e4e4e4}.signup-page .signup-main-div .login-form .password-section-signup .toggle-password-visibility .eye-logo{width:20px;height:20px;cursor:pointer}.signup-page .signup-main-div .login-form .signup-btn{color:#363636;border:1px solid #e4e4e4;padding:5px;border-radius:5px;background-color:#fff;transition:all .2s}.signup-page .signup-main-div .login-form .signup-btn:hover{background-color:#f8d05d}@media screen and (max-width: 578px){.signup-page .signup-main-div{width:95%}.signup-page .signup-main-div .signup-header{font-size:40px}}.login-main{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#fff;font-family:Roboto,sans-serif;color:#363636}.login-main .login-main-div{border-radius:5px;display:flex;flex-direction:column;gap:10px;border:1px solid #e4e4e4;width:500px;height:auto;padding:30px;transition:all .2s}.login-main .login-main-div:hover{box-shadow:0 0 5px #c7c7c7}.login-main .login-main-div .login-logout{height:auto;width:auto;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;padding:20px}.login-main .login-main-div .login-logout:hover{background-color:#f4f4f4}.login-main .login-main-div .login-h1{font-size:56px;font-weight:400;margin-bottom:1rem}.login-main .login-main-div .login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.login-main .login-main-div .login-form .password-input-container{margin-left:40px;gap:10px;display:flex;align-items:center}.login-main .login-main-div .login-form .password-input-container .toggle-password-visibility{display:flex;justify-content:center;align-items:center;height:30px;width:30px;border:none;border-radius:50%}.login-main .login-main-div .login-form .password-input-container .toggle-password-visibility .eye-logo{width:20px;height:20px;cursor:pointer}.login-main .login-main-div .login-form .error-message{color:#363636;padding:5px;font-size:14px}.login-main .login-main-div .login-form .login-password{width:300px;height:40px;border:none;padding-left:10px;border-radius:5px;border:1px solid #e4e4e4}.login-main .login-main-div .login-form .login-email{width:300px;height:40px;border:1px solid #e4e4e4;padding-left:10px;border-radius:5px}.login-main .login-main-div .login-form .submits-of-login{display:flex;gap:20px}.login-main .login-main-div .login-form .submits-of-login .login-submit,.login-main .login-main-div .login-form .submits-of-login .login-signup,.login-main .login-main-div .login-form .submits-of-login .owner-create-btn{background-color:#fff;color:#363636;padding:5px;border-radius:5px;border:1px solid #e4e4e4;transition:all .2s}.login-main .login-main-div .login-form .submits-of-login .login-submit:hover,.login-main .login-main-div .login-form .submits-of-login .login-signup:hover,.login-main .login-main-div .login-form .submits-of-login .owner-create-btn:hover{background-color:#f8d05d}@media screen and (max-width: 570px){.login-main .login-main-div{width:80%}.login-main .login-main-div .login-h1{font-size:40px}.login-main .login-main-div .login-form .login-email{width:80%}.login-main .login-main-div .login-form .login-password{width:180px}}.already-login-main{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Roboto,sans-serif;color:#363636;position:relative}.already-login-main .back-button-already{position:absolute;top:10px;left:10px;width:35px;opacity:.5;cursor:pointer;transition:all .2s}.already-login-main .back-button-already:hover{opacity:1}.already-login-main .already-login-main-div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;border:1px solid #e4e4e4;border-radius:5px;padding:30px;height:300px;gap:40px;transition:all .2s}.already-login-main .already-login-main-div:hover{box-shadow:0 0 5px #c7c7c7}.already-login-main .already-login-main-div .already-login-header{font-weight:400}.already-login-main .already-login-main-div .already-login-btn-div{display:flex;gap:20px}.already-login-main .already-login-main-div .already-login-btn-div .already-login-logout{background-color:#fff;color:#363636;padding:10px 20px;border-radius:5px;border:1px solid #e4e4e4;transition:all .2s}.already-login-main .already-login-main-div .already-login-btn-div .already-login-logout:hover{background-color:#e81123;color:#fff}.already-login-main .already-login-main-div .already-login-btn-div .already-login-back{background-color:#f4f4f4;color:#363636;padding:10px 20px;border-radius:5px;border:1px solid #e4e4e4;transition:all .2s}.already-login-main .already-login-main-div .already-login-btn-div .already-login-back:hover{background-color:#ff0}@media screen and (max-width: 520px){.already-login-main .already-login-main-div{padding:20px;gap:20px;width:80%;height:80vh}.already-login-main .already-login-main-div .already-login-btn-div{flex-direction:column}.already-login-main .already-login-main-div .already-login-btn-div .already-login-back{padding:10px}.already-login-main .already-login-main-div .already-login-header{font-size:28px;text-align:center}}.projects-page{display:flex;flex-direction:row;width:100%;background-color:#fff;font-family:Roboto,sans-serif;color:#363636}.projects-page .inner-project-page{display:flex;flex-direction:row;width:calc(100% - 110px);transform:translate(110px)}.projects-page .inner-project-page .inner-project-column{display:flex;flex-direction:column;width:100%;padding:0 20px}.projects-page .inner-project-page .inner-project-column .inner-project-row{width:100%;display:flex;flex-direction:row;gap:20px}@media screen and (max-width: 950px){.projects-page .inner-project-page{flex-direction:column;width:calc(100% - 60px);transform:translate(70px)}.projects-page .inner-project-page .inner-project-column .inner-project-row{gap:5px;flex-direction:column}}@media screen and (max-width: 450px){.projects-page{width:97%}.projects-page .inner-project-page .inner-project-column{padding:5px}.projects-page .inner-project-page .inner-project-column .inner-project-row{gap:5px;width:95%}}.navigation-main{display:flex;position:fixed;flex-direction:row;background-color:#fff;color:#363636;font-family:Roboto,sans-serif;width:110px;border-right:1px solid #e4e4e4;top:0;left:0;z-index:1000}.navigation-main .nav-ul{display:flex;align-items:center;flex-direction:column;width:100%;height:100vh}.navigation-main .nav-ul .flow-logo{width:94px;padding:5px;cursor:pointer}.navigation-main .nav-ul .nav-button{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;border:none;border-radius:0;padding:22px;gap:22px;text-align:center;color:#363636;font-size:20px;cursor:pointer;border-bottom:1px solid #e4e4e4;transition:all .2s}.navigation-main .nav-ul .nav-button:hover{background-color:#f4f4f4}.navigation-main .nav-ul .nav-button .nav-logo{width:40px;height:37px;transition:all .2s}.navigation-main .nav-ul .nav-button .nav-p{font-size:20px;transition:all .2s}.navigation-main .nav-ul .nav-button.active{background-color:#f4f4f4}@media screen and (max-width: 950px){.navigation-main{width:70px;height:100vh}.navigation-main .nav-ul{font-size:20px;height:145px}.navigation-main .nav-ul .flow-logo{width:60px}.navigation-main .nav-ul .nav-button{width:100%;padding:29px 0;gap:22px}.navigation-main .nav-ul .nav-button .nav-p{font-size:15px}.navigation-main .nav-ul .nav-button .nav-logo{width:30px;height:30px}}@media screen and (max-width: 450px){.navigation-main .nav-ul{height:100vh}.navigation-main .nav-ul .nav-button{width:90%;height:14%;padding:12px 5px;gap:4px}.navigation-main .nav-ul .nav-button .nav-logo{width:30px;height:30px}.navigation-main .nav-ul .nav-button .nav-p{font-size:16px}}.project-section-main{width:100%;font-family:Roboto,sans-serif;background-color:#fff;color:#363636}.project-section-main .projects-page-content-header{display:flex;flex-direction:column;width:100%;border-radius:5px}.project-section-main .projects-page-content-header .header-with-back-button{display:flex}.project-section-main .projects-page-content-header .header-with-back-button .back-button{padding:10px;color:#363636}.project-section-main .projects-page-content-header .header-with-back-button .back-button .back-btn{width:40px;height:40px;opacity:.7;transition:all .2s}.project-section-main .projects-page-content-header .header-with-back-button .back-button .back-btn:hover{opacity:1}.project-section-main .projects-page-content-header .active-project-tabs{display:flex;flex-direction:row;justify-content:space-around;background-color:#fff}@media screen and (max-width: 950px){.project-section-main .projects-page-content-header .active-project-title{font-size:20px}.project-section-main .projects-page-content-header .active-project-tabs .active-project-btn{font-size:20px;padding:5px;margin:5px}}@media screen and (max-width: 450px){.project-section-main{width:95%}.project-section-main .projects-page-content-header .active-project-tabs .active-project-btn{font-size:15px;padding:3px;margin:3px}.project-section-main .projects-page-content-header .header-with-back-button{height:auto}.project-section-main .projects-page-content-header .header-with-back-button .back-button{padding:5px;width:55px;height:50px}.project-section-main .projects-page-content-header .header-with-back-button .back-button .back-btn{width:90%;height:90%}.project-section-main .projects-page-content-header .header-with-back-button .active-project-title{padding:5px;margin:0}}.project-folders{display:flex;flex-direction:column;align-items:center;width:50%;padding:10px;font-family:Roboto,sans-serif;border:1px solid #e4e4e4;border-radius:5px;margin-top:20px;color:#363636;min-height:370px;transition:all .2s}.project-folders:hover{box-shadow:0 0 5px #c7c7c7}.project-folders .current-folders-div{display:flex;flex-direction:column;position:relative;width:100%}.project-folders .current-folders-div .folder-content .file-preview-upload{width:150px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;transition:all .2s}.project-folders .current-folders-div .folder-content .file-preview-upload:hover{background-color:#f4f4f4}.project-folders .current-folders-div .current-folders-div-2{display:flex;flex-direction:row;gap:20px;justify-content:space-between;align-items:center}.project-folders .current-folders-div .current-folders-div-2 .project-file-search{width:250px;height:40px;border-radius:5px;border:1px solid #e4e4e4;padding:10px}.project-folders .current-folders-div .current-folders-div-2 .go-back-btn .go-back-btn-img{height:40px;width:40px;transition:all .2s;opacity:.6}.project-folders .current-folders-div .current-folders-div-2 .go-back-btn .go-back-btn-img:hover{opacity:1}.project-folders .current-folders-div .current-folders-div-2 .current-folder-header{font-weight:300;font-size:24px}.project-folders .project-folder-button{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s;margin:10px}.project-folders .project-folder-button:hover{background-color:#f8d05d}.project-folders .project-folders-container{width:100%;display:flex;gap:10px;padding:10px;flex-direction:row;flex-wrap:wrap;max-height:400px;overflow-y:auto}.project-folders .project-folders-container .dustbin-project-folder{display:none;position:relative;flex-direction:column;align-items:center;padding:10px;height:auto;width:200px;border-radius:5px;border:1px solid #e4e4e4;cursor:pointer;transition:all .2s}.project-folders .project-folders-container .dustbin-project-folder:hover{background-color:#f4f4f4}.project-folders .project-folders-container .dustbin-project-folder .project-folder-name{font-size:18px;font-weight:400;margin-bottom:10px;color:#363636;height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:inline-block;position:relative;cursor:pointer}.project-folders .project-folders-container .dustbin-project-folder .project-folder-name:hover:after{content:attr(data-fulltext);position:absolute;white-space:normal;background-color:#333;color:#fff;padding:5px;border-radius:5px;top:100%;left:0;z-index:10;display:block;max-width:300px;visibility:visible;opacity:1;transition:opacity .5s}.project-folders .project-folders-container .dustbin-project-folder .project-folder-name:after{content:attr(data-fulltext);position:absolute;white-space:normal;background-color:#333;color:#fff;padding:5px;border-radius:5px;top:100%;left:0;z-index:10;display:block;max-width:300px;visibility:hidden;opacity:0;transition:opacity .5s}.project-folders .project-folders-container .dustbin-project-folder .project-folder-image{width:95px;object-fit:cover;margin-bottom:8px}.project-folders .project-folders-container .project-folder{display:flex;position:relative;justify-content:space-evenly;flex-direction:column;text-align:center;align-items:center;padding:25px 10px 10px;height:170px;width:160px;border-radius:5px;border:1px solid #e4e4e4;cursor:pointer;transition:all .2s}.project-folders .project-folders-container .project-folder:hover{box-shadow:0 0 5px #c7c7c7}.project-folders .project-folders-container .project-folder .edit-delete-button-div{display:flex}.project-folders .project-folders-container .project-folder .edit-delete-button-div .file-card-delete-btn{display:block;position:absolute;top:0;right:25px;font-size:20px;cursor:pointer;width:20px;margin:5px;opacity:.6;transition:all .2s}.project-folders .project-folders-container .project-folder .edit-delete-button-div .file-card-delete-btn:hover{opacity:1}.project-folders .project-folders-container .project-folder .edit-delete-button-div .file-card-edit-btn{display:block;position:absolute;top:3px;right:0;font-size:20px;cursor:pointer;width:20px;margin:5px;opacity:.6;transition:all .2s}.project-folders .project-folders-container .project-folder .edit-delete-button-div .file-card-edit-btn:hover{opacity:1}.project-folders .project-folders-container .project-folder .project-card-rest-of{display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid #e4e4e4}.project-folders .project-folders-container .project-folder .project-card-rest-of .project-folder-name{font-size:18px;font-weight:400;max-height:70px;overflow-y:auto;margin-bottom:10px;color:#363636}.project-folders .project-folders-container .project-folder .project-card-rest-of .project-folder-image{width:95px;object-fit:cover;margin-bottom:8px}@media screen and (max-width: 1200px){.project-folders .current-folders-div .current-folders-div-2 .current-folder-header{font-size:20px}.project-folders .project-folders-container{flex-direction:row;width:100%}.project-folders .project-folders-container .project-folder .project-folder-image{width:90px}}@media screen and (max-width: 950px){.project-folders{width:100%;margin:0}.project-folders .project-folders-container{justify-content:start;width:100%}.project-folders .project-folders-container .project-folder,.project-folders .project-folders-container .dustbin-project-folder{width:150px;padding:5px}}@media screen and (max-width: 450px){.project-folders{padding:2px;margin-top:5px;overflow-y:auto;height:240px}.project-folders .current-folders-div .folder-content .file-preview-upload{width:30%;height:80px}.project-folders .current-folders-div .current-folders-div-2{align-items:center;justify-content:center;gap:10px}.project-folders .current-folders-div .current-folders-div-2 .project-file-search{width:150px}.project-folders .current-folders-div .current-folders-div-2 .go-back-btn .go-back-btn-img{height:30px;width:30px}.project-folders .current-folders-div .current-folders-div-2 .current-folder-header{font-size:20px}.project-folders .project-folder-button{margin:5px;padding:5px;font-size:16px}.project-folders .project-folders-container{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.project-folders .project-folders-container .project-folder,.project-folders .project-folders-container .dustbin-project-folder{padding:5px;margin:0;width:100px;height:140px;justify-content:space-between}.project-folders .project-folders-container .project-folder .project-card-rest-of .project-folder-image,.project-folders .project-folders-container .dustbin-project-folder .project-card-rest-of .project-folder-image{width:50px;margin-bottom:5px}.project-folders .project-folders-container .project-folder .project-card-rest-of .project-folder-name,.project-folders .project-folders-container .dustbin-project-folder .project-card-rest-of .project-folder-name{font-size:16px;margin:5px 0}.project-folders .project-folders-container .project-folder .edit-delete-button-div .file-card-edit-btn,.project-folders .project-folders-container .dustbin-project-folder .edit-delete-button-div .file-card-edit-btn,.project-folders .project-folders-container .project-folder .edit-delete-button-div .file-card-delete-btn,.project-folders .project-folders-container .dustbin-project-folder .edit-delete-button-div .file-card-delete-btn{width:15px}}.delete-folder-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.delete-folder-modal .delete-folder-modal-content{background-color:#fff;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:5px;position:relative;text-align:center;width:500px;height:200px}.delete-folder-modal .delete-folder-modal-content .delete-folder-p{font-size:16px;font-weight:400;margin-bottom:20px}.delete-folder-modal .delete-folder-modal-content .delete-folder-buttons-div{display:flex;justify-content:center;gap:20px}.delete-folder-modal .delete-folder-modal-content .delete-folder-buttons-div .delete-folder-btn-yes,.delete-folder-modal .delete-folder-modal-content .delete-folder-buttons-div .delete-folder-btn-no{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.delete-folder-modal .delete-folder-modal-content .delete-folder-buttons-div .delete-folder-btn-yes:hover,.delete-folder-modal .delete-folder-modal-content .delete-folder-buttons-div .delete-folder-btn-no:hover{background-color:#f8d05d}@media screen and (max-width: 500px){.delete-folder-modal .delete-folder-modal-content{padding:10px;width:90%;height:200px}}.edit-project-folder-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;color:#363636}.edit-project-folder-modal .edit-project-folder-modal-content{display:flex;flex-direction:column;width:400px;gap:20px;background-color:#fff;padding:30px;border-radius:5px;position:relative;text-align:center;align-items:center}.edit-project-folder-modal .edit-project-folder-modal-content .file-icon-modal{width:200px}.edit-project-folder-modal .edit-project-folder-modal-content .edit-project-folder-input-field{padding:10px;border:1px solid #e4e4e4;border-radius:5px;font-size:16px}.edit-project-folder-modal .edit-project-folder-modal-content .edit-project-folder-buttons-for-modal{display:flex;justify-content:space-evenly;width:100%;align-items:center;text-align:center}.edit-project-folder-modal .edit-project-folder-modal-content .edit-project-folder-buttons-for-modal .edit-project-folder-submit-button{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.edit-project-folder-modal .edit-project-folder-modal-content .edit-project-folder-buttons-for-modal .edit-project-folder-submit-button:hover{background-color:#f8d05d}.edit-project-folder-modal .edit-project-folder-modal-content .edit-project-folder-buttons-for-modal .edit-project-folder-cancel-button{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.edit-project-folder-modal .edit-project-folder-modal-content .edit-project-folder-buttons-for-modal .edit-project-folder-cancel-button:hover{background-color:#f8d05d}.new-folder-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.new-folder-modal .new-folder-modal-content{display:flex;flex-direction:column;gap:20px;padding:40px;border-radius:5px;width:400px;position:relative;text-align:center;background-color:#fff}.new-folder-modal .new-folder-modal-content .new-folder-input-field{padding:10px;border:1px solid #e4e4e4;border-radius:5px;width:100%;font-size:16px}.new-folder-modal .new-folder-modal-content .new-folder-buttons-for-modal{display:flex;justify-content:space-around}.new-folder-modal .new-folder-modal-content .new-folder-buttons-for-modal .new-folder-submit-button,.new-folder-modal .new-folder-modal-content .new-folder-buttons-for-modal .new-folder-cancel-button{padding:10px 20px;border-radius:5px;cursor:pointer;border:1px solid #e4e4e4;transition:all .2s}.new-folder-modal .new-folder-modal-content .new-folder-buttons-for-modal .new-folder-submit-button:hover,.new-folder-modal .new-folder-modal-content .new-folder-buttons-for-modal .new-folder-cancel-button:hover{background-color:#f8d05d}.error-message{color:red;margin-top:10px}@media screen and (max-width: 500px){.new-folder-modal .new-folder-modal-content{width:90%;padding:10px;gap:10px}.new-folder-modal .new-folder-modal-content .modal-header{font-size:22px;margin:0}}.file-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}.file-modal .file-modal-content{background-color:#fff;display:flex;flex-direction:column;padding:30px;border-radius:5px;position:relative;text-align:center;align-items:center;gap:20px;width:450px}.file-modal .file-modal-content .file-close-modal{position:absolute;display:flex;justify-content:center;align-items:center;font-weight:200;font-size:30px;border-radius:50%;background-color:#fff;border:1px solid #e4e4e4;width:40px;height:40px;top:10px;right:10px;cursor:pointer;transition:all .2s}.file-modal .file-modal-content .file-close-modal:hover{background-color:#f4f4f4}.file-modal .file-modal-content .file-modal-header{font-size:28px;font-weight:400}.file-modal .file-modal-content .file-icon-modal{width:350px}.file-modal .file-modal-content .file-buttons-for-modal{display:flex;justify-content:space-evenly;width:100%;align-items:center;text-align:center}.file-modal .file-modal-content .file-buttons-for-modal .file-download-button,.file-modal .file-modal-content .file-buttons-for-modal .file-delete-button{display:flex;align-items:center;border:1px solid #e4e4e4;transition:all .2s;padding:10px 20px;border-radius:5px}.file-modal .file-modal-content .file-buttons-for-modal .file-download-button:hover,.file-modal .file-modal-content .file-buttons-for-modal .file-delete-button:hover{background-color:#f8d05d}.folder-content{gap:10px;padding:15px;flex-wrap:wrap;display:flex;flex-direction:row;margin-top:10px;max-height:450px;overflow-y:auto;overflow-x:hidden}.folder-content .file-input-wrapper{width:150px;height:180px;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;transition:all .2s}.folder-content .file-input-wrapper:hover{box-shadow:0 0 5px #c7c7c7}.folder-content .file-input-wrapper .file-input{display:none}.folder-content .file-input-wrapper .custom-file-upload{position:absolute;cursor:pointer;z-index:10}.folder-content #file-upload{display:none}.folder-content .file-folder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;width:140px;height:180px;padding:10px;cursor:pointer;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s;position:relative}.folder-content .file-folder-content:hover{box-shadow:0 0 5px #c7c7c7}.folder-content .file-folder-content .file-icon-img{width:100px;height:100px}.folder-content .file-folder-content .file-name{font-size:18px;word-break:break-word}.folder-content .file-folder-content .uploader-profile-pic-small{position:absolute;width:20px;height:20px;top:0;right:0;border-radius:50%;opacity:.8}.folder-content .file-folder-content .uploader-profile-pic-small .uploader-profile-pic{width:100%;height:100%;border-radius:50%}.folder-content .file-folder-content .uploader-name-tooltip{visibility:hidden;opacity:0;transition:visibility .5s,opacity .5s;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;white-space:nowrap}.folder-content .file-folder-content .uploader-profile-pic-small:hover .uploader-name-tooltip{visibility:visible;opacity:1}@media screen and (max-width: 1200px){.folder-content{gap:5px;padding:10px}.folder-content .file-folder-content,.folder-content .file-input-wrapper{gap:5px;width:120px;height:135px;padding:5px}.folder-content .file-folder-content .file-icon-img,.folder-content .file-input-wrapper .file-icon-img{width:80px}.folder-content .file-folder-content .file-name,.folder-content .file-input-wrapper .file-name{font-size:16px}}@media screen and (max-width: 450px){.folder-content{max-height:250px}.folder-content .file-folder-content,.folder-content .file-input-wrapper{gap:2px;width:90px;height:100px}.folder-content .file-folder-content .file-name,.folder-content .file-input-wrapper .file-name{font-size:12px}.folder-content .file-folder-content .file-icon-img,.folder-content .file-input-wrapper .file-icon-img{width:50px}}.project-teams-container{font-family:Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;width:50%;padding:10px;border:1px solid #e4e4e4;border-radius:5px;margin-top:20px;color:#363636;transition:all .2s}.project-teams-container:hover{box-shadow:0 0 5px #c7c7c7}.project-teams-container .admin-buttons{display:flex;justify-content:center;align-items:center;width:100%;padding:0 10px 10px;gap:20px}.project-teams-container .admin-buttons .search-employee-input{width:200px;height:40px;border-radius:5px;border:1px solid #e4e4e4;padding:10px}.project-teams-container .admin-buttons .add-team-btn{font-weight:400;border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.project-teams-container .admin-buttons .add-team-btn:hover{background-color:#f8d05d}.project-teams-container .admin-buttons .delete-team-btn{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.project-teams-container .admin-buttons .delete-team-btn:hover{background-color:#f8d05d}.project-teams-container .teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;padding:20px;width:100%}.project-teams-container .team-card{background-color:#fff;padding:10px;border-radius:5px;text-align:center;cursor:pointer}.project-teams-container .team-card .team-title{font-size:18px;margin:10px 0;font-weight:500;color:#363636}.project-teams-container .team-card .team-images img{width:100%;height:150px;object-fit:cover;border-radius:5px;margin-bottom:10px}.project-teams-container .employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;padding:15px;width:100%;max-height:450px;overflow-y:auto}.project-teams-container .employees-grid .employee-card{border:1px solid #e4e4e4;padding:15px;border-radius:5px;text-align:center;cursor:pointer;transition:all .2s}.project-teams-container .employees-grid .employee-card:hover{box-shadow:0 0 5px #c7c7c7}.project-teams-container .employees-grid .employee-card .profile-pic{width:100px;height:100px;border-radius:50%;margin:0 auto 10px}.project-teams-container .employees-grid .employee-card .profile-pic .profile-pic-inner{width:100%;height:100%;object-fit:cover;border-radius:15%}.project-teams-container .employees-grid .employee-card .employee-info .employee-info-username{font-size:16px;margin:0;font-weight:300}.project-teams-container .employees-grid .employee-card .employee-info .employee-info-professionName{font-size:12px;color:#666}@media screen and (max-width: 1200px){.project-teams-container{width:90%}.project-teams-container .employees-grid{grid-template-columns:repeat(auto-fill,minmax(150px,2fr));max-height:450px}.project-teams-container .teams-grid{grid-template-columns:repeat(auto-fill,minmax(150px,2fr))}}@media screen and (max-width: 950px){.project-teams-container{width:100%;margin-top:5px}.project-teams-container .teams-grid,.project-teams-container .employees-grid{grid-template-columns:repeat(auto-fill,minmax(100px,2fr))}.project-teams-container .employees-grid .employee-card{padding:10px;max-height:130px}.project-teams-container .employees-grid .employee-card .profile-pic{margin:0;width:auto;height:auto}.project-teams-container .employees-grid .employee-card .profile-pic .profile-pic-inner{width:70px;height:70px}}@media screen and (max-width: 650px){.project-teams-container .employees-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.project-teams-container .admin-buttons{gap:5px;padding:5px}.project-teams-container .admin-buttons .delete-team-btn,.project-teams-container .admin-buttons .add-team-btn{padding:5px;font-size:14px}}@media screen and (max-width: 450px){.project-teams-container .employees-grid{max-height:250px;padding:0}.project-teams-container .admin-buttons{display:flex;flex-direction:row}.project-teams-container .admin-buttons .search-employee-input{width:70%}}.adduser-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.adduser-modal .adduser-modal-content{background-color:#fff;padding:30px;border-radius:8px;overflow:auto;position:relative;text-align:center;width:300px}.adduser-modal .adduser-modal-content .adduser-modal-ul{display:flex;flex-direction:column;gap:20px}.adduser-modal .adduser-modal-content .adduser-modal-ul .adduser-modal-li{display:flex}.adduser-modal .adduser-modal-content .adduser-modal-ul .adduser-modal-li .adduser-modal-label{cursor:pointer}.adduser-modal .adduser-modal-content .adduser-modal-ul .adduser-modal-li .adduser-modal-label .adduser-modal-input{width:35px;height:25px;cursor:pointer}.adduser-modal .adduser-modal-content .adduser-btn-div-for-modal{display:flex;justify-content:space-around;margin-top:20px;gap:20px}.adduser-modal .adduser-modal-content .adduser-btn-div-for-modal .adduser-btn-div-for-modal-submit,.adduser-modal .adduser-modal-content .adduser-btn-div-for-modal .adduser-btn-div-for-modal-cancel{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.adduser-modal .adduser-modal-content .adduser-btn-div-for-modal .adduser-btn-div-for-modal-submit:hover,.adduser-modal .adduser-modal-content .adduser-btn-div-for-modal .adduser-btn-div-for-modal-cancel:hover{background-color:#f8d05d}.remove-user-modal{position:fixed;font-family:Roboto,sans-serif;color:#363636;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.remove-user-modal .remove-user-modal-content{background-color:#fff;padding:20px;position:relative;border-radius:5px;max-width:500px;overflow-y:auto;width:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.remove-user-modal .remove-user-modal-content .remove-user-modal-ul{display:flex;flex-direction:column;gap:20px}.remove-user-modal .remove-user-modal-content .remove-user-modal-ul .remove-user-modal-li{display:flex}.remove-user-modal .remove-user-modal-content .remove-user-modal-ul .remove-user-modal-li .remove-user-modal-label{cursor:pointer}.remove-user-modal .remove-user-modal-content .remove-user-modal-ul .remove-user-modal-li .remove-user-modal-label .remove-user-modal-input{width:35px;height:25px;cursor:pointer}.remove-user-modal .remove-user-modal-content .remove-user-modal-backdrop-btn{display:flex;justify-content:center;align-items:center;gap:20px}.remove-user-modal .remove-user-modal-content .remove-user-modal-backdrop-btn .remove-user-submit-button,.remove-user-modal .remove-user-modal-content .remove-user-modal-backdrop-btn .remove-user-cancel-button{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.remove-user-modal .remove-user-modal-content .remove-user-modal-backdrop-btn .remove-user-submit-button:hover,.remove-user-modal .remove-user-modal-content .remove-user-modal-backdrop-btn .remove-user-cancel-button:hover{background-color:#f8d05d}.employee-card-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.employee-card-modal .employee-card-modal-inner{background-color:#fff;padding:20px;display:flex;flex-direction:column;width:400px;height:400px;justify-content:center;text-align:center;align-items:center;position:relative;gap:10px;border-radius:20px}.employee-card-modal .employee-card-modal-inner .employee-card-modal-profile-pic{width:150px;height:150px}.employee-card-modal .employee-card-modal-inner .employee-card-modal-profile-pic .employee-card-modal-profile-pic-inner{width:100%;height:100%;object-fit:cover;border-radius:10%}.employee-card-modal .employee-card-modal-inner .employee-card-modal-username{font-size:20px;font-weight:400}.employee-card-modal .employee-card-modal-inner .employee-card-modal-email,.employee-card-modal .employee-card-modal-inner .employee-card-modal-professionname{font-size:16px;font-weight:300}.employee-card-modal .employee-card-modal-inner .employee-card-selected-employee-buttons{display:flex;gap:10px}.employee-card-modal .employee-card-modal-inner .employee-card-selected-employee-buttons .employee-card-go-to-profile{border:1px solid #e4e4e4;color:#363636;padding:10px;border-radius:5px;transition:all .2s}.employee-card-modal .employee-card-modal-inner .employee-card-selected-employee-buttons .employee-card-go-to-profile:hover{background-color:#f8d05d}@media screen and (max-width: 768px){.employee-card-modal .employee-card-modal-inner{width:85%}}.project-comments-main{display:flex;flex-direction:column;align-items:center;width:50%;padding:10px;font-family:Roboto,sans-serif;border:1px solid #e4e4e4;border-radius:5px;margin-top:20px;color:#363636;gap:10px;transition:all .2s}.project-comments-main:hover{box-shadow:0 0 5px #c7c7c7}.project-comments-main .new-revise-create-btn{border:1px solid #e4e4e4;padding:10px;border-radius:5px;transition:all .2s}.project-comments-main .new-revise-create-btn:hover{background:#f8d05d}.project-comments-main .project-comments-table{display:flex;width:100%;flex-direction:column;gap:10px;max-height:350px;overflow-y:auto}.project-comments-main .project-comments-table .comment-table-head{display:flex;flex-direction:row;width:100%;height:55px;border:1px solid #e4e4e4;border-radius:5px}.project-comments-main .project-comments-table .comment-table-head .comment-table-head-text{width:55%;padding:15px;border-right:1px solid #e4e4e4}.project-comments-main .project-comments-table .comment-table-head .comment-table-head-state{border-right:1px solid #e4e4e4;width:15%;display:flex;justify-content:center;padding:10px;align-items:center}.project-comments-main .project-comments-table .comment-table-head .comment-table-head-owner{width:15%;padding:15px;border-right:1px solid #e4e4e4}.project-comments-main .project-comments-table .comment-table-head .comment-table-head-date{width:15%;padding:15px}.project-comments-main .project-comments-table .project-comment-item{display:flex;flex-direction:row;justify-content:space-between;width:100%;border:1px solid #e4e4e4;border-radius:5px}.project-comments-main .project-comments-table .project-comment-item:hover{box-shadow:0 0 5px #c7c7c7}.project-comments-main .project-comments-table .project-comment-item .project-comment-text{flex-direction:row;width:55%;font-size:18px;padding:15px;border-right:1px solid #e4e4e4;display:flex;gap:10px;cursor:pointer;word-break:break-word;white-space:pre-wrap}.project-comments-main .project-comments-table .project-comment-item .project-comment-text .edit-pencil-for-revise{width:20px;height:20px;opacity:.6}.project-comments-main .project-comments-table .project-comment-item .project-comment-text .edit-pencil-for-revise:hover{opacity:1}.project-comments-main .project-comments-table .project-comment-item .project-comment-state{width:15%;font-size:18px;padding:15px;border-right:1px solid #e4e4e4;word-wrap:break-word}.project-comments-main .project-comments-table .project-comment-item .project-comment-owner{font-size:18px;padding:15px;width:15%;border-right:1px solid #e4e4e4;word-wrap:break-word}.project-comments-main .project-comments-table .project-comment-item .project-comment-date{font-size:16px;word-break:break-all;padding:15px;width:15%;word-wrap:break-word}@media screen and (max-width: 950px){.project-comments-main{width:100%;margin-top:5px;gap:5px;padding:0 10px 10px}.project-comments-main .new-revise-create-btn{padding:5px;font-size:14px}}@media screen and (max-width: 750px){.project-comments-main .project-comments-table .project-comment-item .project-comment-text,.project-comments-main .project-comments-table .project-comment-item .project-comment-state,.project-comments-main .project-comments-table .project-comment-item .project-comment-owner{font-size:16px;padding:5px}.project-comments-main .project-comments-table .project-comment-item .project-comment-date{font-size:14px;padding:5px}}@media screen and (max-width: 450px){.project-comments-main .project-comments-table{max-height:200px;gap:5px;overflow-y:auto}.project-comments-main .project-comments-table .comment-table-head .comment-table-head-date,.project-comments-main .project-comments-table .comment-table-head .comment-table-head-owner,.project-comments-main .project-comments-table .comment-table-head .comment-table-head-state,.project-comments-main .project-comments-table .comment-table-head .comment-table-head-text{padding:5px;width:22%;font-size:14px}.project-comments-main .project-comments-table .comment-table-head .comment-table-head-text{width:35%}.project-comments-main .project-comments-table .project-comment-item{flex-direction:column}.project-comments-main .project-comments-table .project-comment-item .project-comment-text{font-size:14px;padding:5px;gap:5px;width:100%;flex-direction:column}.project-comments-main .project-comments-table .project-comment-item .project-comment-state,.project-comments-main .project-comments-table .project-comment-item .project-comment-owner{font-size:14px;padding:5px;width:100%}.project-comments-main .project-comments-table .project-comment-item .project-comment-date{font-size:12px;padding:5px;width:100%}}.new-revise-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.new-revise-modal .revise-modal-content{background:#fff;align-items:center;position:relative;padding:20px;text-align:center;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:500px;color:#363636}.new-revise-modal .revise-modal-content .new-revise-modal-form{display:flex;flex-direction:column;text-align:left}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-buttons-div{display:flex;justify-content:space-evenly}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-buttons-div .new-revise-submit-btn,.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-buttons-div .new-revise-submit-cancel{display:flex;align-items:center;border:1px solid #e4e4e4;transition:all .2s;padding:10px 20px;border-radius:5px}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-buttons-div .new-revise-submit-cancel:hover{background:#f8d05d}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-buttons-div .new-revise-submit-btn:hover{background:#0056b3;color:#fff}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-modal-input{margin-bottom:10px;padding:10px;border:1px solid #e4e4e4;border-radius:5px;height:200px}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-checkbox-div{display:flex;justify-content:center;margin-top:20px;gap:20px}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-checkbox-div .new-revise-div-one{display:flex;flex-direction:column;align-items:center}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-checkbox-div .new-revise-div-one input{width:20px;height:20px;cursor:pointer}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-checkbox-div .new-revise-div-one label{cursor:pointer}@media screen and (max-width: 768px){.new-revise-modal .revise-modal-content{width:90%}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-modal-input{height:100px}.new-revise-modal .revise-modal-content .new-revise-modal-form .new-revise-checkbox-div{flex-direction:column;gap:10px;margin-top:5px}}.revise-update-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.revise-update-modal .revise-modal-content{background:#fff;position:relative;text-align:center;align-items:center;padding:20px;border-radius:5px;width:400px;max-width:80%;font-family:Roboto,sans-serif}.revise-update-modal .revise-modal-content .revise-update-modal-form{display:flex;flex-direction:column;gap:10px}.revise-update-modal .revise-modal-content .revise-update-modal-form .revise-update-modal-input{font-family:Roboto,sans-serif;padding:10px;margin-bottom:10px;border:1px solid #e4e4e4;border-radius:5px;height:120px;resize:none;overflow:auto;white-space:pre-wrap}.revise-update-modal .revise-modal-content .revise-update-modal-form .revise-update-checkbox-div{display:flex;flex-direction:column;gap:10px}.revise-update-div-one{display:flex;align-items:center;width:fit-content;cursor:pointer}.revise-update-div-one label{cursor:pointer}.revise-update-div-one input{margin-right:10px;cursor:pointer}.revise-update-buttons-div{display:flex;justify-content:center;gap:20px}.revise-update-submit-btn,.revise-update-cancel,.revise-update-delete-btn{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;transition:all .2s}.revise-update-submit-btn:hover{background:#0056b3;color:#fff}.revise-update-cancel:hover{background:#f8d05d}.revise-update-delete-btn:hover{background:#e81123;color:#fff}.revise-view-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.revise-modal-content{background:#fff;padding:20px;border-radius:5px;width:400px;max-width:80%}.revise-view-modal-header{margin-bottom:20px;text-align:center}.revise-view-modal-details p{margin-bottom:10px}.revise-view-close-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;background-color:#dc3545;color:#fff;display:block;margin:0 auto}.project-history-main{display:flex;flex-direction:column;align-items:center;width:24%;padding:20px;font-family:Roboto,sans-serif;border:1px solid #e4e4e4;border-radius:5px;margin-top:20px;color:#363636;transition:all .2s}.project-history-main:hover{box-shadow:0 0 5px #c7c7c7}.project-history-main .project-history-div{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:15px}.project-history-main .project-history-div .no-history-p{font-size:20px;text-align:center}.project-history-main .project-history-div .paragraph:hover{box-shadow:0 0 5px #c7c7c7}@media screen and (max-width: 950px){.project-history-main{width:100%}}@media screen and (max-width: 600px){.project-history-main{padding:10px;margin:0}.project-history-main .project-history-div{gap:5px}.project-history-main .project-history-div .paragraph{font-size:14px}.project-history-main .project-history-div .no-history-p{font-size:16px}}.project-process-main{display:flex;flex-direction:column;align-items:center;width:24%;padding:20px;font-family:Roboto,sans-serif;border:1px solid #e4e4e4;border-radius:5px;margin-top:20px;color:#363636;gap:10px;max-height:500px;overflow-y:auto;text-align:center;transition:all .2s}.project-process-main:hover{box-shadow:0 0 5px #c7c7c7}.project-process-main .project-completed{color:green;font-weight:500}.project-process-main .project-process-input{display:flex;flex-direction:column;gap:10px;align-items:center}.project-process-main .project-process-input .project-process-p{font-size:18px;margin-bottom:10px}.project-process-main .project-process-input .project-process-input-box{width:80%;padding:10px;border:1px solid #e4e4e4;border-radius:5px}.project-process-main .project-process-input .project-process-submit-button{border:1px solid #e4e4e4;padding:10px 20px;border-radius:5px;transition:all .2s}.project-process-main .project-process-input .project-process-submit-button:hover{background-color:#f8d05d}.project-process-main .project-percentage{font-size:18px;margin-bottom:20px}.project-process-main .progress-bar-container{width:100%;background-color:#f3f3f3;border:1px solid #ccc;border-radius:5px;margin-bottom:20px}.project-process-main .progress-bar-container .progress-bar{height:25px;background-color:#4caf50;line-height:25px;color:#fff;text-align:center;border-radius:5px 0 0 5px;transition:width .3s}@media screen and (max-width: 950px){.project-process-main{width:100%;padding:5px;margin:0;gap:0px}.project-process-main .project-percentage{font-size:16px;margin-bottom:5px}.project-process-main .progress-bar-container{margin-bottom:5px;width:95%}.project-process-main .project-process-input{gap:5px}.project-process-main .project-process-input .project-process-input-box{padding:5px}.project-process-main .project-process-input .project-process-submit-button{padding:5px 10px;font-size:16px}.project-process-main .project-process-input .project-process-p{font-size:16px;margin:0}}.workers-page-main{width:100%;display:flex;flex-direction:row;background-color:#fff;font-family:Roboto,sans-serif;position:relative;color:#363636;min-height:100vh}.workers-page-main .workers-column{width:calc(100% - 110px);transform:translate(110px)}.workers-page-main .workers-column .workers-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.workers-page-main .workers-column .workers-row .search-bar-of-projects{width:300px;height:40px;margin-right:40px;border-radius:5px;border:1px solid #e4e4e4;padding:10px}.workers-page-main .workers-column .company-grid{gap:20px;display:flex;flex-direction:row;width:100%}.workers-page-main .workers-column .company-grid .user-permission-settings{display:flex;width:60%;max-height:820px}.workers-page-main .workers-column .add-new-employee-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080}.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content{background:#fff;padding:20px;border-radius:5px;position:relative;text-align:center;width:50%}.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .new-employee-modal-close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .employee-name-input,.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .employee-email-input,.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .new-employee-profile-pic{margin:10px 0;padding:10px;width:100%}.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .adding-modal-buttons-row{display:flex;justify-content:space-between;margin-top:20px}.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .adding-modal-buttons-row .adding-modal-button-create,.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .adding-modal-buttons-row .adding-modal-button-abort{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .adding-modal-buttons-row .adding-modal-button-create:hover,.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .adding-modal-buttons-row .adding-modal-button-abort:hover{background-color:#f4f4f4}.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .adding-modal-buttons-row .adding-modal-button-create{background-color:#fff;color:#363636}.workers-page-main .workers-column .add-new-employee-modal .new-employee-modal-content .adding-modal-buttons-row .adding-modal-button-abort{background-color:#f4f4f4;color:#363636}@media screen and (max-width: 1250px){.workers-page-main .workers-column .workers-row{flex-direction:column;gap:10px;margin-bottom:10px}.workers-page-main .workers-column .workers-row .search-bar-of-projects{margin:0}.workers-page-main .workers-column .company-grid{display:flex;flex-direction:column}.workers-page-main .workers-column .company-grid .employee-grid-container{width:100%}.workers-page-main .workers-column .company-grid .employee-grid-container .employee-grid{justify-content:center}.workers-page-main .workers-column .company-grid .company-grid-sidebar{width:96%}.workers-page-main .workers-column .company-grid .user-permission-settings{width:98%;margin:10px}}@media screen and (max-width: 950px){.workers-page-main .workers-column{width:calc(100% - 75px);transform:translate(70px)}.workers-page-main .workers-column .workers-row{flex-direction:column;gap:10px}.workers-page-main .workers-column .workers-row .search-bar-of-projects{margin:0}.workers-page-main .workers-column .company-grid{display:flex;flex-direction:column;gap:0px}.workers-page-main .workers-column .company-grid .employee-grid-container .employee-grid{max-height:65vh}.workers-page-main .workers-column .company-grid .company-grid-sidebar{width:96%;margin:10px;padding:10px}.workers-page-main .workers-column .company-grid .user-permission-settings{width:98%;margin:10px}}@media screen and (max-width: 450px){.workers-page-main .workers-column .company-grid .company-grid-sidebar{padding:5px;margin:0 10px 5px;max-height:150px;overflow:auto}.workers-page-main .workers-column .company-grid .company-grid-sidebar ul .job-titles-for-workersPage{font-size:14px}.workers-page-main .workers-column .workers-row .search-bar-of-projects{width:80%}.workers-page-main .workers-column .company-grid .user-permission-settings{margin:0}.workers-page-main .workers-column .company-grid .user-permission-settings .other-info-main{padding:5px;align-items:unset;justify-content:unset}.workers-page-main .workers-column .company-grid .user-permission-settings .other-info-main .revise-and-profile{flex-direction:column;align-items:center}.workers-page-main .workers-column .company-grid .user-permission-settings .other-info-main .revise-and-profile .other-info-inner{width:100%}.workers-page-main .workers-column .company-grid .user-permission-settings .other-info-main .revise-and-profile .other-info-inner .other-info-inner-2{margin:0;padding:5px;gap:5px}.workers-page-main .workers-column .company-grid .user-permission-settings .other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .other-info-profile-pic{width:40%;height:40%;padding:0}.workers-page-main .workers-column .company-grid .user-permission-settings .other-info-main .other-info-header{font-size:14px}}.other-info-main{width:100%;max-height:860px;overflow-y:auto;display:flex;padding:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid #e4e4e4;border-radius:5px;text-align:center;transition:all .2s}.other-info-main:hover{box-shadow:0 0 5px #c7c7c7}.other-info-main .revise-and-profile{display:flex;flex-direction:row;height:fit-content;gap:10px}.other-info-main .revise-and-profile .other-all-revises-inner{display:flex;flex-direction:column;gap:10px;width:100%;padding:10px;border:1px solid #e4e4e4;border-radius:5px;max-height:310px;overflow-y:auto;transition:all .2s}.other-info-main .revise-and-profile .other-all-revises-inner:hover{box-shadow:0 0 5px #c7c7c7}.other-info-main .revise-and-profile .other-all-revises-inner .other-revises-h2{font-size:24px;font-weight:400;padding:10px;border-bottom:1px solid #e4e4e4}.other-info-main .revise-and-profile .other-all-revises-inner .other-revise-div .other-revise-p{font-size:16px;font-weight:400;border-bottom:1px solid #e4e4e4;padding-bottom:10px}.other-info-main .revise-and-profile .other-info-inner{height:fit-content}.other-info-main .revise-and-profile .other-info-inner .other-revise-p{font-size:16px}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2:hover{box-shadow:0 0 5px #c7c7c7}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .other-info-profile-pic{width:180px;height:180px;padding:10px;border-radius:50%;background-color:#fff;object-fit:cover}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .other-info-username{font-size:20px;font-weight:400}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .other-info-email{font-size:18px;font-weight:300}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .profession-editing-div{display:flex;position:relative;width:100%;justify-content:center}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .profession-editing-div .other-info-professionname{font-size:18px;font-weight:300}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .profession-editing-div .pencil-profession-edit{width:15px;height:15px;cursor:pointer;transition:all .2s;opacity:.6;position:absolute;right:0;top:4px}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .profession-editing-div .pencil-profession-edit:hover{opacity:1}.other-info-main .other-info-header{font-size:30px;font-weight:300}.other-info-main .other-joined-all{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:fit-content;border:1px solid #e4e4e4;border-radius:5px}.other-info-main .other-joined-all .other-all-projects{display:flex;width:100%;flex-direction:column;font-size:18px;font-weight:400;transition:all .2s}.other-info-main .other-joined-all .other-all-projects:hover{box-shadow:0 0 5px #c7c7c7}.other-info-main .other-joined-all .other-all-projects .other-joined-projects-h2{font-size:24px;font-weight:400;padding:10px}.other-info-main .other-joined-all .other-all-projects .other-column{gap:20px;flex-wrap:wrap;display:flex;flex-direction:row;padding:10px;justify-content:center}.other-info-main .other-joined-all .other-all-projects .other-column .other-project-div{display:flex;width:100%;flex-direction:column;align-items:center;gap:10px;padding:10px;justify-content:space-between;border:1px solid #e4e4e4;border-radius:5px}.other-info-main .other-joined-all .other-all-projects .other-column .other-project-div .other-project-p{font-size:18px;font-weight:400}.other-info-main .other-joined-all .other-all-projects .other-column .other-project-div .other-project-photo{width:100px;height:100px;border-radius:10%;background-color:#fff}.other-info-main .other-all-groups{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;height:fit-content;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.other-info-main .other-all-groups:hover{box-shadow:0 0 5px #c7c7c7}.other-info-main .other-all-groups .other-groups-joined-h2{font-size:24px;font-weight:400}.other-info-main .other-all-groups .all-groups-row-div{display:flex;flex-direction:row;gap:10px;align-items:center}.other-info-main .other-all-groups .all-groups-row-div .no-group-p{font-size:18px;font-weight:400}.other-info-main .other-all-groups .all-groups-row-div .other-groups-name{width:100%;padding-right:5px;font-weight:400;font-size:18px;border-right:1px solid #e4e4e4}.other-info-main .open-inbox-content-private-messages-div{background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;padding:10px;border:1px solid #e4e4e4;border-radius:5px;position:relative;text-align:center;width:100%;transition:all .2s}.other-info-main .open-inbox-content-private-messages-div:hover{box-shadow:0 0 5px #c7c7c7}.other-info-main .open-inbox-content-private-messages-div .messages-container-private{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;max-height:400px;width:95%;overflow-y:auto}.other-info-main .open-inbox-content-private-messages-div .messages-container-private .message-private{display:flex;background-color:#f9f9f9;flex-direction:column;gap:8px;width:100%;padding:10px;border:1px solid #e4e4e4;border-radius:5px;justify-content:center;align-items:center}.other-info-main .open-inbox-content-private-messages-div .messages-container-private .message-private .priv-message-date{font-size:16px;font-weight:400}.other-info-main .open-inbox-content-private-messages-div .messages-container-private .message-private .priv-message-reply-input{width:80%;padding:10px;border:1px solid #e4e4e4;border-radius:5px}.other-info-main .open-inbox-content-private-messages-div .messages-container-private .message-private .message-header-private{font-size:22px;font-weight:400;word-wrap:break-word;padding-bottom:15px;border-bottom:1px solid #e4e4e4;width:70%}.other-info-main .open-inbox-content-private-messages-div .messages-container-private .message-private .message-owner-private{font-size:20px;font-weight:400;word-wrap:break-word}.other-info-main .open-inbox-content-private-messages-div .messages-container-private .message-private .message-content-private{font-size:18px;word-wrap:break-word;font-weight:300}.other-info-main .open-inbox-content-private-messages-div .messages-container-private .message-private .message-media-div-private{display:flex;gap:10px;border:1px solid #e4e4e4;padding:10px;border-radius:5px;max-width:395px;overflow-x:auto}.other-info-main .open-inbox-content-private-messages-div .messages-container-private .message-private .message-media-div-private .message-media-img-private{width:100px}.other-info-main .open-inbox-content-private-messages-div .open-inbox-modal-header-private{font-size:24px;font-weight:400}.other-info-main .open-inbox-content-private-messages-div .write-priv-message{border:1px solid #e4e4e4;padding:10px;border-radius:5px;transition:all .2s;width:200px}.other-info-main .open-inbox-content-private-messages-div .write-priv-message:hover{background-color:#f8d05d}@media screen and (max-width: 450px){.other-info-main{margin:0 10px 10px;gap:5px;max-height:300px}.other-info-main .other-all-groups .all-groups-row-div .other-groups-name{font-size:14px;font-weight:400}.other-info-main .open-inbox-content-private-messages-div .write-priv-message{padding:5px;width:150px;font-size:16px}.other-info-main .open-inbox-content-private-messages-div .open-inbox-modal-header-private{font-size:20px}.other-info-main .other-all-groups .other-groups .other-groups-name{font-size:16px}.other-info-main .other-all-groups .other-groups-joined-h2{font-size:20px}.other-info-main .revise-and-profile{gap:5px}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .profession-editing-div .other-info-professionname{font-size:14px}.other-info-main .revise-and-profile .other-info-inner .other-info-inner-2 .other-info-email{font-size:16px}.other-info-main .revise-and-profile .other-all-revises-inner{gap:5px;padding:5px;margin:0}.other-info-main .revise-and-profile .other-all-revises-inner .other-revise-p{font-size:14px}.other-info-main .revise-and-profile .other-all-revises-inner .other-revises-h2{font-size:22px;padding:3px}.other-info-main .other-joined-all .other-all-projects{max-height:400px;overflow-y:auto}.other-info-main .other-joined-all .other-all-projects .other-joined-projects-h2{font-size:20px;padding:5px}.other-info-main .other-joined-all .other-all-projects .other-column{gap:10px;justify-content:center}.other-info-main .other-joined-all .other-all-projects .other-column .other-project-div{padding:3px;width:30%;border:1px solid #e4e4e4;border-radius:5px}.other-info-main .other-joined-all .other-all-projects .other-column .other-project-div .other-project-p{font-size:14px}.other-info-main .other-joined-all .other-all-projects .other-column .other-project-div .other-project-photo{width:45px;height:45px}}.priv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.priv-modal-overlay .priv-modal-content{background:#fff;position:relative;padding:20px;border-radius:5px;width:400px;width:auto;box-shadow:0 2px 10px #0000001a}.priv-modal-overlay .priv-modal-content .priv-form .form-button-div{display:flex;justify-content:center;gap:10px;margin-top:20px}.priv-modal-overlay .priv-modal-content .priv-form .priv-form-group{margin-bottom:15px;display:flex;flex-direction:column;gap:10px}.priv-modal-overlay .priv-modal-content .priv-form .priv-form-group .priv-input-header,.priv-modal-overlay .priv-modal-content .priv-form .priv-form-group .priv-input-content,.priv-modal-overlay .priv-modal-content .priv-form .priv-form-group .priv-input-media{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.priv-modal-overlay .priv-modal-content .priv-form .priv-form-group .priv-input-content{resize:vertical;height:180px}.employee-grid-container{max-height:820px;overflow-y:auto;font-family:Roboto,sans-serif;color:#363636;width:20%}.employee-grid-container .employee-grid{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-top:20px;padding-bottom:20px;min-height:150px;justify-content:center;color:#363636;border:1px solid #e4e4e4}.employee-grid-container .employee-grid .employee-card{padding:12px;width:175px;max-height:200px;text-align:center;border-radius:5px;cursor:pointer;border:1px solid #e4e4e4;transition:all .2s}.employee-grid-container .employee-grid .employee-card:hover{box-shadow:0 0 5px #c7c7c7}.employee-grid-container .employee-grid .employee-card .profile-pic{width:100px;height:100px;border-radius:50%;margin:0 auto 10px}.employee-grid-container .employee-grid .employee-card .profile-pic .profile-pic-inner{width:100%;height:100%;object-fit:cover;border-radius:10%}.employee-grid-container .employee-grid .employee-card .employee-info h3{margin:10px 0 5px;font-size:18px;font-weight:400;word-break:break-word}.employee-grid-container .employee-grid .employee-card .employee-info p{margin:5px 0;font-size:14px;color:#666;word-break:break-word}@media screen and (max-width: 1100px){.project-teams-container .employees-grid .employee-card{padding:5px}.project-teams-container .employees-grid .employee-card .profile-pic{width:80px;height:80px;margin:0 auto}}@media screen and (max-width: 950px){.employee-grid-container .employee-grid .employee-card{width:140px}.employee-grid-container .employee-grid .employee-card .profile-pic{width:80px;height:80px}}@media screen and (max-width: 768px){.employee-grid-container .employee-grid{justify-content:center}}@media screen and (max-width: 450px){.employee-grid-container{width:100%}.employee-grid-container .employee-grid{gap:10px;padding:5px}.employee-grid-container .employee-grid .employee-card{width:45%;padding:2px;min-height:175px}.employee-grid-container .employee-grid .employee-card .profile-pic{width:80px;height:80px}.employee-grid-container .employee-grid .employee-card .profile-pic .profile-pic-inner{width:100%;height:100%}.employee-grid-container .employee-grid .employee-card .employee-info p{font-size:12px;word-wrap:break-word}.employee-grid-container .employee-grid .employee-card .employee-info h3{margin:0;font-size:16px}}.company-grid-sidebar{display:flex;width:17%;padding:15px;background-color:#fff;margin-left:20px;border:1px solid #e4e4e4;border-radius:5px;font-family:Roboto,sans-serif;color:#363636}.company-grid-sidebar ul{width:100%;list-style-type:none;padding:0}.company-grid-sidebar ul .job-titles-for-workersPage{display:flex;flex-direction:row;margin:10px 0;align-items:center;gap:10px;padding:10px;background-color:#fff;text-align:left;cursor:pointer;font-weight:300;border-radius:0;transition:all .2s}.company-grid-sidebar ul .job-titles-for-workersPage .job-titles-for-title-name{font-size:18px;font-weight:300}.company-grid-sidebar ul .job-titles-for-workersPage .trash-icon{top:8px;left:5px;width:20px;height:24px;cursor:pointer;opacity:.5}.company-grid-sidebar ul .job-titles-for-workersPage .trash-icon:hover{opacity:.8}.company-grid-sidebar ul .job-titles-for-workersPage:hover,.company-grid-sidebar ul .job-titles-for-workersPage.active{background-color:#f4f4f4}@media screen and (max-width: 1250px){.company-grid-sidebar{width:100%}.company-grid-sidebar ul{display:flex;gap:5px;flex-wrap:wrap}.company-grid-sidebar ul .job-titles-for-workersPage{margin:0;padding:5px;border:1px solid #e4e4e4;border-radius:5px}.company-grid-sidebar ul .job-titles-for-workersPage .job-titles-for-title-name{font-size:14px;font-weight:400}}.new-profession-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.new-profession-modal-overlay .new-profession-modal-main{position:relative;background-color:#f4f4f4;display:flex;flex-direction:column;padding:40px;text-align:center;width:400px;gap:20px;border-radius:5px}.new-profession-modal-overlay .new-profession-modal-main .new-pro-input{padding:10px;border:1px solid #e4e4e4;border-radius:5px;width:100%}.new-profession-modal-overlay .new-profession-modal-main .new-pro-button-div{display:flex;justify-content:center;gap:20px}.new-profession-modal-overlay .new-profession-modal-main .new-pro-button-div .new-pro-button{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.new-profession-modal-overlay .new-profession-modal-main .new-pro-button-div .new-pro-button:hover{background-color:#f8d05d}@media screen and (max-width: 500px){.new-profession-modal-overlay .new-profession-modal-main{width:90%;padding:20px}}.delete-pro-modal-main{position:fixed;width:100%;height:100%;top:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-pro-modal-main .delete-pro-modal{display:flex;border-radius:5px;flex-direction:column;text-align:center;gap:40px;position:fixed;width:375px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 2px 10px #0000001a;z-index:1000}.delete-pro-modal-main .delete-pro-modal .delete-pro-div{display:flex;flex-direction:row;justify-content:center;gap:50px}.delete-pro-modal-main .delete-pro-modal .delete-pro-div .delete-pro-modal-yes,.delete-pro-modal-main .delete-pro-modal .delete-pro-div .delete-pro-modal-no{padding:10px 20px;cursor:pointer;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.delete-pro-modal-main .delete-pro-modal .delete-pro-div .delete-pro-modal-yes:hover{background-color:#007bff;color:#fff}.delete-pro-modal-main .delete-pro-modal .delete-pro-div .delete-pro-modal-no:hover{background-color:#e81123;color:#fff}@media screen and (max-width: 400px){.delete-pro-modal-main .delete-pro-modal{width:90%;height:165px;padding:10px;gap:20px}.delete-pro-modal-main .delete-pro-modal .delete-pro-div{gap:20px}}.aboutme-page-main{display:flex;flex-direction:row;width:100%;height:100vh;background-color:#fff;font-family:Roboto,sans-serif;color:#363636}.aboutme-page-main .aboutme-page-column{display:flex;flex-direction:column;width:100%}.aboutme-page-main .aboutme-page-column .aboutme-row-2{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 110px);transform:translate(110px)}.aboutme-page-main .aboutme-page-column .aboutme-row-2 .message-inbox{width:50px;height:50px;margin-right:50px;opacity:.7;cursor:pointer;transition:all .2s}.aboutme-page-main .aboutme-page-column .aboutme-row-2 .message-inbox:hover{opacity:1}.aboutme-page-main .aboutme-page-column .aboutme-page-row{display:flex;flex-direction:row;justify-content:space-between;padding:15px;background-color:#fff;gap:20px;transform:translate(110px);width:calc(100% - 110px)}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2{width:70%;display:flex;flex-direction:column;gap:20px}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2 .aboutme-row-3{display:flex;width:100%;gap:20px}@media screen and (max-width: 1250px){.aboutme-page-main .aboutme-page-row .project-inside-main .projects-sidebar .projects-list{display:flex;flex-direction:column}}@media screen and (max-width: 950px){.aboutme-page-main{width:calc(100% - 60px)}.aboutme-page-main .aboutme-page-column{width:100%}.aboutme-page-main .aboutme-page-column .aboutme-row-2{width:calc(100% + 60px)}.aboutme-page-main .aboutme-page-column .aboutme-row-2 .message-inbox{margin-right:20px}.aboutme-page-main .aboutme-page-column .aboutme-page-row{flex-direction:column;transform:translate(60px);width:100%}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2{width:100%}}@media screen and (max-width: 450px){.aboutme-page-main .aboutme-page-column .aboutme-row-2{width:calc(100% - 60px)}.aboutme-page-main .aboutme-page-column .aboutme-row-2 .message-inbox{margin-right:20px}.aboutme-page-main .aboutme-page-column .aboutme-row-2 .message-inbox{width:30px;height:30px}.aboutme-page-main .aboutme-page-column .aboutme-page-row{padding:5px;gap:5px;transform:translate(60px)}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2{gap:5px;width:100%}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2 .aboutme-row-3{gap:5px;width:95%;margin-left:11px}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2 .mylast-act-main{padding:5px;max-height:250px;overflow:hidden}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2 .mylast-act-main .mylast-act-ul{overflow-y:auto}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2 .mylast-act-main .mylast-act-ul .mylast-act-item-desc{flex-direction:column;font-size:12px;padding:4px}.aboutme-page-main .aboutme-page-column .aboutme-page-row .aboutme-page-column-2 .mylast-act-main .mylast-act-ul .mylast-act-item-desc .mylast-act-item-date{font-size:10px;padding:2px}}.profile{display:flex;flex-direction:column;align-items:center;width:250px;max-height:800px;overflow-y:auto;padding:20px;background-color:#fff;border-radius:5px;border:1px solid #e4e4e4;color:#363636;font-family:Roboto,sans-serif}.profile:hover{box-shadow:0 0 5px #c7c7c7}.profile .profile-info .profile-field{flex-wrap:wrap}.profile .profile-info .profile-field .profile-field-labels{font-weight:400;width:100%}.profile .profile-info .profile-field .profile-field-paragraph{word-break:break-all;font-weight:300;width:100%}.profile .profile-info .profile-field-social{flex-wrap:wrap}.profile .profile-info .profile-field-social .profile-field-labels{font-weight:400;width:100%}.profile .profile-info .profile-field-social .profile-field-paragraph{word-break:break-all;width:100%;font-weight:300}.profile .profile-image{position:relative;margin:10px;display:flex;justify-content:center}.profile .profile-image .profile-pic-input{position:absolute;display:flex;width:20px;height:20px}.profile .profile-image .profile-pic{width:150px;object-fit:cover;height:150px;border-radius:50%;margin-bottom:20px;border:5px solid #e4e4e4}.profile .profile-form,.profile .profile-form .profile-image{width:90%}.profile .profile-form .profile-image .profile-pic-label{width:300px;height:300px;position:relative;cursor:pointer}.profile .profile-form .profile-image .profile-pic-label .profile-pic-input{display:none}.profile .profile-form .profile-field{display:flex;flex-direction:row;justify-content:space-between;margin:5px 0}.profile .profile-form .profile-field .profile-field-label{padding:10px;width:30%}.profile .profile-form .profile-field .biography-area{height:80px;background-color:#fff;color:#363636;border-radius:5px;padding:10px}.profile .profile-form .profile-field .input-for-labels{background-color:#fff;color:#363636;padding:10px;border-radius:5px;border:1px solid #e4e4e4;width:70%}.profile .profile-form ::placeholder{color:#f4f4f4}.profile .profile-form .profile-field-social{display:flex;flex-direction:column;justify-content:left;gap:10px;margin-top:20px}.profile .profile-form .profile-field-social .input-for-labels{background-color:#fff;color:#363636;padding:10px;border-radius:5px;border:1px solid #e4e4e4}.profile .profile-form .profile-buttons{display:flex;margin-top:20px;gap:10px;justify-content:center}.profile .profile-form .profile-buttons .my-profile-submit,.profile .profile-form .profile-buttons .my-profile-cancel{border:1px solid #e4e4e4;color:#363636;padding:10px;border-radius:5px;transition:all .2s}.profile .profile-form .profile-buttons .my-profile-submit:hover,.profile .profile-form .profile-buttons .my-profile-cancel:hover{background-color:#f8d05d}.profile .profile-info{display:flex;flex-direction:column;width:90%}.profile .profile-info .profile-field{display:flex;flex-direction:row;gap:5px;margin-bottom:15px}.profile .profile-info .profile-field-social{display:flex;flex-direction:column;gap:10px}.profile .profile-info .buttons-for-profile-section{display:flex;flex-direction:row;gap:10px;justify-content:space-around;margin-top:20px}.profile .profile-info .buttons-for-profile-section .my-profile-logout{border:1px solid #e4e4e4;padding:10px 20px;border-radius:5px;transition:all .2s}.profile .profile-info .buttons-for-profile-section .my-profile-logout:hover{background-color:#e81123;color:#fff}@media screen and (max-width: 1250px){.profile .profile-image .profile-pic{width:110px;height:110px}.profile .profile-form .profile-field{flex-direction:column;gap:10px}}@media screen and (max-width: 950px){.profile{width:100%}.profile .profile-info{width:100%;flex-direction:column;gap:10px}.profile .profile-image{margin:0}.profile .profile-image .profile-pic{width:120px;height:120px;margin:0}}@media screen and (max-width: 450px){.profile{width:95%;padding:5px;margin-left:12px}.profile .profile-info{gap:5px}.profile .profile-info .buttons-for-profile-section{margin-top:5px}.profile .profile-info .buttons-for-profile-section .my-profile-logout{padding:5px 10px;font-size:16px}.profile .profile-info .profile-field-social{gap:4px}.profile .profile-info .profile-field-social .profile-field-labels{font-size:18px;gap:5px}.profile .profile-info .profile-field-social .profile-field-paragraph{font-size:14px}.profile .profile-info .profile-field{gap:2px;margin-bottom:4px;flex-wrap:nowrap;align-items:center}.profile .profile-info .profile-field .profile-field-paragraph{font-size:14px}.profile .profile-info .profile-field .profile-field-labels{font-size:18px;width:40%}}.myactive-projects-main{width:100%;font-family:Roboto,sans-serif;background-color:#fff;color:#363636;padding:0 10px 10px;border-radius:5px;border:1px solid #e4e4e4;max-height:480px;overflow-y:auto}.myactive-projects-main:hover{box-shadow:0 0 5px #c7c7c7}.myactive-projects-main .active-projects-container{display:flex;justify-content:center;gap:20px;padding:10px;flex-wrap:wrap;text-align:center}.myactive-projects-main .active-projects-container .my-active-project-div{color:#363636;width:100%}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:15px;max-height:210px;overflow-y:auto}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list .my-active-project-list-element{padding:10px;cursor:pointer;text-align:center;transition:all .2s;width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:180px;border:1px solid #e4e4e4;border-radius:5px}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list .my-active-project-list-element:hover{box-shadow:0 0 5px #c7c7c7}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list .my-active-project-list-element .my-active-project-list-paragraph{font-size:18px;font-weight:300}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list .my-active-project-list-element .my-active-project-list-pic{width:100px;height:100px;border-radius:5px}@media screen and (max-width: 450px){.myactive-projects-main{width:95%;padding:5px;margin-left:11px}.myactive-projects-main .active-projects-container{padding:5px}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list{padding:5px;gap:5px}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list .my-active-project-list-element{width:45%;height:140px}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list .my-active-project-list-element .my-active-project-list-paragraph{font-size:14px}.myactive-projects-main .active-projects-container .my-active-project-div .my-active-project-list .my-active-project-list-element .my-active-project-list-pic{width:80px;height:80px}}.my-files-panel{display:flex;flex-direction:column;align-items:center;width:25%;padding:10px;border:1px solid #e4e4e4;border-radius:5px;gap:20px;height:780px;color:#363636}.my-files-panel:hover{box-shadow:0 0 5px #c7c7c7}.my-files-panel .add-folder-button{border:1px solid #e4e4e4;padding:10px 20px;border-radius:5px;transition:all .2s}.my-files-panel .add-folder-button:hover{background-color:#007bff;color:#fff}.my-files-panel .folders{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;position:relative;max-height:600px;overflow-y:auto}.my-files-panel .folders .folder-content{display:flex;flex-direction:row;gap:20px;text-align:center;justify-content:center;align-items:center;padding:10px}.my-files-panel .folders .folder-content .search-input{width:90%;padding:10px;border:1px solid #e4e4e4;border-radius:5px}.my-files-panel .folders .folder-content .upload-file-button{border:1px solid #e4e4e4;padding:5px 10px;border-radius:5px;transition:all .2s;font-size:18px;width:90%}.my-files-panel .folders .folder-content .upload-file-button:hover{background-color:#007bff;color:#fff}.my-files-panel .folders .folder-content .back-button{width:30px;cursor:pointer;position:absolute;top:0;left:0;opacity:.6;transition:all .2s}.my-files-panel .folders .folder-content .back-button:hover{opacity:1}.my-files-panel .folders .folder-content .folder-header{font-weight:300;text-align:center;margin:20px 0}.my-files-panel .folders .folder-content .files{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.my-files-panel .folders .folder-content .files .file{width:120px;padding:5px;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;transition:all .2s}.my-files-panel .folders .folder-content .files .file:hover{background-color:#f4f4f4}.my-files-panel .folders .folder-content .files .file .files-img{width:100%}.my-files-panel .folders .folder-content .files .file .file-name{font-size:16px;margin-top:5px}.my-files-panel .folders .folder{position:relative;border:1px solid #e4e4e4;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 5px 5px;margin:10px;width:135px;border-radius:5px;cursor:pointer;gap:10px;transition:all .2s}.my-files-panel .folders .folder:hover{box-shadow:0 0 5px #c7c7c7}.my-files-panel .folders .folder .folder-editpencil{position:absolute;width:18px;cursor:pointer;top:5px;right:30px;opacity:.6}.my-files-panel .folders .folder .folder-editpencil:hover{opacity:1}.my-files-panel .folders .folder .folder-deleteicon{position:absolute;width:16px;cursor:pointer;top:5px;right:5px;opacity:.6}.my-files-panel .folders .folder .folder-deleteicon:hover{opacity:1}.my-files-panel .folders .folder .folder-p{margin-top:5px;font-size:16px}.my-files-panel .folders .folder .folder-icon{width:55px;height:55px}@media screen and (max-width: 950px){.my-files-panel{overflow-y:visible;gap:10px;padding:10px;width:100%;max-height:450px}}@media screen and (max-width: 450px){.my-files-panel{height:auto;width:95%;gap:5px;margin-left:11px}.my-files-panel .folders .folder-content{padding:0;max-height:250px;margin:0;gap:5px}.my-files-panel .folders .folder-content .search-input{padding:5px;width:75%}.my-files-panel .folders .folder-content .folder-header{margin:0;font-size:18px}.my-files-panel .folders .folder-content .upload-file-button{width:70px;padding:5px;font-size:16px}.my-files-panel .folders .folder-content .files{gap:5px}.my-files-panel .folders .folder-content .files .file{width:70px;padding:5px;border-radius:5px}.my-files-panel .folders .folder-content .files .file .files-img{width:80%;border-radius:5px}.my-files-panel .folders .folder-content .files .file .file-name{font-size:12px;margin:0}.my-files-panel .folders .folder{width:75px;padding:5px;margin:0}.my-files-panel .folders .folder .folder-deleteicon,.my-files-panel .folders .folder .folder-editpencil{width:10px}.my-files-panel .folders .folder .folder-editpencil{right:20px}.my-files-panel .folders .folder .folder-p{font-size:12px;margin:0}.my-files-panel .folders .folder .folder-icon{width:50px;height:50px}.my-files-panel .add-folder-button{padding:5px;font-size:14px}}.file-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.file-preview-modal .file-preview-modal-content{background:#fff;padding:20px;border-radius:5px;text-align:center;position:relative}.file-preview-modal .file-preview-modal-content .file-preview-image{max-width:100%;max-height:400px;margin-bottom:20px}.file-preview-modal .file-preview-modal-content .file-preview-file-name{margin-bottom:20px;font-size:22px;font-weight:400}.file-preview-modal .file-preview-modal-content .file-preview-btns{display:flex;justify-content:center;gap:10px}.file-preview-modal .file-preview-modal-content .file-preview-btns .file-preview-modal-download-btn,.file-preview-modal .file-preview-modal-content .file-preview-btns .file-preview-modal-cancel-btn,.file-preview-modal .file-preview-modal-content .file-preview-btns .file-preview-modal-delete-btn{padding:10px 20px;cursor:pointer;color:#363636;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.file-preview-modal .file-preview-modal-content .file-preview-btns .file-preview-modal-download-btn:hover,.file-preview-modal .file-preview-modal-content .file-preview-btns .file-preview-modal-cancel-btn:hover,.file-preview-modal .file-preview-modal-content .file-preview-btns .file-preview-modal-delete-btn:hover{background-color:#f8d05d}.file-preview-modal .file-preview-modal-content .file-preview-btns .file-preview-modal-cancel-btn{background-color:#e7e7e7}.addfolder-modal{position:fixed;top:0;left:0;width:100%;height:calc(100vh - 108px);background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.addfolder-modal .addfolder-modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:80%;max-height:80%;overflow:auto;position:relative;text-align:center}.addfolder-modal .addfolder-modal-content .addfolder-close-modal{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.addfolder-modal .addfolder-modal-content .addfolder-modal-header{margin-bottom:20px;font-size:24px;font-weight:400}.addfolder-modal .addfolder-modal-content .addfolder-modal-input{border:1px solid #e4e4e4;padding:5px;border-radius:5px}.addfolder-modal .addfolder-modal-content .addfolder-modal-buttons{display:flex;justify-content:space-around;margin-top:20px;gap:20px}.addfolder-modal .addfolder-modal-content .addfolder-modal-buttons .addfolder-modal-button-create,.addfolder-modal .addfolder-modal-content .addfolder-modal-buttons .addfolder-modal-button-cancel{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.addfolder-modal .addfolder-modal-content .addfolder-modal-buttons .addfolder-modal-button-create:hover,.addfolder-modal .addfolder-modal-content .addfolder-modal-buttons .addfolder-modal-button-cancel:hover{background-color:#f8d05d}.edit-folder-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.edit-folder-modal .edit-folder-modal-content{background-color:#fff;padding:40px;border-radius:5px;max-width:400px;max-height:80%;overflow:auto;position:relative;text-align:center}.edit-folder-modal .edit-folder-modal-content .edit-folder-input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #e4e4e4;border-radius:5px;font-size:16px}.edit-folder-modal .edit-folder-modal-content .edit-folder-modal-buttons{display:flex;justify-content:space-around;margin-top:20px;gap:20px}.edit-folder-modal .edit-folder-modal-content .edit-folder-modal-buttons .edit-folder-save-button,.edit-folder-modal .edit-folder-modal-content .edit-folder-modal-buttons .edit-folder-cancel-button{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.edit-folder-modal .edit-folder-modal-content .edit-folder-modal-buttons .edit-folder-save-button:hover{background-color:#007bff;color:#fff}.edit-folder-modal .edit-folder-modal-content .edit-folder-modal-buttons .edit-folder-cancel-button:hover{background-color:#e81123;color:#fff}@media screen and (max-width: 500px){.edit-folder-modal .edit-folder-modal-content{padding:20px;max-width:300px}.edit-folder-modal .edit-folder-modal-content .edit-folder-modal-buttons .edit-folder-cancel-button,.edit-folder-modal .edit-folder-modal-content .edit-folder-modal-buttons .edit-folder-save-button{padding:10px;font-size:16px}}.delete-folder-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.delete-folder-modal .delete-folder-modal-content{background-color:#fff;padding:40px;border-radius:5px;width:400px;height:250px;text-align:center}.delete-folder-modal .delete-folder-modal-content .delete-folder-modal-buttons{display:flex;justify-content:space-around;margin-top:20px;gap:20px}.delete-folder-modal .delete-folder-modal-content .delete-folder-modal-buttons .delete-folder-save-button,.delete-folder-modal .delete-folder-modal-content .delete-folder-modal-buttons .delete-folder-cancel-button{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.delete-folder-modal .delete-folder-modal-content .delete-folder-modal-buttons .delete-folder-save-button:hover{background-color:#007bff;color:#fff}.delete-folder-modal .delete-folder-modal-content .delete-folder-modal-buttons .delete-folder-cancel-button:hover{background-color:#e81123;color:#fff}@media screen and (max-width: 500px){.delete-folder-modal .delete-folder-modal-content{padding:10px;width:90%;height:200px}.edit-folder-modal .edit-folder-modal-content{padding:10px;width:90%}}.mylast-act-main{width:60%;font-family:Roboto,sans-serif;padding:20px;border-radius:5px;border:1px solid #e4e4e4;color:#363636;text-align:center;height:480px}.mylast-act-main:hover{box-shadow:0 0 5px #c7c7c7}.mylast-act-main .mylast-act-ul{display:flex;flex-direction:column;max-height:400px;overflow-y:auto}.mylast-act-main .mylast-act-ul .mylast-act-item-desc{display:flex;font-size:18px;font-weight:300;padding:10px;border-bottom:1px solid #e4e4e4;align-items:center;justify-content:space-between}.mylast-act-main .mylast-act-ul .mylast-act-item-desc .mylast-act-item-date{font-size:16px;font-weight:300;padding:10px}@media screen and (min-width: 768px){.mylast-act-main{padding:10px}.mylast-act-main .mylast-act-item .mylast-act-item-desc{font-size:16px}}@media screen and (min-width: 450px){.mylast-act-main{height:250px}.mylast-act-main .mylast-act-ul{max-height:200px}}.open-inbox-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.open-inbox-modal .open-column{display:flex;flex-direction:column;gap:20px;width:60%;max-width:1200px;background-color:#fff;padding:20px;border-radius:5px;border:1px solid #e4e4e4}.open-inbox-modal .open-column .inbox-model-row{display:flex;flex-direction:row;justify-content:center;gap:20px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div{background-color:#fff;display:flex;flex-direction:column;gap:10px;position:relative;text-align:center;width:100%}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center;max-height:620px;overflow-y:auto}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message{display:flex;flex-direction:column;gap:15px;width:90%;padding:20px;border:1px solid #e4e4e4;border-radius:5px;position:relative}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .dustbin-logo-message{position:absolute;top:24px;left:20px;width:22px;cursor:pointer;transition:all .2s;opacity:.7}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .dustbin-logo-message:hover{opacity:1}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-created-date{font-size:16px;font-weight:400;position:absolute;top:27px;right:15px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-header{font-size:26px;font-weight:400;border-bottom:1px solid #e4e4e4;padding-bottom:15px;word-wrap:break-word}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-owner{font-size:20px;font-weight:400;word-wrap:break-word}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-content{font-size:18px;word-wrap:break-word}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-media-div{display:flex;gap:10px;border:1px solid #e4e4e4;padding:10px;border-radius:5px;max-width:640px;overflow-x:auto;justify-content:center}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-media-div .message-media-img{width:400px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .open-inbox-modal-header{font-size:36px;font-weight:400}.open-inbox-modal .open-column .open-inbox-modal-buttons{display:flex;justify-content:center;gap:20px}.open-inbox-modal .open-column .open-inbox-modal-buttons .inbox-button-cancel{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.open-inbox-modal .open-column .open-inbox-modal-buttons .inbox-button-cancel:hover{background-color:#e81123;color:#fff}@media screen and (max-width: 800px){.open-inbox-modal .open-column{width:80%}}@media screen and (max-width: 450px){.open-inbox-modal .open-column{width:85%;padding:10px;gap:10px}.open-inbox-modal .open-column .open-inbox-modal-buttons .inbox-button-cancel{padding:5px 10px;font-size:14px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div{gap:5px;padding:5px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .open-inbox-modal-header{font-size:24px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container{gap:10px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message{gap:5px;padding:5px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-header{font-size:20px;padding-bottom:8px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-owner{font-size:16px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-content{font-size:14px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-media-div{gap:5px;padding:5px}.open-inbox-modal .open-column .inbox-model-row .open-inbox-content-massmessage-div .messages-container .message .message-media-div .message-media-img{width:50px}}.my-notebook-main{display:flex;flex-direction:column;width:40%;padding:10px;border:1px solid #e4e4e4;border-radius:5px;gap:10px;height:480px;transition:all .2s}.my-notebook-main:hover{box-shadow:0 0 5px #c7c7c7}.my-notebook-main .notebook-notes-area{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.my-notebook-main .notebook-notes-area .note-div{display:flex;flex-direction:column;gap:5px;border:1px solid #e4e4e4;border-radius:5px;padding:10px;position:relative}.my-notebook-main .notebook-notes-area .note-div .edit-icon{position:absolute;top:10px;right:10px;width:15px;height:15px;opacity:.5;cursor:pointer;transition:all .2s}.my-notebook-main .notebook-notes-area .note-div .edit-icon:hover{opacity:1}.my-notebook-main .notebook-notes-area .note-div .note-one-subheader{padding:5px;font-weight:300;font-size:22px;border-bottom:1px solid #e4e4e4}.my-notebook-main .notebook-notes-area .note-div .note-one-subnote{padding:5px;font-weight:300;font-size:16px}@media screen and (max-width: 450px){.my-notebook-main{max-height:250px;overflow:hidden;padding:5px;gap:3px}.my-notebook-main .notebook-notes-area .note-div{padding:3px}.my-notebook-main .notebook-notes-area .note-div .note-one-subheader,.my-notebook-main .notebook-notes-area .note-div .note-one-subnote{font-size:12px;padding:3px}}.new-note-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.new-note-modal .new-note-modal-content{display:flex;position:relative;flex-direction:column;gap:20px;background:#fff;padding:20px;border-radius:5px;width:500px;height:350px;text-align:center}.new-note-modal .new-note-modal-content .note-title-input{padding:5px;border:1px solid #e4e4e4;border-radius:5px}.new-note-modal .new-note-modal-content .note-content-input{padding:5px;height:135px;border:1px solid #e4e4e4;border-radius:5px}.new-note-modal .new-note-modal-content .btn-div-for-new-note{display:flex;justify-content:center;align-items:center;gap:20px}.new-note-modal .new-note-modal-content .btn-div-for-new-note .new-note-submit-btn,.new-note-modal .new-note-modal-content .btn-div-for-new-note .new-note-cancel-btn{padding:10px 20px;border-radius:5px;border:1px solid #e4e4e4;cursor:pointer;transition:all .2s}.new-note-modal .new-note-modal-content .btn-div-for-new-note .new-note-submit-btn:hover,.new-note-modal .new-note-modal-content .btn-div-for-new-note .new-note-cancel-btn:hover{background-color:#f8d05d}@media screen and (max-width: 500px){.new-note-modal .new-note-modal-content{width:90%}}.edit-note-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-note-modal .edit-note-modal-content{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:400px;max-width:100%;gap:10px;box-sizing:border-box}.edit-note-modal .edit-note-modal-content .edit-note-h2{font-size:28px;margin-bottom:10px;font-weight:400}.edit-note-modal .edit-note-modal-content input,.edit-note-modal .edit-note-modal-content textarea{width:100%;padding:8px;margin-top:5px;border:1px solid #e4e4e4;border-radius:5px;box-sizing:border-box;font-size:1em;font-weight:400}.edit-note-modal .edit-note-modal-content textarea{resize:vertical;height:80px}.edit-note-modal .edit-note-modal-content .error-message{color:red;font-size:.875em;margin-top:5px}.edit-note-modal .edit-note-modal-content .edit-note-button-group{display:flex;justify-content:space-evenly;width:100%;margin-top:10px}.projects-main-page{display:flex;width:100%;height:100vh;flex-direction:row;background-color:#fff;font-family:Roboto,sans-serif;position:relative;color:#363636}.delete-confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.delete-confirmation-modal .delete-confirmation-modal-content{background-color:#fff;padding:40px;border-radius:5px;display:flex;flex-direction:column;justify-content:center;max-width:400px;height:250px;overflow:auto;position:relative;text-align:center}.delete-confirmation-modal .delete-confirmation-modal-content .delete-confirmation-header{margin-bottom:10px;font-size:24px;font-weight:400}.delete-confirmation-modal .delete-confirmation-modal-content .delete-confirmation-modal-buttons{display:flex;justify-content:space-around;margin-top:20px;gap:20px}@media screen and (max-width: 500px){.delete-confirmation-modal .delete-confirmation-modal-content{padding:20px;width:300px;height:200px}.delete-confirmation-modal .delete-confirmation-modal-content .delete-confirmation-header{font-size:20px}}.add-new-project-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.add-new-project-modal .add-new-project-modal-content{position:relative;background-color:#f4f4f4;display:flex;flex-direction:column;padding:40px;text-align:center;width:400px;gap:20px;border-radius:20px}.add-new-project-modal .add-new-project-modal-content .add-new-project-name-input,.add-new-project-modal .add-new-project-modal-content .add-new-project-password-input{width:300px;height:40px;padding:10px;border-radius:10px;border:1px solid #e4e4e4;color:#363636}.add-new-project-modal .add-new-project-modal-content .add-new-project-cover-photo-input{width:300px;height:40px;padding:5px;border-radius:10px;border:1px solid #e4e4e4}.add-new-project-modal .add-new-project-modal-content .add-new-project-adding-modal-buttons-row{display:flex;flex-direction:row;justify-content:center;gap:20px}@media screen and (max-width: 500px){.add-new-project-modal .add-new-project-modal-content{width:300px;padding:10px}.add-new-project-modal .add-new-project-modal-content .add-new-project-adding-header{font-size:20px}.add-new-project-modal .add-new-project-modal-content .add-new-project-cover-photo-input,.add-new-project-modal .add-new-project-modal-content .add-new-project-name-input,.add-new-project-modal .add-new-project-modal-content .add-new-project-password-input{width:100%}}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.password-modal-overlay .password-modal{display:flex;flex-direction:column;gap:10px;width:350px;height:300px;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:5px;text-align:center;position:relative}.password-modal-overlay .password-modal .password-modal-h2{margin-bottom:20px;font-size:28px;font-weight:400}.password-modal-overlay .password-modal .password-modal-input{width:200px;padding:10px;margin-bottom:20px;border:1px solid #e4e4e4;border-radius:5px}.password-modal-overlay .password-modal .password-modal input{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px}.password-modal-overlay .password-modal .modal-buttons{display:flex;justify-content:center;gap:20px;width:100%}.password-modal-overlay .password-modal .modal-buttons .modal-one-button-confirm{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.password-modal-overlay .password-modal .modal-buttons .modal-one-button-confirm:hover{background:#007bff;color:#fff}.password-modal-overlay .password-modal .modal-buttons .modal-one-button-cancel{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.password-modal-overlay .password-modal .modal-buttons .modal-one-button-cancel:hover{background:#e81123;color:#fff}@media screen and (max-width: 450px){.password-modal-overlay .password-modal{padding:20px;width:90%}.password-modal-overlay .password-modal .password-modal-h2{font-size:24px}}.project-cards-column{display:flex;flex-direction:column;color:#363636;width:calc(100% - 110px);transform:translate(110px);font-family:Roboto,sans-serif}.project-cards-column .project-cards-header-and-searchbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project-cards-column .project-cards-header-and-searchbar .search-bar-of-projects{width:300px;height:40px;margin-right:40px;border-radius:5px;border:1px solid #e4e4e4;padding:10px}.project-cards-column .projects-cards-main-row{height:fit-content;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:35px;justify-content:center;padding:30px;border-radius:5px;margin:20px;border:1px solid #e4e4e4;background-color:#fff}.project-cards-column .projects-cards-main-row .add-project-btn{width:240px;height:260px;text-align:center;border-radius:5px;border:1px solid #e4e4e4;transition:all .2s}.project-cards-column .projects-cards-main-row .add-project-btn:hover{box-shadow:0 0 5px #c7c7c7}.project-cards-column .projects-cards-main-row .project-cards{display:flex;flex-direction:row;height:fit-content;position:relative;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;transition:all .2s}.project-cards-column .projects-cards-main-row .project-cards:hover{box-shadow:0 0 5px #c7c7c7}.project-cards-column .projects-cards-main-row .project-cards .project-card-delete-btn{display:flex;position:absolute;width:22px;right:13px;top:5px;opacity:.6;cursor:pointer;transition:all .2s}.project-cards-column .projects-cards-main-row .project-cards .project-card-delete-btn:hover{opacity:1}.project-cards-column .projects-cards-main-row .project-cards .project-card-edit-btn{display:flex;position:absolute;width:25px;cursor:pointer;right:50px;top:5px;opacity:.6;transition:all .2s}.project-cards-column .projects-cards-main-row .project-cards .project-card-edit-btn:hover{opacity:1}.project-cards-column .projects-cards-main-row .project-cards .project-card{display:flex;margin-top:40px;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px;height:220px;width:220px;border-top:1px solid #e4e4e4;text-align:center;cursor:pointer}.project-cards-column .projects-cards-main-row .project-cards .project-card .p-nav-div{width:100%;height:100%}.project-cards-column .projects-cards-main-row .project-cards .project-card .p-nav-div .project-navbar-photos{width:100%;height:150px;object-fit:cover;border-radius:5px;border:1px solid #e4e4e4}.project-cards-column .projects-cards-main-row .project-cards .project-card .project-card-name{font-size:20px;font-weight:400;color:#363636}@media screen and (max-width: 950px){.project-cards-column{width:calc(100% - 75px);transform:translate(70px)}.project-cards-column .projects-cards-main-row{margin:10px;padding:10px;gap:10px}}@media screen and (max-width: 450px){.project-cards-column .project-cards-header-and-searchbar{flex-direction:column}.project-cards-column .project-cards-header-and-searchbar .search-bar-of-projects{margin-right:0;width:70%;height:30px;font-weight:400}.project-cards-column .projects-cards-main-row{padding:5px;gap:5px}.project-cards-column .projects-cards-main-row .add-project-btn{margin-top:0;padding:3px;gap:10px;height:auto;font-size:18px;font-weight:300}.project-cards-column .projects-cards-main-row .project-cards{height:150px;width:45%}.project-cards-column .projects-cards-main-row .project-cards .project-card-delete-btn{width:12px;top:28px}.project-cards-column .projects-cards-main-row .project-cards .project-card-edit-btn{width:12px;right:40px;top:28px}.project-cards-column .projects-cards-main-row .project-cards .project-card{margin-top:0;padding:5px;gap:5px;height:auto;border-top:none}.project-cards-column .projects-cards-main-row .project-cards .project-card .project-card-name{font-size:14px}.project-cards-column .projects-cards-main-row .project-cards .project-card .p-nav-div{display:flex;flex-direction:column;align-items:center;justify-content:end}.project-cards-column .projects-cards-main-row .project-cards .project-card .p-nav-div .project-navbar-photos{width:80%;height:90px}}.edit-project-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.edit-project-modal .edit-project-content{background-color:#fff;position:relative;padding:50px;border-radius:5px;max-width:400px;text-align:left}.edit-project-modal .edit-project-content .edit-project-modal-content{background-color:#fff;padding:20px;border-radius:5px;max-width:400px;width:100%;text-align:center;position:relative}.edit-project-modal .edit-project-content .project-p-modall{font-size:18px;margin-bottom:5px}.edit-project-modal .edit-project-content .edit-project-name-input,.edit-project-modal .edit-project-content .edit-project-cover-photo-input,.edit-project-modal .edit-project-content .edit-project-password-input{display:block;width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.edit-project-modal .edit-project-content .edit-modal-buttons-row{display:flex;justify-content:center;gap:20px}@media screen and (max-width: 500px){.edit-project-modal .edit-project-content{padding:20px;width:300px;height:365px}}.sub-navi-settings-page{display:flex;width:30%;flex-direction:column;font-family:Roboto,sans-serif;color:#363636;border-right:1px solid #e4e4e4;max-height:1000px;overflow-y:auto}.sub-navi-settings-page .sub-nav-container{display:flex;width:100%;max-width:1200px}.sub-navi-settings-page .sub-nav-container .sub-nav-content{width:100%;padding:20px}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section{padding:10px;border-bottom:1px solid #e4e4e4;cursor:pointer;transition:all .2s}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section.disabled{opacity:.5;pointer-events:none}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section.selected,.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section:hover{background-color:#f4f4f4}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section .sub-nav-subheader{font-size:22px;font-weight:500;margin-bottom:10px}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section .sub-nav-p{padding:5px;cursor:pointer;font-size:18px}@media screen and (max-width: 950px){.sub-navi-settings-page{width:100%;padding:10px}.sub-navi-settings-page .sub-nav-container .sub-nav-content{padding:5px}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section .sub-nav-subheader{font-size:18px;word-break:break-word}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section .sub-nav-p{font-size:16px;padding:2px;word-break:break-word}}@media screen and (max-width: 450px){.sub-navi-settings-page{padding:0 0 0 10px}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section{padding:3px;margin-bottom:5px}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section .sub-nav-p{font-size:12px}.sub-navi-settings-page .sub-nav-container .sub-nav-content .sub-nav-section .sub-nav-subheader{margin-bottom:5px;font-weight:500;font-size:16px}}.sub-setting-panel-page{display:flex;width:65%;flex-direction:column;padding:25px;color:#363636;font-family:Roboto,sans-serif}.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline{border:1px solid #e4e4e4;padding:10px;border-radius:5px;transition:all .2s}.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline:hover{box-shadow:0 0 5px #c7c7c7}.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-header{margin-bottom:5px;font-size:16px;gap:5px}.sub-setting-panel-page .sub-setting-panel-header{font-size:28px;padding:10px;font-weight:400;border-bottom:1px solid #e4e4e4;margin-bottom:20px}@media screen and (max-width: 750px){.sub-setting-panel-page{width:100%;padding:10px}.sub-setting-panel-page .personal-info-subsetting-column{align-items:flex-start}}@media screen and (max-width: 450px){.sub-setting-panel-page{padding:5px}.sub-setting-panel-page .personal-info-subsetting-column{gap:5px}.sub-setting-panel-page .sub-setting-panel-header{font-size:20px;margin-bottom:0;padding:5px;margin-left:10px;font-weight:400}}.personal-info-subsetting-column{display:flex;flex-direction:column;gap:20px;width:100%;padding:30px}.personal-info-subsetting-column .my-profile-logout{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s;width:150px}.personal-info-subsetting-column .my-profile-logout:hover{background-color:#e81123;color:#fff}.personal-info-subsetting-column .personal-info-subsetting-oneline{position:relative;width:100%}.personal-info-subsetting-column .personal-info-subsetting-oneline .edit-pencil-subsetting{position:absolute;width:15px;height:15px;cursor:pointer;right:15px;top:15px;opacity:.6;transition:all .2s}.personal-info-subsetting-column .personal-info-subsetting-oneline .edit-pencil-subsetting:hover{opacity:1}.personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-header{font-size:20px;font-weight:500;margin-bottom:10px}.personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-div{display:flex;gap:10px}.personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-div-other .edit-pencil-subsetting{position:absolute;width:15px;height:15px;cursor:pointer;right:15px;top:15px;opacity:.6;transition:all .2s}.personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-div-other .edit-pencil-subsetting:hover{opacity:1}.personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-div-other .subsetting-paragraph{font-size:18px;margin-bottom:10px}.personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-header{display:flex;gap:10px;flex-direction:column;font-size:18px;font-weight:500;margin-bottom:10px}.personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-header .subsetting-pp{object-fit:cover;width:150px;height:150px;border-radius:10%}.error-message{color:red;font-size:12px;margin-top:5px}.subsetting-btn,.subsetting-cancel{padding:5px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.subsetting-btn:hover,.subsetting-cancel:hover{background-color:#f4f4f4}.input-username-subsetting{color:#363636;padding:5px;border-radius:5px;border:1px solid #e4e4e4}.subsetting-buttons-div{display:flex;gap:10px;width:fit-content}.edit-photo-div{display:flex;gap:10px;align-items:center;margin-top:20px}@media screen and (max-width: 750px){.sub-setting-panel-page .personal-info-subsetting-column{width:100%;gap:5px;padding:5px 5px 5px 10px;align-items:center}.sub-setting-panel-page .personal-info-subsetting-column .my-profile-logout,.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline{padding:5px}.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-header{font-weight:400;font-size:16px}.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-header .subsetting-pp{width:100px;height:100px}.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline .edit-pencil-subsetting,.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-div-other .edit-pencil-subsetting{width:10px;height:10px;right:10px;top:10px}.sub-setting-panel-page .personal-info-subsetting-column .personal-info-subsetting-oneline .subsetting-div-other .subsetting-paragraph{font-size:12px;font-weight:300;margin-bottom:5px}.subsetting-div,.subsetting-buttons-div{flex-direction:column}}.personal-info-subsetting-column-aboutus{display:flex;flex-direction:column;gap:20px;max-height:900px;overflow-y:auto}.personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline{display:flex;gap:20px;flex-direction:column}.personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .subsetting-paragraph{font-size:16px;font-weight:400}.personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .subsetting-header{font-size:24px;font-weight:400;padding-bottom:5px;border-bottom:1px solid #e4e4e4}.personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .one-question-div{display:flex;gap:10px;flex-direction:column}.personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .one-question-div .subsetting-paragraph{font-size:16px;font-weight:400}.personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .one-question-div .subsetting-paragraph-big{font-size:22px;font-weight:400}@media screen and (max-width: 950px){.sub-setting-panel-page{width:100%}.sub-setting-panel-page .div-header{padding-bottom:5px;font-size:20px}.sub-setting-panel-page .personal-info-subsetting-column-aboutus{width:100%;gap:10px;padding:5px 5px 5px 10px}.sub-setting-panel-page .personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline{gap:10px;padding:5px}.sub-setting-panel-page .personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .one-question-div .subsetting-paragraph-big{font-size:18px}.sub-setting-panel-page .personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .subsetting-header{font-weight:400;font-size:16px}.sub-setting-panel-page .personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .subsetting-pp{width:100px;height:100px}.sub-setting-panel-page .personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .edit-pencil-subsetting,.sub-setting-panel-page .personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .subsetting-div-other .edit-pencil-subsetting{width:10px;height:10px;right:10px;top:10px}.sub-setting-panel-page .personal-info-subsetting-column-aboutus .personal-info-subsetting-oneline .subsetting-div-other .subsetting-paragraph{font-size:16px;font-weight:400}}.settings-page{display:flex;width:100%}.settings-page .settings-page-row{display:flex;flex-direction:row;width:calc(100% - 110px);transform:translate(110px)}@media screen and (max-width: 950px){.settings-page .settings-page-row{flex-direction:column;width:calc(100% - 60px);transform:translate(60px)}}.company-create-page-main{padding:20px;display:flex;flex-direction:column;align-items:center;color:#363636;font-family:Roboto,sans-serif;position:relative}.company-create-page-main .back-button-company{cursor:pointer;top:10px;left:10px;position:absolute;opacity:.5;transition:all .2s;width:35px;height:35px}.company-create-page-main .back-button-company:hover{opacity:1}.company-create-page-main .company-create-page-title{font-weight:400;margin-bottom:20px;margin-top:25px;color:#5e5e5e}.company-admin-create-form{display:flex;flex-direction:column;gap:20px;padding:20px;align-items:center}.company-admin-create-form .company-admin-row-for-btn{display:flex;flex-direction:row;gap:50px;width:100%}.company-admin-create-form .company-admin-row-for-btn .company-create-div,.company-admin-create-form .company-admin-row-for-btn .admin-create-div{border:1px solid #e4e4e4;border-radius:5px;width:50%;padding:20px}.company-admin-create-form .company-admin-row-for-btn .company-create-div .company-create-subheader,.company-admin-create-form .company-admin-row-for-btn .company-create-div .admin-create-subheader,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .company-create-subheader,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .admin-create-subheader{font-weight:400;font-size:25px;margin-bottom:25px}.company-admin-create-form .company-admin-row-for-btn .company-create-div .company-create-label,.company-admin-create-form .company-admin-row-for-btn .company-create-div .admin-create-label,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .company-create-label,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .admin-create-label{display:block;padding:5px}.company-admin-create-form .company-admin-row-for-btn .company-create-div .free-account-p,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .free-account-p{font-size:16px;background-color:#7fff00;font-weight:300;padding:5px;margin:2px}.company-admin-create-form .company-admin-row-for-btn .company-create-div .company-code-info,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .company-code-info{font-size:16px;padding:5px}.company-admin-create-form .company-admin-row-for-btn .company-create-div .company-create-input,.company-admin-create-form .company-admin-row-for-btn .company-create-div .admin-create-input,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .company-create-input,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .admin-create-input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.company-admin-create-form .company-admin-row-for-btn .company-create-div .error-for-company-signup,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .error-for-company-signup{display:flex;font-weight:300;font-size:16px;width:380px;padding:5px}.company-admin-create-form .company-admin-row-for-btn .company-create-div .employee-code-create-btn,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .employee-code-create-btn{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.company-admin-create-form .company-admin-row-for-btn .company-create-div .employee-code-create-btn:hover,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .employee-code-create-btn:hover{background-color:#f8d05d}.company-admin-create-form .company-admin-row-for-btn .company-create-div .employee-code-create-btn:disabled,.company-admin-create-form .company-admin-row-for-btn .admin-create-div .employee-code-create-btn:disabled{background-color:#bbb;cursor:not-allowed}.company-admin-create-form .company-admin-create-button{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.company-admin-create-form .company-admin-create-button:hover{background-color:#f8d05d}@media screen and (max-width: 768px){.company-admin-create-form{width:100%;padding:0}.company-admin-create-form .company-admin-row-for-btn{flex-direction:column;gap:20px}.company-admin-create-form .company-admin-row-for-btn .company-create-div,.company-admin-create-form .company-admin-row-for-btn .admin-create-div{width:100%;padding:15px}}.firstpage-main{display:flex;flex-direction:column;position:relative;align-items:center;font-family:Roboto,sans-serif;color:#363636;padding:30px}.firstpage-main .flow-descriptions{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.firstpage-main .flow-descriptions .flow-desc-paragraph{display:flex;width:30%;border:1px solid #e4e4e4;padding:15px;justify-content:flex-start;border-radius:5px;flex-direction:column;gap:10px;align-items:center;font-size:18px;font-weight:300;transition:all .2s}.firstpage-main .flow-descriptions .flow-desc-paragraph:hover{box-shadow:0 0 5px #c7c7c7}.firstpage-main .flow-descriptions .flow-desc-paragraph .flow-desc-p-bold{font-weight:400;font-size:24px}.firstpage-main .flow-descriptions .flow-desc-subheader{font-size:24px;font-weight:500}.firstpage-main .firstpage-buttons-div{display:flex;width:100%;justify-content:center;gap:50px;align-items:center;margin-top:20px}.firstpage-main .firstpage-buttons-div .employee-create-btn{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s}.firstpage-main .firstpage-buttons-div .employee-create-btn:hover{background-color:#f8d05d}.firstpage-main .firstpage-buttons-div .employee-login-btn{background-color:#f4f4f4;color:#363636;padding:10px 20px;border-radius:5px;border:1px solid #e4e4e4;transition:all .2s}.firstpage-main .firstpage-buttons-div .employee-login-btn:hover{background-color:#f8d05d}.firstpage-main .firstpage-buttons-div .owner-create-btn{background-color:#f4f4f4;color:#363636;padding:10px 20px;border-radius:5px;border:1px solid #e4e4e4;transition:all .2s}.firstpage-main .firstpage-buttons-div .owner-create-btn:hover{background-color:#f8d05d}.firstpage-main .firstpage-div{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:40px;text-align:center}.firstpage-main .firstpage-div .firstpage-logo{width:520px;height:100%}.firstpage-main .firstpage-div .firstpage-header{font-weight:300;font-size:60px}.firstpage-main .firstpage-div .firstpage-title{font-weight:300;font-size:26px}.firstpage-main .firstpage-social-media{display:flex;flex-direction:column;position:absolute;justify-content:center;align-items:center;gap:20px;padding:30px;left:0;top:0}.firstpage-main .firstpage-social-media .firstpage-social-media-header{font-weight:500;font-size:24px}.firstpage-main .firstpage-social-media .social-media-logo-div{width:170px;display:flex;flex-direction:column;gap:10px}.firstpage-main .firstpage-social-media .social-media-logo-div .social-media-a{display:flex;align-items:center;width:40px;gap:10px;height:40px}.firstpage-main .firstpage-social-media .social-media-logo-div .social-media-a .social-media-logo{width:40px;height:40px}@media screen and (max-width: 768px){.firstpage-main .firstpage-div{width:80%;margin-top:200px}.firstpage-main .firstpage-div .firstpage-logo{width:220px;height:220px}.firstpage-main .firstpage-div .firstpage-header{font-size:50px}.firstpage-main .firstpage-div .firstpage-title{font-size:22px}.firstpage-main .firstpage-div .firstpage-buttons-div{flex-direction:column;gap:20px}.firstpage-main .firstpage-div .firstpage-buttons-div .employee-create-btn,.firstpage-main .firstpage-div .firstpage-buttons-div .employee-login-btn,.firstpage-main .firstpage-div .firstpage-buttons-div .owner-create-btn{width:100%}.firstpage-main .firstpage-social-media{padding:20px;flex-direction:row;flex-wrap:wrap;width:100%}.firstpage-main .firstpage-social-media .firstpage-social-media-header{font-size:20px}.firstpage-main .firstpage-social-media .social-media-logo-div{width:90%;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.firstpage-main .firstpage-social-media .social-media-logo-div .social-media-a{width:100px;height:30px}.firstpage-main .firstpage-social-media .social-media-logo-div .social-media-a .social-media-logo{width:30px;height:30px}}@media screen and (max-width: 450px){.firstpage-main .firstpage-div{gap:20px;margin:0}.firstpage-main .firstpage-div .firstpage-title{font-size:18px}.firstpage-main .firstpage-div .firstpage-header{font-size:40px}.firstpage-main .firstpage-social-media{display:none;padding:10px;gap:10px}.firstpage-main .firstpage-div .firstpage-logo{width:150px;height:150px}}.flow-page-main{display:flex;flex-direction:column;font-family:Roboto,sans-serif;color:#363636}.flow-page-main .flow-page-main-column{display:flex;flex-direction:column;padding:0 15px;transform:translate(110px);width:calc(100% - 110px);gap:15px;justify-content:center}.flow-page-main .flow-page-main-column .all-companies-column{display:flex;flex-direction:column;width:100%;gap:20px}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:10px;border:1px solid #e4e4e4;border-radius:5px;max-height:1000px;overflow:auto;transition:all .2s}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections:hover{box-shadow:0 0 5px #c7c7c7}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections .firstpage-social-media-header{font-weight:400;font-size:24px}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections .social-media-logo-div{width:100%;display:flex;flex-direction:row;gap:10px;justify-content:space-evenly}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections .social-media-logo-div .social-media-a{display:flex;flex-direction:column;align-items:center;width:33%;gap:10px;height:auto;border:1px solid #e4e4e4;border-radius:5px;padding:10px}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections .social-media-logo-div .social-media-a .social-img-p{display:flex;flex-direction:column;gap:10px;text-align:center;width:100%;align-items:center;border-bottom:1px solid #e4e4e4}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections .social-media-logo-div .social-media-a .social-img-p .social-media-logo{width:60px;height:60px}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections .social-media-logo-div .social-media-a .social-img-p .social-media-title{font-size:20px;font-weight:400}.flow-page-main .flow-page-main-column .all-companies-column .all-companies-page-title{font-size:30px;font-weight:400;padding:10px}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row{display:flex;flex-wrap:wrap;gap:20px;padding:20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row:hover{box-shadow:0 0 5px #c7c7c7}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row .all-companies-page-company-card{display:flex;flex-direction:column;text-align:center;align-items:center;gap:12px;padding:12px;border-radius:5px;border:1px solid #e4e4e4;cursor:pointer;transition:all .2s}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row .all-companies-page-company-card:hover{background-color:#f4f4f4}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row .all-companies-page-company-card .company-hub-header{font-size:16px;font-weight:500}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row .all-companies-page-company-card .company-hub-one-logo{width:110px;border-radius:5%}@media screen and (max-width: 950px){.flow-page-main .flow-page-main-row{transform:translate(60px);width:calc(100% - 60px)}.flow-page-main .flow-page-main-row .all-companies-column{width:100%}.flow-page-main .flow-page-main-row .all-companies-column .social-media-and-connections{max-height:none;padding:10px}.flow-page-main .flow-page-main-row .all-companies-column .flow-page-row{justify-content:center;gap:10px;padding:10px}.flow-page-main .flow-page-main-row .all-companies-column .flow-page-row .all-companies-page-company-card .company-hub-header{font-size:20px;width:100px;word-break:break-word}.flow-page-main .flow-page-main-row .all-companies-column .flow-page-row .all-companies-page-company-card .company-hub-one-logo{width:100px;height:100px}}@media screen and (max-width: 700px){.flow-page-main .flow-page-main-row{flex-direction:column}.flow-page-main .flow-page-main-row .all-companies-column .all-companies-page-title{font-size:30px}.flow-page-main .flow-page-main-row .all-companies-column .flow-page-row .all-companies-page-company-card{gap:10px;padding:10px}.flow-page-main .flow-page-main-row .all-companies-column .flow-page-row .all-companies-page-company-card .company-hub-header{font-size:16px}.flow-page-main .flow-page-main-row .flow-page-main-column{width:100%}}@media screen and (max-width: 450px){.flow-page-main .flow-page-main-column{transform:translate(80px);width:calc(100% - 80px);padding:0 5px 0 0;gap:0px}.flow-page-main .flow-page-main-column .div-big-header{margin:5px;padding:5px}.flow-page-main .flow-page-main-column .flow-page-main-row{gap:5px}.flow-page-main .flow-page-main-column .flow-page-main-row .flow-descriptions{padding:5px;gap:5px}.flow-page-main .flow-page-main-column .flow-page-main-row .flow-descriptions .flow-desc-subheader{font-size:20px}.flow-page-main .flow-page-main-column .flow-page-main-row .flow-descriptions .flow-desc-paragraph{padding:5px;gap:5px;font-size:12px}.flow-page-main .flow-page-main-column .flow-page-main-row .flow-descriptions .flow-desc-paragraph .flow-desc-p-bold{font-size:16px}.flow-page-main .flow-page-main-column .all-companies-column,.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections{gap:5px}.flow-page-main .flow-page-main-column .all-companies-column .all-companies-page-title{font-size:24px;padding:5px}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections .social-media-logo-div .social-media-a{max-height:300px;overflow-y:auto}.flow-page-main .flow-page-main-column .all-companies-column .social-media-and-connections .social-media-logo-div .social-media-a .social-img-p .social-media-logo{width:30px;height:30px}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row{padding:10px;gap:10px}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row .all-companies-page-company-card{width:45%}.flow-page-main .flow-page-main-column .all-companies-column .flow-page-row .all-companies-page-company-card .company-hub-one-logo{width:80%;height:80%}.flow-page-main .navigation-main .nav-ul{height:100vh}.flow-page-main .navigation-main .nav-ul .nav-button{height:14%}}.company-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.company-modal-overlay .company-modal{background:#fff;padding:30px;border-radius:5px;width:40%;max-width:90%;box-shadow:0 2px 10px #0000001a;position:relative;text-align:center}.company-modal-overlay .company-modal .close-button{position:absolute;display:flex;justify-content:center;align-items:center;font-weight:200;font-size:30px;border-radius:50%;background-color:#f4f4f4;color:#000;border:1px solid #e4e4e4;width:40px;height:40px;top:10px;right:10px;transition:all .2s;cursor:pointer}.company-modal-overlay .company-modal .close-button:hover{background-color:#e81123;color:#fff}.company-modal-overlay .company-modal .company-modal-logo{display:block;margin:0 auto;width:100px;height:100px;object-fit:cover}.company-modal-overlay .company-modal .company-modal-name{text-align:center;margin-top:10px;font-size:30px;font-weight:400}.company-modal-overlay .company-modal .company-working-area{text-align:center;margin-top:10px;font-size:20px;font-weight:400}.company-modal-overlay .company-modal .company-working-area .company-areas-bold{font-weight:500}.company-modal-overlay .company-modal .company-desc-area{margin-top:20px;font-size:16px;font-weight:300}.company-modal-overlay .company-modal .company-desc-area .company-areas-bold{font-weight:500}.admin-panel-main{display:flex;flex-direction:row}.admin-panel-main .admin-content{display:flex;flex-direction:row;transform:translate(110px);width:calc(100% - 110px)}@media screen and (max-width: 950px){.admin-panel-main{flex-direction:column}.admin-panel-main .admin-content{height:100vh;transform:translate(60px);width:calc(100% - 60px)}}.adminpanel-settings-page{display:flex;width:30%;flex-direction:column;font-family:Roboto,sans-serif;color:#363636;border-right:1px solid #e4e4e4}.adminpanel-settings-page .adminpanel-container{display:flex;width:100%}.adminpanel-settings-page .adminpanel-container .adminpanel-content{width:100%;padding:20px;max-height:1000px;overflow:auto}.adminpanel-settings-page .adminpanel-section{padding:10px;border-bottom:1px solid #e4e4e4;cursor:pointer;transition:all .2s}.adminpanel-settings-page .adminpanel-section.disabled{opacity:.5;pointer-events:none}.adminpanel-settings-page .adminpanel-section:hover,.adminpanel-settings-page .adminpanel-section.selected{background-color:#f4f4f4}.adminpanel-settings-page .adminpanel-section .adminpanel-subheader{font-size:22px;font-weight:500;margin-bottom:10px}.adminpanel-settings-page .adminpanel-section .adminpanel-paragraph{padding:5px;cursor:pointer;font-size:18px}@media screen and (max-width: 650px){.admin-panel-main,.admin-panel-main .admin-content{flex-direction:column}.admin-panel-main .admin-content .adminpanel-settings-page{width:100%;border-right:none;border-bottom:1px solid #e4e4e4;max-height:100%}.admin-panel-main .admin-content .adminpanel-settings-page .adminpanel-content{height:auto}.admin-panel-main .admin-content .adminpanel-settings-page .admin-sub-setting-page{width:100%;padding:10px}.admin-panel-main .admin-content .adminpanel-settings-page .adminpanel-section{padding:5px;margin:0}.admin-panel-main .admin-content .adminpanel-settings-page .adminpanel-section .adminpanel-subheader{margin-bottom:5px;font-size:18px;font-weight:400}.admin-panel-main .admin-content .adminpanel-settings-page .adminpanel-section .adminpanel-paragraph{font-size:14px;padding:3px}.admin-panel-main .admin-content .adminpanel-settings-page .adminpanel-content{padding:10px}}@media screen and (max-width: 450px){.admin-sub-setting-page{width:100%}.admin-sub-setting-page .admin-sub-panel-content{padding:10px}.admin-sub-setting-page .admin-sub-panel-content .admin-dashboard-main{gap:5px}.admin-sub-setting-page .admin-sub-panel-content .admin-dashboard-main .dashboard-current-state-all{padding:0}.admin-sub-setting-page .admin-sub-panel-content .admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner{gap:5px}.admin-sub-setting-page .admin-sub-panel-content .admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner .dashboard-oneline-inner{gap:5px;padding:5px;border-radius:5px}.admin-sub-setting-page .admin-sub-panel-content .admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner .dashboard-oneline-inner .dashboard-p-header{font-size:16px}.admin-sub-setting-page .admin-sub-panel-content .admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner .dashboard-oneline-inner .dashboard-p{font-size:14px}.adminpanel-settings-page{padding:10px}}.admin-sub-setting-page{display:flex;width:70%;flex-direction:column;padding:15px;color:#363636;font-family:Roboto,sans-serif}.admin-sub-setting-page .admin-sub-panel-content{display:flex;flex-direction:column;gap:20px;width:100%}.admin-loading{padding:20px;font-family:Arial,Helvetica,sans-serif}@media screen and (max-width: 650px){.admin-sub-setting-page{width:100%;padding:10px}}.admin-company-settings-main{display:flex;flex-direction:column;gap:10px}.admin-company-settings-main .admin-company-inner{display:flex;flex-direction:column;padding:10px;gap:10px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.admin-company-settings-main .admin-company-inner:hover{box-shadow:0 0 5px #c7c7c7}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp{display:flex;flex-direction:column;gap:10px}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp .form-label-admin{display:flex;gap:10px;align-items:center}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp .form-label-admin .form-input-admin{border:1px solid #e4e4e4;padding:10px;border-radius:5px}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp .form-label-admin .form-input-admin-textarea{border:1px solid #e4e4e4;padding:10px;border-radius:5px;font-family:Barlow;width:400px;height:200px;overflow-y:auto}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp .form-admin-btns-div{display:flex;gap:10px}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp .form-admin-btns-div .form-admin-submit-btn{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp .form-admin-btns-div .form-admin-submit-btn:hover{background-color:#007bff;color:#fff}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp .form-admin-btns-div .form-admin-cancel-btn{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.admin-company-settings-main .admin-company-inner .is-editing-admin-comp .form-admin-btns-div .form-admin-cancel-btn:hover{background-color:#ff4141}.admin-company-settings-main .admin-company-inner .admin-company-header{font-size:24px;font-weight:400;padding:10px;border-bottom:1px solid #e4e4e4}.admin-company-settings-main .admin-company-inner .admin-company-p{font-size:18px;font-weight:400;padding:10px}.admin-company-settings-main .admin-company-inner .admin-company-p span{font-size:20px;font-weight:500}.admin-company-settings-main .admin-company-inner .admin-company-edit-button{width:100px;padding:10px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s;cursor:pointer}.admin-company-settings-main .admin-company-inner .admin-company-edit-button:hover{background-color:#007bff;color:#fff}.admin-company-settings-main .admin-company-inner .company-logo-div{display:flex;position:relative;width:fit-content}.admin-company-settings-main .admin-company-inner .company-logo-div .edit-pencil-company-logo-edit{width:35px;position:absolute;padding:5px;background-color:#f0f0f0;border:1px solid #e4e4e4;border-radius:50%;top:15px;right:15px;cursor:pointer;transition:all .2s}.admin-company-settings-main .admin-company-inner .company-logo-div .edit-pencil-company-logo-edit:hover{background-color:#d4d4d4}.admin-company-settings-main .admin-company-inner .company-logo-div .company-logo-img{padding:10px;border:1px solid #e4e4e4;border-radius:5px;font-size:18px;font-weight:400;width:250px;object-fit:cover}.admin-company-settings-main .admin-company-inner .company-logo-div .company-logo-placeholder{width:250px;height:250px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 450px){.admin-company-settings-main{gap:5px}.admin-company-settings-main .admin-company-inner{padding:5px;font-size:18px;gap:3px}.admin-company-settings-main .admin-company-inner .admin-company-header{font-size:20px}.admin-company-settings-main .admin-company-inner .admin-company-edit-button{padding:3px}.admin-company-settings-main .admin-company-inner .admin-company-p{padding:3px;font-size:16px}.admin-company-settings-main .admin-company-inner .admin-company-p span{font-size:18px}.admin-company-settings-main .admin-company-inner .admin-company-header{padding:5px}}.admin-dashboard-main{display:flex;flex-direction:column;justify-content:center;gap:20px;font-family:Roboto,sans-serif;color:#363636}.admin-dashboard-main .dashboard-current-state-all{display:flex;flex-direction:column;gap:10px}.admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner .dashboard-oneline-inner{display:flex;flex-direction:column;border:1px solid #e4e4e4;border-radius:5px;padding:15px;gap:10px;transition:all .2s}.admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner .dashboard-oneline-inner:hover{box-shadow:0 0 5px #c7c7c7}.admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner .dashboard-oneline-inner .dashboard-p{font-weight:400}.admin-dashboard-main .dashboard-current-state-all .dashboard-row-inner .dashboard-oneline-inner .dashboard-p-header{font-weight:400;font-size:20px}.admin-dashboard-main .dashboard-last-activities{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid #e4e4e4;border-radius:15px}.admin-dashboard-main .dashboard-last-activities .dashboard-act-header{font-weight:400;border-bottom:1px solid #e4e4e4;padding-bottom:10px}.admin-dashboard-main .dashboard-last-activities .dashboard-act-p{font-size:18px;padding:5px}.admin-dashboard-main .dashboard-last-activities .dashboard-bold-name{font-weight:500}@media screen and (max-width: 450px){.admin-dashboard-main .dashboard-last-activities{gap:3px;padding:5px;border-radius:5px}.admin-dashboard-main .dashboard-last-activities .dashboard-act-header{font-size:18px;margin:0;padding-bottom:5px}.admin-dashboard-main .dashboard-last-activities .dashboard-act-p{font-size:14px;padding:2px}}.admin-group-settings{display:flex;flex-direction:column;padding:20px;border:1px solid #e4e4e4;gap:10px;border-radius:5px;transition:all .2s}.admin-group-settings:hover{box-shadow:0 0 5px #c7c7c7}.admin-group-settings .admin-group-header{font-size:24px;width:100%;font-weight:400;margin-bottom:10px}.admin-group-settings .admin-group-codes-div{display:flex;flex-direction:row;flex-wrap:wrap}.admin-group-settings .admin-group-codes-div .admin-group-code{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;border-right:1px solid #e4e4e4;padding:10px;gap:5px;max-width:150px;max-height:100px;overflow-y:auto}.admin-group-settings .admin-group-codes-div .admin-group-code .admin-group-code-name{font-size:18px;font-weight:400}.admin-group-settings .admin-group-codes-div .admin-group-code .admin-group-code-value{font-size:16px;font-weight:300}@media screen and (max-width: 450px){.admin-group-settings{padding:5px;gap:5px}.admin-group-settings .admin-group-header{font-size:18px;margin-bottom:0}.admin-group-settings .admin-group-codes-div{gap:5px}.admin-group-settings .admin-group-codes-div .admin-group-code{max-width:128px;padding:5px}.admin-group-settings .admin-group-codes-div .admin-group-code .admin-group-code-name{font-size:16px}.admin-group-settings .admin-group-codes-div .admin-group-code .admin-group-code-value{font-size:14px}}.admin-user-settings-main{display:flex;flex-direction:column}.admin-user-settings-main .admin-send-message-inner{display:flex;flex-direction:column;gap:10px;max-height:800px;overflow-y:auto}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div{padding:20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div:hover{box-shadow:0 0 5px #c7c7c7}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-h2{font-size:24px;font-weight:400}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-inner{display:flex;flex-direction:row;gap:10px;align-items:center;padding:15px;flex-wrap:wrap}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-inner .user-storage-gb-one-div{display:flex;flex-direction:column;gap:5px;padding:5px 15px 5px 5px;border-right:1px solid #e4e4e4;text-align:center}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-inner .user-storage-gb-one-div .user-storage-username{font-size:18px;font-weight:400}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-inner .user-storage-gb-one-div .user-storage-userstorage{font-size:14px;font-weight:300}.admin-user-settings-main .admin-send-message-inner .projects-list{display:flex;flex-direction:row;flex-wrap:wrap;padding:20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.admin-user-settings-main .admin-send-message-inner .projects-list:hover{box-shadow:0 0 5px #c7c7c7}.admin-user-settings-main .admin-send-message-inner .projects-list .projects-codes-h2{font-size:24px;width:100%;font-weight:400;margin-bottom:10px}.admin-user-settings-main .admin-send-message-inner .projects-list .projects-list-one-div{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;border-right:1px solid #e4e4e4;padding:10px;gap:5px;max-width:150px;max-height:100px;overflow-y:auto}.admin-user-settings-main .admin-send-message-inner .projects-list .projects-list-one-div .project-list-projectname{font-size:18px;font-weight:400}.admin-user-settings-main .admin-send-message-inner .projects-list .projects-list-one-div .project-list-projectPassword{font-size:16px;font-weight:300}.admin-user-settings-main .admin-send-message-inner .user-set-one-div{display:flex;flex-direction:column;padding:20px;border:1px solid #e4e4e4;gap:10px;border-radius:5px;transition:all .2s}.admin-user-settings-main .admin-send-message-inner .user-set-one-div:hover{box-shadow:0 0 5px #c7c7c7}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .set-one-header{font-size:24px;font-weight:400}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div{display:flex;gap:20px;align-items:center}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div .user-search-label .user-search-for-role{width:250px;height:40px;border-radius:5px;border:1px solid #e4e4e4;padding:10px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div .search-role-select{border:1px solid #e4e4e4;padding:10px;border-radius:5px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div .role-permission-button{border:1px solid #e4e4e4;padding:10px 20px;border-radius:5px;transition:all .2s;width:200px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div .role-permission-button:hover{background-color:#f8d05d}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .delete-user-label{font-size:18px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .delete-user-label .delete-user-input{width:250px;height:40px;border-radius:5px;border:1px solid #e4e4e4;padding:10px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .delete-user-button{border:1px solid #e4e4e4;padding:10px 20px;border-radius:5px;transition:all .2s;width:200px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .delete-user-button:hover{background-color:#f8d05d}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .searched-user-for-deletion{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;justify-content:center}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .searched-user-for-deletion .to-be-deleted-user-div .to-be-label{display:flex;gap:10px;cursor:pointer;text-align:center}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .searched-user-for-deletion .to-be-deleted-user-div .to-be-label .to-be-deleted-user-checkbox{cursor:pointer}@media screen and (max-width: 450px){.admin-user-settings-main .admin-send-message-inner{gap:5px;max-height:400px}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div{padding:5px}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-inner{padding:5px;gap:2px}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-inner .user-storage-gb-one-div{padding:5px}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-inner .user-storage-gb-one-div .user-storage-username{font-size:14px}.admin-user-settings-main .admin-send-message-inner .user-storage-gb-div .user-storage-gb-h2{font-size:18px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div{padding:5px;gap:5px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .delete-user-button{padding:5px;font-size:16px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .delete-user-label .delete-user-input{padding:5px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .searched-user-for-deletion{justify-content:unset;gap:5px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .searched-user-for-deletion .to-be-deleted-user-div .to-be-label{gap:5px;font-size:16px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div{gap:5px;flex-wrap:wrap}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div .role-permission-button{padding:5px 10px;width:125px;font-size:16px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div .search-role-select,.admin-user-settings-main .admin-send-message-inner .user-set-one-div .user-role-permission-div .user-search-label .user-search-for-role{padding:5px}.admin-user-settings-main .admin-send-message-inner .user-set-one-div .set-one-header{font-size:18px}.admin-user-settings-main .admin-send-message-inner .projects-list{gap:5px;padding:5px}.admin-user-settings-main .admin-send-message-inner .projects-list .projects-list-one-div{max-width:128px;padding:5px}.admin-user-settings-main .admin-send-message-inner .projects-list .projects-list-one-div .project-list-projectname{font-size:16px}.admin-user-settings-main .admin-send-message-inner .projects-list .projects-codes-h2{font-size:18px;margin-bottom:5px}}.admin-support-settings-main{display:flex;flex-direction:column;gap:20px;max-height:800px;overflow-y:auto;padding:5px}.admin-support-settings-main .support-div{display:flex;flex-direction:column;border:1px solid #e4e4e4;padding:10px;border-radius:5px;transition:all .2s}.admin-support-settings-main .support-div:hover{box-shadow:0 0 5px #c7c7c7}.admin-support-settings-main .support-div .support-div-header{font-size:24px;font-weight:500;padding:10px;border-bottom:1px solid #e4e4e4;margin-bottom:10px}.admin-support-settings-main .support-div .support-div-p{font-size:18px;font-weight:400;padding:10px}.admin-support-settings-main .support-div .support-div-question{font-size:20px;font-weight:500;padding:10px}.admin-support-settings-main .support-div .support-div-answer{font-size:18px;font-weight:400;padding:10px}@media screen and (max-width: 768px){.admin-support-settings-main{gap:10px;max-height:450px}.admin-support-settings-main .support-div{gap:2px;padding:5px}.admin-support-settings-main .support-div .support-div-answer{padding:5px;font-size:14px}.admin-support-settings-main .support-div .support-div-question{padding:5px;font-size:18px;font-weight:400}.admin-support-settings-main .support-div .support-div-p{padding:5px;font-size:14px}.admin-support-settings-main .support-div .support-div-header{padding:5px;font-size:20px;margin:0;font-weight:400}}.admin-send-message-main{display:flex;flex-direction:column;width:100%;gap:20px}.admin-send-message-main .admin-send-message-inner{display:flex;flex-direction:column;gap:20px}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages{display:flex;flex-direction:row;justify-content:space-around;border:1px solid #e4e4e4;padding:20px;border-radius:5px;align-items:center}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages .admin-inbox-send-btn{width:200px;height:50px;padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;font-size:20px;transition:all .2s}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages .admin-inbox-send-btn:hover{background-color:#f8d05d}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages .dustbin-for-admin-mails{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;padding:10px;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;transition:all .2s}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages .dustbin-for-admin-mails:hover{background-color:#f8d05d}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages .dustbin-for-admin-mails .admin-inbox-subheader{font-size:22px;font-weight:400}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages .dustbin-for-admin-mails .admin-dustbin-email{width:38px;height:40px;opacity:.7}.admin-send-message-main .admin-send-message-inner .admin-inbox{display:flex;flex-direction:column;gap:20px}.admin-send-message-main .admin-send-message-inner .admin-inbox .admin-inbox-subheader{font-size:26px;font-weight:400;padding-left:20px}@media screen and (max-width: 950px){.admin-send-message-main .admin-send-message-inner{gap:5px}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages{padding:5px}.admin-send-message-main .admin-send-message-inner .admin-inbox-for-messages .admin-inbox-send-btn{font-size:18px;padding:5px;width:180px}.admin-send-message-main .admin-send-message-inner .admin-inbox{gap:0px}.admin-send-message-main .admin-send-message-inner .admin-inbox .admin-inbox-subheader{font-size:20px;padding-left:10px;padding-top:10px}}.admin-sent-messages-main{display:flex;flex-direction:column;gap:20px;max-height:640px;padding:10px;overflow-y:scroll}.admin-sent-messages-main .message-item{display:flex;border:1px solid #e4e4e4;flex-direction:column;padding:15px;border-radius:5px;gap:10px;transition:all .2s}.admin-sent-messages-main .message-item:hover{box-shadow:0 0 5px #c7c7c7}.admin-sent-messages-main .message-item .message-div-title{font-weight:500;font-size:20px}.admin-sent-messages-main .message-item .message-div-content{font-weight:300;font-size:18px}.admin-sent-messages-main .message-item .message-div-media{width:80%}.admin-sent-messages-main .message-item .message-div-date,.admin-sent-messages-main .message-item .message-div-owner{font-weight:300;font-size:18px}@media screen and (max-width: 450px){.admin-sent-messages-main .message-item .message-div-content,.admin-sent-messages-main .message-item .message-div-date,.admin-sent-messages-main .message-item .message-div-owner{font-size:14px}}.send-bulk-message-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Roboto,sans-serif;color:#363636}.send-bulk-message-modal .bulk-message-content{background-color:#fff;padding:20px;display:flex;flex-direction:column;width:420px;height:380px;text-align:center;align-items:center;position:relative;gap:10px;border-radius:5px}.send-bulk-message-modal .bulk-message-content .bulk-message-input-header{padding:10px}.send-bulk-message-modal .bulk-message-content .bulk-message-close{position:absolute;display:flex;justify-content:center;align-items:center;font-weight:200;font-size:30px;border-radius:50%;background-color:#fff;border:1px solid #e4e4e4;width:40px;height:40px;top:10px;right:10px;cursor:pointer}.send-bulk-message-modal .bulk-message-content .bulk-message-close:hover{background-color:#f4f4f4}.send-bulk-message-modal .bulk-message-content .bulk-message-header{font-size:24px;font-weight:500;margin-bottom:20px}.send-bulk-message-modal .bulk-message-content .bulk-message-input{width:100%;height:150px;padding:10px;border:1px solid #e4e4e4;font-size:20px;resize:both;border-radius:5px}.send-bulk-message-modal .bulk-message-content .bulk-message-buttons{display:flex;gap:10px}.send-bulk-message-modal .bulk-message-content .bulk-message-buttons .bulk-message-cancel,.send-bulk-message-modal .bulk-message-content .bulk-message-buttons .bulk-message-send{border:1px solid #e4e4e4;color:#363636;padding:10px;border-radius:5px;transition:all .2s}.send-bulk-message-modal .bulk-message-content .bulk-message-buttons .bulk-message-cancel:hover,.send-bulk-message-modal .bulk-message-content .bulk-message-buttons .bulk-message-send:hover{background-color:#f8d05d}.calendar-page-main{width:100%;display:flex;flex-direction:row;background-color:#fff;font-family:Roboto,sans-serif;color:#363636}.calendar-page-main .calendar-page-inner{display:flex;flex-direction:column;gap:20px;transform:translate(110px);width:calc(70% - 110px)}.calendar-page-main .calendar-page-inner .calendar-page-controls{display:flex;justify-content:center;align-items:center;margin:0 20px;padding:20px;border-radius:5px;border:1px solid #e4e4e4;transition:all .2s}.calendar-page-main .calendar-page-inner .calendar-page-controls:hover{box-shadow:0 0 5px #c7c7c7}.calendar-page-main .calendar-page-inner .calendar-page-controls .calendar-page-button{width:30px;height:30px;cursor:pointer;opacity:.6;transition:all .2s}.calendar-page-main .calendar-page-inner .calendar-page-controls .calendar-page-button:hover{opacity:1}.calendar-page-main .calendar-page-inner .calendar-page-controls span{font-size:20px;margin:0 20px}.calendar-page-main .calendar-page-inner .calendar-area{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:20px;transition:all .2s}.calendar-page-main .calendar-page-inner .calendar-area:hover{box-shadow:0 0 5px #c7c7c7}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day-header{font-weight:400;text-align:center}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day{padding:28px;border:1px solid #ddd;text-align:center;cursor:pointer;border-radius:5px;transition:all .2s}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day:hover{background-color:#f0f0f0}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day.selected{background-color:#f0f0f0;color:#000}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day.event-day{background-color:#d8dcff}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day.event-day.selected{background-color:#f0f0f0}.calendar-page-main .calendar-page-inner .calendar-page-header-and-input{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.calendar-page-main .calendar-page-inner .calendar-page-header-and-input .search-input{width:300px;height:40px;margin-right:40px;border-radius:5px;border:1px solid #e4e4e4;padding:10px}.calendar-page-main .calendar-page-events-div{transform:translate(110px);width:29%;padding:20px;display:flex;flex-direction:column;gap:20px;border:1px solid #e4e4e4;border-radius:5px;margin-top:20px;height:880px;transition:all .2s}.calendar-page-main .calendar-page-events-div:hover{box-shadow:0 0 5px #c7c7c7}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .create-event-calendar{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s;width:fit-content}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .create-event-calendar:hover{background-color:#f8d05d}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .events-header-date .edit-event-icon{width:20px;height:20px;cursor:pointer;transition:all .2s;opacity:.6;position:absolute;top:10px;right:10px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .events-header-date .edit-event-icon:hover{opacity:1}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .calendar-page-subheader{font-size:30px;font-weight:300;padding:7px;text-align:center}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner{display:flex;flex-direction:column;gap:10px;max-height:730px;overflow-y:auto;padding:10px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event{display:flex;flex-direction:column;gap:15px;padding:15px;border:1px solid #e4e4e4;border-radius:5px;width:100%;position:relative;transition:all .2s}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event:hover{box-shadow:0 0 5px #c7c7c7}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .one-event-subheader{font-size:26px;font-weight:400}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .events-header-date{font-size:18px;font-weight:400}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .events-paragraph{font-size:18px;font-weight:300}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .edit-event-calendar{width:200px;height:40px;border:1px solid #e4e4e4;border-radius:5px;transition:all .2s}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .edit-event-calendar:hover{background-color:#f8d05d}@media screen and (max-width: 1200px){.calendar-page-main{flex-direction:column;align-items:center}.calendar-page-main .calendar-page-inner,.calendar-page-main .calendar-page-events-div{transform:translate(50px);width:calc(100% - 110px)}}@media screen and (max-width: 950px){.calendar-page-main .calendar-page-inner{transform:translate(40px);width:calc(100% - 90px)}.calendar-page-main .calendar-page-inner .calendar-page-controls{padding:10px;margin:0}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day{padding:10px}.calendar-page-main .calendar-page-events-div{height:auto;transform:translate(40px);width:calc(100% - 90px)}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner{display:flex;flex-direction:column;align-items:center}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event{gap:10px;padding:20px;width:95%}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .edit-event-calendar{font-size:20px;height:28px;font-weight:400}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .one-event-subheader{font-size:22px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .events-paragraph{max-height:400px;overflow-y:auto}}@media screen and (max-width: 450px){.calendar-page-main .calendar-page-inner{gap:5px}.calendar-page-main .calendar-page-inner .calendar-page-controls{padding:5px}.calendar-page-main .calendar-page-inner .calendar-page-controls span{font-size:16px}.calendar-page-main .calendar-page-inner .calendar-page-controls .calendar-page-button{width:20px;height:20px}.calendar-page-main .calendar-page-inner .calendar-area{grid-template-columns:repeat(5,1fr);padding:5px;gap:5px}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day-header{font-size:12px}.calendar-page-main .calendar-page-inner .calendar-area .calendar-day{padding:5px 0;font-size:12px}.calendar-page-main .calendar-page-events-div{padding:5px;margin-top:5px;height:400px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div{gap:5px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .create-event-calendar{padding:5px 10px;font-size:16px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .calendar-page-subheader{font-size:20px;padding:5px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner{max-height:310px;overflow-y:auto}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .one-event-subheader{font-size:18px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .events-header-date{font-size:14px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .calendar-one-event .events-paragraph{font-size:12px}.calendar-page-main .calendar-page-events-div .calendar-page-events-inner-div .selected-day-event-inner .no-event-p{font-size:16px}}.calendar-day.selected{background-color:#2196f3;color:#fff}.calendar-day.event-day{border:2px solid #f44336}.calendar-day.today{background-color:#ffeb3b!important;color:#000!important}.create-event-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.create-event-modal .create-event-modal-content{background:#fff;padding:20px;border-radius:5px;width:400px;box-shadow:0 2px 10px #0000001a}.create-event-modal .create-event-modal-content .create-event-modal-header{font-size:28px;margin-bottom:25px}.create-event-modal .create-event-modal-content .create-event-modal-body{display:flex;flex-direction:column}.create-event-modal .create-event-modal-content .create-event-modal-body label{margin-bottom:10px}.create-event-modal .create-event-modal-content .create-event-modal-body label input,.create-event-modal .create-event-modal-content .create-event-modal-body label textarea{width:100%;padding:8px;margin-top:4px;border:1px solid #ddd;border-radius:5px}.create-event-modal .create-event-modal-content .create-event-modal-body label .error-message{color:red;font-size:12px;margin-top:4px}.create-event-modal .create-event-modal-content .create-event-modal-footer{display:flex;justify-content:flex-end;margin-top:10px;gap:20px}.create-event-modal .create-event-modal-content .create-event-modal-footer .create-event-cancel,.create-event-modal .create-event-modal-content .create-event-modal-footer .create-event-submit{padding:10px 20px;border:1px solid #e4e4e4;border-radius:5px;cursor:pointer;transition:all .2s}.create-event-modal .create-event-modal-content .create-event-modal-footer .create-event-cancel:hover{background:#e81123;color:#fff}.create-event-modal .create-event-modal-content .create-event-modal-footer .create-event-submit:hover{background:#0056b3;color:#fff}@media screen and (max-width: 768px){.create-event-modal .create-event-modal-content{width:80%}}.edit-event-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-event-modal .edit-event-modal-content{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:400px;max-width:100%;box-sizing:border-box}.edit-event-modal .edit-event-modal-header{font-size:1.5em;margin-bottom:10px}.edit-event-modal .edit-event-modal-body{display:flex;flex-direction:column}.edit-event-modal .edit-event-modal-body label{margin-bottom:10px}.edit-event-modal .edit-event-modal-body label input,.edit-event-modal .edit-event-modal-body label textarea{width:100%;padding:8px;margin-top:5px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:1em}.edit-event-modal .edit-event-modal-body label textarea{resize:vertical;height:150px}.edit-event-modal .edit-event-modal-body .error-message{color:red;font-size:.875em;margin-top:5px}.edit-event-modal .edit-event-modal-footer{display:flex;justify-content:flex-end;margin-top:15px}.edit-event-modal .edit-event-modal-footer button{padding:8px 16px;margin-left:10px;border:none;border-radius:5px;cursor:pointer;font-size:1em}.edit-event-modal .edit-event-modal-footer button[type=button]{background-color:#ccc}.edit-event-modal .edit-event-modal-footer button[type=submit]{background-color:#007bff;color:#fff}.edit-event-modal .edit-event-modal-footer button[type=button]:hover{background-color:#bbb}.edit-event-modal .edit-event-modal-footer button[type=submit]:hover{background-color:#0056b3}.edit-event-modal .edit-event-modal-footer .delete-button{background-color:#dc3545;color:#fff}.edit-event-modal .edit-event-modal-footer .delete-button:hover{background-color:#c82333}@media screen and (max-width: 500px){.edit-event-modal .edit-event-modal-content{width:90%;border-radius:0}}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.global-close-button{position:absolute;display:flex;justify-content:center;align-items:center;font-weight:200;font-size:20px;border-radius:50%;background-color:#f4f4f4;color:#000;border:1px solid #e4e4e4;width:30px;height:30px;top:10px;right:10px;transition:all .2s;cursor:pointer}.global-close-button:hover{background-color:#ff4141;color:#fff}.modal-header{font-size:24px;margin-bottom:20px;font-weight:400}.confirm-button{border:1px solid #e4e4e4;padding:10px 20px;border-radius:5px;transition:all .2s;background-color:#fff;color:#363636}.confirm-button:hover{background-color:#0056b3;color:#fff}.cancel-button{border:1px solid #e4e4e4;color:#363636;padding:10px 20px;border-radius:5px;transition:all .2s;background-color:#fff}.cancel-button:hover{background-color:#e81123;color:#fff}.yellow-button{padding:10px 20px;border-radius:5px;border:1px solid #e4e4e4;transition:all .2s;color:#363636;background-color:#fff}.yellow-button:hover{background-color:#f8d05d;color:#363636}.div-header{border-bottom:1px solid #e4e4e4;padding-bottom:10px;margin-bottom:10px;width:100%;font-size:28px;color:#363636;text-align:center;font-weight:400}.div-big-header{width:fit-content;padding:10px;font-size:40px;margin:20px 20px 20px 40px;color:#363636;font-weight:400;border-radius:5px}.paragraph{font-size:18px;border:1px solid #e4e4e4;padding:10px;border-radius:5px;font-weight:300}.paragraph-header{font-size:22px;font-weight:400;padding-bottom:5px;border-bottom:1px solid #e4e4e4}@media screen and (max-width: 450px){.div-header{font-size:16px;margin:0;padding:5px}.yellow-button{padding:5px;font-size:16px}.div-big-header{margin:5px;padding:5px;font-size:28px}.paragraph{font-size:14px}.paragraph-header{font-size:18px}.confirm-button,.cancel-button{padding:10px;font-size:16px}}.not-found-main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#fff;font-family:Roboto,sans-serif}.not-found-main .not-found-header{font-size:50px;font-weight:400;margin-bottom:30px;color:gray}.not-found-main .not-found-turnback-btn{margin-top:20px;border-radius:5px;border:1px solid #e4e4e4;cursor:pointer;padding:15px;transition:all .2s;height:50px;font-size:18px}.not-found-main .not-found-turnback-btn:hover{background-color:#f8d05d}