@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.clock{font-size:55px;letter-spacing:5px;font-weight:700;text-align:center;color:var(--black-color)}@media (max-width: 867px){.clock{font-size:35px;font-weight:900}}@media (max-width: 667px){.clock{font-size:30px;font-weight:900}}.add_infringement{border:none;position:absolute;bottom:2%;right:2%;font-size:70px}.add_infringement_icon{color:var(--black-color);background-color:#f0f8ff;border-radius:50%;filter:drop-shadow(5px 5px 10px #000);transition:all .8s ease}.add_infringement_icon:hover{transform:translateY(-5px);color:var(--blue-color)}.home{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-left:10%;padding-right:10%}.home_title{color:var(--black-color);font-size:30px;display:flex;gap:20px;margin-bottom:1%}.home_help{color:var(--blue-color);font-size:12px}@media (max-width: 867px){.home{padding-left:20%}.home_title{font-size:25px}.home_help{color:var(--blue-color);font-size:12px;text-align:center}.add_infringement{font-size:50px}}.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:visible;margin:auto;top:0;left:0;bottom:0;right:0}.loading:before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000018f}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:"";display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1.5s infinite linear;-moz-animation:spinner 1.5s infinite linear;-ms-animation:spinner 1.5s infinite linear;-o-animation:spinner 1.5s infinite linear;animation:spinner 1.5s infinite linear;border-radius:.5em;-webkit-box-shadow:var(--cian-color) 1.5em 0 0 0,var(--cian-color) 1.1em 1.1em 0 0,var(--cian-color) 0 1.5em 0 0,var(--cian-color) -1.1em 1.1em 0 0,var(--cian-color)-1.5em 0 0 0,var(--cian-color)-1.1em -1.1em 0 0,var(--cian-color) 0 -1.5em 0 0,var(--cian-color) 1.1em -1.1em 0 0;box-shadow:var(--cian-color) 1.5em 0 0 0,var(--cian-color) 1.1em 1.1em 0 0,var(--cian-color) 0 1.5em 0 0,var(--cian-color) -1.1em 1.1em 0 0,var(--cian-color) -1.5em 0 0 0,var(--cian-color) -1.1em -1.1em 0 0,var(--cian-color) 0 -1.5em 0 0,var(--cian-color) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.register{width:100%;display:flex;flex-direction:column;padding:2% 10%;justify-content:center;align-items:center}.register_server_error{background-color:#a86767;padding-left:6px;padding-right:6px;border-radius:5px;width:40%}.register_error{color:#b30404;width:100%}.register_title{padding-bottom:2%;font-size:40px;font-weight:600;color:var(--blue-color)}.register_label{display:flex;flex-direction:column;padding-top:10px;font-size:18px;font-weight:400;color:var(--black-color);width:60%;padding-right:5%;padding-left:5%}.register_input{width:100%;height:25px;font-size:16px;font-weight:200;border-radius:5px;border:none;padding-left:6px;color:var(--black-color);background-color:var(--blueLight-color)}.register_input:focus{outline:none}.register_input::placeholder{color:#00000b;font-size:12px}.register_select{width:100%;height:25px;border-radius:5px;color:var(--black-color)}.register_select:optional{background-color:var(--blueLight-color);font-size:16px;font-weight:200}.register_btn_add{background-color:var(--blue-color);padding:1% 9%;border-radius:5px;font-size:16px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.register_btn_add:hover{transform:translate(5px);background-color:var(--black-color);color:#fafafa;cursor:pointer}.register_btn_close{background-color:var(--black-color);padding:1% 6%;border-radius:5px;font-size:16px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.register_btn_close:hover{transform:translate(5px);background-color:#b30404;color:#fafafa;cursor:pointer}.register_btn_container{width:30%;display:flex;gap:5%;justify-content:space-between;justify-content:center;padding-top:10px}@media (max-width: 867px){.register_title{width:100%;justify-content:flex-start}.register_label,.register_btn_container{width:100%}}.login{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.login__form{width:100%;height:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5%;border-radius:10px;backdrop-filter:blur(5px)}.login__error{color:#e6e8ef;background-color:#d76147;width:35%;text-align:center;border-radius:5px;margin-bottom:5%}.login__fields{width:60%;justify-content:center;align-items:center;display:flex;flex-direction:column}.login__fields_label{align-self:flex-start;padding-bottom:2%;font-size:20px;font-weight:300}.login__fields_input{margin-bottom:5%;font-size:15px;font-weight:300;width:100%;padding:5%;border-radius:5px;border:none;background-color:var(--blueLight-color)}.login__fields_input:focus{outline:none}.login__button{background-color:var(--blue-color);padding:1% 21%;border-radius:5px;font-size:20px;color:#fafafa;transition:all .8s ease;text-transform:uppercase;filter:drop-shadow(5px 5px 15px #3e5df8)}.login__button:hover{transform:translate(5px);background-color:var(--black-color);color:#fafafa;cursor:pointer}@media (max-width: 867px){.login__error{width:65%;font-size:20px}.login__form{width:100%;height:20%;padding-bottom:5%;justify-content:center}.login__fields{width:100%}.login__button{padding:1% 6%;font-size:20px}}@media (max-width: 1024px){.login__error{width:65%;font-size:20px}.login__form{width:100%;height:20%;padding-bottom:5%;justify-content:center}.login__fields{width:100%}.login__button{padding:1% 6%;font-size:20px}}.nav{display:flex;width:100%;height:80px;justify-content:flex-end;align-items:center;padding-left:2%;padding-right:2%}.nav_title{font-size:20px;color:var(--black-color)}.nav_logo{padding-left:5px;max-width:50px;min-width:30px}@media (max-width: 867px){.nav_title{font-size:18px}.nav_logo{padding-left:5px;max-width:25px;min-width:20px}}.sidebar{background:#00000b;width:20%;height:100%;display:flex;flex-direction:column;gap:5%;padding-top:2%;position:relative;transition:all 1s ease;position:absolute;z-index:2}.sidebar_li{display:flex;justify-content:flex-start;align-items:center;width:100%;padding-left:5%;padding-top:2%;padding-bottom:2%;transition:all .8s ease}.sidebar_li_p{padding-left:4%;text-align:left;justify-content:flex-start;font-size:16px;color:var(--cian-color);font-weight:300;white-space:nowrap}.sidebar_li:hover{background:rgba(180,180,180,.3568627451);cursor:pointer;border-radius:10px}.sidebar_icon{font-size:20px;color:var(--cian-color)}.sidebar_footer{display:flex;font-size:12px;font-weight:300;color:var(--cian-color);text-align:center;position:relative;justify-content:center;bottom:0;top:20%;padding:2%;white-space:nowrap}.open{width:35px;padding-left:5px;transition:all .8s ease}.sidebar_li_open{padding-left:10%}.sidebar_li_p_open,.sidebar_footer_open{display:none}.active{height:35px;display:flex;border-radius:5px}@media (max-width: 1300px){.sidebar{width:30%;padding-top:10%}.open{width:35px;padding-left:5px}}@media (max-width: 867px){.sidebar{width:60%;padding-top:10%}.open{width:35px;padding-left:5px}}.hero{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;padding-left:10%;padding-right:10%}.hero_box{width:65%;height:100%;display:flex;flex-direction:column;gap:5%;background-image:url(/assets/bg-hero-0621eb69.png);background-size:contain}.hero_box_title{margin-top:4%;font-size:65px;color:var(--black-color);font-weight:900}.hero_box_subtitle{color:var(--black-color);width:60%;font-size:20px;font-weight:500}.hero_box_pharagraph{color:var(--blue-color);width:50%}.hero_box_image_container{width:100%;display:flex;justify-content:flex-end;position:relative}.hero_box_image{max-width:200px;align-self:flex-end;position:relative;right:10%;filter:drop-shadow(0px 0px 120px #3e5df8)}.hero_box_image_effect{max-width:80px;position:absolute;right:22%;top:10%;mix-blend-mode:multiply}.hero_box_form{width:35%;height:100%}@media (max-width: 867px){.hero{flex-direction:column;width:100%}.hero_box{order:1;width:100%;height:40%}.hero_box_title{font-size:35px}.hero_box_subtitle{font-size:15px;width:70%}.hero_box_pharagraph{font-size:12px;width:50%}.hero_box_image_container{height:50%}.hero_box_image{max-width:100px;bottom:15%;left:5%}.hero_box_image_effect{display:none}.hero_box_form{order:2;width:100%}}@media (max-width: 1024px){.hero_box_image_effect{display:none}}.layout{width:100%;height:100vh;display:flex;flex-direction:column}.dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding-left:10%;padding-right:10%}.dashboard_title{padding-bottom:2%;font-size:40px;font-weight:600;color:var(--blue-color)}.dashboard_title-table{font-size:20px;font-weight:600;color:var(--black-color)}.dashboard_container_boxes{overflow-x:hidden;width:100%;height:100%;margin-bottom:30px;display:flex;gap:1%}.dashboard_box_user{height:70vh;width:28%}.dashboard_box_infringement{height:70vh;width:70%}.MuiDataGrid-root{border:none;box-shadow:0 8px 23px #0000003b;cursor:pointer}.MuiDataGrid-row{box-shadow:0 8px 90px #1f73f13b;border-radius:10px}.MuiDataGrid-cell{background-color:#fdf9f9;text-transform:uppercase}.MuiDataGrid-cell:focus{outline:var(--blue-color)}.MuiDataGrid-columnHeaders{background-color:var(--black-color);color:var(--cian-color);text-transform:capitalize}.MuiDataGrid-virtualScroller{background-color:#fafafa}@media (max-width: 867px){.dashboard{padding-right:unset}.dashboard_container_boxes{flex-direction:column;gap:10%}.dashboard_box_user{height:70vh;width:100%}.dashboard_box_infringement{height:100vh;width:100%}.modal_aprove{width:90%;height:90%;left:40px;top:1%}.modal_aprove_title{font-size:16px}.modal_aprove_btn-close{font-size:25px}.modal_aprove_data-container{flex-direction:column;width:100%}.modal_aprove_image-container{width:100%;height:100%;overflow:hidden}.modal_aprove_info{width:100%;height:100%;padding-top:5%;padding-bottom:5%}.modal_aprove_text{font-size:15px}.modal_aprove_btn-container{width:100%;display:flex;gap:20px;justify-content:center;align-items:center}}.modal_aprove{width:60%;height:60%;background:rgb(255,255,255);border:1px solid var(--black-color);position:absolute;top:15%;left:20%;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.modal_aprove_header{width:100%;height:40px;display:flex;justify-content:space-between;align-items:center;background-color:#000;padding:2%;border-radius:5px 5px 0 0}.modal_aprove_title{font-size:20px;color:var(--cian-color);font-weight:400}.modal_aprove_btn-close{font-size:35px;cursor:pointer}.modal_aprove_data-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow-y:scroll}.modal_aprove_image-container{width:50%;padding:2%;display:flex;justify-content:center;align-items:center}.modal_aprove_image{max-width:100%;object-fit:cover}.modal_aprove_info{width:60%;height:100%;display:flex;justify-content:flex-start;padding-left:4%;flex-direction:column;gap:15px;background-color:var(--black-color);overflow-y:scroll}.modal_aprove_info::-webkit-scrollbar{height:100%;width:100%}.modal_aprove_text{font-size:18px;font-weight:300;text-transform:uppercase;display:flex}.modal_aprove_btn-container{width:100%;height:100%;display:flex;gap:20px;justify-content:center;align-items:center}.modal_aprove_btn-aprove{background-color:var(--blue-color);padding:1% 8%;border-radius:5px;font-size:15px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.modal_aprove_btn-aprove:hover{transform:translate(5px);background-color:#07dd07;color:#fafafa;cursor:pointer}.modal_aprove_btn-pdf{background-color:var(--black-color);padding:1% 8%;border-radius:5px;font-size:15px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.modal_aprove_btn-pdf:hover{transform:translate(5px);background-color:var(--blue-color);color:#fafafa;cursor:pointer}.modal_aprove_btn-decline{background-color:var(--black-color);padding:1% 8%;border-radius:5px;font-size:15px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.modal_aprove_btn-decline:hover{transform:translate(5px);background-color:#b30404;color:#fafafa;cursor:pointer}@media (max-width: 867px){.modal_aprove{width:90%;height:90%;left:40px;top:1%}.modal_aprove_title{font-size:16px}.modal_aprove_btn-close{font-size:25px}.modal_aprove_data-container{flex-direction:column;width:100%}.modal_aprove_image-container{width:100%;height:100%;overflow:hidden}.modal_aprove_info{width:100%;height:100%;padding-top:5%;padding-bottom:5%}.modal_aprove_text{font-size:15px}.modal_aprove_btn-container{width:100%;display:flex;gap:20px;justify-content:center;align-items:center}}.pdf_print{padding:5% 2%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;color:var(--black-color);position:absolute}.pdf_print_header{width:100%;height:50px;display:flex;justify-content:space-between}.pdf_print_title{font-size:20px;font-weight:900}.pdf_print_logo{width:40px;height:40px}.pdf_print_data-container{display:flex;height:100%;gap:20px;padding-top:10%}.pdf_print_info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}.pdf_print_text{font-size:16px;font-weight:400;text-transform:uppercase}.pdf_print_image{max-width:300px;border-radius:2px}.pdf_print_footer{align-self:flex-end;justify-self:flex-end}.infringement{width:100%;display:flex;justify-content:center;align-items:center;padding:2% 10%}.infringement_box{width:50%;height:100%;display:flex;flex-direction:column;min-height:445px}.infringement_box_2nd{width:50%;height:100%;display:flex;flex-direction:column;min-height:445px;justify-content:flex-end}.infringement_server_error{background-color:#a86767;padding-left:6px;padding-right:6px;border-radius:5px}.infringement_error{color:#9e0404;font-weight:600}.infringement_title{padding-bottom:2%;font-size:40px;font-weight:600;color:var(--blue-color)}.infringement_label{display:flex;flex-direction:column;padding-top:10px;font-size:18px;font-weight:400;color:var(--black-color);width:100%;padding-right:5%;padding-left:5%}.infringement_input{width:100%;height:25px;font-size:16px;font-weight:200;border-radius:5px;border:none;padding-left:6px;color:var(--black-color);background-color:var(--blueLight-color);text-transform:uppercase}.infringement_input:focus{outline:none}.infringement_input::placeholder{color:#00000b}.infringement_select{width:100%;height:25px;border-radius:5px;color:var(--black-color)}.infringement_select:optional{background-color:var(--blueLight-color);font-size:16px;font-weight:200}.infringement_btn_add{background-color:var(--blue-color);padding:1% 10%;border-radius:5px;font-size:20px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.infringement_btn_add:hover{transform:translate(5px);background-color:var(--black-color);color:#fafafa;cursor:pointer}.infringement_btn_close{background-color:var(--black-color);padding:1% 10%;border-radius:5px;font-size:20px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.infringement_btn_close:hover{transform:translate(5px);background-color:#b30404;color:#fafafa;cursor:pointer}.infringement_textarea{width:100%;height:25px;font-size:16px;font-weight:200;border-radius:5px;border:none;padding-left:6px;color:var(--black-color);background-color:var(--blueLight-color);max-width:583px;max-height:200px}.infringement_textarea:focus{outline:none}.infringement_textarea::placeholder{color:#00000b}.infringement_btn_container{width:100%;display:flex;gap:5%;justify-content:space-between;justify-content:center;padding-top:10px}@media (max-width: 867px){.infringement{flex-direction:column;gap:0;padding-left:15%}.infringement_box,.infringement_box_2nd{width:100%}.infringement_server_error{background-color:#a86767;padding-left:6px;padding-right:6px;border-radius:5px}.infringement_error{color:#9e0404;font-weight:600}.infringement_title{padding-bottom:2%;font-size:25px;font-weight:600;color:var(--blue-color)}.infringement_label{display:flex;flex-direction:column;padding-top:10px;font-size:18px;font-weight:400;color:var(--black-color);width:100%;padding-right:5%;padding-left:5%}.infringement_input{width:100%;height:35px;font-size:15px;font-weight:200;border-radius:5px;border:none;padding-left:6px;color:var(--black-color);background-color:var(--blueLight-color);text-transform:uppercase}.infringement_input:focus{outline:none}.infringement_input::placeholder{color:#00000b}.infringement_select{width:100%;height:25px;border-radius:5px;color:var(--black-color)}.infringement_select:optional{background-color:var(--blueLight-color);font-size:16px;font-weight:200}.infringement_btn_add{background-color:var(--blue-color);padding:1% 10%;border-radius:5px;font-size:15px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.infringement_btn_add:hover{transform:translate(5px);background-color:var(--black-color);color:#fafafa;cursor:pointer}.infringement_btn_close{background-color:var(--black-color);padding:1% 10%;border-radius:5px;font-size:15px;color:#fafafa;transition:all .8s ease;text-transform:uppercase}.infringement_btn_close:hover{transform:translate(5px);background-color:#b30404;color:#fafafa;cursor:pointer}.infringement_textarea{width:100%;height:25px;font-size:16px;font-weight:200;border-radius:5px;border:none;padding-left:6px;color:var(--black-color);background-color:var(--blueLight-color);max-width:583px;max-height:200px}.infringement_textarea:focus{outline:none}.infringement_textarea::placeholder{color:#00000b}.infringement_btn_container{width:100%;display:flex;gap:5%;justify-content:space-between;justify-content:center;padding-top:10px}}.container{width:100%;height:100vh;display:flex;overflow-y:overlay}.container::-webkit-scrollbar{display:none}:root{--font-poppins: "Poppins", sans-serif}:root{--cian-color: #2efde2;--blue-color: #4461F2;--black-color: #0c0c0c;--blueLight-color: #cfe2f78e}html,body{font-family:var(--font-poppins);color:#cdd1e0;height:100vh}*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}button{border:none;background:none;font-family:var(--font-poppins);cursor:pointer}textarea{max-height:180px;min-height:130px}textarea::-webkit-scrollbar{width:5px}textarea::-webkit-scrollbar-thumb{background:rgb(233,67,2);border-radius:4px}