.top-menu{background-color:#212121;background-color:var(--background_color);display:flex;height:50px;justify-content:space-between;position:fixed;right:0;top:0;width:100%}.task-display{gap:15px;margin-left:-150px}.task-display,.user-menu{align-items:center;display:flex}.user-menu{gap:10px;margin-right:20px;padding:5px}.icon-user-menu{color:#21d810;color:var(--my_green);margin-right:5px}.logo-placement{align-items:center;cursor:pointer;display:flex;font-family:Gabriola,serif;font-size:22px;height:40px;margin-left:10px;max-width:230px;min-width:140px;padding:5px}@media (max-width:600px){.logo-placement{font-family:Roboto,serif;font-size:16px;gap:10px;max-width:-webkit-max-content;max-width:max-content;min-width:-webkit-max-content;min-width:max-content;width:-webkit-max-content;width:max-content}}.lists-menu{align-items:center;display:flex;font-size:24px;margin-left:2vw;margin-top:6px;padding:5px}.lists-menu:hover{cursor:pointer}.logo{height:auto;margin-right:10px;max-width:35px;object-fit:cover;width:100%}body{background-color:#212832;background-color:var(--dark_blue);color:#ebebeb;color:var(--almost_white);font-family:Roboto,serif}.content-with-toolbar{background-color:#212121;background-color:var(--background_color);border-radius:0 15px 15px 15px;flex:1 1;max-height:calc(100% - 50px);padding:10px 10px 20px}@media (max-width:600px){.content-with-toolbar{border-radius:0 0 15px 15px;padding:10px 2vw 10px 4vw}}.content-with-menu{display:flex;flex:1 1;flex-direction:column;max-width:-webkit-max-content;max-width:max-content;min-height:-webkit-max-content;min-height:max-content}.container{display:flex;gap:40px;height:85vh;margin-left:5vw;margin-right:5vw;margin-top:calc(50px + 5vh);max-height:85vh}@media (max-width:2000px){.container{height:87vh;margin-left:1vw;margin-right:1vw;margin-top:calc(50px + 3vh);max-height:75vh;max-height:97vh}}@media (max-width:600px){.container{height:93vh;margin-left:-8px;margin-right:0;margin-top:60px;max-height:95vh;width:100vw}}.horizontal-container,.horizontal-container-right{align-items:center;display:flex;gap:10px;padding:10px}.horizontal-container-right{justify-content:flex-end}.horizontal-container-center{align-items:center;background-color:#212121;background-color:var(--background_color);border-radius:0 0 10px 10px;bottom:0;display:flex;gap:10px;left:35%;padding:15px;position:relative;width:-webkit-max-content;width:max-content}@media (max-width:600px){.horizontal-container-center{left:20%}}.content{display:flex;flex:1 1;flex-wrap:wrap;gap:1vw;justify-content:flex-start;max-height:calc(100% - 110px);min-height:550px;min-width:200px;overflow-x:hidden;overflow-y:auto;padding:10px 10px 0;position:relative}@media (max-width:1700px){.content{max-height:calc(100% - 100px);min-height:440px}}@media (max-width:600px){.content{gap:5vw;max-height:77%}}.select-wrapper{background:#0000;border:2px solid #3b3b3b;border-color:var(--light_gray);border-radius:5px;color:#ebebeb;color:var(--almost_white);cursor:pointer;font-size:14px;height:38px;outline:none;padding:5px;position:relative;transition:border-color .5s ease,color .5s ease;width:115px}@media (min-width:600px){.select-wrapper:hover:not(:disabled){border-color:#69c5e9;border-color:var(--my_blue);color:#69c5e9;color:var(--my_blue)}}.select-wrapper:disabled{border-color:#3b3b3b;border-color:var(--light_gray);color:#3b3b3b;color:var(--light_gray);cursor:default}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-track{background-color:#3b3b3b;background-color:var(--light_gray)}.content::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background-color:#555}@media (max-width:600px){.content::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-track{display:none}}.toolbar{background-color:var(--background_color);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;padding:10px}@media (max-width:600px){.toolbar{margin-left:calc(25% - 64.25px)}}.input-with-select{align-items:center;display:flex;justify-content:flex-end;position:relative}.select-input:disabled{background:#0000;border-color:var(--light_gray);color:var(--light_gray)}.select-input{background-color:initial;border:2px solid var(--light_gray);border-radius:5px;color:var(--almost_white);font-size:14px;height:35px;outline:none;padding:5px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:border-color .5s ease,color .5s ease;width:-webkit-min-content;width:min-content}.select-input:hover:not(:disabled){border-color:var(--my_blue);color:var(--my_blue);cursor:pointer}.search-input{background-color:var(--background_color);border:2px solid var(--light_gray);border-radius:5px;color:var(--almost_white);font-size:14px;height:22px;outline:none;padding:5px;width:210px}.search-input::placeholder{color:#9b9b9b}.search-input:disabled{background:#0000;border-color:var(--light_gray);color:var(--light_gray)}.title-switch{height:-webkit-max-content;height:max-content;margin-left:5px;width:-webkit-min-content;width:min-content}.regular-button,.title-switch{align-items:center;font-size:14px}.regular-button{background:#0000;border:2px solid #3b3b3b;border:2px solid var(--light_gray);border-radius:5px;color:#ebebeb;color:var(--almost_white);cursor:pointer;display:flex;height:38px;padding:8px;transition:border-color .5s ease,color .5s ease;width:115px}.regular-button:hover:not(:disabled){border-color:#69c5e9;border-color:var(--my_blue);color:#69c5e9;color:var(--my_blue)}@media (max-width:600px){.regular-button{font-size:0;width:-webkit-min-content;width:min-content}.regular-button:hover:not(:disabled){border-color:#3b3b3b;border-color:var(--light_gray);color:#ebebeb;color:var(--almost_white)}}.regular-button-always-big{align-items:center;background:#0000;border:2px solid #3b3b3b;border:2px solid var(--light_gray);border-radius:5px;color:#ebebeb;color:var(--almost_white);cursor:pointer;display:flex;font-size:14px;height:38px;padding:8px;transition:border-color .5s ease,color .5s ease;width:115px}.regular-button-always-big:hover:not(:disabled){border-color:#69c5e9;border-color:var(--my_blue);color:#69c5e9;color:var(--my_blue)}.regular-button:disabled{border-color:#3b3b3b;border-color:var(--light_gray);color:#3b3b3b;color:var(--light_gray);cursor:default}.regular-button:active:not(:disabled){border-color:#21d810;border-color:var(--my_green);color:#21d810;color:var(--my_green)}.regular-button-actived{align-items:center;background:#0000;border-color:#21d810;border-color:var(--my_green);border-radius:5px;border-width:2px;color:#21d810;color:var(--my_green);cursor:pointer;display:flex;font-size:14px;height:38px;margin-right:10px;padding:8px;transition:border-color .5s ease,color .5s ease;width:115px}@media (max-width:600px){.regular-button-actived{font-size:0;width:-webkit-min-content;width:min-content}}.regular-button-small{align-items:center;background:#0000;border:2px solid #3b3b3b;border:2px solid var(--light_gray);border-radius:5px;color:#ebebeb;color:var(--almost_white);cursor:pointer;display:flex;font-size:12px;padding:4px 8px;transition:border-color .5s ease,color .5s ease}.regular-button-small:hover:not(:disabled){border-color:#69c5e9;border-color:var(--my_blue);color:#69c5e9;color:var(--my_blue)}.regular-button-small:disabled{border-color:#3b3b3b;border-color:var(--light_gray);color:#3b3b3b;color:var(--light_gray);cursor:default}.regular-button-small:active:not(:disabled){border-color:#21d810;border-color:var(--my_green);color:#21d810;color:var(--my_green)}.regular-button-icon-only{align-items:center;background:#0000;border:0 solid #3b3b3b;border:0 solid var(--light_gray);color:#ebebeb;color:var(--almost_white);cursor:pointer;font-size:12px;transition:color .5s ease}.regular-button-icon-only:hover:not(:disabled){color:#69c5e9;color:var(--my_blue)}.regular-button-icon-only:active:not(:disabled){color:#21d810;color:var(--my_green)}.button-icon{font-size:20px;margin-right:5px;margin-top:3px}@media (max-width:600px){.button-icon{margin-left:2px;margin-right:2px}}.sidebar{background-color:#3b3b3b;background-color:var(--light_gray);border-radius:15px;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:space-between;max-height:80vh;min-height:350px;min-width:220px;overflow:auto;padding-bottom:20px;padding-left:20px;padding-right:20px;width:220px}.sidebar-title{font-family:Roboto,serif}.divider{border:#69c5e9;border-top:2px solid #69c5e9;border-color:var(--my_blue);margin-bottom:20px;margin-top:-10px}.sidebar ul{list-style-type:none;margin-top:10px;padding:0}.sidebar li button{background-color:initial;border:2px solid #ebebeb;border:2px solid var(--almost_white);border-radius:5px;color:#ebebeb;color:var(--almost_white);cursor:pointer;display:block;font-size:16px;margin-bottom:15px;padding:8px 16px;text-align:left;transition:border-color .5s ease,color .5s ease;width:100%}.sidebar li button:hover{border-color:#69c5e9;border-color:var(--my_blue);border-width:2px;color:#69c5e9;color:var(--my_blue)}.sidebar li.active button{border-color:#21d810;border-color:var(--my_green);border-width:2px;color:#21d810;color:var(--my_green)}.sidebar-header{align-items:center;display:flex;margin-top:2px}.sidebar-icon{cursor:pointer;font-size:24px;position:relative;transition:color .5s ease}.sidebar-icon:hover{color:#69c5e9;color:var(--my_blue)}.sidebar-icon:active{color:#21d810;color:var(--my_green)}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background-color:#3b3b3b;background-color:var(--light_gray)}.sidebar::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#555}.sidebar-menu{display:flex;margin-left:-10px;margin-top:10px}.add-item-dialog-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.add-item-dialog-content{background-color:#212121;background-color:var(--background_color);border:2px solid #69c5e9;border:2px solid var(--my_blue);border-radius:0 8px 8px 8px;left:30vh;padding:20px 30px 10px 20px;position:absolute;top:17vh;width:500px}@media (max-width:600px){.add-item-dialog-content{border-radius:8px;left:2vw;top:5vh;width:80vw}.add-item-dialog-overlay{top:50px}}.mobile-left-panel{background-color:#3b3b3b;background-color:var(--light_gray);height:100%;left:0;position:absolute;top:0}.add-item-dialog-content:not(:focus){border-color:#69c5e9;border-color:var(--my_blue)}.add-item-dialog-content h2{margin-bottom:10;margin-top:0}.add-item-dialog-content form{display:flex;flex-direction:column}.add-item-dialog-content label{margin-bottom:10px}.add-item-dialog-content select{width:200px}.add-item-dialog-content input,.add-item-dialog-content select{background-color:#595858;background-color:var(--some_gray);border:1px solid #3b3b3b;border:1px solid var(--light_gray);border-radius:4px;color:#ebebeb;color:var(--almost_white);margin-top:5px;padding:5px}.add-item-dialog-content input{width:96%}.select-container{position:relative}.select-dropdown{background-color:#ebebeb;background-color:var(--almost_white);border:1px solid #595858;border:1px solid var(--some_gray);border-radius:4px;box-sizing:border-box;padding:5px;width:100%}.select-option{background-color:#3b3b3b;background-color:var(--light_gray);color:#ebebeb;color:var(--almost_white);padding:2px}input::placeholder{color:#9b9b9b}.tab-menu-container{display:flex;justify-content:flex-start}.tab-menu{display:flex;gap:15px}@media (max-width:600px){.tab-menu{gap:10px;justify-content:space-between;width:100%}}.tab{align-items:flex-end;background-color:#3b3b3b;background-color:var(--light_gray);border-radius:10px 10px 0 0;cursor:pointer;display:flex;font-size:16px;padding:8px 32px;transition:color .5s ease}@media (max-width:600px){.tab{font-size:16px;padding:8px 14px}}.tab.active{background-color:#212121;background-color:var(--background_color);color:#21d810;color:var(--my_green);font-weight:700}.tab:hover:not(.active){border-width:2px;color:#69c5e9;color:var(--my_blue)}.tab-icon{font-size:24px;margin-right:8px}@media (max-width:600px){.tab-icon{font-size:22px}}.item-button{background-color:initial;border:3px solid #3b3b3b;border:3px solid var(--light_gray);border-radius:3px;cursor:pointer;height:19vh;margin-bottom:2px;min-height:185px;min-width:130px;padding:0;transition:border-color .5s ease;width:6.5vw}@media (max-width:2000px){.item-button{min-height:242px;min-width:176px}}@media (max-width:600px){.item-button{min-height:28vh;min-width:40vw}}.item-button:hover:not(.active){border-color:#69c5e9;border-color:var(--my_blue)}.item-button:hover .item-overlay{opacity:1;transition-delay:.2s}.item-button.active{border-color:#21d810;border-color:var(--my_green)}.item-image{background-position:50%;background-size:cover;height:100%;position:relative;width:100%}.item-overlay{opacity:0}.item-overlay,.item-overlay-static{background-color:#000c;bottom:0;color:#fff;left:0;padding:8px;position:absolute;right:0;transition:opacity .5s ease}.item-title{font-family:Roboto;font-size:14px}.item-finished-icon{color:#21d810;color:var(--my_green);font-size:16px;margin-left:5px}.wholeItem{position:relative}.item-button-wrapper{align-items:center;display:flex;flex-direction:column}.item-info{align-items:center;background-color:#3b3b3b;background-color:var(--light_gray);border-radius:3px;display:flex;margin-top:1px;min-width:130px;text-align:center;width:6.4vw}@media (max-width:2000px){.item-info{min-width:176px}}@media (max-width:600px){.item-info{min-width:40vw}}.item-finished-icon{margin-right:10px}.item-finished-on{color:#ebebeb;color:var(--almost_white);font-size:14px}.serial-info{color:#69c5e9;color:var(--my_blue)}.serial-info,.serial-info-active{background-color:#000c;border-radius:0 0 15px 0;font-size:16px;padding:8px 10px 10px 8px;width:-webkit-min-content;width:min-content}.serial-info-active{color:#21d810;color:var(--my_green)}.loader-container{align-items:center;background:#000c;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:50px;transition:opacity .5s ease,visibility .5s ease;visibility:hidden;width:100%;z-index:999}.loader-container.visible{opacity:1;visibility:visible}.small-loader{opacity:0;visibility:visible;visibility:hidden}.small-loader,.small-loader-visible{margin-bottom:5px;margin-right:5px;transition:opacity .5s ease,visibility .5s ease}.small-loader-visible{opacity:1;visibility:visible}.detailed-window{align-items:center;background-color:#212121;background-color:var(--background_color);border:2px solid #0000;border-radius:15px;display:flex;flex-direction:column;justify-content:flex-start;margin-top:40px;max-width:17vw;min-width:330px;overflow-x:hidden;overflow-y:auto;padding:20px}@media (max-width:2000px){.detailed-window{min-width:290px}}@media (max-width:600px){.detailed-window{border-radius:0;left:0;margin-top:50px;min-width:90vw;position:absolute;top:0}}.close-detailed{font-size:22px;transition:color .3s ease}.close-detailed:hover{color:#69c5e9;color:var(--my_blue);cursor:pointer}.image{max-height:35vh;object-fit:cover;width:auto}.image,.title{margin-bottom:20px}.title{color:#ebebeb;color:var(--almost_white);font-size:20px;font-weight:700;text-align:center;text-decoration:none;transition:color .3s ease}.title:hover{text-decoration:underline}.title a{color:#ebebeb;color:var(--almost_white);text-decoration:none;transition:color .3s ease}.author-name{font-size:16px}.detailed-fields{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;width:100%}.detailed-window::-webkit-scrollbar{width:5px}.detailed-window::-webkit-scrollbar-track{background-color:#3b3b3b;background-color:var(--light_gray)}.detailed-window::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.detailed-window::-webkit-scrollbar-thumb:hover{background-color:#555}@media (max-width:600px){.detailed-window::-webkit-scrollbar-thumb,.detailed-window::-webkit-scrollbar-track{display:none}}.detailed-field{margin-bottom:10px;margin-right:20px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.value{color:#ebebeb;color:var(--almost_white);font-size:16px;margin-bottom:3px;text-align:left}.description{color:#595858;color:var(--some_gray);font-size:14px}.value-justified{color:#ebebeb;color:var(--almost_white);font-size:16px;margin-bottom:3px;text-align:justify}:root{--background_color:#212121;--my_blue:#69c5e9;--my_green:#21d810;--dark_blue:#212832;--dark_blue2:#1b2838;--light_gray:#3b3b3b;--some_gray:#595858;--almost_white:#ebebeb}.item-toolbar{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.finish-date-input{background-color:initial;border:2px solid #3b3b3b;border:2px solid var(--light_gray);border-radius:5px 0 0 5px;color:#ebebeb;color:var(--almost_white);cursor:pointer;height:35px;outline:none;padding:0 5px;transition:border-color .5s ease,color .5s ease}::-webkit-calendar-picker-indicator{filter:invert(1)}.finish-date-input:hover:not(:disabled){border-color:#69c5e9;border-color:var(--my_blue);color:#69c5e9;color:var(--my_blue)}.finish-date-input:active:not(:disabled){border-color:#21d810;border-color:var(--my_green);color:#21d810;color:var(--my_green)}.finish-icon{background-color:initial;border:2px solid #3b3b3b;border:2px solid var(--light_gray);border-radius:0 5px 5px 0;color:#69c5e9;color:var(--my_blue);cursor:pointer;font-size:20px;height:35px;outline:none;padding:0 5px;transition:border-color .5s ease,color .5s ease}.finish-icon:hover:not(:disabled){border-color:#69c5e9;border-color:var(--my_blue);color:#69c5e9;color:var(--my_blue)}.finish-icon:active:not(:disabled){border-color:#21d810;border-color:var(--my_green);color:#21d810;color:var(--my_green)}.horizontal-container-small{align-items:center;display:flex}.finish-date-time{background-color:initial;border:2px solid #3b3b3b;border:2px solid var(--light_gray);color:#ebebeb;color:var(--almost_white);height:35px;outline:none;padding:0 5px;width:45px}.finish-date-time:hover:not(:disabled){border-color:#69c5e9;border-color:var(--my_blue);color:#69c5e9;color:var(--my_blue)}.finish-date-time:active:not(:disabled){border-color:#21d810;border-color:var(--my_green);color:#21d810;color:var(--my_green)}.finish-hours{align-items:center;background-color:initial;border:2px solid #3b3b3b;border:2px solid var(--light_gray);border-radius:5px;cursor:pointer;display:flex;font-size:14px;height:35px;justify-content:center;margin-left:-9px;min-width:35px;padding:0 5px}.finish-hours:hover:not(:disabled){border-color:#69c5e9;border-color:var(--my_blue);color:#69c5e9;color:var(--my_blue)}.finish-hours:active:not(:disabled){border-color:#21d810;border-color:var(--my_green);color:#21d810;color:var(--my_green)}.login-container{border:2px solid var(--almost_white);border-radius:5px;margin:25vh auto auto;max-width:300px;padding:20px;text-align:center;width:300px}.form{display:flex;flex-direction:column}.input{border:1px solid #ccc;border-radius:5px;margin:10px;padding:5px}.button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px}.button:active{background-color:var(--my_blue);transition:opacity .5s ease}.toggleText{margin-top:10px}.toggleLink{color:#007bff;cursor:pointer;margin-left:5px}.messageClass{color:var(--almost_white);margin-top:10px}.messageClassError{color:#ff4500;margin-top:10px}
/*# sourceMappingURL=main.0baf377e.css.map*/