@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);.text-input{margin-top:10px;position:relative}.password[type=password]{border:1px solid #d3d3d3;border-radius:10px;box-sizing:border-box;display:inline-block;height:60px;outline:none;padding:10px 10px 10px 85px;transition:all .1s ease-out;width:350px}.password[type=password]+label{border-radius:3px 0 0 3px;bottom:0;color:#000;font-size:13px;font-weight:700;height:35px;left:0;line-height:95px;padding:0 10px;position:absolute;top:0;-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0);transition:all .3s ease-in;transition-delay:.2s}.password[type=password]:focus+label{border-radius:3px;-webkit-transform:translateY(-120%) translateX(0);transform:translateY(-120%) translateX(0);transition:all .1s ease-out}.password[type=password]:focus{padding:10px;transition:all .3s ease-out;transition-delay:.2s}.email[type=text]{border:1px solid #d3d3d3;border-radius:10px;box-sizing:border-box;display:inline-block;height:60px;outline:none;padding:10px 10px 10px 65px;transition:all .1s ease-out;width:350px}.email[type=text]+label{border-radius:3px 0 0 3px;bottom:0;color:#000;font-size:13px;font-weight:700;height:35px;left:0;line-height:95px;padding:0 10px;position:absolute;top:0;-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0);transition:all .3s ease-in;transition-delay:.2s}.email[type=text]:focus+label{border-radius:3px;-webkit-transform:translateY(-120%) translateX(0);transform:translateY(-120%) translateX(0);transition:all .1s ease-out}.email[type=text]:focus{padding:10px;transition:all .3s ease-out;transition-delay:.2s}.login{height:100vh;padding:1%}.login,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background:#fff;border:1px solid #d3d3d3;border-radius:32px;height:600px;width:650px}.login-container section.form{max-width:350px;-webkit-transform:scale(.9);transform:scale(.9)}.login-container section.form input{margin-bottom:15px}.login-container section.form .logo{display:block;margin-left:auto;margin-right:auto;width:90%}.login-container section.form form h1{color:aqua;font-size:32px;margin-bottom:32px;text-align:center}@media screen and (max-width:1250px){.login{align-content:center;height:100%;justify-items:center}.login,.login-container{align-items:center;display:flex;justify-content:center;width:100%}.login-container{background:#fff;border-radius:32px;height:98.5vh}.login-container section.form form input{font-size:25px}}.user-container{margin:32px auto;max-width:1180px;padding:0 30px;width:100%}.user-container .titleTable{align-content:center;align-items:center;display:inline-flex;margin-bottom:10px}.user-container .titleTable p{font-size:25px}.user-container .titleTable .buttonUser{align-content:center;align-items:center;background-color:#007cc2;border-radius:18px;cursor:pointer;display:flex;height:30px;justify-content:center;margin-left:780px;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s;width:150px}.user-container .titleTable .buttonUser .iconUserPlus{margin-right:6px}.user-container .titleTable .LinkNewUser{color:#fff;text-align:center;text-decoration:none;width:0}.buttonUser:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.user-container h1{margin-bottom:24px;margin-top:80px}.user-container ul{grid-gap:24px;display:grid;grid-template-columns:repeat(2,1fr);list-style:none}.user-container ul li{background:#fff;border-radius:32px;box-shadow:0 0 5px rgba(7,7,7,.4);padding:24px;position:relative}.user-container ul li .buttonEditUser,.user-container ul li .buttonTrashUser{background:transparent;border:0;position:absolute;right:24px;top:24px}.user-container ul li .buttonEditUser+.buttonTrashUser{top:50px}.user-container ul li button:hover{opacity:.8}.user-container ul li strong{color:#000;display:block;margin-bottom:8px}.user-container ul li p+strong{margin-top:32px}.user-container ul li p{color:#737380;font-size:16px;line-height:21px}.user-container .buttonMorePage{background:transparent;border:0;border-radius:8px;color:#000;display:inline-block;font-size:15px;font-weight:700;height:55px;line-height:60px;margin-left:46%;margin-top:0;text-align:center;text-decoration:none;transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s}.user-container .buttonMorePage:hover{opacity:.8}.user-container .modal{-webkit-animation:fadeIn .5s ease-in-out forwards;animation:fadeIn .5s ease-in-out forwards;background-color:#fff;border-radius:4px;box-shadow:0 0 4px 0;left:50%;opacity:0;padding:3px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-container .modal .buttonCloseModal{background:none;border:0;display:flex;margin-left:93%;margin-top:1px}.user-container .modal-content{align-items:center;display:inline;justify-content:space-between}.user-container .modal h2{margin-top:0}.user-container .modal h2,.user-container .modal p{margin-bottom:20px;text-align:center}.user-container .modal .iconContainer .iconAlertModal{margin-bottom:10px;margin-left:45%}.user-container .modal h5{margin-bottom:25px;text-align:center}.user-container .modal button{font-weight:700;margin-right:40px}.user-container .modal .buttonConfirmDialog{background:red;border:0;border-radius:16px;color:#fff;font-size:13px;height:27px;margin-left:36px;width:120px}.user-container .modal .buttonCancelDialog{background:#737380;border:0;border-radius:16px;color:#fff;font-size:13px;height:27px;margin-bottom:20px;width:120px}.user-container .modal .buttonCancelDialog:hover,.user-container .modal .buttonConfirmDialog:hover{opacity:.8}@media screen and (max-width:1250px){.user-container ul{grid-gap:24px;display:flex;flex-direction:column;font-size:18px;grid-template-columns:repeat(2,1fr);list-style:none}.user-container .titleTable{align-content:start;align-items:center;display:flex;flex-direction:column;height:auto;margin-bottom:10px;width:auto}.user-container .titleTable p{font-size:28px;margin-bottom:5px;margin-right:10px}.user-container .titleTable .buttonUser{background-color:#007cc2;border-radius:18px;display:flex;font-size:17px;height:30px;margin-left:-90px;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s;width:180px}.user-container .titleTable .buttonUser .LinkNewUser{color:#fff;text-align:center;text-decoration:none}.user-container .modal .buttonConfirmDialog{margin-bottom:10px}.user-container .modal .buttonCancelDialog{margin-left:36px}}.new-user-container{height:auto;margin:50px auto;width:75%}.new-user-container,.new-user-container .content{align-items:center;display:flex;justify-content:space-between}.new-user-container .content{background:#fff;border-radius:8px;box-shadow:0 0 5px rgba(7,7,7,.4);height:750px;padding:80px;width:100%}.new-user-container .content section{max-width:380px;width:100%}.new-user-container section.form{margin-right:30px;max-width:350px;width:100%}.new-user-container section.form img{display:block;margin-left:auto;margin-right:auto;width:80%}.new-user-container .content section h1{font-size:32px;margin:64px 0 32px}.new-user-container .content section p{color:#737380;font-size:18px;line-height:32px}.new-user-container .content form{max-width:600px;width:auto}.new-user-container .content form label{color:#333;font-size:13px;font-weight:700}.new-user-container .content form input{height:50px;margin-bottom:10px;margin-top:10px}.new-user-container .content .back-link{background:transparent;border-radius:8px;color:#251fc5;display:inline-block;font-size:12px;font-weight:700;line-height:60px;margin-top:0;text-align:center;text-decoration:none;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.new-user-container .content .back-link .container-button{display:inline-flex}.new-user-container .content .back-link .iconArrowLeft{margin-right:10px;margin-top:3px}@media screen and (max-width:1250px){.new-user-container{display:flex;height:auto;margin:20px auto;width:100%}.new-user-container .content{flex-direction:column;height:auto}.new-user-container .content section,.new-user-container section.form{width:100%}.new-user-container section.form img{display:flex;height:auto;margin-left:auto;margin-right:auto;width:100%}.new-user-container .content .back-link{display:inline-block;font-size:15px;font-weight:700;text-align:center;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.new-user-container .content form{max-width:600px}.new-user-container .content .form h1,.new-user-container .content .form p{text-align:center}.new-user-container .content form label{color:#333;font-size:18px;font-weight:700}.new-user-container .content form input{font-size:18px;margin-bottom:16px;margin-top:16px}}.new-adress-container{margin:50px auto;width:70%}.new-adress-container,.new-adress-container .content{align-items:center;display:flex;height:auto;justify-content:space-between}.new-adress-container .content{background:#fff;border-radius:8px;box-shadow:0 0 5px rgba(7,7,7,.4);padding:80px;width:100%}.new-adress-container .content section{max-width:380px;width:100%}.new-adress-container section.form{margin-right:30px;max-width:350px;width:100%}.new-adress-container section.form img{display:block;margin-left:auto;margin-right:auto;width:75%}.new-adress-container .content section h1{font-size:32px;margin:64px 0 32px}.new-adress-container .content section p{color:#737380;font-size:18px;line-height:32px}.new-adress-container .content form{max-width:600px;width:100%}.new-adress-container .content form label{color:#333;font-size:13px;font-weight:700}.new-adress-container .content form input{height:50px;margin-bottom:15px;margin-top:15px}.new-adress-container .content form select{border:1px solid #dcdce6;border-radius:8px;color:#000;height:60px;margin-top:16px;padding:0 24px;width:100%}.new-adress-container .content .back-link{background:transparent;border-radius:8px;color:#251fc5;display:flex;font-size:12px;font-weight:700;line-height:60px;margin-top:0;text-align:center;text-decoration:none;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.new-adress-container .content .back-link .container-button{display:inline-flex}.new-adress-container .content .back-link .iconArrowLeft{margin-right:10px;margin-top:3px}@media screen and (max-width:1250px){.new-adress-container{display:flex;height:auto;margin:20px auto;width:100%}.new-adress-container .content{flex-direction:column;height:auto}.new-adress-container .content section,.new-adress-container section.form{width:100%}.new-adress-container section.form img{display:flex;height:auto;margin-left:auto;margin-right:auto;width:100%}.new-adress-container .content .back-link{display:inline-block;font-size:15px;font-weight:700;text-align:center;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.new-adress-container .content form{max-width:600px}.new-adress-container .content .form h1,.new-adress-container .content .form p{text-align:center}.new-adress-container .content form label{color:#333;font-size:18px;font-weight:700}.new-adress-container .content form input{font-size:18px;margin-bottom:16px;margin-top:16px}}.page_404{align-items:center;background:#fff;display:flex;font-family:Arvo,serif;height:100vh;justify-content:center;text-align:center}.page_404 img{width:100%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);background-position:50%;height:450px;width:900px}.four_zero_four_bg h1{font-size:80px}.container-text-gif h3{font-size:50px}.container-text-gif p{font-size:20px;margin-top:10px}.link_404{background:#39ac31;color:#fff!important;display:inline-block;font-family:Arial Black;margin:20px 0;padding:10px 20px;text-decoration:none}.contant_box_404{margin-top:-50px}@media screen and (max-width:1250px){.page_404 img{width:50%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);background-position:50%;height:285px;width:auto}}.navbar{align-items:center;background:#fff;border-bottom:1px solid #d3d3d3;display:flex;flex-wrap:wrap;font-size:15px;gap:500px;justify-content:space-around;padding:10px}.navbar .logout{background:transparent;border:0;margin-left:5px}.navbar .logout .iconLogout{color:#000;transition:.3s}.navbar .logout .iconLogout:hover{color:#007cc2}.navbar span{margin-left:10px}.navbar .logo{align-items:center;display:inline-flex}.navbar .logo img{height:40px;width:40px}.navbar a{background:transparent;color:#000;text-decoration:none}.navbar a:hover{color:#007cc2;transition:.5s}.navbar .menu{justify-content:center;justify-items:center}.navbar .menu .list{display:flex;gap:25px;justify-content:center;list-style:none;margin-left:-170px;margin-right:-400px}#toggler,.navbar .menu .list .liLogout,.navbar label{display:none}@media screen and (max-width:1250px){.navbar{gap:0;margin-left:-50px}.navbar .menu{display:flex;justify-content:center;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;width:100%}.navbar .menu.open{max-height:500px;opacity:1}.navbar .menu .list{align-content:center;align-items:center;background-color:rgba(7,7,7,.08);border-radius:12px;display:grid;justify-content:center;justify-items:center;margin-left:50px;margin-right:0;padding:20px;width:250px}.navbar .menu .list .liLogout{display:flex;justify-content:center}.navbar .menu .list .liLogout .buttonLogout{background:transparent;border:0;margin-left:5px}.navbar .menu .list .liLogout .buttonLogout .liIconLogout{color:#000}.navbar .logout{display:none}.navbar label{align-items:center;cursor:pointer;display:flex;justify-content:center;justify-items:center}#toggler:checked~.menu{max-height:100%}}*{box-sizing:border-box;margin:0;outline:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f0f0f5;font:400 14px Roboto,sans-serif}button,input,textarea{font:400 14px Roboto,sans-serif}button{cursor:pointer}form input{border:1px solid #dcdce6;border-radius:8px;color:#333;padding:0 24px}.button,form input{height:60px;margin-top:16px;width:100%}.button{background:#00008b;border:0;border-radius:8px;color:#dcdce6;display:inline-block;font-size:18px;font-weight:700;line-height:60px;text-align:center;text-decoration:none;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.button .loadingGif{height:45px;margin-top:9px;width:45px}.button:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}
/*# sourceMappingURL=main.64b12022.css.map*/