body{margin:0;padding:0}div{box-sizing:border-box}.grid{display:grid;grid-template-columns:repeat(12,1fr);-moz-column-gap:24px;column-gap:24px;row-gap:24px;margin-left:270px}.grid-login{display:grid;grid-template-columns:repeat(12,1fr);-moz-column-gap:24px;column-gap:24px;row-gap:24px}.flex{display:flex;flex-wrap:wrap;width:calc(100% - 270px)}.mr-2{margin-right:1em}.row{display:flex;flex-wrap:wrap}.col-1{grid-column:span 1;flex:0 0 8.3333333333%}.col-2{grid-column:span 2;flex:0 0 16.6666666667%}.col-3{grid-column:span 3;flex:0 0 25%}.col-4{grid-column:span 4;flex:0 0 33.3333333333%}.col-5{grid-column:span 5;flex:0 0 41.6666666667%}.col-6{grid-column:span 6;flex:0 0 50%}.col-7{grid-column:span 7;flex:0 0 58.3333333333%}.col-8{grid-column:span 8;flex:0 0 66.6666666667%}.col-9{grid-column:span 9;flex:0 0 75%}.col-10{grid-column:span 10;flex:0 0 83.3333333333%}.col-11{grid-column:span 11;flex:0 0 91.6666666667%}.col-12{grid-column:span 12;flex:0 0 100%}.login-container{margin:200px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-container .login-logo{margin-bottom:20px}.login-container .login-logo img{width:200px;height:auto}.login-container form .password{display:flex;flex-direction:column;margin-top:5px}.login-container form .password a{text-decoration:none}.login-container form .password .button{background-color:#4caf50;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}table{border-collapse:collapse;margin-top:50px;padding:0;width:100%;table-layout:fixed}table tr{border:1px solid #ddd;padding:.35em}table th,table td{padding:.625em;text-align:center;border-right:1px solid #ddd}table td{font-size:14px}table td p{margin:auto}table th{font-size:18px;font-family:Open Sans,sans-serif}table img{width:50px}table .status-pending{background-color:#efd6af;color:#f4833d;border-radius:5%;padding:6px 12px;width:-moz-fit-content;width:fit-content}table .status-completed{background-color:#b3c3e6;color:#2167a6;border-radius:5%;padding:6px 12px;width:-moz-fit-content;width:fit-content}table .status-approved{background-color:#dbe6b3;color:#89a621;border-radius:5%;padding:6px 12px;width:-moz-fit-content;width:fit-content}table .status-denied{background-color:#fac5c5;color:#fc5f5f;border-radius:5%;padding:6px 12px;width:-moz-fit-content;width:fit-content}table .status-active{background-color:#dbe6b3;color:#b1bc4d;border-radius:5%;padding:6px 12px;width:-moz-fit-content;width:fit-content}table .status-inactive{background-color:#fac5c5;color:#fb6c6f;border-radius:5%;padding:6px 12px;width:-moz-fit-content;width:fit-content}table .department{background-color:#e3e3e3;color:#676767;border-radius:5%;padding:6px 12px;width:-moz-fit-content;width:fit-content}table .deadline-main{display:flex}table .deadline-main span{margin-top:3px}table .deadline{background-color:#4a4a4a;color:#fff;border-radius:5%;padding:6px 12px;width:-moz-fit-content;width:fit-content}table .deadline-without{background-color:#4a4a4a;color:#fff;border-radius:5%;padding:7.5px 12px;width:-moz-fit-content;width:fit-content}table .table-icons{display:flex;gap:10px;justify-content:center}table .table-icons .table-icons-item{cursor:pointer}.user-logo-main{display:flex}.user-logo{height:24px;width:24px;border-radius:50%;background-color:#bbb;padding:10px;display:flex;justify-content:center;align-items:center;color:#fff;margin-left:3px;margin-bottom:1px}.user-information{position:relative;display:inline-block}.user-information .user-information-content{visibility:hidden;background-color:#fff;box-shadow:0 0 5px #0003;color:#000;text-align:center;border-radius:6px;padding:12px 0;position:absolute;z-index:1;top:-9px;right:105%;width:300px;height:40px}.user-information-content{display:flex;gap:12px}.user-information:hover .user-information-content{visibility:visible}.timestamp-information{position:relative;display:inline-block}.timestamp-information .timestamp-information-content{visibility:hidden;background-color:#fff;box-shadow:0 0 5px #0003;color:#000;text-align:center;border-radius:6px;padding:20px 0;position:absolute;z-index:1;top:-23px;left:-388%;width:300px;height:25px}.timestamp-information-content{display:flex;gap:12px;justify-content:center;align-items:center}.timestamp-information:hover .timestamp-information-content{visibility:visible}.no-content{display:flex;justify-content:center;align-items:center;height:70vh}.sidebar{background-color:#f5f5f5;min-height:100vh;width:250px;padding:1rem;position:fixed;top:0;bottom:0;overflow-y:auto}.sidebar a{text-decoration:none}.sidebar ul{padding:0}.sidebar ul a{list-style:none;text-decoration:none;font-family:Open Sans,sans-serif;color:#000}.sidebar ul li{padding:1rem;cursor:pointer;list-style:none;font-family:Open Sans,sans-serif}.sidebar ul li:hover{background-color:#e6e6e6;border-radius:5px}.sidebar .sidebar-item{display:flex;margin-bottom:5px}.sidebar .sidebar-item svg{margin-top:15px;margin-left:15px}.sidebar .sidebar-item span{margin-top:13px;margin-left:9px;font-size:24px}.sidebar .logout{position:absolute;bottom:0;left:0;padding:10px}.sidebar .logout span{margin-left:200px;margin-bottom:12px}.sidebar .amount{width:21px;height:21px;border-radius:50%;background-color:red;margin-top:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;margin-left:25px}.sidebar{transition:all .3s}.sidebar.active{display:block}.sidebar-toggle{display:none;margin-top:6px;margin-left:6px}.header{font-family:Open Sans,sans-serif;background-color:#f5f5f5;padding:1rem;margin-top:20px;margin-left:290px;margin-right:24px;box-shadow:0 0 10px #0003;display:flex;justify-content:space-between;align-items:center}.header h1{font-family:Open Sans,sans-serif}.header .header-p{color:gray}.header .header-2{display:flex;align-items:center}.header .header-2 .notification{position:relative;display:inline-block}.header .header-2 .notification svg{cursor:pointer}.header .header-2 .notification .notification-content{visibility:hidden;background-color:#fff;box-shadow:0 0 5px #0003;color:#000;border-radius:6px;padding:20px 0;position:absolute;z-index:1;top:74px;left:-300px;width:500px;display:flex;justify-content:center;flex-direction:column}.header .header-2 .notification .notification-content h3{text-align:left;margin-left:20px;margin-bottom:5px}.header .header-2 .notification .notification-content .border{width:100%;border:1px solid #000}.header .header-2 .notification .notification-content .no-notifications{text-align:center;margin-top:20px}.header .header-2 .notification .notification-content .notification-content-data{margin-top:20px;margin-left:25px;width:90%;min-height:1px;box-shadow:0 0 10px #0000001a;border-top-left-radius:5px;border-top-right-radius:5px}.header .header-2 .notification .notification-content .notification-content-data #header-container{width:100%;min-height:60px;background-color:#bbb;border-top-left-radius:5px;border-top-right-radius:5px;padding:12px;gap:12px;display:flex;flex-direction:column}.header .header-2 .notification .notification-content .notification-content-data #message{padding:12px;gap:12px;display:flex;flex-direction:row;align-items:baseline}.header .header-2 .notification.open .notification-content{visibility:visible}.header .header-2 .notification-icon{margin-right:20px;height:25px;width:36px;font-size:30px}.header .header-2 .user-image{height:15px;width:15px;padding:14px;background-color:#bbb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.header .header-2 .user-image:hover{background-color:#999}.header .header-3{margin-left:20px}.header .header-3 .header-customer-name{color:gray}.header .header-4{margin-left:20px}footer{font-family:Open Sans,sans-serif;position:fixed;bottom:0;right:0;padding:10px}footer p{color:gray}footer p span{color:#000}footer a{text-decoration:none}.error-popup{position:relative;display:inline-block}.error-popup .error-popuptext{visibility:hidden;width:400px;height:40px;background-color:#f8d4dc;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;display:flex;justify-content:center;align-items:center;border:1px solid #f4c6cb;position:fixed;left:50%;top:17%;transform:translate(-50%,-50%)}.error-popup .error-popuptext:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.error-popup .show{visibility:visible;animation:fadeIn 1s}.success-popup{position:relative;display:inline-block}.success-popup .success-popuptext{visibility:hidden;width:400px;height:40px;background-color:#d4edda;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;display:flex;justify-content:center;align-items:center;border:1px solid #c3e6cb;position:fixed;left:50%;top:17%;transform:translate(-50%,-50%)}.success-popup .success-popuptext:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.success-popup .show{visibility:visible;animation:fadeIn 1s}.delete-popup{position:relative;display:inline-block}.delete-popup .delete-popuptext{visibility:hidden;width:350px;height:380px;background-color:#fff;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;border:1px solid #fff;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.delete-popup .delete-popuptext:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.delete-popup .show{visibility:visible;animation:fadeIn .5s}.delete-popup .close-button{position:absolute;top:10px;right:10px;cursor:default}.cancel-button,.delete-button{background-color:#fff;border:1px solid #888c91;color:#888c91;padding:10px 20px;border-radius:5px;cursor:pointer;margin-right:10px}.delete-popup-project{position:relative;display:inline-block}.delete-popup-project .delete-popup-projecttext{visibility:hidden;width:350px;height:380px;background-color:#fff;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;border:1px solid #fff;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.delete-popup-project .delete-popup-projecttext:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.delete-popup-project .show{visibility:visible;animation:fadeIn .5s}.delete-popup-project .close-button{position:absolute;top:10px;right:10px;cursor:default}.delete-icon{font-size:100px;color:red;margin-top:10px;margin-bottom:20px}.delete-title{color:#000;font-size:30px;margin-bottom:20px}.delete-text{color:#888c91;margin-bottom:50px;font-size:15px}.cancel-button,.delete-button{background-color:#fff;border:1px solid #888c91;color:#888c91;padding:10px 20px;border-radius:5px;margin-right:10px}.cancel-button.delete-button,.delete-button.delete-button{background-color:#888c91;color:#fff}#mobile-menu{display:none}#mobile-menu #mobile-content{display:none;width:100%;background-color:#f2f2f2;position:fixed;left:0;bottom:30px;overflow-y:auto}#mobile-menu #mobile-content #item{padding:8px;display:flex;flex-direction:row;align-items:center}#mobile-menu #mobile-content #item #projectCount,#mobile-menu #mobile-content #item #taskCount{width:18px;height:18px;border-radius:50%;background-color:red;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;margin-left:10px}#mobile-menu #mobile-content #item li{list-style-type:none}#mobile-menu #mobile-content #item a{margin-left:5px;text-decoration:none;color:#000}#mobile-menu #mobile-bar{position:fixed;bottom:0;left:0;padding:5px 0;width:100%;z-index:999;background-color:#fff;display:flex;justify-content:space-around;transition:bottom .5s ease-in-out;box-shadow:0 0 10px #0000001a}#mobile-menu #mobile-bar #mobile-menu-button #openIcon,#mobile-menu #mobile-bar #mobile-menu-button #closeIcon{height:20px}#mobile-menu #mobile-bar svg:first-of-type{display:block}#mobile-menu #mobile-bar svg:last-child{display:none}.mail-popup{position:relative;display:inline-block}.mail-popup .text-container{visibility:hidden;width:350px;min-height:200px;background-color:#fff;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.mail-popup .text-container:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.mail-popup .text-container #title{font-size:15px;margin-top:35px}.mail-popup .text-container #users{margin-top:20px}.mail-popup .text-container #buttons{margin-top:80px;margin-bottom:15px}.mail-popup .text-container #buttons button{padding:12px;color:#fff;border:none;border-radius:5px;background-color:#4caf50}.mail-popup .text-container .close-button{position:absolute;top:0;right:0;padding:12px}.mail-popup .show{visibility:visible;animation:fadeIn .5s}.add-user-popup{position:relative;display:inline-block}.add-user-popup .text-container{visibility:hidden;width:350px;background-color:#fff;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.add-user-popup .text-container:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.add-user-popup .text-container #title{font-size:15px;margin-top:35px}.add-user-popup .text-container #users{margin-top:20px}.add-user-popup .text-container button{width:100%;margin-top:24px;padding:12px;color:#fff;border:none;border-radius:5px;background-color:#4caf50;cursor:pointer}.add-user-popup .text-container .close-button{position:absolute;top:0;right:0;padding:12px}*{margin:0;padding:0}.container{display:flex;flex-direction:column}.content{padding:24px;width:100%}.form-group label{font-family:Open Sans,sans-serif}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-group textarea{resize:none}.form-group button{background-color:#4caf50;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}.form-group .delete{background-color:#f44336}.search-form{display:flex;flex-direction:row;gap:12px;align-items:center}.search-form .search-form-group .search-form-input{width:100%;padding:12px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.search-form .search-form-group .search-form-input:focus{outline:none}.search-form .search-form-group .date,.search-form .search-form-group select,.search-form .search-form-group .deadline{width:100%;padding:12px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.search-form button{padding:14px 15px;border-radius:5px;border:none;cursor:pointer;background-color:#4caf50;color:#fff}.search-reset button{padding:8px 15px;border-radius:5px;border:none;cursor:pointer}.filter-button{display:none;padding:8px 15px;width:100%;border:none}*{font-family:Open Sans,sans-serif}.flex{margin-left:270px}.projects-button{margin-top:20px;display:flex;align-items:center}.projects-button a{text-decoration:none;color:#686c71}.projects-button span{font-size:24px;margin-left:6px;color:#686c71}.tasks-button{margin-top:20px;display:flex;align-items:center}.tasks-button a{text-decoration:none;color:#686c71}.tasks-button span{font-size:24px;margin-left:6px;color:#686c71}.task-card{display:flex;flex-wrap:wrap;width:90%;min-height:220px;margin-top:10px;box-shadow:0 0 10px #0000001a;padding:12px;border-radius:2%;cursor:pointer}.task-card .task-card-head{flex:100%;max-width:100%;display:flex;align-items:center}.task-card .task-card-head p{font-weight:700}.task-card .task-card-info{display:flex;gap:12px;margin-top:20px}.task-card .task-card-info .task-card-image{flex:30%;max-width:30%}.task-card .task-card-info .task-card-image img{width:100%;border-radius:5%}.task-card .task-card-info .task-card-body{flex:70%;max-width:70%}.task-card .task-card-info .task-card-body .task-card-customer{margin-bottom:20px;font-weight:700}.task-card .task-card-info .task-card-body .task-card-items{display:flex;justify-content:space-between;margin-top:64px}.task-card .task-card-info .task-card-body .task-card-items .task-card-data{display:flex;gap:12px;align-items:center}.task-card .task-card-info .task-card-body .task-card-items .task-card-created_at{background-color:#3d3d3d;border:none;color:#fff;padding:4px;border-radius:5%}.task-card .task-card-info .task-card-body .task-card-items .task-card-department{background-color:#e3e3e3;color:#686c71;border:none;border-radius:5%;padding:5px}.task-card .task-card-info .task-card-body .task-card-items .task-card-persons{display:flex;gap:1px;margin-top:4px}.task-card .task-card-info .task-card-body .task-card-items .task-card-persons .task-card-person{height:20px;width:20px;border-radius:50%;background-color:#bbb;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.project-card{display:flex;flex-wrap:wrap;width:90%;min-height:220px;margin-top:10px;box-shadow:0 0 10px #0000001a;padding:12px;cursor:pointer;border-radius:2%}.project-card .project-card-head{flex:100%;max-width:100%;display:flex;align-items:center}.project-card .project-card-head p{font-weight:700}.project-card .project-card-info{display:flex;gap:12px;margin-top:20px}.project-card .project-card-info .project-card-image{flex:30%;max-width:30%}.project-card .project-card-info .project-card-image img{width:100%;border-radius:5%}.project-card .project-card-info .project-card-body{flex:70%;max-width:70%}.project-card .project-card-info .project-card-body .project-card-customer{margin-bottom:15px;font-weight:700}.project-card .project-card-info .project-card-body .project-card-items{display:flex;justify-content:space-between;margin-top:11px;flex-wrap:wrap}.project-card .project-card-info .project-card-body .project-card-items .project-card-data{display:flex;gap:12px;align-items:center}.project-card .project-card-info .project-card-body .project-card-items .project-card-data .project-card-created_at{background-color:#3d3d3d;border:none;color:#fff;padding:4px;border-radius:5%}.project-card .project-card-info .project-card-body .project-card-items .project-card-data .project-card-department{background-color:#e3e3e3;color:#686c71;border:none;border-radius:5%;padding:5px}.project-card .project-card-info .project-card-body .project-card-items .project-card-persons{display:flex;gap:1px;margin-top:4px}.project-card .project-card-info .project-card-body .project-card-items .project-card-persons .project-card-person{height:20px;width:20px;border-radius:50%;background-color:#bbb;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.dashboard-cards{margin-top:20px}.dashboard-cards .create-customer-card{width:280px;height:130px;padding-top:25px;padding-left:15px;box-shadow:0 0 5px #0000001a;background-color:#f8f4f4}.dashboard-cards .create-customer-card p{margin-top:10px}.dashboard-cards .create-customer-card h3{font-size:16px}.dashboard-cards .create-customer-card button{margin-top:10px;background-color:gray;color:#fff;border:none;border-radius:4px;cursor:pointer;padding:4px 8px}.dashboard-cards .create-user-card{margin-top:35px;width:280px;height:130px;color:#fff;box-shadow:0 0 10px #0000001a;background-color:#807c7c;padding-top:25px;padding-left:15px}.dashboard-cards .create-user-card p{margin-top:10px}.dashboard-cards .create-user-card h3{font-size:16px}.dashboard-cards .create-user-card button{margin-top:10px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;padding:4px 8px}.dashboard-cards .active-users-card{margin-top:35px;width:280px;height:130px;color:#fff;box-shadow:0 0 10px #0000001a;background-color:#90a424;padding-top:25px;padding-left:20px}.dashboard-cards .active-users-card h3{font-size:16px}.dashboard-cards .active-users-card p{margin-top:5px}.myProgress{margin-top:53px;width:100%;background-color:#f6f6f6}.myBar{width:1%;height:10px;background-color:#d9d9d9}.popup{position:relative;display:inline-block}.popup .popuptext{visibility:hidden;width:350px;height:auto;min-height:270px;background-color:#fff;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.popup .popuptext:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.popup .show{visibility:visible;animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.denied-card{width:100%;min-height:256px;box-shadow:0 0 10px #0000001a;margin-top:25px;display:flex;flex-direction:column}.denied-card .denied-card-reason{width:100%;flex-grow:1;display:flex;flex-direction:column;padding:20px}.denied-card .denied-card-reason .denied-card-reason-header{margin-bottom:10px}.denied-card .denied-card-reason #reason-container,.denied-card .denied-card-reason #reason-container-none{margin-bottom:20px}.denied-card .denied-card-reason .button-container{margin-top:auto;display:flex;justify-content:center}.task-information-card{width:100%;min-height:256px;box-shadow:0 0 10px #0000001a;margin-top:25px}.task-information-card .task-information-card-body{width:100%;height:100%;padding:20px}.task-information-card .task-information-card-body p:nth-child(2){margin-top:10px;margin-bottom:10px}.task-information-card .task-information-card-body p:nth-child(2) span{font-weight:700}.task-information-card .task-information-card-body p:nth-child(3){min-height:250px;margin-bottom:10px;padding:10px;border:1px solid #ccc}.task-information-card .task-information-card-body p:nth-child(4){margin-bottom:10px}.task-information-card .task-information-card-body p:nth-child(4) span{font-weight:700}.task-information-card .task-information-card-body p:nth-child(5){margin-bottom:10px}.task-information-card .task-information-card-body p:nth-child(5) span{font-weight:700}.task-images-card{margin-top:25px;height:100%;width:100%;box-shadow:0 0 10px #0000004d}.task-images-card .task-images-card-header,.task-images-card .task-images-card-images{padding:20px}.create-project{position:relative;display:inline-block}.create-project .create-project-content{visibility:hidden;background-color:#fff;box-shadow:0 0 5px #0003;color:#000;text-align:center;border-radius:6px;padding:20px 0;position:absolute;z-index:1;top:-800px;left:105%;width:800px;height:660px}.create-project-content{display:flex;gap:12px}.questions-card{width:280px;height:130px;padding-top:25px;padding-left:15px;box-shadow:0 0 5px #0000001a;background-color:#f8f4f4}.questions-card p{margin-top:10px}.questions-card button{margin-top:10px;background-color:gray;color:#fff;border:none;border-radius:4px;cursor:pointer;padding:4px 8px}.problem-card{margin-top:35px;width:280px;height:130px;color:#fff;box-shadow:0 0 10px #0000001a;background-color:#807c7c;padding-top:25px;padding-left:15px}.problem-card p{margin-top:10px}.problem-card button{margin-top:10px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;padding:4px 8px}.user-row{display:flex;flex-wrap:wrap}.user-row .user-card{height:180px;width:360px;box-shadow:0 0 10px #0000001a;padding:15px;display:flex;flex-wrap:wrap}.user-row .user-card h3{width:100%}.user-row .user-card .user-card-logo{margin-top:10px;height:80px;width:80px;background-color:#bbb;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff}.user-row .user-card .user-card-body{display:flex;gap:20px}.user-row .user-card .user-card-body div:last-of-type{margin-top:20px}.user-row .user-card .user-card-body span:first-of-type{font-weight:700}.user-row .user-card .user-card-body span:last-of-type{font-weight:700}.user-row .user-card .user-card-body p:nth-child(2){margin-top:5px}.user-row .user-card .user-card-body p:nth-child(3){margin-top:5px}.user-row .user-card .user-card-body p:nth-child(4){margin-top:5px}.user-row .user-card .user-card-body p:nth-child(5){margin-top:5px}.customer-information-card{width:100;height:300px;padding-top:25px;padding-left:15px;box-shadow:0 0 5px #0000001a;margin-bottom:40px}.customer-information-card .customer-information-address,.customer-information-card .customer-information-contact,.customer-information-card .customer-information-more{margin-top:30px}.information-card{width:280px;height:130px;padding-top:25px;padding-left:15px;box-shadow:0 0 5px #0000001a;background-color:#f8f4f4}.information-card p{margin-top:10px}.information-card button{margin-top:10px;background-color:gray;color:#fff;padding:4px;border:none;border-radius:4px;cursor:pointer}.new-user-card{margin-top:35px;width:280px;height:130px;color:#fff;box-shadow:0 0 10px #0000001a;background-color:#807c7c;padding-top:25px;padding-left:15px}.new-user-card p{margin-top:10px}.new-user-card button{margin-top:10px;background-color:#000;color:#fff;padding:4px;border:none;border-radius:4px;cursor:pointer}.task-card-information{width:100%;min-height:256px;box-shadow:0 0 10px #0000001a;margin-top:25px}.task-card-information .task-card-information-body{width:100%;height:100%;padding:20px}.task-card-information .task-card-information-body p:nth-child(2){margin-bottom:10px}.task-card-information .task-card-information-body p:nth-child(3){width:400px;min-height:100px;margin-bottom:10px;padding:10px;border:1px solid #ccc}.task-card-information .task-card-information-body p:nth-child(4){margin-bottom:10px}.task-card-information .task-card-information-body p:nth-child(4) span{font-weight:700}.task-card-information .task-card-information-body p:nth-child(5){margin-bottom:10px}.task-card-information .task-card-information-body p:nth-child(5) span{font-weight:700}.task-information{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a}.task-information-images{display:flex;flex-direction:row;gap:40px;align-items:center;overflow:auto}.task-information-images img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.task-information-completed_by{margin-top:20px}footer{background-color:#fff}.customer-popup{position:relative;display:inline-block}.customer-popup .text-container{visibility:hidden;background-color:#fff;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.customer-popup .text-container:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.customer-popup .text-container #title{font-size:15px;margin-top:35px}.customer-popup .text-container button{width:50%;margin-top:24px;padding:12px;color:#fff;border:none;border-radius:5px;background-color:#4caf50;cursor:pointer}.customer-popup .text-container .close-button{position:absolute;top:0;right:0;padding:12px}.user-popup{position:relative;display:inline-block}.user-popup .text-container{visibility:hidden;background-color:#fff;box-shadow:0 0 5px #999;color:#000;text-align:center;border-radius:6px;padding:8px 0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.user-popup .text-container:after{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.user-popup .text-container #title{font-size:15px;margin-top:35px}.user-popup .text-container button{width:50%;margin-top:24px;padding:12px;color:#fff;border:none;border-radius:5px;background-color:#4caf50;cursor:pointer}.user-popup .text-container .close-button{position:absolute;top:0;right:0;padding:12px}@media (max-width: 1650px){#admin-dashboard .col-4:nth-child(1),#admin-dashboard .col-4:nth-child(2){grid-column:span 5;flex:0 0 50%}}@media (max-width: 1400px){#admin-dashboard .col-4:nth-child(1),#admin-dashboard .col-4:nth-child(2){grid-column:span 5;flex:0 0 50%}.col-8,.col-4{grid-column:span 12;flex:0 0 100%}table{border:0}table td p{margin:unset}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{display:block;margin-bottom:.625em}table th,table td{border-right:0px solid #ddd}table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}table td:last-child{border-bottom:0}table td:nth-child(3),table td:nth-child(4),table td:nth-child(5),table td:nth-child(6){display:flex;justify-content:space-between}table .table-icons{justify-content:right}.user-logo-main{display:block}}@media (max-width: 1200px){#admin-dashboard{display:flex}#admin-dashboard .task-card,#admin-dashboard .project-card{width:100%}#admin-dashboard .col-4:nth-child(1){grid-column:span 4;flex:0 0 100%}#admin-dashboard .col-4:nth-child(2){grid-column:span 4;flex:0 0 100%}#admin-dashboard .col-4:nth-child(3){grid-column:span 4;flex:0 0 100%}.task-card .task-card-info .task-card-body{flex:none}.task-card .task-card-info .task-card-body .task-card-items .task-card-persons{margin-left:12px}.project-card .project-card-info .project-card-body .project-card-items{justify-content:unset}.project-card .project-card-info .project-card-body .project-card-items .project-card-persons{margin-left:12px}table{border:0}table td p{margin:unset}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{display:block;margin-bottom:.625em}table th,table td{border-right:0px solid #ddd}table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}table td:last-child{border-bottom:0}table td:nth-child(3),table td:nth-child(4),table td:nth-child(5),table td:nth-child(6){display:flex;justify-content:space-between}table .table-icons{justify-content:right}.user-logo-main{display:block}.col-8,.col-4{grid-column:span 12;flex:0 0 100%}}@media (max-width: 992px){.task-card,.project-card{width:100%}.task-card .task-card-info .task-card-body{flex:none}.task-card .task-card-info .task-card-body .task-card-items .task-card-persons{margin-left:12px}.project-card .project-card-info .project-card-body .project-card-items{justify-content:unset}.project-card .project-card-info .project-card-body .project-card-items .project-card-persons{margin-left:12px}.col-8,.col-4{grid-column:span 12;flex:0 0 100%}.search-reset button{background-color:#f44336;color:#fff}.search-form-group .search-form-input{width:100%}.search-form{flex-direction:column;gap:0;align-items:unset;margin-bottom:10px;display:none}.search-form .search-form-group .search-form-input{width:100%}.search-reset{display:none}.search-reset button{width:100%;margin-bottom:25px}.filter-button{display:block}.header h1{font-size:23px}}@media (max-width: 768px){.sidebar{display:none;position:absolute;width:100%;padding:.1rem}.sidebar .sidebar-item{width:100%}.sidebar .sidebar-logo img{width:95%}.sidebar-toggle{display:block}.header{margin-left:18px}.header h1{font-size:20px}.task-card,.project-card,.col-4,.flex .col-4 .task-card,.flex .col-4 .project-card{width:100%}.dashboard-cards .active-users-card,.dashboard-cards .create-user-card,.dashboard-cards .create-customer-card,.dashboard-cards .questions-card,.dashboard-cards .problem-card{margin-top:40px;width:100%}.dashboard-cards .active-users-card,.dashboard-cards .problem-card{margin-bottom:20px}.projects-button,.tasks-button{justify-content:right}h2{margin-top:20px;text-align:center}.dashboard-cards{margin-top:100px;width:100%}.task-card .task-card-info .task-card-body{flex:none}.task-card .task-card-info .task-card-body .task-card-items .task-card-persons{margin-left:12px}.project-card .project-card-info .project-card-body .project-card-items{justify-content:unset}.project-card .project-card-info .project-card-body .project-card-items .project-card-persons{margin-left:12px}.flex{margin-left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.grid{margin-left:0}#mobile-menu{display:block}table{border:0}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{display:block;margin-bottom:.625em}table th,table td{border-right:0px solid #ddd}table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}table td:last-child{border-bottom:0}table td:nth-child(3),table td:nth-child(4),table td:nth-child(5),table td:nth-child(6){display:flex;justify-content:space-between}table .table-icons{justify-content:right}.user-logo-main{display:block}.form-group button{width:100%}.form-edit-buttons{display:flex;justify-content:space-between;gap:24px}#form-group{display:flex}#form-group button{width:50%}.search-form{flex-direction:column;gap:0;align-items:unset;margin-bottom:10px;display:none}.search-form .search-form-group .search-form-input{width:100%}.search-reset{display:none}.search-reset button{width:100%;margin-bottom:25px}.filter-button{display:block}.col-8,.col-4{grid-column:span 12;flex:0 0 100%}.task-card-information .task-card-information-body p:nth-child(3){width:auto;height:auto}.col-6,.col-8,.col-4{grid-column:span 12;flex:0 0 100%}.col-4 .user-cards .information-card,.col-4 .user-cards .new-user-card,.col-8 .user-row .user-card{width:100%}}@media (max-width: 576px){.task-card,.project-card{width:100%}.task-card .task-card-info .task-card-body{flex:none}.task-card .task-card-info .task-card-body .task-card-items .task-card-persons{margin-left:12px}.project-card .project-card-info .project-card-body .project-card-items{justify-content:unset}.project-card .project-card-info .project-card-body .project-card-items .project-card-persons{margin-left:12px}.sidebar{display:none;position:absolute;width:100%;padding:.1rem}.sidebar .sidebar-item{width:100%}.sidebar .sidebar-logo img{width:95%}.sidebar-toggle{display:block}.header{display:flow}.header h1{font-size:16px}.header .header-p{font-size:15px}.header .header-1{margin-bottom:10px;width:100%}.header .header-2{width:100%;display:flex}.header .header-2 .notification-icon{margin-right:20px;height:25px;width:36px;font-size:30px}.header .header-2 .user-image{height:5px;width:5px}#mobile-menu{display:block}.col-4 .user-cards .information-card,.col-4 .user-cards .new-user-card,.col-8 .user-row .user-card{width:100%}}