????
Current Path : C:/inetpub/vhost/hotrochinhsach.nextform.vn/www/assets/ |
Current File : C:/inetpub/vhost/hotrochinhsach.nextform.vn/www/assets/index-097716a7.css |
.outline-page-tong-quan{padding:1.5rem}.outline-page-tong-quan .form-page-tong-quan{display:grid;grid-template-columns:1fr;gap:1.5rem}.outline-page-tong-quan .form-page-tong-quan .form-left{display:grid;gap:2rem}.outline-page-tong-quan .form-page-tong-quan .form-left .form-header-left{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem 1rem;padding:1rem;border-radius:10px;background:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%)}.outline-page-tong-quan .form-page-tong-quan .form-left .select__control{box-shadow:none;background:white;border-color:#e7e7e7!important}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;border-radius:1rem}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item{border-radius:1.5rem;background:linear-gradient(180deg,rgb(248,249,250) 0%,rgb(255,255,255) 100%);padding:1rem;font-size:14px;transition:.4s;color:#49637c;font-weight:500;box-shadow:#0000000f 0 2px 4px inset;border-bottom:solid 1px rgb(235,235,235)}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item:hover{transform:scale(1.02);transition:.4s}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item h4{font-size:30px}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item p{color:#4d9ba5}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item i{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:5px;background:rgb(255,255,255);margin-bottom:2rem;color:#404349}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item .footer-item{font-size:12px;margin-top:1rem;color:#78818b;font-weight:400}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item .footer-item strong{color:#00c583}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item-blue{color:#fff;background:linear-gradient(90deg,rgb(0,168,208) 0%,rgb(0,109,158) 100%);box-shadow:#63636333 0 2px 8px}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item-blue p{color:#fff}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item-blue-second{background:linear-gradient(90deg,rgb(220,235,255) 0%,rgb(255,255,255) 100%);box-shadow:#0000000f 0 2px 4px inset}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item-blue-second i{background:white}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item-blue-second p{color:#4d9ba5}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item-light-blue{background:linear-gradient(90deg,rgb(0,200,233) 0%,rgb(142,223,145) 100%);color:#fff;box-shadow:#63636333 0 2px 8px}.outline-page-tong-quan .form-page-tong-quan .form-left .form-list-data .item-light-blue p{color:#fff}.outline-page-tong-quan .form-page-tong-quan .form-left .outline-forward{position:relative;height:2rem;display:flex;align-items:center;justify-content:center}.outline-page-tong-quan .form-page-tong-quan .form-left .outline-forward .line{position:absolute;top:1rem;right:0;bottom:0;left:0;border-top:solid 1px rgb(204,204,204)}.outline-page-tong-quan .form-page-tong-quan .form-left .outline-forward span{background:white;padding:.5rem 1rem;z-index:1;font-weight:500}.outline-page-tong-quan .form-page-tong-quan .form-right{display:grid;gap:3rem}.outline-page-tong-quan .form-page-tong-quan .form-right .item-chart{font-size:small;transition:.4s}.outline-page-tong-quan .form-page-tong-quan .form-right .item-chart .nav-link{font-size:15px!important}.outline-page-tong-quan .form-page-tong-quan .form-right .item-chart .tab-content .active{padding:2rem!important}.outline-page-tong-quan .form-page-tong-quan .form-right .item-chart h6{color:#525252;font-size:19px;margin:1rem 0 2rem;padding-left:3rem;border-bottom:solid 1px rgb(223,223,223)}.outline-page-tong-quan .form-page-tong-quan .form-right .form-two-chart{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 1600px){.outline-page-tong-quan .form-page-tong-quan{grid-template-columns:1fr}.outline-page-tong-quan .form-page-tong-quan .form-header-left{grid-template-columns:1fr 1fr;gap:1rem}}.outline-user-dashboard{height:16rem;border-radius:1rem;padding:.5rem;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;background:white}.outline-user-dashboard .form-user-dashboard{height:100%;width:100%;border-radius:1rem;background:linear-gradient(180deg,rgb(248,249,250) 0%,rgb(229,233,235) 100%);display:flex;align-items:center;justify-content:center;text-align:center;color:#000;cursor:pointer}.outline-user-dashboard .form-user-dashboard:hover{background:rgb(229,233,235)}.outline-user-dashboard .form-user-dashboard i{height:2rem;width:2rem;background-color:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.outline-user-dashboard .form-user-dashboard i:hover{background:#f7f7f8;color:#003c81}.outline-user-dashboard .form-user-dashboard .img-avt{height:5rem;width:5rem;background:linear-gradient(177deg,rgb(66,136,148) 0%,rgb(231,231,231) 100%);border-radius:50%;border:solid 2px white}.outline-user-dashboard .form-user-dashboard span{font-size:small;color:#8a8a8a}.table-chart-custom{font-size:17px;font-weight:500}.table-chart-custom .row-table{display:grid;padding:1rem 2rem;border-radius:1rem;margin-bottom:1rem;background:white;border:solid 1px rgb(230,230,230)}.table-chart-custom .row-table:hover{background:rgb(244,245,247)}.table-chart-custom .row-table .title{font-size:small;color:#00496b}.table-chart-custom .row-table .td{display:flex;align-items:center}.form-dashboard{background:url(/assets/bgdashboard2-84d0dfa9.jpg);background-position:top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0}.form-dashboard .header-dashboard{display:flex;justify-content:center;padding:2rem 4rem;align-items:center}.form-dashboard .header-dashboard .form-logo-left{display:grid;grid-template-columns:1fr 1fr;width:12rem;border-radius:1.1rem 0;padding:.2rem;border:solid 2.5px rgb(244,245,247);box-shadow:#0000003d 0 3px 8px}.form-dashboard .header-dashboard .form-logo-left .item{padding:.4rem .2rem;display:flex;align-items:center;justify-content:center;font-weight:500;color:#000;border-radius:0 0 1rem;font-size:18px;background:rgb(244,245,247);box-shadow:#0000000f 0 2px 4px inset}.form-dashboard .header-dashboard .form-logo-left .left{background:rgb(0,71,99);color:#fff;font-weight:700;border-radius:1rem 0 0;box-shadow:#0000000f 0 2px 4px inset}.form-dashboard .outline-fomr-body-dashboard::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.form-dashboard .outline-fomr-body-dashboard::-webkit-scrollbar{width:10px;background-color:#f5f5f5}.form-dashboard .outline-fomr-body-dashboard::-webkit-scrollbar-thumb{background-color:#727272;border-radius:2rem}.form-dashboard .outline-fomr-body-dashboard{overflow-y:auto;height:90vh;padding:0 5rem 5rem;position:relative;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard{margin:5rem 0 2rem;display:grid;grid-template-columns:1.25fr 3fr;gap:2rem;font-weight:500}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-1{padding-top:2rem;padding-right:2rem;color:#fff;font-size:22px;text-shadow:0px 4px 3px rgba(0,0,0,.4),0px 8px 13px rgba(0,0,0,.1),0px 18px 23px rgba(0,0,0,.1)}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-1 .title{margin-top:2rem}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-1 .title h1{font-weight:700;font-size:70px}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-1 p{margin-top:4rem;margin-left:.2rem;color:#fff;margin-bottom:0;padding-right:3rem;font-weight:700}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2{display:grid;gap:1rem}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .form-select-year{padding:.5rem 2rem;border-radius:2rem;border:solid 2px white;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;background:white;height:max-content;display:grid;grid-template-columns:5fr 1fr}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .form-select-year .select__control{border:solid 1px white!important}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .form-select-year .select__control i{color:#000}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .list-number-2,.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .list-number-2 .list-item{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .list-number-2 .list-item .item{min-height:9rem;display:grid;background:white;padding:1.5rem;font-size:15px;border-radius:2rem}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .list-number-2 .list-item .item i{height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgb(236,236,236);box-shadow:#0000000f 0 2px 4px inset}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .list-number-2 .list-item .item h5{align-self:flex-end;font-weight:700;font-size:40px}.form-dashboard .outline-fomr-body-dashboard .fomr-body-dashboard .div-2 .list-number-2 .chart{padding:1rem;border-radius:2rem;border:solid 2px white;background:rgba(255,255,255,.5);backdrop-filter:blur(8.5px);-webkit-backdrop-filter:blur(8.5px)}.form-dashboard .outline-fomr-body-dashboard .form-chart{font-weight:500;background:white;border-radius:2rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;padding:1rem}.form-dashboard .outline-fomr-body-dashboard .bg-1{background:url(/assets/bgchart1-c276b67e.jpg);background-size:cover;background-position:bottom}.form-dashboard .outline-fomr-body-dashboard .list-number{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-dashboard .outline-fomr-body-dashboard .list-number .item-list-number{padding:1.5rem;border-radius:2rem;background:white;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;font-size:small}.form-dashboard .outline-fomr-body-dashboard .list-number .item-list-number .tt-card{font-size:13px}.form-dashboard .outline-fomr-body-dashboard .list-number .item-list-number h5,.form-dashboard .outline-fomr-body-dashboard .list-number .item-list-number h6{font-weight:700}.form-dashboard .outline-fomr-body-dashboard .list-number .item-list-number p{margin-bottom:0;font-size:smaller}.form-dashboard .outline-fomr-body-dashboard .list-number .item-list-number i{font-size:large;margin-bottom:1rem}.form-dashboard .outline-fomr-body-dashboard .list-number .item-list-number .footer-item{display:flex;justify-content:space-between;margin-top:2rem}.form-dashboard .outline-fomr-body-dashboard .list-number .item-card-money{background:url(/assets/card-money-26cb5ac1.jpg);color:#fff}.form-dashboard .outline-fomr-body-dashboard .list-number .item-card-money-2{background:url(/assets/card-money2-041236b7.jpg);color:#222}.form-dashboard .outline-fomr-body-dashboard .list-number .item-card-money-2 h5,.form-dashboard .outline-fomr-body-dashboard .list-number .item-card-money-2 h6,.form-dashboard .outline-fomr-body-dashboard .list-number .item-card-money-2 i{color:#8f5e1f}.form-dashboard .outline-fomr-body-dashboard .list-number .item-card-money-3{background:url(/assets/card-money3-21598408.jpg);color:#fff}