:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:snow;color:#000;color-scheme:light dark;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:16px;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}a{color:#646cff;font-weight:500;text-decoration:none}a:hover{color:#070606}body{display:flex;margin:0;min-height:100vh;min-width:320px;padding:0;place-items:center}h1{font-size:3em;line-height:1.1}button{border:none;cursor:pointer;font-family:Baloo Tamma\ 2,system-ui;font-size:16px;font-style:normal;font-weight:700}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#587084;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#00a551}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Navbar{align-items:center;background:#fff;box-shadow:0 1px 2px 0 #0000000d;display:flex;justify-content:space-between;padding:5px 3%;position:-webkit-sticky;position:sticky;top:0;transition:.3s;z-index:10}.Navbar .logo{cursor:pointer;height:80px;object-fit:contain;transition:.2s ease-in-out;width:80px}.Navbar .logo:hover{scale:1.07}.Navbar ul{display:flex;justify-content:center;list-style:none}.Navbar ul li{align-items:center;cursor:pointer;font-size:16px;margin:10px 20px}.Navbar ul li .Link{color:#000;font-size:16px;transition:.3s ease-in-out}.Navbar ul li .Link:hover,.Navbar ul li .selected{color:#17894d;transition:.3s ease-in-out}.Navbar ul li .selected{text-decoration:underline;text-underline-offset:5px}.Navbar .col-user{align-items:center;display:flex}.Navbar .col-user .wrap-search-content{margin-right:50px;position:relative}.Navbar .col-user .wrap-search-content .search-box-nav{align-items:center;background:#fff;border-radius:30px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;color:#000;display:flex;justify-content:space-between;padding-left:15px;padding-right:5px;width:500px}.Navbar .col-user .wrap-search-content .search-box-nav .input-search-nav{background:#fff;border:none;color:#000;font-size:14px;outline:none;padding-right:10px;width:100%}.Navbar .col-user .wrap-search-content .search-box-nav .input-search-nav::placeholder{color:gray;font-size:14px}.Navbar .col-user .wrap-search-content .search-box-nav .icon-search-nav{color:#17894d;cursor:pointer;font-size:45px;margin-left:5px}.Navbar .col-user .wrap-search-content .dropdown-content{background-color:#fff;border:1px solid #c7c8cc;border-radius:10px;display:flex;flex-direction:column;margin-top:10px;max-height:227px;overflow:hidden;overflow-y:auto;position:absolute;width:100%}.Navbar .col-user .wrap-search-content .dropdown-content .item-dropdown{align-items:center;border-bottom:1px solid #c7c8cc;cursor:pointer;display:flex;padding:3px;width:100%}.Navbar .col-user .wrap-search-content .dropdown-content .item-dropdown .img-item{border-radius:10px;height:50px;overflow:hidden;width:30%;width:50px}.Navbar .col-user .wrap-search-content .dropdown-content .item-dropdown .img-item img{height:100%;object-fit:cover;width:100%}.Navbar .col-user .wrap-search-content .dropdown-content .item-dropdown .wrap-text{display:flex;flex-direction:column;margin-left:5px;width:70%}.Navbar .col-user .wrap-search-content .dropdown-content .item-dropdown .wrap-text .title-item{font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Navbar .col-user .wrap-search-content .dropdown-content .item-dropdown .wrap-text .number-item{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Navbar .col-user .dropwdown-wrap{position:relative}.Navbar .col-user .dropwdown-wrap .dropdown-trigger .user{align-items:center;cursor:pointer;display:flex;justify-content:space-between;transition:.3s}.Navbar .col-user .dropwdown-wrap .dropdown-trigger .user img{border-radius:999px;height:30px;margin-right:5px;width:30px}.Navbar .col-user .dropwdown-wrap .dropdown-trigger .user .user-name{color:#17894d;font-size:16px;font-weight:700}.Navbar .col-user .dropwdown-wrap .dropdown-trigger .user:hover{scale:1.05;transition:.3s}.Navbar .col-user .dropwdown-wrap .dropdown-content{background-color:#fff;border:1px solid gray;border-radius:8px;left:-47px;opacity:0;padding:15px 15px 0;position:absolute;scale:.5;transition:.2s ease-in-out;width:200px;z-index:999}.Navbar .col-user .dropwdown-wrap .dropdown-content ul{align-items:center;display:flex;flex-direction:column;margin-left:-40px;margin-top:0}.Navbar .col-user .dropwdown-wrap .dropdown-content ul li{border-radius:5px;color:#00a551;display:flex;font-weight:500;padding:5px 10px;transition:2 ease-in-out;width:100%}.Navbar .col-user .dropwdown-wrap .dropdown-content ul li .icon{margin-right:5px}.Navbar .col-user .dropwdown-wrap .dropdown-content ul li:hover{border-bottom:1px solid #000;scale:1.02;transition:2 ease-in-out}.Navbar .col-user .dropwdown-wrap .dropdown-content.show{opacity:1;scale:1;transition:.2 ease-in-out}.Navbar .col-user .dropwdown-wrap .dropdown-content:before{background-color:#fff;border-left:1px solid gray;border-top:1px solid gray;border-top-left-radius:5px;content:"";height:20px;left:50px;position:absolute;top:-11px;transform:rotate(45deg);width:20px}.Navbar .col-user .btn-loginEmployee{background-color:#fff;border:1px solid #17894d;border-radius:50px;color:#000;height:40px;padding:0 10px}.Navbar .col-user .btn-loginEmployee:hover{background-color:#17894d;color:#fff;transition:.3s ease-in-out}.Navbar .col-user .btn-login{background:#17894d;border-radius:10px;color:#fff;padding:5px 30px;transition:.3s ease-in-out}.Navbar .col-user .btn-login:hover{color:#fff}.Navbar .col-user .btn-login:hover,.Navbar .col-user .btn-register{background:none;border:1px solid #17894d;color:#17894d;transition:.3s}.Navbar .col-user .btn-register{border-radius:10px;margin-left:10px;padding:5px 30px}.Navbar .col-user .btn-register:hover{background:#17894d;border:none;color:#fff}.Navbar .col-user .btn-cart{align-items:center;display:flex;position:relative;transition:.2s ease-in-out}.Navbar .col-user .btn-cart .img-cart{cursor:pointer;height:auto;margin-left:20px;width:40px}.Navbar .col-user .btn-cart .cover-quantity{align-items:center;background:red;border-radius:999px;display:flex;height:8px;justify-content:center;padding:8px;position:absolute;right:-8px;top:-6px}.Navbar .col-user .btn-cart .cover-quantity p{color:#fff;font-size:12px;text-align:center}.Navbar .col-user .btn-cart:hover{scale:1.1;transition:.2s ease-in-out}.Content{display:flex;flex-direction:column;height:100%;width:100%}.species-background{background:url(/static/media/bgprofile.46016b9c8ac477cc22d0.png) no-repeat}.Home{display:flex;flex-direction:column}.Home .banner{background-position:50%;background-repeat:no-repeat;object-fit:fill;width:100%}.Home .wrap-content{display:flex;flex-wrap:wrap;padding:50px 200px}.Home .wrap-content .col-1{display:flex;flex:1 1;flex-direction:column}.Home .wrap-content .col-1 h1{font-family:Coiny,system-ui;font-style:normal;font-weight:400}.Home .wrap-content .col-1 p{font-size:18px}.Home .wrap-content .col-1 button{background-color:#fff;border:2px solid #17894d;border-radius:90px;box-shadow:0 3px 8px #0000003d;color:#17894d;display:flex;font-size:22px;justify-content:center;margin-bottom:20px;margin-top:40px;padding:25px 20px;transition:.3s ease-in-out;width:400px}.Home .wrap-content .col-1 button:hover{background-color:#17894d;color:#fff;transition:.3s ease-in-out}.Home .wrap-content .col-2{display:flex;flex:1 1;justify-content:center}.Home .wrap-content .col-2 img{border-radius:100px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;height:550px;object-fit:cover;padding:20px;width:550px}.Product{display:flex;min-height:500px;width:100vw}.Product .row-category-item{display:flex;width:100%}.Product .row-category-item .col-category{background:#fff;border-right:1px solid #ccc;display:flex;flex-direction:column;padding-top:50px;width:18%}.Product .row-category-item .col-category .search-box{align-items:center;align-self:center;background:#fff;border-radius:70px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;display:flex;justify-content:space-between;padding:4px 10px 4px 15px;width:80%}.Product .row-category-item .col-category .search-box .input-search{background:#fff;border:none;border-radius:70px;color:#000;font-size:14px;height:30px;outline:none;padding-left:5px;padding-right:10px;width:100%}.Product .row-category-item .col-category .search-box .input-search::placeholder{color:gray;font-size:14px}.Product .row-category-item .col-category .search-box .icon-search{color:#fff;font-size:25px}.Product .row-category-item .col-all-item{background:#eeeeee21;border-radius:20px;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding-bottom:50px}.Product .row-category-item .col-all-item .wrap-all-item{display:flex;flex-direction:column;justify-content:start}.Product .row-category-item .col-all-item .wrap-all-item .header{align-self:flex-start;color:#0a6847;margin:20px 25px 0}.Product .row-category-item .col-all-item .wrap-all-item .sort-by{align-items:center;display:flex;margin-left:25px}.Product .row-category-item .col-all-item .wrap-all-item .sort-by .icon-sort{cursor:pointer;font-size:20px;margin-left:5px}.Product .row-category-item .col-all-item .wrap-all-item .wrap-item{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding-left:20px}.Product .row-category-item .pagination{align-items:center;display:flex;justify-content:center;list-style:none;margin:20px 0;padding:0}.Product .row-category-item .pagination li{cursor:pointer;margin:0 5px}.Product .row-category-item .btn-next,.Product .row-category-item .btn-page,.Product .row-category-item .btn-previous{align-items:center;background-color:#f1f1f1;border:1px solid #ccc;border-radius:4px;color:#000;display:flex;height:35px;justify-content:center;text-decoration:none;transition:background-color .3s ease;width:40px}.Product .row-category-item .btn-next:hover,.Product .row-category-item .btn-page:hover,.Product .row-category-item .btn-previous:hover{background-color:#e0e0e0}.Product .row-category-item .btn-page-active{background-color:#00a551;color:#fff;font-weight:700}.Product .row-category-item .notification{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:50px 0}.Product .row-category-item .notification .img-empty{align-self:center;width:400px}.Product .row-category-item .notification h2{margin-top:0}.Product .row-category-item .loading{align-items:center;display:flex;justify-content:center;margin:300px 0;width:100%}@media only screen and (min-width:46.1875em){.Product .wrap-item{flex-direction:column}}@media only screen and (min-width:46.25em) and (max-width:63.9375em){.Product .wrap-item{flex-direction:column}.Product .card-item{width:100%}.Product .row-category-item{flex-direction:column}}.tree-node{list-style:none;margin-left:-20px}.tree-node .tree-node-label{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;margin:3px;overflow:hidden;padding-left:45px;text-overflow:ellipsis;white-space:nowrap}.tree-node .tree-node-label .icon{align-self:center;display:flex;font-size:18px;margin-right:20px}.tree-node .tree-node-label .wrap-node{align-items:center;cursor:pointer;display:flex;margin-right:5px}.tree-node .tree-node-label .wrap-node .icon-node{margin-right:5px}.tree-node .tree-node-label:hover{color:#0a6847}.tree-node .open{color:#0a6847;text-decoration:underline;text-underline-offset:5px}.tree,.tree-node .tree-node-children{display:flex;flex-direction:column}.tree{margin-left:-40px;width:100%}.card-item{background-color:snow;border-radius:10px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;display:flex;flex-direction:column;height:350px;margin:10px;overflow:hidden;transition:.3s;width:18%}.card-item .card-image{display:flex;height:55%;position:relative;width:100%}.card-item .card-image .image-strain{height:100%;object-fit:cover;width:100%}.card-item .card-image .icon-heart{color:#97be5a;font-size:30px;left:15px;position:absolute;top:15px}.card-item .card-text{display:flex;flex-direction:column;padding:0 8%}.card-item .card-text .name{color:#17894d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item .card-text .number{font-weight:500;margin-top:-20px}.card-item .card-text .price{color:#17894d;font-size:18px;font-weight:500;margin-top:-10px}.card-item .card-text .des,.card-item .card-text .status{font-size:14px;font-weight:500;margin-top:-10px}.card-item .card-text .btn-buy{align-items:center;background:none;border:2px solid #17894d;border-radius:90px;color:#17894d;cursor:pointer;display:flex;justify-content:center;margin-bottom:20px;padding-bottom:10px;padding-top:10px;transition:.3s ease-in-out;width:100%}.card-item .card-text .btn-buy:hover{background-color:#17894d;border:none;color:#fff;transition:.3s ease-in-out}.card-item:hover{scale:1.02;transition:.3s}.Login{align-self:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #ffffff4d;border-radius:10px;color:#fff;display:flex;justify-content:center;margin:100px 0;padding:30px 40px;width:450px}.Login h1{font-size:36px;text-align:center}.Login .input-box{display:flex;height:40px;justify-content:center;margin:30px 0;position:relative;width:300px}.Login .input-box input{background:#0000;border:2px solid #ffffff80;border-radius:40px;color:#fff;font-size:16px;height:100%;outline:none;padding:0 45px 5px 20px;width:100%}.Login .input-box input::placeholder{color:#fff}.Login .input-box .icon{font-size:16px;position:absolute;right:20px;top:40%}.Login .remember-forgot{display:flex;flex-direction:row;font-size:14px;justify-content:space-between;margin:15px 0}.remember-forgot label input{accent-color:#00a551}.remember-forgot a{color:#fff;transition:.3s ease-in-out}.remember-forgot a:hover{text-decoration:underline;transition:.3s ease-in-out}.Login .btn-login{background:#00a551;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#fff;font-size:18px;font-weight:700;height:45px;outline:none;transition:.3s ease-in-out;width:100%}.Login .btn-google{align-items:center;border-radius:40px;cursor:pointer;display:flex;height:45px;justify-content:center;padding:0 10px;width:90%}.Login .btn-google img{border-radius:999px;height:35px;margin-right:5px;object-fit:cover;width:35px}b .Login .btn-login:hover{scale:1.05;transition:.3s ease-in-out}.register-link{font-size:14.5px;margin:20px 0 15px;text-align:center}.register-link p a{color:#fff;font-weight:600}.register-link p a:hover{text-decoration:underline}.Register{align-self:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #ffffff4d;border-radius:10px;color:#fff;display:flex;justify-content:center;margin:100px 0;padding:30px 40px;width:450px}.Register h1{font-size:36px;text-align:center}.Register .wrap-all-input{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.Register .wrap-all-input .input-box{display:flex;height:40px;justify-content:center;margin:15px 0;position:relative;width:100%}.Register .wrap-all-input .input-box input{height:100%;width:100%}.Register .wrap-all-input .input-box input,.Register .wrap-all-input .input-box select{background:#0000;border:2px solid #ffffff80;border-radius:40px;color:#fff;font-size:16px;outline:none;padding:0 45px 0 20px}.Register .wrap-all-input .input-box select{display:flex;flex:1 1}.Register .wrap-all-input .input-box select option{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000;color:#000;padding:10px}.Register .wrap-all-input .input-box .day .month .year{size:100px;background:#0000;border:2px solid #ffffff80;border-radius:40px;color:#fff;display:flex;flex:1 1;font-size:16px;outline:none}.Register .wrap-all-input .input-box input::placeholder{color:#fff}.Register .wrap-all-input .input-box .icon{font-size:16px;position:absolute;right:20px;top:35%}.Register .wrap-all-input .input-box .icon-name{font-size:18px}.Register .wrap-all-input .one-col-30{width:38%}.Register .wrap-all-input .one-col-70{width:60%}.Register .wrap-all-input .three-col{width:32%}.Register .btn-register{background:#00a551;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#fff;font-size:18px;font-weight:700;height:45px;outline:none;transition:.3s ease-in-out;width:100%}.Register .btn-register:hover{scale:1.05;transition:.3s ease-in-out}.Register .register-link{font-size:14.5px;margin:20px 0 15px;text-align:center}.Register .register-link p a{color:#fff;font-weight:600}.Register .register-link p a:hover{text-decoration:underline}.Cart{background:linear-gradient(90deg,#fdfbfb,#ebedee);display:flex;flex-direction:row;justify-content:center;padding:10vh 15vw}.Cart h2{border-bottom:4px solid #00a551;padding-bottom:10px}.Cart .col-1{display:flex;flex:8 1;flex-direction:column}.Cart .col-1 table{border-collapse:collapse}.Cart .col-1 table tr{border-bottom:1px solid #000}.Cart .col-1 th{text-align:start}.Cart .col-1 .card-product{display:flex;flex-direction:row;padding:10px}.Cart .col-1 .card-product img{border-radius:20px;cursor:pointer;height:150px;object-fit:cover;width:150px}.Cart .col-1 .card-product .card-text{margin-left:10px}.Cart .col-1 .card-product .card-text .title{cursor:pointer;font-weight:700}.Cart .col-1 .card-product .card-text .des{color:#333;font-size:14px;font-weight:500}.Cart .col-1 .price{font-weight:700}.Cart .col-1 .card-quantity{align-items:center;display:flex}.Cart .col-1 .card-quantity .btn-increase{border-bottom-right-radius:20%;border-top-right-radius:20%}.Cart .col-1 .card-quantity .btn-increase,.Cart .col-1 .card-quantity .quantity{background-color:#fff;border:none;display:flex;height:30px;justify-content:center;width:30px}.Cart .col-1 .card-quantity .quantity{text-align:center}.Cart .col-1 .card-quantity .btn-decrease{background-color:#fff;border:none;border-bottom-left-radius:20%;border-top-left-radius:20%;display:flex;height:30px;justify-content:center;width:30px}.Cart .col-2{background:#000c;border-radius:20px;box-shadow:0 2px 4px #0006,0 7px 13px -3px #0000004d,inset 0 -3px 0 #0003;color:#fff;display:flex;flex:3 1;flex-direction:column;height:auto;margin-left:40px;padding:2%}.Cart .col-2 p{font-weight:500}.Cart .col-2 .wrap-payment-method{display:flex;flex-direction:column;flex-wrap:wrap}.Cart .col-2 .wrap-payment-method .payment-method,.Cart .col-2 .wrap-payment-method label{align-items:center;display:flex}.Cart .col-2 .wrap-payment-method .payment-method input{margin-right:10px}.Cart .col-2 .wrap-payment-method .payment-method img{border-radius:4px;height:40px;margin-right:5px;width:40px}.Cart .col-2 .wrap-payment-method .payment-method p{font-weight:400}.Cart .col-2 .box-voucher{border:1px solid #fff;border-radius:40px;display:flex;height:50px;margin-bottom:50px;position:relative}.Cart .col-2 .box-voucher input{background:none;border:none;color:#fff;display:flex;flex:1 1;outline:none;padding-left:20px}.Cart .col-2 .box-voucher input::placeholder{color:#fff}.Cart .col-2 .box-voucher button{background:#00a551;border:none;border-radius:40px;color:#fff;height:100%;padding:5px 30px;position:absolute;right:0;scale:1.03;transition:.3s ease-in-out}.Cart .col-2 .box-voucher button:hover{background:#65b741;transition:.3s ease-in-out}.Cart .col-2 .btn-thanh-toan{background:#00a551;border-radius:40px;color:#fff;font-size:20px;margin-top:20px;padding:12px 0;transition:.3s ease-in-out}.Cart .col-2 .btn-thanh-toan:hover{background:#65b741;transition:.3s ease-in-out}.Cart .col-2 .btn-continue{background:#0000;border:1px solid #fff;border-radius:40px;color:#fff;font-size:18px;padding:12px 0;transition:.3s ease-in-out}.Cart .col-2 .btn-continue:hover{scale:1.03;transition:.3s ease-in-out}.icon-cart{color:red;cursor:pointer;font-size:20px}.toast-confirm{display:flex}.btn-confirm{background:#00a551;color:#fdfbfb}.btn-cancel{background:#fdfbfb;color:#000}.non-login{align-items:center;display:flex;flex-direction:column;min-height:300px}.non-login .img-empty-cart{height:50%;width:50%}.non-login .content{text-align:center;width:80%}.non-login .btn-login{background:#76b947;border-radius:10px;color:#fff;font-size:20px;padding:10px 80px;transition:.5s}.non-login .btn-login:hover{background:none;border:1px solid #000;color:#fff;color:#000;padding:10px 120px;transition:.5s}.custom-select{display:inline-block;position:relative}.custom-select select{display:none}.select-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #000;height:0;position:absolute;right:10px;top:calc(50% - 4px);width:0}.custom-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px 16px}.custom-select select:focus{border-color:#000;outline:none}.custom-select select:hover{background-color:#f9f9f9}.ProductDetail{color:#000;margin:50px 15vw 100px}.ProductDetail,.ProductDetail .main{display:flex;flex-direction:column}.ProductDetail .main .wrap-row-1{display:flex;flex:1 1}.ProductDetail .main .wrap-row-1 .wrap-image{border-radius:30px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;height:500px;margin-right:100px;overflow:hidden;width:500px}.ProductDetail .main .wrap-row-1 .wrap-image .image-item{height:100%;object-fit:cover;width:100%}.ProductDetail .main .wrap-row-1 .wrap-content{display:flex;flex:1 1;flex-direction:column}.ProductDetail .main .wrap-row-1 .wrap-content .title{font-size:40px;margin-bottom:0}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-price{display:flex}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-price .price1{color:#dd761c;font-weight:700;margin-right:7px}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-price .price2{color:#aaa;font-weight:500;text-decoration:line-through}.ProductDetail .main .wrap-row-1 .wrap-content .all-star{display:flex}.ProductDetail .main .wrap-row-1 .wrap-content .all-star .star{color:#feb941}.ProductDetail .main .wrap-row-1 .wrap-content .des{color:gray;font-weight:600}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-all-btn{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:50%}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-all-btn .wrap-btn-amount{display:flex;justify-content:space-between}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-all-btn .wrap-btn-amount .btn-increase{background:#17894d;border-radius:999px;color:#fff;height:30px;text-align:center;width:30px}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-all-btn .wrap-btn-amount .input-number{border:none;outline:none;text-align:center;width:30px}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-all-btn .wrap-btn-amount .btn-decrease{background:#17894d;border-radius:999px;color:#fff;height:30px;text-align:center;width:30px}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-all-btn .btn-add-cart{background:#17894d;border-radius:6px;color:#fff;padding:0 30px}.ProductDetail .main .wrap-row-1 .wrap-content .wish-list{align-items:center;cursor:pointer;display:flex;width:35%}.ProductDetail .main .wrap-row-1 .wrap-content .wish-list .heart{font-size:18px;margin-right:5px}.ProductDetail .main .wrap-row-1 .wrap-content .wish-list .text{font-weight:600}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-des{display:flex;justify-content:space-between}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-des .wrap-des-col-1,.ProductDetail .main .wrap-row-1 .wrap-content .wrap-des .wrap-des-col-2{display:flex;flex:1 1;flex-direction:column}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-des .wrap-des-col-1 .head,.ProductDetail .main .wrap-row-1 .wrap-content .wrap-des .wrap-des-col-2 .head{color:gray;font-weight:600;margin-bottom:-10px;margin-right:5px}.ProductDetail .main .wrap-row-1 .wrap-content .wrap-des .wrap-des-col-1 .body,.ProductDetail .main .wrap-row-1 .wrap-content .wrap-des .wrap-des-col-2 .body{color:#17894d}.ProductDetail .main .wrap-row-2{display:flex;flex-direction:column;margin-top:80px}.ProductDetail .main .wrap-row-2 .navbar{display:flex}.ProductDetail .main .wrap-row-2 .navbar .btn-nav{background:none;color:#000;font-weight:700;margin-right:40px;transition:.3s ease-in-out}.ProductDetail .main .wrap-row-2 .navbar .btn-nav:hover{border-bottom:2px solid #17894d;scale:1.2;transition:.3s ease-in-out}.ProductDetail .main .wrap-row-2 .nav-content{color:gray;display:flex;flex-direction:column;flex-wrap:wrap;font-weight:600;margin-top:40px;width:70%}.ProductDetail .main .wrap-row-2 .nav-content .table-detail{display:flex;flex-direction:column}.ProductDetail .main .wrap-row-2 .nav-content .table-detail .table-title{background:#17894d;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;font-size:22px;font-weight:700;justify-content:center}.ProductDetail .main .wrap-row-2 .nav-content .table-detail .table-content{display:flex}.ProductDetail .main .wrap-row-2 .nav-content .table-detail .table-content .table-col-1 .cell,.ProductDetail .main .wrap-row-2 .nav-content .table-detail .table-content .table-col-2 .cell{border-bottom:1px solid gray;border-left:1px solid gray;border-top:1px solid gray;font-weight:700;padding-left:10px;padding-right:10px}.ProductDetail .main .wrap-row-2 .nav-content .table-detail .table-content .table-col-1{color:#000}.ProductDetail .main .wrap-row-2 .nav-content .table-detail .table-content .table-col-2{border-right:1px solid gray;display:flex;flex:1 1;flex-direction:column}.ProductDetail .main .wrap-row-2 .nav-content .table-detail .table-content .table-col-2 .cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProductDetail .main .wrap-row-3{display:flex;flex-direction:column;margin-top:50px}.ProductDetail .main .wrap-row-3 .title{margin-bottom:50px;text-align:center}.ProductDetail .main .wrap-row-3 .wrap-other-strain{display:flex;flex-wrap:wrap;justify-content:center}.ProductDetail .main .wrap-row-3 .wrap-other-strain .item-strain{border-radius:20px;box-shadow:0 3px 8px #0000003d;cursor:pointer;display:flex;flex-direction:column;margin-bottom:30px;margin-left:20px;margin-right:20px;width:20%}.ProductDetail .main .wrap-row-3 .wrap-other-strain .item-strain .img-strain{border-bottom:1px solid gray;border-top-left-radius:20px;border-top-right-radius:20px;height:200px;object-fit:cover;width:100%}.ProductDetail .main .wrap-row-3 .wrap-other-strain .item-strain .name-strain{font-size:14px;font-weight:700;padding:5px 10px;text-align:center}.ProductDetail .wrap-loading{margin:300px 0;width:100%}.Payment,.ProductDetail .wrap-loading{align-items:center;display:flex;justify-content:center}.Payment{background:linear-gradient(90deg,#fdfbfb,#ebedee);background:#fff;border-radius:10px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;flex-direction:column;margin:5vh 15vw 10vh}.Payment h1{background:linear-gradient(45deg,#ff6b6b,#f06595,#a29bfe,#74b9ff);-webkit-background-clip:text;color:#0000;margin-bottom:0;padding-bottom:10px}.Payment p{font-size:14px;margin-top:5px}.Payment .row{display:flex;flex-wrap:wrap;margin-top:20px}.Payment .row .col-1{border-right:1px solid gray;display:flex;flex-direction:column;padding:0 20px 30px;width:43%}.Payment .row .col-1 .title{align-items:center;display:flex;justify-content:flex-start}.Payment .row .col-1 .title h2{margin-bottom:0;margin-right:5px}.Payment .row .col-1 .title .icon-edit{color:#ffa62f;cursor:pointer;font-size:20px;margin-top:20px}.Payment .row .col-1 .wrap-all-input{display:flex;flex-wrap:wrap;justify-content:space-between}.Payment .row .col-1 .wrap-all-input .wrap-input{display:flex;flex-direction:column;margin:0 10px;width:100%}.Payment .row .col-1 .wrap-all-input .wrap-input .input-box{background-color:#fff;border:1px solid #000;border-radius:10px;display:flex;height:35px;padding:0 10px}.Payment .row .col-1 .wrap-all-input .wrap-input .input-box input{background:#0000;border:none;color:gray;font-size:16px;outline:none;width:100%}.Payment .row .col-1 .wrap-all-input .wrap-input .label{font-weight:500;margin-bottom:5px;padding-left:5px}.Payment .row .col-2{display:flex;flex-direction:column;padding:0 20px;width:50%}.Payment .row .col-2 h2{margin-bottom:0}.Payment .row .col-2 .scroll-product{display:flex;flex-direction:column;max-height:230px;overflow-y:auto}.Payment .row .col-2 .scroll-product .card-product{align-items:center;border-bottom:1px solid gray;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;display:flex;justify-content:space-between;padding:5px 20px}.Payment .row .col-2 .scroll-product .card-product .item-col-1{align-items:center;display:flex}.Payment .row .col-2 .scroll-product .card-product .item-col-1 .img-item{border-radius:999px;height:60px;margin-right:10px;object-fit:cover;width:60px}.Payment .row .col-2 .scroll-product .card-product .item-col-1 .wrap-content .name{font-weight:700;margin-bottom:0}.Payment .row .col-2 .scroll-product .card-product .item-col-1 .wrap-content .price,.Payment .row .col-2 .scroll-product .card-product .item-col-2 p{font-weight:500}.Payment .row .col-2 .row-total-money{display:flex;justify-content:space-between}.Payment .row .col-2 .tax{margin-bottom:-20px;margin-top:-10px}.Payment .row .col-2 .tax h4{font-weight:500}.Payment .wrap-btn{align-items:center;display:flex;flex-direction:column;margin-top:100px}.Payment .wrap-btn .btn-submit{background:#00a551;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#fff;font-size:18px;font-weight:700;height:45px;margin-bottom:40px;margin-top:10px;outline:none;transition:.3s ease-in-out;width:100%}.Payment .wrap-btn .btn-submit:hover{scale:1.05;transition:.3s ease-in-out}.Payment .loading{align-items:center;display:flex;justify-content:center;position:absolute}.Profile{background:#fff;background:url(/static/media/bgprofile.46016b9c8ac477cc22d0.png) no-repeat;background-position:50%;background-size:cover;display:flex;padding:10vh 20vw}.Profile .col-1{align-items:center;background:#fff;border-radius:10px;box-shadow:0 0 10px #0006;display:flex;flex-direction:column;justify-content:center;padding:30px 0;scale:1.05;width:25%}.Profile .col-1 .card-image{background-color:gray;border-radius:999px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;cursor:pointer;height:120px;overflow:hidden;width:120px}.Profile .col-1 .card-image .avatar{height:100%;object-fit:cover;width:100%}.Profile .col-1 .name{color:#00a551}.Profile .col-1 .card-feature{display:flex;flex-direction:column;width:100%}.Profile .col-1 .card-feature .feature{align-items:center;border-top:1px solid #000;cursor:pointer;display:flex;justify-content:space-between;padding:0 20px;transition:.1s ease-in-out}.Profile .col-1 .card-feature .feature p{font-weight:500}.Profile .col-1 .card-feature .feature:hover{background-color:#5cb14f;transition:.1s ease-in-out}.Profile .col-2{background:#fff;border:1px solid gray;border-bottom-right-radius:20px;border-top-right-radius:20px;display:flex;flex:1 1;flex-direction:column;padding-bottom:40px;padding-left:30px;padding-right:30px}.Profile .col-2 .header{align-items:center;display:flex;justify-content:space-between}.Profile .col-2 .header .btn-delete{color:red;cursor:pointer;font-size:25px}.Profile .col-2 .title{margin-bottom:5px}.Profile .col-2 .wrap-all-input{display:flex;flex-wrap:wrap;justify-content:space-between}.Profile .col-2 .wrap-all-input .wrap-input{display:flex;flex-direction:column;margin:0 10px;width:47%}.Profile .col-2 .wrap-all-input .wrap-input .input-box{background-color:#fff;border:1px solid #000;border-radius:10px;display:flex;height:35px;padding:0 10px}.Profile .col-2 .wrap-all-input .wrap-input .input-box input{background:#0000;border:none;color:gray;font-size:16px;outline:none;width:100%}.Profile .col-2 .wrap-all-input .wrap-input .label{font-weight:500;margin-bottom:5px;padding-left:5px}.Profile .col-2 .wrap-all-input .full-width{width:100%}.Profile .col-2 .wrap-btn{display:flex;justify-content:flex-end}.Profile .col-2 .wrap-btn .btn-cancel{background-color:#ff6c37}.Profile .col-2 .wrap-btn .btn-cancel,.Profile .col-2 .wrap-btn .btn-save{border-radius:10px;color:#fff;font-weight:400;margin-left:10px;margin-right:0;margin-top:30px;padding:5px 30px;width:25%}.Profile .col-2 .wrap-btn .btn-save{background-color:#5cb14f}.Profile .col-2 .float-left{justify-content:flex-start}.ForgetPass{align-self:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #ffffff4d;border-radius:10px;color:#fff;display:flex;justify-content:center;margin:100px 0;padding:30px 40px;width:450px}.ForgetPass h1{font-size:36px;text-align:center}.ForgetPass .wrap-all-input{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.ForgetPass .wrap-all-input .input-box{display:flex;height:40px;justify-content:center;margin:15px 0;position:relative;width:100%}.ForgetPass .wrap-all-input .input-box input{background:#0000;border:2px solid #ffffff80;border-radius:40px;color:#fff;font-size:16px;height:100%;outline:none;padding:0 45px 0 20px;width:100%}.ForgetPass .wrap-all-input .input-box input::placeholder{color:#fff}.ForgetPass .wrap-all-input .input-box .icon{font-size:16px;position:absolute;right:20px;top:40%}.ForgetPass .btn-register{background:#00a551;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#fff;font-size:18px;font-weight:700;height:45px;outline:none;transition:.3s ease-in-out;width:100%}.ForgetPass .btn-register:hover{scale:1.05;transition:.3s ease-in-out}.ForgetPass .register-link{font-size:14.5px;margin:20px 0 15px;text-align:center}.ForgetPass .register-link p a{color:#fff;font-weight:600}.ForgetPass .register-link p a:hover{text-decoration:underline}.ForgetPass .btn-otp{align-items:center;cursor:pointer;display:flex;font-size:14.5px;justify-content:center;margin:20px 0 15px;text-align:center}.ForgetPass .btn-otp .icon-reload{font-size:18px;margin-right:3px}.ForgetPass .btn-otp p{color:#fff;font-weight:600}.PaymentSuccess{align-items:center;background:linear-gradient(90deg,#fdfbfb,#ebedee);background:#fff;border-radius:10px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:flex;flex-direction:column;justify-content:center;margin:1vw 15vw 10vw;padding-left:30px;padding-right:30px;padding-top:40px}.PaymentSuccess .img-success{height:120px;width:120px}.PaymentSuccess .title-success{font-size:40px;margin-bottom:0;margin-top:10px}.PaymentSuccess .row{display:flex;flex-wrap:wrap;width:100%}.PaymentSuccess .row .col-1{display:flex;flex-direction:column;margin-left:40px;width:55%}.PaymentSuccess .row .col-1 .wrap-title{align-items:center;display:flex}.PaymentSuccess .row .col-1 .wrap-title h3{margin-bottom:-10px}.PaymentSuccess .row .col-1 .wrap-title .img-success{height:25px;margin-bottom:-30px;margin-left:5px;width:25px}.PaymentSuccess .row .col-1 p{font-weight:500}.PaymentSuccess .row .col-1 .process-bar{display:flex;margin:40px 0}.PaymentSuccess .row .col-1 .process-bar .step-item{align-items:center;display:flex;flex-direction:column;justify-content:center;left:-45px;position:relative;width:30%}.PaymentSuccess .row .col-1 .process-bar .step-item .number-step{align-items:center;background:#c7c8cc;border-radius:999px;color:#fff;display:flex;height:40px;justify-content:center;width:40px;z-index:10}.PaymentSuccess .row .col-1 .process-bar .step-item .title-step{font-weight:500}.PaymentSuccess .row .col-1 .process-bar .step-item:not(:first-child):before{background:#0ca814;content:"";height:3px;position:absolute;right:60%;top:20%;width:100%}.PaymentSuccess .row .col-1 .process-bar .active .number-step{background-color:#00a551}.PaymentSuccess .row .col-1 .process-bar .active .title-step{color:#00a551}.PaymentSuccess .row .col-1 .wrap-btn{display:flex;justify-content:space-between;width:60%}.PaymentSuccess .row .col-1 .wrap-btn .btn-order{background:#00a551;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#fff;font-size:18px;font-weight:700;height:45px;outline:none;transition:.3s ease-in-out;width:48%}.PaymentSuccess .row .col-1 .wrap-btn .btn-home{background:#0000;border:1px solid #00a551;border-radius:40px;color:#00a551;font-size:18px;font-weight:700;height:45px;outline:none;transition:.3s ease-in-out;width:48%}.PaymentSuccess .row .col-1 .wrap-btn .btn-home:hover,.PaymentSuccess .row .col-1 .wrap-btn .btn-order:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.PaymentSuccess .row .col-2{display:flex;flex:1 1;flex-direction:column;height:500px;overflow:hidden;padding-bottom:30px}.PaymentSuccess .row .col-2 .img-col-2{border-radius:999px;height:100%;object-fit:cover;width:100%}.PaymentFail{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:400px;justify-content:center;margin:1vw 15vw 5vw;padding:40px 30px}.PaymentFail img{object-fit:contain;width:600px}.PaymentFail .btn-home{background:#76b947;border-radius:10px;color:#fff;font-size:20px;padding:10px 80px;transition:.5s}.PaymentFail .btn-home:hover{background:none;border:1px solid #000;color:#fff;color:#000;padding:10px 120px;transition:.5s}.Order{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;padding:40px 15vw 10vw}.Order,.Order .wrap-state{align-items:center;display:flex}.Order .wrap-state{border:1px solid #000;border-radius:20px;justify-content:space-between;margin-bottom:20px;overflow:hidden}.Order .wrap-state .btn-state{cursor:pointer;padding-left:20px;padding-right:20px;transition:.3s ease-in-out}.Order .wrap-state .btn-state:hover{color:#00a551;transition:.3s ease-in-out}.Order .wrap-state .active{color:#00a551}.Order .wrap-order{width:100%}.Order .wrap-order,.empty-order{display:flex;flex-direction:column}.empty-order{align-items:center;margin-bottom:50px}.empty-order .img-empty-order{height:400px;width:400px}.empty-order .content{text-align:center;width:80%}.empty-order .btn-login{background:#76b947;border-radius:10px;color:#fff;font-size:20px;padding:10px 80px;transition:.5s}.empty-order .btn-login:hover{background:none;border:1px solid #000;color:#fff;color:#000;padding:10px 120px;transition:.5s}.OrderItem{background:#f9f6f6;border-radius:10px;box-shadow:0 1px 4px #00000029;display:flex;flex-direction:column;margin-bottom:60px;overflow:hidden;width:100%}.OrderItem .row-1{align-items:center;background:#9dde8b;display:flex;justify-content:space-between;padding:0 20px}.OrderItem .row-1 .id-order{font-size:18px;font-weight:700}.OrderItem .row-1 .wrap-date-state{align-items:center;display:flex;justify-content:space-between}.OrderItem .row-1 .wrap-date-state .date{border-right:2px solid #000;font-size:14px;font-weight:500;padding:0 5px}.OrderItem .row-1 .wrap-date-state .state-order{margin-left:5px}.OrderItem .row-2{border:1px solid #dcdcdc;display:flex;flex-direction:column}.OrderItem .row-2 .card-product{align-items:center;box-shadow:0 1px 1px #091e4240,0 0 1px 1px #091e4221;cursor:pointer;display:flex;justify-content:space-between;margin-top:5px;padding:5px 20px}.OrderItem .row-2 .card-product .item-col-1{align-items:center;display:flex}.OrderItem .row-2 .card-product .item-col-1 .img-item{border-radius:999px;height:80px;margin-right:10px;object-fit:cover;width:80px}.OrderItem .row-2 .card-product .item-col-1 .wrap-content .name{font-weight:700;margin-bottom:0}.OrderItem .row-2 .card-product .item-col-1 .wrap-content .price,.OrderItem .row-2 .card-product .item-col-2 p{font-weight:500}.OrderItem .total-money{align-items:center;display:flex;justify-content:flex-end;padding-right:20px}.OrderItem .total-money .icon-money{color:#00a551;font-size:22px;margin-right:5px}.OrderItem .total-money .title-money{font-weight:500}.OrderItem .total-money .money{color:#dc143c;font-style:italic;margin-left:10px}.OrderItem .btn-cancel{align-self:flex-end;background:#dc143c;border-radius:20px;color:#fff;font-size:15px;font-weight:400;margin-bottom:30px;margin-right:20px;padding:5px 20px}.OrderDetail{align-items:center;background:#fff;border-radius:10px;box-shadow:6px 2px 16px 0 #88a5bf7a,-6px -2px 16px 0 #fffc;display:flex;flex-direction:column;justify-content:center;margin:1vw 15vw 10vw;padding-left:30px;padding-right:30px;padding-top:40px}.OrderDetail .row-1{justify-content:space-between;width:100%}.OrderDetail .row-1,.OrderDetail .row-1 .wrap-date-state{align-items:center;display:flex}.OrderDetail .row-1 .wrap-date-state .date{font-size:14px;font-weight:500;margin-right:10px}.OrderDetail .row-1 .wrap-date-state .state-order{color:#e98000}.OrderDetail .row-2{display:flex;margin:40px 0;width:60%}.OrderDetail .row-2 .step-item{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:25%}.OrderDetail .row-2 .step-item .number-step{align-items:center;background:#c7c8cc;border-radius:999px;color:#fff;display:flex;height:40px;justify-content:center;width:40px;z-index:10}.OrderDetail .row-2 .step-item .title-step{font-weight:500}.OrderDetail .row-2 .step-item:not(:first-child):before{background:#0ca814;content:"";height:3px;position:absolute;right:60%;top:20%;width:100%}.OrderDetail .row-2 .active .number-step{background-color:#00a551}.OrderDetail .row-2 .active .title-step{color:#00a551}.OrderDetail .row-3{display:flex;flex-wrap:wrap;margin-bottom:50px;width:100%}.OrderDetail .row-3 .wrap-profile{border-right:1px solid hsla(0,1%,45%,.769);display:flex;flex-direction:column;width:48%}.OrderDetail .row-3 .wrap-profile h2{margin:20px 0}.OrderDetail .row-3 .wrap-profile .profile{display:flex}.OrderDetail .row-3 .wrap-profile .profile .title p{font-size:14px;font-weight:700;margin:3px 0}.OrderDetail .row-3 .wrap-profile .profile .content{margin-left:10px}.OrderDetail .row-3 .wrap-profile .profile .content .name{font-weight:500}.OrderDetail .row-3 .wrap-profile .profile .content p{font-size:14px;margin:3px 0}.OrderDetail .row-3 .wrap-order-method{display:flex;flex:1 1;flex-direction:column;margin-left:20px}.OrderDetail .row-3 .wrap-order-method h2{margin:20px 0}.OrderDetail .row-3 .wrap-order-method p{font-size:16px;font-weight:500;margin:3px 0}.OrderDetail .row-4{display:flex;flex-direction:column;width:100%}.OrderDetail .row-4 .card-product{align-items:center;box-shadow:0 1px 1px #091e4240,0 0 1px 1px #091e4221;cursor:pointer;display:flex;justify-content:space-between;margin-top:5px;padding:5px 20px}.OrderDetail .row-4 .card-product .item-col-1{align-items:center;display:flex}.OrderDetail .row-4 .card-product .item-col-1 .img-item{border-radius:999px;height:80px;margin-right:10px;object-fit:cover;width:80px}.OrderDetail .row-4 .card-product .item-col-1 .wrap-content .name{font-weight:700;margin-bottom:0}.OrderDetail .row-4 .card-product .item-col-1 .wrap-content .price,.OrderDetail .row-4 .card-product .item-col-2 p{font-weight:500}.OrderDetail .row-5{align-items:center;display:flex;justify-content:flex-end;margin-right:20px;width:100%}.OrderDetail .row-5 .icon-money{color:#00a551;font-size:22px;margin-right:5px}.OrderDetail .row-5 .title-money{font-weight:500}.OrderDetail .row-5 .money{color:#dc143c;font-style:italic;margin-left:10px}.NewsPaper{align-self:center;display:flex;flex-direction:column;margin-bottom:100px;width:100%}.NewsPaper .loading{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:9999}.NewsPaper .row-banner{width:100%}.NewsPaper .row-banner .banner{background-position:50%;background-repeat:no-repeat;height:400px;width:100%}.NewsPaper .header-newspaper{align-items:center;color:#5a7085;font-size:40px;font-weight:1000;padding:0 100px}.NewsPaper .wrap-all-paper{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:0 400px}.NewsPaper .wrap-all-paper .project-item{display:flex;margin-bottom:50px;position:relative;width:800px}.NewsPaper .wrap-all-paper .project-item .card-text{border-radius:20px;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:320px;justify-content:center;overflow:hidden;padding-left:200px;padding-right:50px;text-overflow:ellipsis;white-space:nowrap}.NewsPaper .wrap-all-paper .project-item .card-text .date{font-weight:500}.NewsPaper .wrap-all-paper .project-item .card-text .title{color:#00a551;margin-bottom:-10px;margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NewsPaper .wrap-all-paper .project-item .card-text .des{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.NewsPaper .wrap-all-paper .project-item .card-text .btn-read{align-items:center;background:none;border:1px solid #00a551;border-radius:999px;color:#000;color:#00a551;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:15px 40px;transition:.3s ease-in-out;width:60%}.NewsPaper .wrap-all-paper .project-item .card-text .btn-read:hover{scale:1.04;transition:.3s ease-in-out}.NewsPaper .wrap-all-paper .project-item .card-image{background-color:#00a551;border-radius:20px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;height:250px;left:-120px;overflow:hidden;position:absolute;top:40px;width:250px}.NewsPaper .wrap-all-paper .project-item .card-image .card-img{height:100%;object-fit:cover;width:100%}.AboutUs{background-color:#fff;display:flex;flex-direction:column}.AboutUs,.AboutUs .row-banner{width:100%}.AboutUs .row-banner .banner{background-position:50%;background-repeat:no-repeat;object-fit:fill;width:100%}.AboutUs .row-content{align-items:center;display:flex;margin-top:20px;padding:0 15vw}.AboutUs .row-content .col-1{display:flex;flex-direction:column;width:50%}.AboutUs .row-content .col-1 .title{color:#17894d;text-decoration:underline;text-underline-offset:5px}.AboutUs .row-content .col-1 p{font-size:15px}.AboutUs .row-content .col-2{display:flex;flex:1 1;overflow:hidden}.AboutUs .row-content .col-2 img{height:100%;object-fit:cover;width:100%}.AboutUs .row-value{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;margin-top:50px;padding:0 15vw}.AboutUs .row-value .title-value{color:#17894d}.AboutUs .row-value .wrap-all-value{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.AboutUs .row-value .wrap-all-value .wrap-value{align-items:center;display:flex;flex-direction:column;font-family:Baloo Tamma\ 2,system-ui;width:20%}.AboutUs .row-value .wrap-all-value .wrap-value img{border-radius:999px;object-fit:cover;width:100%}.AboutUs .row-value .wrap-all-value .wrap-value p{font-weight:700}.Contact{align-items:center;align-self:center;display:flex;flex-direction:column;margin-bottom:100px}.Contact,.Contact .row-banner{width:100%}.Contact .row-banner .banner{background-position:50%;background-repeat:no-repeat;object-fit:fill;width:100%}.Contact .title-contact-main{color:#17894d;margin-top:50px}.Contact .wrap-all-contact{display:flex;justify-content:space-between;padding-top:100px;width:80%}.Contact .wrap-all-contact .wrap-item-contact{align-items:center;display:flex;flex:1 1;flex-direction:column}.Contact .wrap-all-contact .wrap-item-contact .card-img{align-items:center;background:#17894d;border-radius:999px;display:flex;height:50px;justify-content:center;padding:25px;width:50px}.Contact .wrap-all-contact .wrap-item-contact .card-img .icon-contact{color:#fff;font-size:45px}.Contact .wrap-all-contact .wrap-item-contact .title-contact{color:#17894d;font-family:Baloo Tamma\ 2,system-ui;margin:5px 0}.Contact .wrap-all-contact .wrap-item-contact p{font-weight:500}.NewsDetail{background:#fff;display:flex;flex:1 1;justify-content:center;padding:20px 15%}.NewsDetail .col-1-news{display:flex;flex-direction:column;padding:30px;width:65%}.NewsDetail .col-1-news .title-news{color:#5a7085;margin-bottom:10px}.NewsDetail .col-1-news .post-date{border-bottom:1px solid #5a7085;font-size:12px;padding-bottom:20px;width:100%}.NewsDetail .col-1-news .content-news{font-size:15px;text-align:justify}.NewsDetail .col-1-news img{border-radius:5px;height:500px;object-fit:cover;width:100%}.NewsDetail .col-1-news .author{font-weight:700;text-align:end}.NewsDetail .col-1-news .title-lien-quan{color:#5a7085}.NewsDetail .col-1-news .wrap-news{display:flex;margin-bottom:20px;margin-top:0;width:100%}.NewsDetail .col-1-news .wrap-news .thumbnail{border-radius:5px;height:80px;margin-right:8px;object-fit:cover;width:150px}.NewsDetail .col-1-news .wrap-news p{cursor:pointer;font-size:14px;margin-top:0}.NewsDetail .col-2-news{background:#f3f3f3;border-radius:20px;display:flex;flex:1 1;flex-direction:column;height:100%;margin-top:50px;padding:30px}.NewsDetail .col-2-news h3{color:#5a7085;font-weight:1000;margin:0}.NewsDetail .col-2-news .wrap-all-news{align-items:center;border-top:1px solid #5a7085;display:flex;flex-direction:column;padding-top:20px}.NewsDetail .col-2-news .wrap-all-news .wrap-news{display:flex;margin-bottom:20px;margin-top:0;width:100%}.NewsDetail .col-2-news .wrap-all-news .wrap-news .thumbnail{border-radius:5px;height:80px;margin-right:8px;object-fit:cover;width:150px}.NewsDetail .col-2-news .wrap-all-news .wrap-news p{cursor:pointer;flex:1 1;font-size:14px;margin-top:0}.container{display:flex;flex-direction:column;width:100%}.species-background{background:url(https://wallpaper.forfun.com/fetch/52/5242f0ad13f69e78c5cc49211d2a6832.jpeg?w=1470&r=0.5625) no-repeat;background-position:50%;background-size:cover}.LoginEmployee{background:#fff;display:flex;height:100vh;padding-top:60px;position:fixed;top:0;width:100%}.LoginEmployee .col-1{padding-top:50px;width:100%}.LoginEmployee .col-1,.LoginEmployee .col-1 .wrap-logo{align-items:center;display:flex;flex-direction:column;height:auto}.LoginEmployee .col-1 .wrap-logo{justify-content:center}.LoginEmployee .col-1 .wrap-logo .icon-logo{height:300px;width:300px}.LoginEmployee .col-1 .wrap-logo .title{text-align:center;width:70%}.LoginEmployee .col-1 .form{display:flex;flex-direction:column}.LoginEmployee .col-1 .form h2{color:#17894d;text-align:center}.LoginEmployee .col-1 .form .input-box{background:#f0f0f0;border-radius:40px;height:30px;margin-bottom:20px;padding:5px 20px;width:400px}.LoginEmployee .col-1 .form .input-box .input-text{background:none;border:none;color:#000;font-size:15px;outline:none;padding-top:7px;width:100%}.LoginEmployee .col-1 .form .btn-login{background:#17894d;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#fff;font-size:18px;font-weight:700;height:45px;margin-bottom:20px;outline:none;transition:.3s ease-in-out;width:100%}.LoginEmployee .col-1 .form .btn-login:hover{scale:1.05;transition:.3s ease-in-out}.LoginEmployee .col-1 .form .btn-back-home{background:#fff;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#17894d;font-size:18px;font-weight:700;height:45px;outline:none;transition:.3s ease-in-out;width:100%}.LoginEmployee .col-1 .form .btn-back-home:hover{scale:1.05;transition:.3s ease-in-out}.DashBoard{display:flex;flex:1 1;position:fixed;top:0;width:100%}.DashBoard .col-2{flex:1 1}.DashBoard .col-2,.Drawer{display:flex;flex-direction:column}.Drawer{align-items:center;background:#fff;color:#fff;height:100vh;padding-top:20px;width:13vw}.Drawer .header{display:flex;margin-bottom:40px}.Drawer .header .logo{height:150px;width:150px}.Drawer .wrap-all-btn{align-items:flex-start;display:flex;flex-direction:column}.Drawer .wrap-all-btn .btn-drawer{align-items:center;background:none;color:#000;display:flex;font-size:16px;font-weight:500;margin:-10px -10 20px;transition:.3s ease-in-out;width:230px}.Drawer .wrap-all-btn .btn-drawer .icon{height:40px;margin-right:5px;object-fit:cover;width:40px}.Drawer .wrap-all-btn button:hover{transition:.3s ease-in-out}.Drawer .wrap-all-btn .btn-selected,.Drawer .wrap-all-btn button:hover{background:#17894d;border-radius:10px;color:#fff}.NavbarEmployee{align-items:center;background:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.NavbarEmployee .notification{color:#5cb14f;cursor:pointer;font-size:25px;margin-right:20px}.NavbarEmployee .clock{border-radius:20px;display:flex;flex-direction:column;margin:0;padding:0}.NavbarEmployee .clock .time{font-size:25px;font-weight:700;margin:0;padding:0}.NavbarEmployee .clock .day{color:#757575;font-size:14px;margin:0;padding:0}.NavbarEmployee .wrap-avatar-name{align-items:center;display:flex}.NavbarEmployee .wrap-avatar-name img{border-radius:999px;cursor:pointer;height:50px;object-fit:cover;width:50px}.NavbarEmployee .wrap-avatar-name .wrap-name-nav{align-items:flex-end;display:flex;flex-direction:column;margin-right:10px}.NavbarEmployee .wrap-avatar-name .wrap-name-nav .name{font-weight:700}.NavbarEmployee .wrap-avatar-name .wrap-name-nav .role{color:gray;font-size:14px;margin-top:-15px}.DrawerRight{align-items:center;background:#0003;color:#636c97;display:flex;height:100vh;justify-content:flex-end;position:fixed;right:0;top:0;width:100vw}.DrawerRight .col-right{background:#fff;display:flex;flex-direction:column;height:100vh;padding:40px 40px 0;width:16vw}.DrawerRight .col-right .row-1{border-bottom:2px solid #d1d1d1;display:flex;flex-direction:column;padding-bottom:30px;width:100%}.DrawerRight .col-right .row-1 .wrap-header{align-items:center;display:flex;justify-content:space-between}.DrawerRight .col-right .row-1 .wrap-header p{font-size:20px;font-weight:700}.DrawerRight .col-right .row-1 .wrap-header .icon-close{color:green;cursor:pointer;font-size:18px}.DrawerRight .col-right .row-1 .wrap-avatar-name{align-items:center;display:flex}.DrawerRight .col-right .row-1 .wrap-avatar-name img{border-radius:999px;height:60px;object-fit:cover;width:60px}.DrawerRight .col-right .row-1 .wrap-avatar-name .wrap-name{margin-left:10px}.DrawerRight .col-right .row-1 .wrap-avatar-name .wrap-name .name{font-weight:700}.DrawerRight .col-right .row-1 .wrap-avatar-name .wrap-name .role{color:gray;font-size:14px;margin-top:-15px}.DrawerRight .col-right .row-1 .wrap-btn-feature{display:flex;justify-content:flex-end;width:100%}.DrawerRight .col-right .row-1 .wrap-btn-feature .btn-account{background:#66bf78;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;margin:0 5px;padding:5px 20px}.DrawerRight .col-right .row-1 .wrap-btn-feature .btn-logout{background:#fd4c63;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;margin:0 5px;padding:5px 20px}.Main{background-color:#f2f4f7;display:flex;flex:1 1;padding:5px 20px}.Project{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;width:100%}.Project .text-header{font-weight:500}.Project .wrap-all-item{display:flex;flex-wrap:wrap}.Project .wrap-all-item .item-project{border-radius:5px;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;margin:0 10px;padding:10px 30px;width:20%}.Project .wrap-all-item .item-project .row-1{align-items:center;display:flex;justify-content:space-between}.Project .wrap-all-item .item-project .row-1 .col-1{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Project .wrap-all-item .item-project .row-1 .col-1 .name-project{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Project .wrap-all-item .item-project .row-1 .col-1 .icon-project{margin-right:5px;object-fit:contain;width:25px}.Project .wrap-all-item .item-project .row-1 .icon{cursor:pointer;width:15px}.Project .wrap-all-item .item-project .row-2{font-size:12px;font-style:italic}.Project .wrap-all-item .item-project .status-complete{color:#53b158;font-size:12px;font-style:italic;margin-top:0;padding-bottom:40px}.Project .wrap-all-item .item-project .status-notcomplete{color:#ff4966;font-size:12px;font-style:italic;margin-top:0;padding-bottom:40px}.DetailProject{background:#0003;height:100%;width:100%;z-index:10}.DetailProject,.DetailProject .modal{display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.DetailProject .modal{background:#fff;border-radius:10px;flex-direction:column;height:50vh;padding:10px;width:40vw}.DetailProject .modal .header-title{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.DetailProject .modal .header-title h2{margin-top:0}.DetailProject .modal .header-title .btn-back{border-radius:4px;box-shadow:0 .0625em .0625em #00000040,0 .125em .5em #00000040,inset 0 0 0 1px #ffffff1a;font-weight:500;padding:5px 20px}.DetailProject .modal .row-body{display:flex;flex-direction:column;overflow-y:auto;padding-left:15px;width:100%}.DetailProject .modal .row-body .wrap-avatar-name{align-items:center;display:flex}.DetailProject .modal .row-body .wrap-avatar-name img{border-radius:999px;cursor:pointer;height:50px;margin-right:10px;object-fit:cover;width:50px}.DetailProject .modal .row-body .wrap-avatar-name .wrap-name-nav{display:flex;flex-direction:column}.DetailProject .modal .row-body .wrap-avatar-name .wrap-name-nav .name{font-weight:700}.DetailProject .modal .row-body .wrap-avatar-name .wrap-name-nav .role{color:gray;font-size:14px;margin-top:-15px}.DetailProject .modal .row-body .wrap-avatar-name .wrap-name-nav .red-role{color:red}.DetailProject .modal .row-body .wrap-avatar-name .wrap-name-nav .green-role{color:#5cb14f}.ContentWork{display:flex;flex-direction:column;width:100%}.ContentWork .row-statistical{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.ContentWork .row-statistical .text-header{font-weight:500}.ContentWork .row-statistical .wrap-all-statistical{display:flex;justify-content:space-between}.ContentWork .row-statistical .wrap-all-statistical .o-box{border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:100px;margin:0 5px;padding:10px 20px;width:24%}.ContentWork .row-statistical .wrap-all-statistical .o-box .title{font-size:14px;font-weight:700;margin:0}.ContentWork .row-statistical .wrap-all-statistical .o-box .wrap-quantity{align-items:center;display:flex;justify-content:space-between;padding:20px 10px}.ContentWork .row-statistical .wrap-all-statistical .o-box .wrap-quantity .icon-work,.ContentWork .row-statistical .wrap-all-statistical .o-box .wrap-quantity .quantity{font-size:40px;font-weight:700;margin:0}.ContentWork .row-statistical .wrap-all-statistical .o-1{background:#ffe4e8}.ContentWork .row-statistical .wrap-all-statistical .o-1 .icon-work,.ContentWork .row-statistical .wrap-all-statistical .o-1 .quantity,.ContentWork .row-statistical .wrap-all-statistical .o-1 .title{color:#fd4b63}.ContentWork .row-statistical .wrap-all-statistical .o-2{background:#bff6c3}.ContentWork .row-statistical .wrap-all-statistical .o-2 .icon-work,.ContentWork .row-statistical .wrap-all-statistical .o-2 .quantity,.ContentWork .row-statistical .wrap-all-statistical .o-2 .title{color:#0a6847}.ContentWork .row-statistical .wrap-all-statistical .o-3{background:#eee5fe}.ContentWork .row-statistical .wrap-all-statistical .o-3 .icon-work,.ContentWork .row-statistical .wrap-all-statistical .o-3 .quantity,.ContentWork .row-statistical .wrap-all-statistical .o-3 .title{color:#8a50f6}.ContentWork .row-statistical .wrap-all-statistical .o-4{background:#ffeea9}.ContentWork .row-statistical .wrap-all-statistical .o-4 .icon-work,.ContentWork .row-statistical .wrap-all-statistical .o-4 .quantity,.ContentWork .row-statistical .wrap-all-statistical .o-4 .title{color:#ff7d29}.ContentWork .row-statistical .wrap-all-statistical .o-5{background:#dff0fe}.ContentWork .row-statistical .wrap-all-statistical .o-5 .icon-work,.ContentWork .row-statistical .wrap-all-statistical .o-5 .quantity,.ContentWork .row-statistical .wrap-all-statistical .o-5 .title{color:#2694f5}.ContentWork .row-work{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.ContentWork .row-work .row-filter{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.ContentWork .row-work .row-filter .text-header{font-weight:500}.ContentWork .row-work .row-filter .btn-filter-cw{background:#f3f6f9;border-radius:10px;font-weight:400;width:200px}.ContentWork .row-work .row-filter .wrap-dropdown-item-cw{display:flex;flex-direction:column;position:relative}.ContentWork .row-work .row-filter .wrap-dropdown-item-cw .wrap-dropdown-cw{background:#fff;border-radius:10px;box-shadow:0 2px 4px 0 #0e1e251f,0 2px 16px 0 #0e1e2552;color:#000;position:absolute;scale:1.05;top:40px;width:100%;z-index:10}.ContentWork .row-work .row-filter .wrap-dropdown-item-cw .wrap-dropdown-cw .wrap-item-drop-cw{align-items:center;cursor:pointer;display:flex;padding-left:10px}.ContentWork .row-work .row-filter .wrap-dropdown-item-cw .wrap-dropdown-cw .wrap-item-drop-cw .icon-drop{color:gray;margin-right:5px}.ContentWork .row-work .row-filter .wrap-dropdown-item-cw .wrap-dropdown-cw .wrap-item-drop-cw .text-drop{color:gray}.ContentWork .row-work .row-filter .wrap-dropdown-item-cw .wrap-dropdown-cw .wrap-item-drop-cw:hover{background-color:#f3f6f9}.ContentWork .row-work .wrap-title-table{display:flex}.ContentWork .row-work .row-table{display:flex;flex-direction:column;max-height:57vh;overflow:auto}.ContentWork .row-work .row-table .task-table{border-collapse:collapse;font-size:18px;margin:20px 0;text-align:left;width:100%}.ContentWork .row-work .row-table .task-table thead{background-color:#e0e0e0;font-size:16px}.ContentWork .row-work .row-table .task-table thead th{padding:10px}.ContentWork .row-work .row-table .task-table tbody{font-size:16px}.ContentWork .row-work .row-table .task-table tbody tr{border-bottom:1px solid #e0e0e0}.ContentWork .row-work .row-table .task-table tbody tr td{padding:0}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-flag{align-items:center;display:flex}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-flag .icon-flag{margin-right:5px}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-flag.high{color:#fd4b63}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-flag.low{color:#5cb14f}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-dropdown-work{background:#fff;border-radius:10px;box-shadow:0 2px 4px 0 #0e1e251f,0 2px 16px 0 #0e1e2552;color:#000;position:absolute;scale:1.05;top:60px;width:100%;z-index:2}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-dropdown-work .wrap-item-drop{align-items:center;cursor:pointer;display:flex;padding-left:10px}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-dropdown-work .wrap-item-drop .icon-drop{color:#fd4b63;margin-right:5px}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-dropdown-work .wrap-item-drop .text-drop{color:#fd4b63}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-dropdown-work .wrap-item-drop .icon-drop-2{color:#5cb14f;margin-right:5px}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-dropdown-work .wrap-item-drop .text-drop-2{color:#5cb14f}.ContentWork .row-work .row-table .task-table tbody tr td .wrap-dropdown-work .wrap-item-drop:hover{background-color:#f3f6f9}.ContentWork .row-work .row-table .task-table tbody tr .wrap-name-content{align-items:center;display:flex}.ContentWork .row-work .row-table .task-table tbody tr .wrap-name-content .icon-status-not{background:#fd4b63;border-radius:999px;height:10px;margin-right:10px;object-fit:contain;width:10px}.ContentWork .row-work .row-table .task-table tbody tr .wrap-name-content .icon-status-yes{background:#5cb14f;border-radius:999px;height:10px;margin-right:10px;width:10px}.ContentWork .row-work .row-table .task-table tbody tr .wrap-name-content p:hover{color:#5cb14f;cursor:pointer}.ContentWork .row-work .row-table .task-table tbody tr .complete{background-color:#5cb14f;color:#fff;font-weight:500;text-align:center;width:150px}.ContentWork .row-work .row-table .task-table tbody tr .not-complete{background-color:#fd4b63;color:#fff;font-weight:500;text-align:center;width:150px}.DetailWork{background:#0003;height:100%;width:100%;z-index:10}.DetailWork,.DetailWork .modal{display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.DetailWork .modal{background:#fff;border-radius:10px;flex-direction:column;height:80vh;padding:10px;width:80vw}.DetailWork .modal .header-title{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.DetailWork .modal .header-title h2{margin-top:0}.DetailWork .modal .header-title .btn-back{border-radius:4px;box-shadow:0 .0625em .0625em #00000040,0 .125em .5em #00000040,inset 0 0 0 1px #ffffff1a;font-weight:500;padding:5px 20px}.DetailWork .modal .row-body{display:flex;width:100%}.DetailWork .modal .row-body .col-1{display:flex;flex-direction:column;padding:0 20px;width:55%}.DetailWork .modal .row-body .col-1 .title-project{color:#969696;font-size:14px;font-weight:700}.DetailWork .modal .row-body .col-1 .title-work{font-size:18px;font-weight:700;margin-top:0}.DetailWork .modal .row-body .col-1 .wrap-1{align-items:center;display:flex;justify-content:space-between;padding-left:5px;padding-right:10px;position:relative}.DetailWork .modal .row-body .col-1 .wrap-1 .complete{background-color:#5cb14f;border-radius:8px;color:#fff;font-size:14px;font-weight:400;padding:5px 20px}.DetailWork .modal .row-body .col-1 .wrap-1 .not-complete{background-color:#fd4b63;border-radius:8px;color:#fff;font-size:14px;font-weight:400;padding:5px 20px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-dropdown{background:#fff;border-radius:10px;box-shadow:0 2px 4px 0 #0e1e251f,0 2px 16px 0 #0e1e2552;position:absolute;top:45px;width:20%;z-index:11}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-dropdown .wrap-item-drop{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:400;padding-left:10px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-dropdown .wrap-item-drop .icon-drop{color:red;margin-right:5px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-dropdown .wrap-item-drop .text-drop{color:red}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-dropdown .wrap-item-drop .icon-drop-2{color:#5cb14f;margin-right:5px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-dropdown .wrap-item-drop .text-drop-2{color:#5cb14f}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-dropdown .wrap-item-drop:hover{background-color:#f3f6f9}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-priority{display:flex;flex-direction:row}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-priority .title-priority{font-weight:700;margin-right:10px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-priority .text-priority{color:#6c6969}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-all-date{display:flex}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-all-date .wrap-start-date{align-items:center;display:flex;flex-direction:column;margin:0 10px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-all-date .wrap-start-date p{font-size:14px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-all-date .wrap-end-date{align-items:center;display:flex;flex-direction:column;margin:0 10px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-all-date .wrap-end-date p{font-size:14px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-all-date .wrap-actual-end-date{align-items:center;display:flex;flex-direction:column;margin:0 10px}.DetailWork .modal .row-body .col-1 .wrap-1 .wrap-all-date .wrap-actual-end-date p{font-size:14px}.DetailWork .modal .row-body .col-1 .wrap-2{display:flex;flex-direction:column}.DetailWork .modal .row-body .col-1 .wrap-2 .title-and-save{align-items:center;display:flex;justify-content:space-between}.DetailWork .modal .row-body .col-1 .wrap-2 .title-and-save .title-notification{color:#5cb14f}.DetailWork .modal .row-body .col-1 .wrap-2 .title-and-save .btn-save{background:#5cb14f;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#fff;font-size:14px;font-weight:400;outline:none;padding:5px 20px;transition:.3s ease-in-out}.DetailWork .modal .row-body .col-1 .wrap-2 .title-and-save .editor-container{height:100%;width:100%}.DetailWork .modal .row-body .col-2{background:#fbfbfb;display:flex;flex:1 1;flex-direction:column;padding:5px 10px}.DetailWork .modal .row-body .col-2 .wrap-attach{align-items:center;display:flex;justify-content:space-between}.DetailWork .modal .row-body .col-2 .wrap-attach p{color:#5cb14f;font-weight:500}.DetailWork .modal .row-body .col-2 .wrap-attach .btn-attach{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.DetailWork .modal .row-body .col-2 .wrap-attach .btn-attach .icon-attach{color:#969696;font-size:15px;margin-right:5px}.DetailWork .modal .row-body .col-2 .wrap-attach .btn-attach p{font-size:14px;font-weight:400}.DetailWork .modal .row-body .col-2 .area-attach{display:flex}.DetailWork .modal .row-body .col-2 .area-attach .file-info,.DetailWork .modal .row-body .col-2 .area-attach .no-attach-file{color:#969696;font-size:14px;font-weight:400}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.ProjectContent{display:flex;flex-direction:column;width:100%}.ProjectContent .row-statistical{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.ProjectContent .row-statistical .text-header{font-weight:500}.ProjectContent .row-statistical .wrap-all-statistical{display:flex;justify-content:space-between}.ProjectContent .row-statistical .wrap-all-statistical .o-1{background:#ffe4e8;border-radius:20px;display:flex;flex-direction:column;height:100px;margin-left:5px;margin-right:5px;padding:10px 20px;width:24%}.ProjectContent .row-statistical .wrap-all-statistical .o-1 .title{color:#fd4b63;font-size:14px;font-weight:700;margin:0}.ProjectContent .row-statistical .wrap-all-statistical .o-1 .wrap-quantity{align-items:center;display:flex;justify-content:space-between;padding-left:10px;padding-right:10px}.ProjectContent .row-statistical .wrap-all-statistical .o-1 .wrap-quantity .quantity{color:#fd4b63;font-size:40px;font-weight:700;margin:0}.ProjectContent .row-statistical .wrap-all-statistical .o-1 .wrap-quantity .icon-work{color:#fd4b63;font-size:40px}.ProjectContent .row-statistical .wrap-all-statistical .o-2{background:#bff6c3;border-radius:20px;display:flex;flex-direction:column;height:100px;margin-left:5px;margin-right:5px;padding:10px 20px;width:24%}.ProjectContent .row-statistical .wrap-all-statistical .o-2 .title{color:#0a6847;font-size:14px;font-weight:700;margin:0}.ProjectContent .row-statistical .wrap-all-statistical .o-2 .wrap-quantity{align-items:center;display:flex;justify-content:space-between;padding-left:10px;padding-right:10px}.ProjectContent .row-statistical .wrap-all-statistical .o-2 .wrap-quantity .quantity{color:#0a6847;font-size:40px;font-weight:700;margin:0}.ProjectContent .row-statistical .wrap-all-statistical .o-2 .wrap-quantity .icon-work{color:#0a6847;font-size:40px}.ProjectContent .row-statistical .wrap-all-statistical .o-3{background:#eee5fe;border-radius:20px;display:flex;flex-direction:column;height:100px;margin-left:5px;margin-right:5px;padding:10px 20px;width:24%}.ProjectContent .row-statistical .wrap-all-statistical .o-3 .title{color:#8a50f6;font-size:14px;font-weight:700;margin:0}.ProjectContent .row-statistical .wrap-all-statistical .o-3 .wrap-quantity{align-items:center;display:flex;justify-content:space-between;padding-left:10px;padding-right:10px}.ProjectContent .row-statistical .wrap-all-statistical .o-3 .wrap-quantity .quantity{color:#8a50f6;font-size:40px;font-weight:700;margin:0}.ProjectContent .row-statistical .wrap-all-statistical .o-3 .wrap-quantity .icon-work{color:#8a50f6;font-size:40px}.ProjectContent .row-statistical .wrap-all-statistical .o-4{background:#dff0fe;border-radius:20px;display:flex;flex-direction:column;height:100px;margin-left:5px;margin-right:5px;padding:10px 20px;width:24%}.ProjectContent .row-statistical .wrap-all-statistical .o-4 .title{color:#2694f5;font-size:14px;font-weight:700;margin:0}.ProjectContent .row-statistical .wrap-all-statistical .o-4 .wrap-quantity{align-items:center;display:flex;justify-content:space-between;padding-left:10px;padding-right:10px}.ProjectContent .row-statistical .wrap-all-statistical .o-4 .wrap-quantity .quantity{color:#2694f5;font-size:40px;font-weight:700;margin:0}.ProjectContent .row-statistical .wrap-all-statistical .o-4 .wrap-quantity .icon-work{color:#2694f5;font-size:40px}.ProjectContent .row-work{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.ProjectContent .row-work .row-filter{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.ProjectContent .row-work .row-filter .text-header{font-weight:500}.ProjectContent .row-work .row-filter .btn-filter{background:#f3f6f9;border-radius:10px;font-weight:400;width:200px;z-index:-1}.ProjectContent .row-work .row-table,.StrainManament{display:flex;flex-direction:column}.StrainManament{width:100%}.StrainManament .row-statistical{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.StrainManament .row-statistical .text-header{font-weight:500}.StrainManament .row-statistical .wrap-all-statistical{display:flex;justify-content:flex-start}.StrainManament .row-statistical .wrap-all-statistical .o-box{border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:100px;margin:0 5px;padding:10px 20px;width:20%}.StrainManament .row-statistical .wrap-all-statistical .o-box .title{font-size:14px;font-weight:700;margin:0}.StrainManament .row-statistical .wrap-all-statistical .o-box .wrap-quantity{align-items:center;display:flex;justify-content:space-between;padding:20px 10px}.StrainManament .row-statistical .wrap-all-statistical .o-box .wrap-quantity .icon-work,.StrainManament .row-statistical .wrap-all-statistical .o-box .wrap-quantity .quantity{font-size:40px;font-weight:700;margin:0}.StrainManament .row-statistical .wrap-all-statistical .o-1{background:#dff0fe}.StrainManament .row-statistical .wrap-all-statistical .o-1 .icon-work,.StrainManament .row-statistical .wrap-all-statistical .o-1 .quantity,.StrainManament .row-statistical .wrap-all-statistical .o-1 .title{color:#2694f5}.StrainManament .row-statistical .wrap-all-statistical .o-2{background:#bff6c3}.StrainManament .row-statistical .wrap-all-statistical .o-2 .icon-work,.StrainManament .row-statistical .wrap-all-statistical .o-2 .quantity,.StrainManament .row-statistical .wrap-all-statistical .o-2 .title{color:#0a6847}.StrainManament .row-statistical .wrap-all-statistical .o-3{background:#ffeea9}.StrainManament .row-statistical .wrap-all-statistical .o-3 .icon-work,.StrainManament .row-statistical .wrap-all-statistical .o-3 .quantity,.StrainManament .row-statistical .wrap-all-statistical .o-3 .title{color:#ff7d29}.StrainManament .row-statistical .wrap-all-statistical .add-top{align-self:center;color:#00a551;cursor:pointer;font-size:80px;margin-left:50px}.StrainManament .row-statistical .wrap-all-statistical .add-top:hover{color:#5cb14f;scale:1.05;transition:.3s ease-in-out}.StrainManament .row-2{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.StrainManament .row-2 .text-header{font-weight:500;margin-bottom:10px}.StrainManament .row-2 .wrap-all-item{display:flex;flex-wrap:wrap;max-height:60vh;overflow:auto}.StrainManament .float-btn{bottom:40px;color:#fff;cursor:pointer;font-size:50px;margin-left:-120px;position:fixed;transition:.3s ease-in-out;z-index:1}.StrainManament .float-btn:hover{color:#5cb14f;scale:1.05;transition:.3s ease-in-out}.StrainModal{background:#0003;height:100%;overflow:auto;width:100%;z-index:999}.StrainModal,.StrainModal .modal{display:flex;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.StrainModal .modal{background:#fff;border-radius:10px;flex-direction:column;height:80vh;padding:10px;width:80vw}.StrainModal .modal .header-title{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.StrainModal .modal .header-title h2{margin-top:0}.StrainModal .modal .header-title .btn-back{border-radius:4px;box-shadow:0 .0625em .0625em #00000040,0 .125em .5em #00000040,inset 0 0 0 1px #ffffff1a;font-weight:500;padding:5px 20px}.StrainModal .modal .content{display:flex;flex-direction:row}.StrainModal .modal .content .wrap-all-input{display:flex;flex-direction:column;flex-wrap:wrap;width:60%}.StrainModal .modal .content .wrap-all-input .wrap-row{display:flex;justify-content:space-between}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input{display:flex;flex-direction:column;margin:0 10px;position:relative;width:33%}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input .input-box{background-color:#fff;border:1px solid #000;border-radius:10px;display:flex;height:35px;padding:0 10px}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input .input-box input{background:#0000;border:none;color:gray;font-size:16px;outline:none;width:100%}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input .input-box .btn-choose{align-items:center;background:none;display:flex;font-size:24px}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input .label{font-weight:500;margin-bottom:5px;padding-left:5px}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input .dropdown-content{background-color:#fff;border:1px solid #c7c8cc;border-radius:10px;box-shadow:0 0 0 2px #06182c66,0 4px 6px -1px #06182ca6,inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;margin-top:10px;max-height:200px;overflow:hidden;overflow-y:auto;position:absolute;top:80px;width:100%;z-index:999}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input .dropdown-content .wrap-text{align-items:center;border-bottom:1px solid #c7c8cc;cursor:pointer;display:flex;justify-content:space-between;padding:5px 10px}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input .dropdown-content .wrap-text p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StrainModal .modal .content .wrap-all-input .wrap-row .wrap-input .dropdown-content .wrap-text:hover{background-color:#c7c8cc}.StrainModal .modal .content .col-2{display:flex;flex:1 1;flex-direction:column;padding:0 10px}.StrainModal .modal .content .col-2 .wrap-input{display:flex;flex-direction:column;margin:0 10px;width:100%}.StrainModal .modal .content .col-2 .wrap-input .input-box{background-color:#fff;border:1px solid #000;border-radius:10px;display:flex;height:35px;padding:0 10px}.StrainModal .modal .content .col-2 .wrap-input .input-box input{background:#0000;border:none;color:gray;font-size:16px;outline:none;width:100%}.StrainModal .modal .content .col-2 .wrap-input .label{font-weight:500;margin-bottom:5px;padding-left:5px}.StrainModal .modal .content .col-2 .wrap-input .card-image{align-self:center;border-radius:10px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;cursor:pointer;height:400px;margin:50px 0;overflow:hidden;width:80%}.StrainModal .modal .content .col-2 .wrap-input .card-image img{height:100%;object-fit:contain;width:100%}.StrainModal .modal .content .col-2 .btn-add{background:#00a551}.StrainModal .modal .content .col-2 .btn-add,.StrainModal .modal .content .col-2 .btn-update{align-self:center;border:none;border-radius:40px;box-shadow:0 0 10px #0006;color:#fff;font-size:18px;font-weight:700;outline:none;padding:5px 10px;transition:.3s ease-in-out;width:50%}.StrainModal .modal .content .col-2 .btn-update{background:#ff6c37}.StrainModal .modal .content .col-2 .disable{background:#c7b3be;color:#fff;cursor:default;transition:.3s ease-in-out}.StrainModal .modal .content .col-2 .strain-da-duyet{color:#00a551;font-weight:700;text-align:center}.StrainModal .modal .content .col-2 .img-approved{align-self:center;border-radius:999px;height:120px;margin-top:0;width:120px}.StrainModal .modal .content .col-2 .reason{color:red;font-weight:500;text-align:center}.wrap-strain{background-color:snow;border-radius:10px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;cursor:pointer;display:flex;flex-direction:column;margin:10px 5px;overflow:hidden;position:static;transition:.3s;width:16%;z-index:1}.wrap-strain .card-img{height:200px;width:100%}.wrap-strain .card-img .img-strain{height:100%;object-fit:cover;width:100%}.wrap-strain .card-text{font-size:14px;font-weight:500;padding:0 10px;position:relative}.wrap-strain .card-text .name{color:#5cb14f;font-weight:700;margin:2}.wrap-strain .card-text .number{color:#5cb14f;margin:2}.wrap-strain .card-text .da-duyet{border:2px solid #00a551;border-radius:90px;color:#00a551}.wrap-strain .card-text .chua-duyet,.wrap-strain .card-text .da-duyet{align-items:center;background:none;display:flex;font-weight:700;justify-content:center;margin-bottom:20px;padding-bottom:10px;padding-top:10px;transition:.3s ease-in-out;width:100%}.wrap-strain .card-text .chua-duyet{border:2px solid #ff7d29;border-radius:90px;color:#ff7d29}.wrap-strain:hover{scale:1.02}.AllStrain{width:100%}.AllStrain,.AllStrain .row-2-as{display:flex;flex-direction:column}.AllStrain .row-2-as{background-color:#fff;border-radius:20px;margin:20px 0;padding-bottom:20px;padding-left:20px;padding-right:20px}.AllStrain .row-2-as .text-header-as{font-weight:700}.AllStrain .row-2-as .search-box-as{align-items:center;background:#fff;border-radius:70px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;display:flex;justify-content:space-between;padding:2px 15px 2px 20px;width:20%}.AllStrain .row-2-as .search-box-as .input-search{background:none;border:none;border-radius:70px;color:#000;font-size:14px;height:30px;outline:none;padding-left:5px;padding-right:10px;width:100%}.AllStrain .row-2-as .search-box-as .input-search::placeholder{color:gray;font-size:14px}.AllStrain .row-2-as .search-box-as .icon-search{color:#fff;font-size:25px}.AllStrain .row-2-as .btn-showmore{background-color:#17894d;border-radius:20px;color:#fff;margin:20px 0}.AllStrain .row-2-as .wrap-all-item-as{display:flex;flex-wrap:wrap;margin-top:20px;max-height:68vh;overflow-y:auto;width:100%}.AllStrain .row-2-as .notification{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:50px 0}.AllStrain .row-2-as .notification .img-empty{align-self:center;width:400px}.AllStrain .row-2-as .notification h2{margin-top:0}.ProfileEmployee{display:flex;flex-direction:column;width:100%}.ProfileEmployee .row-profile{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.ProfileEmployee .row-profile .text-header{color:#009700;font-weight:700}.ProfileEmployee .row-profile .wrap-avatar-name{align-items:center;display:flex}.ProfileEmployee .row-profile .wrap-avatar-name img{border-radius:999px;cursor:pointer;height:60px;object-fit:cover;width:60px}.ProfileEmployee .row-profile .wrap-avatar-name .wrap-name{margin-left:10px}.ProfileEmployee .row-profile .wrap-avatar-name .wrap-name .name{font-weight:700}.ProfileEmployee .row-profile .wrap-avatar-name .wrap-name .role{color:gray;font-size:14px;margin-top:-15px}.ProfileEmployee .row-profile .card-profile{display:flex;width:100%}.ProfileEmployee .row-profile .card-profile .col-header{display:flex;flex-direction:column;width:20%}.ProfileEmployee .row-profile .card-profile .col-header p{font-size:14px;font-weight:500}.ProfileEmployee .row-profile .card-profile .col-content{display:flex;flex:1 1;flex-direction:column}.ProfileEmployee .row-profile .card-profile .col-content .input-box{background:#f0f0f0;margin:10px 0;padding:3px 20px;width:300px}.ProfileEmployee .row-profile .card-profile .col-content .input-box .input-text{background:none;border:none;outline:none;padding:5px 0;width:100%}.ProfileEmployee .row-profile .card-profile .col-content .btn-change-pass{align-items:center;border:1px solid #000;border-radius:10px;cursor:pointer;display:flex;justify-content:center;margin-top:10px;padding:4px 20px;width:15%}.ProfileEmployee .row-profile .card-profile .col-content .btn-change-pass .icon-change-pass{color:#009700;font-size:18px;margin-right:5px}.ProfileEmployee .row-profile .card-profile .col-content .btn-change-pass p{font-size:14px;margin:0}.ChangePass{background:#0003;height:100%;overflow:auto;width:100%;z-index:999}.ChangePass,.ChangePass .form-change-pass{display:flex;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.ChangePass .form-change-pass{background:#fff;border-radius:10px;box-shadow:0 3px 8px #0000003d;flex-direction:column;height:30vh;padding:10px 10px 20px;width:35vw}.ChangePass .form-change-pass .header-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px}.ChangePass .form-change-pass .header-title h2{margin:0}.ChangePass .form-change-pass .header-title .btn-back{border-radius:4px;box-shadow:0 .0625em .0625em #00000040,0 .125em .5em #00000040,inset 0 0 0 1px #ffffff1a;font-weight:500;padding:5px 20px}.ChangePass .form-change-pass .wrap-all-input{align-items:center;display:flex;flex-direction:column}.ChangePass .form-change-pass .wrap-all-input .input-box1{background:#f0f0f0;border-radius:10px;margin-bottom:20px;padding:5px 20px;width:80%}.ChangePass .form-change-pass .wrap-all-input .input-box1 .input-text1{background:none;border:none;outline:none;padding:5px 0;width:100%}.ChangePass .form-change-pass .btn-submit{align-self:center;background:#009700;border-radius:10px;color:#f0f0f0;font-weight:400;padding:4px 30px}.FooterV2{align-self:center;color:#fff;height:400px;width:100%}.FooterV2,.FooterV2 .row-1-footer{display:flex;flex-direction:column}.FooterV2 .row-1-footer{align-items:center;background:#282828;padding:40px 30%}.FooterV2 .row-1-footer .title-row-1{font-size:30px;margin-bottom:0}.FooterV2 .row-1-footer p{text-align:center}.FooterV2 .row-1-footer .wrap-all-icon{display:flex;justify-content:space-between}.FooterV2 .row-1-footer .wrap-all-icon .icon{color:#17894d;cursor:pointer;font-size:30px;margin:0 20px;transition:.2s ease-in-out}.FooterV2 .row-1-footer .wrap-all-icon .icon:hover{color:#fff;scale:1.1}.FooterV2 .row-1-footer .wrap-all-feature{display:flex;justify-content:space-between}.FooterV2 .row-1-footer .wrap-all-feature .feature{border-right:1px solid #fff;cursor:pointer;font-weight:500;padding:0 20px;transition:.2s ease-in-out}.FooterV2 .row-1-footer .wrap-all-feature .last{border:none}.FooterV2 .row-1-footer .wrap-all-feature .feature:hover{color:#17894d}.FooterV2 .row-2-footer{align-items:center;background:#17894d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:0 20%}.FooterV2 .row-2-footer p{font-size:14px;font-weight:500}.FooterV2 .row-2-footer p:hover{color:#282828}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b2493cd5.css.map*/