@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";@import"https://fonts.googleapis.com/css2?family=Poiret+One&display=swap";#root .header-loggedin{position:absolute;height:17vh;width:80vw;display:flex;justify-content:flex-start;align-items:center;padding:9px 20px}#root .header-loggedin .logo-header-loggedin{height:50%;margin-bottom:1.5%;padding:0 0 0 20px}.menu-button{width:20vw;height:17vh;position:absolute;top:0px;right:0px;display:flex;justify-content:flex-end;align-items:center;background-color:transparent;border:none;cursor:default;z-index:2}.menu-button .move-left{transform:translate(-180px)}.menu-button img{height:50%;margin-right:20%}.menu{position:fixed;top:0;right:-320px;height:100vh;width:320px;background-color:#f9f9f9;transition:right .3s ease-in-out;z-index:1;display:flex}.menu.open{right:0;width:31vw}.menu ul{width:100%;list-style:none;padding:0;font-family:Poiret One,cursive;margin-top:45%}.menu li{margin-left:25%;margin-bottom:10px;display:flex;align-items:center}.menu ul li img{height:20px}.menu a{color:#000;text-decoration:none;font-weight:700;font-size:18px}li{list-style:none}nav li a{font-size:20px;font-weight:400;line-height:35px;letter-spacing:0em;text-align:left;color:#000;text-decoration:none;display:block;padding:23px}a:hover{border-bottom:3px solid #F3C13F}.modal-background{width:100vw;height:100vh;background-color:#c8c8c8;position:fixed;display:flex;justify-content:center;align-items:center;top:0%;right:0%;z-index:2}.modal-container{width:500px;height:500px;border-radius:12px;background-color:#fff;box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column;padding:25px}.modal-container .title{display:inline-block;text-align:center;margin-top:10px}.title-close-btn{display:flex;justify-content:flex-end}.title-close-btn button{background-color:transparent;border:none;font-size:25px;cursor:pointer}.modal-container .body{flex:50%;display:flex;justify-content:center;align-items:center;font-size:1.7rem;text-align:center}.modal-container .footer{flex:20%;display:flex;justify-content:center;align-items:center}.modal-container .footer button{width:150px;height:45px;margin:10px;border:none;background-color:#6495ed;color:#fff;border-radius:8px;font-size:20px;cursor:pointer}#cancel-btn{background-color:#dc143c}.users-main{background-image:url(https://prisalvarado18.github.io/gh-react-vite/assets/bg-tree-horizontal-1f9ec25f.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.users-main .users-body{width:100vw;display:flex;justify-content:center;padding:25px;margin-top:15vh;flex-direction:column;align-items:flex-end}.users-main .users-body .users-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.users-main .users-body .users-container .create-user-btn{height:7vh;width:17vw;background-color:#800020;color:#fff;text-transform:uppercase}.users-table{margin-top:5vh;width:70%;border:solid 3px #9B948E;border-collapse:collapse;align-self:center;color:#fff}.users-table thead{text-align:center;height:8vh;background-color:#800020;color:#fff;font-family:Montserrat Medium;font-size:1.3rem;text-transform:uppercase}.users-table thead tr th{text-align:center;border:3px solid #9B948E}.users-table tbody tr{border:none;border-bottom:solid;border-bottom-style:groove}.users-table tbody tr:nth-child(even){background-color:#b76e79}.users-table tbody tr:nth-child(odd){background-color:#b76e79;background-color:#00000080}.users-table tbody tr td{height:7vh;border:none;border-bottom:solid;border-bottom-style:groove;text-align:center;border:3px solid #9B948E}.update-user-btn,.delete-user-btn{background-color:transparent;border:none}.update-user-btn img,.delete-user-btn img{height:3vh}.orders-main{background-image:url(https://prisalvarado18.github.io/gh-react-vite/assets/bg-orders-2fc2a587.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.orders-main .orders-body{height:83vh;width:100vw;display:flex;justify-content:center;padding:25px;margin-top:15vh;flex-direction:column;align-items:flex-end}.orders-main .orders-body .client-name{height:10%;width:30%}.orders-main .orders-body .client-name input{width:100%;height:55%;border-radius:4px 4px 0 0;border:0;outline:0;border-bottom:2px solid black;font-family:Poiret One;font-size:1.3rem;padding:5px 10px;font-weight:lighter;background:rgba(183,110,121,.842)}.orders-main .orders-body .client-name input::placeholder{color:#fff}.orders-main .orders-body .orders-container{height:90%;width:100%;display:flex;justify-content:space-between;align-items:flex-start}.orders-main .orders-body .orders-container .product-table-btns-container{width:30%;height:100%}.orders-main .orders-body .orders-container .product-table-btns-container .product-table{width:100%;height:90%;border:solid;border-collapse:collapse}.orders-main .orders-body .orders-container .product-table-btns-container .product-table thead{text-align:center;height:5%;background-color:#0f1d22;color:#c9ab81;font-family:Montserrat Medium;font-size:.85rem}.orders-main .orders-body .orders-container .product-table-btns-container .product-table thead tr th{text-align:center}.orders-main .orders-body .orders-container .product-table-btns-container .product-table tbody tr{border:none;border-bottom:solid;border-bottom-style:groove}.orders-main .orders-body .orders-container .product-table-btns-container .product-table tbody tr td{height:5%;border:none;border-bottom:solid;border-bottom-style:groove;text-align:center}.orders-main .orders-body .orders-container .product-table-btns-container .product-table tbody tr .first-row{width:50%}.orders-main .orders-body .orders-container .product-table-btns-container .product-table tbody tr .second-row,.orders-main .orders-body .orders-container .product-table-btns-container .product-table tbody tr .third-row{width:25%}.orders-main .orders-body .orders-container .product-table-btns-container .product-table tbody .total-fee{height:5%;background-color:#a9a9a9}.orders-main .orders-body .orders-container .view-send-container{display:flex;justify-content:center;width:100%;height:10%}.orders-main .orders-body .orders-container .view-send-container .send-btn{background-color:#7a1424;color:#fff;padding:10px 20px;border-radius:5px;border-color:transparent;margin-right:10%;width:41%;font-size:1rem;font-weight:bolder;font-family:Poiret One,cursive;transform:scaleX(1.2);letter-spacing:1.5px}.orders-main .orders-body .orders-container .view-send-container .view-all-btn{background-color:#7a1424;color:#fff;border-radius:5px;border-color:transparent;width:41%;font-size:1rem;font-weight:bolder;font-family:Poiret One,cursive;transform:scaleX(1.2);letter-spacing:1.5px}.orders-main .orders-body .orders-container .menu-buttons{width:15.5%;height:100%}.orders-main .orders-body .orders-container .menu-buttons table{width:100%;height:100%;border:solid;border-collapse:collapse}.orders-main .orders-body .orders-container .menu-buttons table tbody tr,.orders-main .orders-body .orders-container .menu-buttons table tbody tr td{height:25%}.orders-main .orders-body .orders-container .menu-buttons table tbody tr td button:focus{color:#fff;background-color:#7a1424}.orders-main .orders-body .orders-container .menu-buttons table tbody tr .border-bottom-btn{border-bottom:solid}.type-btn{height:100%;width:100%;background-color:transparent;border:none}.type-btn:focus{outline:0}.type-btn p{font-size:1rem;font-weight:bolder;font-family:Poiret One,cursive;transform:scaleX(1.2);letter-spacing:1.5px}.product-selection{width:40%;height:100%;display:flex;flex-wrap:wrap;align-content:space-between}.product-selection .product-item{height:100%;text-align:center;width:44%;display:flex}.product-selection .product-item .image-container{height:60%;display:flex;align-items:center}.product-selection .product-item .image-container img{width:100%}.product-item button{background-color:#0f1d22;height:90%;width:100%;border:none;display:flex;flex-direction:column;align-items:center}.product-selection .product-row-first{display:flex;height:50%;width:100%;justify-content:space-between}.product-selection .product-row-second{display:flex;justify-content:space-between;height:50%;width:100%;border-top:solid 1px #ACA196}.product-selection .product-row-second .product-item button{margin-top:15%}.product-item button p{height:20%}.product-item button .product-description{color:#c9ab81;font-family:Montserrat}.product-item button .product-price{color:#fff;font-family:Poiret One}.orders-list-container{width:100%;height:100%;padding-left:5%;font-family:Montserrat Medium}.orders-list-container .back-btn{background-color:#800020;border-radius:5px;color:#fff;border:none;width:21%;height:10%;font-size:1.7rem}.orders-list-container .container-cards-orders .card-orders{background-color:#0f1d22;width:42%;height:210px;float:left;margin:3%;padding:3%;font-size:.9rem}.orders-list-container .container-cards-orders .card-orders .client-name{color:#c9ab81;width:100%;height:10%}.orders-list-container .container-cards-orders .card-orders .client-name span{color:#fff}.orders-list-container .container-cards-orders .card-orders .table-order-container{width:100%;margin-top:5%;height:60%}.orders-list-container .container-cards-orders .card-orders .table-order-container .order-table,.orders-list-container .container-cards-orders .card-orders .table-order-container .order-table tbody{width:100%}.orders-list-container .container-cards-orders .card-orders .table-order-container .order-table tbody tr{width:100%;display:flex;color:#c9ab81}.orders-list-container .container-cards-orders .card-orders .table-order-container .order-table tbody tr td{height:22px}.orders-list-container .container-cards-orders .card-orders .table-order-container .order-table tbody tr .order-info-name{width:50%}.orders-list-container .container-cards-orders .card-orders .table-order-container .order-table tbody tr .order-info-qty,.orders-list-container .container-cards-orders .card-orders .table-order-container .order-table tbody tr .order-info-price{width:25%;display:flex;justify-content:center}.orders-list-container .container-cards-orders .card-orders .delete-check-btns{width:100%;display:flex;justify-content:space-between}.orders-list-container .container-cards-orders .card-orders .delete-check-btns .order-status{margin-top:3%;color:#fff;width:50%}.orders-list-container .container-cards-orders .card-orders .delete-check-btns .order-status .status-description{color:#c9ab81}.orders-list-container .container-cards-orders .card-orders .delete-check-btns .buttons{display:flex;width:50%;justify-content:space-evenly}.products-main{background-image:url(https://prisalvarado18.github.io/gh-react-vite/assets/bg-tree-horizontal-1f9ec25f.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.products-main .products-body{width:100vw;display:flex;justify-content:center;padding:25px;margin-top:15vh;flex-direction:column;align-items:flex-end}.products-main .products-body .products-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.products-main .products-body .products-container .create-product-btn{height:7vh;width:17vw;background-color:#800020;color:#fff;text-transform:uppercase}.products-table{margin-top:5vh;width:70%;border:solid 3px #9B948E;border-collapse:collapse;align-self:center;color:#fff}.products-table thead{text-align:center;height:8vh;background-color:#800020;color:#fff;font-family:Montserrat Medium;font-size:1.3rem;text-transform:uppercase}.products-table thead tr th{text-align:center;border:3px solid #9B948E}.products-table tbody tr{border:none;border-bottom:solid;border-bottom-style:groove}.products-table tbody tr:nth-child(even){background-color:#b76e79}.products-table tbody tr:nth-child(odd){background-color:#b76e79;background-color:#00000080}.products-table tbody tr td{height:7vh;border:none;border-bottom:solid;border-bottom-style:groove;text-align:center;border:3px solid #9B948E}.update-product-btn,.delete-product-btn{background-color:transparent;border:none}.update-product-btn img,.delete-product-btn img{height:3vh}*{margin:0;padding:0;box-sizing:border-box}:root{--rose-gold: #B76E79;--lilac: #C8A2C8;--burgundy: #800020;--emerald-green: #133631;--brown: #C9AB81;--light-brown: #D4BFA2;--gray: #F3F3F3;--white: #FFFFFF;--black: #000000;--font-gray: #2D2A27;--font-black: #000000;--font-base: "Montserrat", sans-serif;--font-secondary: "Poiret One", cursive}body{width:100vw;height:100vh;font-family:var(--font-base);font-size:100%}#root{width:100vw;height:100vh;display:flex;align-content:stretch;flex-wrap:wrap}#root .header-login{position:absolute;height:17vh;width:100vw;display:flex;justify-content:center;align-items:center;padding:9px 20px}#root .header-login .logo-header-login{height:50%;margin-bottom:1.5%}#root .login-body{display:flex;height:100vh;width:100vw;background-image:url(https://prisalvarado18.github.io/gh-react-vite/assets/bg-main-bdbde9cf.png);background-size:100% auto;background-position:center;align-items:center}#root .login-body .login-container{position:relative;height:35vh;width:42vw;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;border:0px solid var(--black)}#root .login-body .login-container:before{content:"";position:absolute;inset:0px 105px 0px 105px;border:3px solid #0000;border-image:linear-gradient(0deg,black 30%,#0000 0 80%,black 0) 1}#root .login-body .login-container h1{height:22%;display:flex;align-items:flex-end;font-size:1.7rem;margin-bottom:2%;color:transparent}#root .login-body .login-container .principal-form{height:100%;width:100%;text-align:center}#root .login-body .login-container .principal-form .form-group{height:30%;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:stretch}#root .login-body .login-container .principal-form .form-group input{width:64%;height:55%;border-radius:4px 4px 0 0;border:0;outline:0;border-bottom:2px solid var(--black);font-family:var(--font-secondary);font-size:1.3rem;font-weight:600;padding:5px 10px;background:rgba(183,110,121,.7)}#root .login-body .login-container .principal-form .form-group .error-message{position:absolute;top:80%;font-size:12px;color:var(--burgundy);font-weight:700}#root .login-body .login-container .principal-form .form-group input:focus{border-color:var(--burgundy)}#root .login-body .login-container .principal-form .form-group input::placeholder{color:#fff}[placeholder]:focus::-webkit-input-placeholder{transition:text-indent .4s .4s ease;text-indent:-100%}#root .login-body .login-container .principal-form .form-group .submit-btn{height:89%;width:44%;padding:10px 20px;border:none;border-radius:4px;background-color:var(--burgundy);font-family:var(--font-base);font-size:1.6rem;color:#fff;cursor:pointer;align-self:flex-end;margin-top:3%}