body{background-color:#2c2759}.container{height:100vh;padding-top:75px;padding-bottom:50px;width:90%}#login{max-width:300px}#login-form header .img-fluid{max-width:150px}#login-form .input-group input{border:none!important;border-left:2px solid transparent!important}#login-form .input-group input:focus{box-shadow:none!important;border-left-color:#332e6640!important}#login-form .input-group input,#login-form .input-group input::placeholder{transition:.35s ease}#login-form .input-group input:focus,#login-form .input-group input:focus::placeholder{color:#453c90!important}#login-form .input-group span i{transition:.5s ease!important}#login-form .input-group:focus-within span{transition:.35s ease}#login-form .input-group:focus-within span i{color:#453c90!important}#login-form .send-login{height:50px}#login-form button[type=submit]{background-color:#3b347c!important}#login-form button[type=submit]:hover{background-color:#453c90!important}#login-form button[type=submit]:focus{border-color:transparent!important}#login-form #rememberMe{background-color:#4d44a2!important}#login-form #rememberMe:focus{box-shadow:none!important}#login-form .form-check label{transition:.3s ease}#login-form .form-check:hover label{color:#ffffffbf!important}#login .alert span{font-size:14px!important}#login .btn-close{font-size:14px!important;color:#56151b!important}#login .btn-close:focus{box-shadow:none!important}.banner{object-fit:cover;width:100%;max-height:300px;position:absolute;top:0;left:0}#products{padding-top:350px}#products h2{color:#eeedf7}#products .row{gap:60px 0px}#products .products{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}@media only screen and (max-width: 992px){#products .products{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 768px){#products .products{grid-template-columns:1fr}}nav .sort{position:relative}nav .sort button{color:#eeedf7}nav .sort button:hover{color:#fff}nav .sort button:focus{color:#fff!important;border-color:transparent!important}nav .sort button i{font-size:28px}nav .sort .options{list-style:none;margin:0;padding:0;background-color:#efedf7;overflow:hidden;position:absolute;z-index:10;width:200px}nav .sort .options .option{padding:7.5px;cursor:pointer;transition:.5s ease;color:#2c2759}nav .sort .options .option:hover{background-color:#dedcef}nav .sort .options .option.selected{color:#efedf7;background-color:#3d367c}nav .sort .options .option.selected:hover{background-color:#463e8e}nav a.add.small{display:none!important}@media only screen and (max-width: 592px){nav a.add.small{display:flex!important}nav a.add.large{display:none!important}}nav .add{background-color:#eeedf7;color:#2c2759}nav .add:hover{background-color:#f7f6fb;color:#302b61}nav .add:focus{background-color:#f7f6fb!important;border-color:#f7f6fb!important;color:#302b61!important}nav .add i{color:#2c2759}nav .add:hover i{color:#302b61}#products .card{height:100%;border-radius:10px;overflow:hidden;transition:.5s ease}#products .card:hover{transform:scale(1.025)}#products .card-img-top{object-fit:cover;width:auto;height:250px}#products .carousel a i{font-size:24px;background-color:#000;border-radius:5px}#products .card-body{background-color:#e6e4f3}#products .card-body .card-title{font-size:1.75vw;color:#1a1735;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:50px}#products .card-body .card-text{text-overflow:ellipsis;overflow:hidden;min-height:50px;color:#2c2759;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#products .card-body .card-text.price{min-height:30px}main.skeleton{height:100vh}.loading-product{background-color:#463e8e;animation:pulse 1.5s infinite;height:350px!important}.loading-product .card-body{background-color:transparent!important}.loading-product .card-img-top{background-color:#3d367c;margin:20px}.loading-product .card-title{background-color:#3d367c;width:75%;height:15px;margin-bottom:30px}.loading-product .card-text{background-color:#3d367c;height:7.5px}.loading-product .card-text.description{width:25%}.loading-product .card-text.price{width:50%}.loading-product .btn{background-color:#3d367c;height:25px;width:100%;margin-top:20px}@keyframes pulse{0%{background-color:#463e8e}50%{background-color:#4f46a0}to{background-color:#463e8e}}#products .pagination{background-color:#dedcef;width:fit-content;margin:0 auto;overflow:hidden}#products .pagination .page-item{width:45px!important}#products .pagination .page-item .page-link:focus{box-shadow:none}#products .pagination .page-item .page-link{color:#2c2858;border:none;background-color:transparent;height:40px}#products .pagination .page-item.active .page-link,#products .pagination .page-item .page-link:hover{color:#dedcef;background-color:#584eb1}#create.container{padding:30px 0;position:relative}#create header{display:flex;align-items:center;position:relative;width:100%;justify-content:center}#create header i{position:absolute;left:0;font-size:36px;color:#dedcef;cursor:pointer;line-height:0px;transition:.5s ease}#create header i:hover{transform:translate(-3px)}#create .form-title{color:#eeedf7;font-size:48px;text-shadow:0px 0px 5px hsl(250,50%,40%),0px 0px 10px hsl(250,50%,40%),0px 0px 10px hsl(250,50%,40%),0px 0px 20px hsl(250,50%,40%)}@media only screen and (max-width: 592px){#create .form-title{font-size:36px}}#create form{background-color:#dedcef;transition:1s ease;box-shadow:0 0 50px #5540bf}#create .form-label{color:#2c2759;transition:.35s ease}#create .form-label:after{background-color:transparent}#create .form-control,#create .form-select{border-color:#5540bf;background-color:#b0a9ef;color:#2c2759;transition:.35s ease}#create .form-control:focus,#create .form-select{box-shadow:none}#create .sku{width:100%}#create .code{width:100px}#create input[type=number]::-webkit-outer-spin-button,#create input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#create input[type=number]{-moz-appearance:textfield}#create .description .grow-wrap{display:grid;max-width:325px}#create .description .grow-wrap:after{content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden}#create .description .grow-wrap textarea{resize:none;overflow:hidden;width:325px;border:none;background-color:#b0a9ef}#create .description .grow-wrap textarea:focus{outline:0px}#create .description .grow-wrap textarea,#create .description .grow-wrap:after{grid-area:1 / 1 / 2 / 2}#create .upload-picture label{cursor:pointer;width:126px;height:37.6px;background-color:#584eb1;color:#eeedf7;position:absolute;border-top-left-radius:7px;border-bottom-left-radius:7px;border:1px solid hsl(250,50%,50%)}#create .upload-picture input{padding-left:20px}#create .price{max-width:150px}#create .price input,#create .currency select{padding-top:8px;padding-bottom:8px}#create .currency{width:100%}#create .currency .form-select{color:#2c2759}#create .send-data .btn{color:#eeedf7;background-color:#2c2759;border-color:#eeedf7;padding:15px 20px;font-weight:bolder;width:100%}#create .send-data .btn:hover{background-color:#231f47}#create .send-data .spinner-border{margin:0 auto;display:flex}#create div.error .form-control,#create div.error .form-select,#create .description.error,#create .description.error textarea{border-color:#d92638;background-color:#f0a8af;color:#821722}#create div.error.upload-picture label{border-color:#d92638;background-color:#f0a8af}#create div.error label{color:#821722}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .3s ease}.modal{background-color:#3f348980}.modal-dialog{justify-content:center}.modal-content{color:#3f3489;border-color:#3f3489;max-width:400px}.modal-header{border-color:#272f59}.modal-header button:focus{box-shadow:none}
