@charset "UTF-8";.home{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.home{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.home{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.home{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.home{grid-auto-rows:minmax(120px,auto)}}.home .box{padding:20px;border-radius:10px;border:2px solid #384256}.home .box1,.home .box4{grid-column:span 1;grid-row:span 3}.home .box7{grid-column:span 2;grid-row:span 2}@media screen and (max-width: 768px){.home .box7{display:none}}.dataTable .dataGrid,.dataPress .dataGrid{background:white;padding:20px}.dataTable .dataGrid .MuiDataGrid-toolbarContainer,.dataPress .dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .dataGrid img,.dataPress .dataGrid img{width:52px;height:52px;object-fit:cover}.dataTable .dataGrid .action,.dataPress .dataGrid .action{display:flex;gap:15px}.dataTable .dataGrid .action img,.dataPress .dataGrid .action img{width:20px;height:20px;cursor:pointer}.addProduct{color:"white";width:100vw;height:170%;position:absolute;top:0;left:0;background-color:#000000d2;display:flex;align-items:center;justify-content:center}.addProduct .modal{color:"white";padding:19px;border-radius:5px;background-color:#2a3447;position:relative;height:86%}.addProduct .modal h1{font-size:27px;color:#ddd;margin-bottom:10px}.addProduct .modal .close{position:absolute;top:5px;right:5px;cursor:pointer}.addProduct .modal form{display:flex;flex-direction:column;background-color:#2a3447;justify-content:space-between;padding:0;min-width:600px;margin:0}.addProduct .modal form .col{margin-top:2px}.addProduct .modal form .col label{font-size:15px;margin-right:10px}.addProduct .modal form .col input{display:flex;padding:5px;width:100%;outline:none;border:1px solid #ddd;border-radius:3px}.addProduct .modal form .col select{width:100%;height:100%;padding:10px;cursor:grab}.addProduct .modal form button{width:100%;padding:5px;cursor:pointer}.products .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.products .info button{padding:5px;cursor:pointer}.MuiDataGrid-row{min-height:160px!important;max-height:160px!important}.MuiDataGrid-cell{min-height:160px!important;max-height:160px!important;white-space:normal!important}.contentContainer{width:87%!important}.MuiDataGrid-virtualScrollerContent{height:768px!important}.navbar{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.navbar .logo{display:flex;align-items:center;font-weight:700;gap:10px}.navbar .logo img{height:70px;width:90px}.navbar .icons{display:flex;align-items:center;gap:20px}.navbar .icons .notification{position:relative}.navbar .icons .notification span{background-color:red;color:#fff;width:16px;height:16px;border-radius:50%;position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:12px}.navbar .icons .user{display:flex;align-items:center;gap:10px}.navbar .icons .user img{width:26px;height:26px;border-radius:50%;object-fit:cover}.menu .item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.menu .item .title{font-size:12px;font-weight:200;color:#ddd;text-transform:uppercase}@media screen and (max-width: 1024px){.menu .item .title{display:none}}.menu .item .listItem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px}.menu .item .listItem:hover{background-color:#384256}@media screen and (max-width: 1024px){.menu .item .listItem .listItemTitle{display:none}}.footer{display:flex;align-items:center;justify-content:space-between;padding:30px}.footer span:first-child{font-weight:700}.footer span:last-child{font-size:14px}#login{margin:0;display:flex;align-items:center;justify-content:center;height:100vh;background-color:#111;background:url(/assets/klas-ea490714.jpeg) no-repeat center center fixed;background-size:cover;color:#fff}.login-card{background-color:#1a1a1a;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%;text-align:center}@media (min-width: 600px){.login-card{width:500px}}.login form{display:flex;flex-direction:column}.login input{margin:10px 0;padding:10px;border:1px solid #333;border-radius:4px;background-color:#333;color:#fff}.login button{padding:10px;border:none;border-radius:4px;cursor:pointer;width:100%;margin:2px;transition:background-color .3s}.login button:hover{background-color:#0056b3}.login .login-btn{background-color:#007bff;color:#fff;margin-right:10px}.login .login-btn2{background-color:#dc143c;color:#fff;margin-right:10px}.login .register-btn{background-color:#1a1a1a;border:1px solid #0056b3;color:#0056b3;margin-left:10px}@media (max-width: 600px){.login .button-container{flex-direction:column}.login .login-btn,.login .register-btn{margin:10px 0}}@media (max-width: 600px){.login .button-container{flex-direction:column}.login button{margin:10px 0}}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{font-family:Inter,sans-serif;background-color:#2a3447;color:#fff}.container{display:flex}.menuContainer{width:250px;padding:5px 20px;border-right:2px solid #384256}@media screen and (max-width: 1024px){.menuContainer{width:max-content}}.contentContainer{padding:5px 20px;width:100%}.faqs .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.faqs .info button{padding:5px;cursor:pointer}.addFaq{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000b9;display:flex;align-items:center;justify-content:center}.addFaq .modal{padding:50px;border-radius:10px;background-color:#2a3447;position:relative}.addFaq .modal h1{margin-bottom:40px;font-size:24px;color:#ddd}.addFaq .modal .close{position:absolute;top:10px;right:10px;cursor:pointer}.addFaq .modal form{display:flex;flex-direction:column;max-width:500px;justify-content:space-between;padding:10px}.addFaq .modal form .col{margin-bottom:10px}.addFaq .modal form .col label{font-size:20px;margin-right:10px}.addFaq .modal form .col input{display:flex;padding:8px;width:300px;outline:none;border:1px solid #ddd;border-radius:3px}.addFaq .modal form .col select{width:70px;height:25px;padding:5px}.addFaq .modal form button{width:100%;padding:10px;cursor:pointer}#title{font-weight:100;font-size:1rem}#survey-form{display:flex;flex-direction:column;border:2px inset #000000;border-radius:10px;box-shadow:-10px 10px 12px -2px #2f4a41;background-color:#c3ddd4;padding:.5vw 5vw 2vw;margin:2vw 0;width:100%}.form-label{font-weight:500;font-size:1.4rem;margin-top:2vh;margin-bottom:1.2vh;margin-left:10px;display:flex;align-items:center}.form-label span{font-variant:small-caps;font-size:1.1rem;font-weight:400}.imageContainer{display:flex;align-items:center}.user-input{min-height:5vh;font-size:1.1rem;font-weight:300;border:2px solid #265143;padding:.2rem .5rem}.radio-btn-holder,.checkbox-holder{display:flex;flex-direction:row;align-items:center}.radio-btn-input,.checkbox-input{width:1.5rem;margin:0 1%}#description{text-align:center;font-style:italic}#comment-label{min-height:10vh}