????
Current Path : C:/inetpub/vhost/qlhncn.gdtsolutions.vn/www/assets/ |
Current File : C:/inetpub/vhost/qlhncn.gdtsolutions.vn/www/assets/Detail-ec2d2cea.css |
.header-select-time{display:grid;grid-template-columns:1fr 6fr;background:linear-gradient(90deg,rgb(248,249,250) 0%,rgb(244,244,244) 100%);padding:.3rem;border-radius:10px;box-shadow:#0000000d 0 0 0 1px}.header-select-time .select__control{background-color:#fff}.body-select-time{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1.5rem;padding:3rem 10rem;background:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(247,247,252) 100%);border-radius:10px}.body-select-time .item-select-time{justify-content:center;text-align:center;padding:.3rem;height:15rem;border-radius:1rem;cursor:pointer;transition:.4s;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;background:rgb(244,245,247);position:relative;margin-bottom:.5rem}.body-select-time .item-select-time .body-item-select-time{height:100%;width:100%;background-color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center}.body-select-time .item-select-time .body-item-select-time h1{font-size:50px;font-weight:700;color:#00857a}.body-select-time .item-select-time .body-item-select-time h6{color:#68a19e}.body-select-time .item-select-time .outline-footer-item-select-time{position:absolute;left:0;right:0;bottom:.9rem;display:flex;justify-content:center;height:1.5rem}.body-select-time .item-select-time .outline-footer-item-select-time .footer-item-select-time{background-color:#fff;border-radius:2rem;display:flex;align-items:center;padding:.2rem;gap:1rem;box-shadow:#0000000f 0 2px 4px inset;font-weight:500;font-size:small;background:rgb(244,246,247);animation:footerItemSelectTime .2s ease-in-out forwards}.body-select-time .item-select-time .outline-footer-item-select-time .footer-item-select-time i{width:1.3rem;height:1.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#005a96;background:white;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;border:solid 1px rgb(222,222,222)}.body-select-time .item-select-time .list-item-mau-bao-cao{display:flex;gap:.2rem;bottom:0;margin-right:1rem;font-size:12px}.body-select-time .item-select-time .list-item-mau-bao-cao .item-mau-bao-cao{background-color:#fff;border-radius:5px;font-weight:500;height:1rem;display:flex;align-items:center;justify-content:center;padding:.1rem .4rem}.body-select-time .item-select-time .img-select-time{height:10rem}.body-select-time .item-select-time:hover{transform:scale(1.02)}.body-select-time .item-select-time:hover .body-item-select-time{background:white}.body-select-time .item-select-time .ouline-form-check-du-lieu{position:absolute;left:.5rem;right:.5rem;top:.2rem;display:flex;justify-content:center;gap:.5rem;align-items:start;font-size:small}.body-select-time .item-select-time .ouline-form-check-du-lieu .form-check-du-lieu{animation:scrollTopToBottom .2s ease-in-out forwards;display:flex;justify-content:center;align-items:center;border-radius:0 0 10px 10px;gap:.25rem;background:rgb(248,248,250);padding:.2rem;box-shadow:#0000000f 0 2px 4px inset}.body-select-time .item-select-time .ouline-form-check-du-lieu .form-check-du-lieu .img-icon-check{height:1.2rem;width:1.2rem;padding:.1rem;margin-left:.5rem;border-radius:50%;border:solid 1.5px white}.body-select-time .item-select-time .ouline-form-check-du-lieu .form-check-du-lieu span{margin:0 .75rem 0 .5rem;font-weight:500;font-size:12px;width:max-content;color:#00476b}.body-select-time .item-select-time:hover .form-check-du-lieu span{display:block}.form-btn-action-b1{position:absolute;display:flex;gap:.5rem;height:2rem;right:14.2rem;top:.4rem;font-weight:500}.form-btn-action-b1 .outline-form-info-btn-action-b1{display:flex;background:rgb(233,233,233);gap:.5rem;padding:.2rem .25rem;border-radius:10px}.form-btn-action-b1 .btn-data-validation{display:flex;align-items:center;background:linear-gradient(90deg,rgb(0,64,128) 0%,rgb(0,145,128) 100%);font-weight:500;padding-left:2rem;padding-right:2rem;border-radius:5px}.form-btn-action-b1 .confim-primary{background:linear-gradient(90deg,rgb(0,186,87) 0%,rgb(0,145,131) 100%)}.form-btn-action-b1 .form-info-btn-action-b1{height:100%;padding:0 1rem;background-color:#fff;border-radius:7px 5px 5px 7px;display:flex;align-items:center;gap:.75rem;font-size:small}.form-btn-action-b1 .form-info-btn-action-b1 strong{cursor:pointer}.form-btn-action-b1 .form-info-btn-action-b1 strong:hover{border-bottom:solid 1px rgb(150,150,150)}.form-btn-action-b1 .btn-import-excel-b1{background:rgb(251,251,251);border-radius:2rem;padding:.2rem 1rem .2rem .2rem;height:2rem;display:flex;align-items:center;color:#000;font-weight:700;font-size:small;gap:.5rem;transition:.4s;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.form-btn-action-b1 .btn-import-excel-b1 img{width:1.5rem}.form-btn-action-b1 .btn-import-excel-b1:hover{background:rgb(7,144,223);color:#fff;transform:scale(1.02)}.outline-year-month-import-b1{position:relative;background:red;margin:2.5rem 0 3rem;border-top:solid 1px rgb(230,230,230)}.outline-year-month-import-b1 .form-year-month-import{display:flex;align-items:center;padding:.75rem 2.5rem;gap:1.75rem;border-radius:3rem;border:solid 1px rgb(230,230,230);background:rgb(249,250,252);transform:translateY(-1px);position:absolute;font-weight:500;height:2.5rem;top:-1.25rem;color:#40697c}.outline-year-month-import-b1 .form-year-month-import i{height:1.5rem;width:1.5rem;border-radius:5px;display:flex;align-items:center;justify-content:center;background:rgb(126,150,163);color:#fff}.outline-input-search-maho{position:relative}.outline-input-search-maho .btn-form-search-maho{position:absolute;top:.4rem;right:.4rem;bottom:.4rem;padding-left:2rem;padding-right:2rem;color:#fff;background:rgb(0,72,155);display:flex;align-items:center;font-size:14px;gap:.5rem;font-weight:500;box-shadow:none}@media (max-width: 1650px){.body-select-time{grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}.body-select-time .item-select-time{padding:.2rem;height:14.75rem}.header-select-time{display:grid;grid-template-columns:1fr 3fr}}@media (max-width: 1400px){.body-select-time{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 1200px){.header-select-time{display:grid;grid-template-columns:1fr .5fr}.body-select-time{grid-template-columns:1fr}.body-select-time .item-select-time{box-shadow:#00000029 0 1px 4px}}@keyframes scrollTopToBottom{0%{transform:translateY(-.5rem);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes footerItemSelectTime{0%{transform:translateY(.5rem);opacity:.5}to{transform:translateY(0);opacity:1}}