.grid-3{grid-template-columns:repeat(3,1fr)}.image-attendace{width:100%;height:300px;object-fit:cover;overflow:hidden}[dir] .bg-not-select .header{border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9}.bg-not-select .header p{color:#8b8b8b!important}.circle-attendance{height:20px;width:20px;display:flex;align-items:center;justify-content:center}[dir] .circle-attendance{border-radius:50%}.ip{position:absolute;bottom:0;font-size:16px;font-weight:bolder;width:100%;color:#fff}[dir] .ip{margin-bottom:0;text-align:center;padding:.4rem 0;background:var(--primary)}[dir=ltr] .ip,[dir=rtl] .ip{right:0;left:0}.container-scroll{overflow-x:auto}[dir] .container-scroll{padding:1rem 0;margin:.5rem 0}.container-main-list{display:grid;grid-template-columns:1fr 10fr 2fr;overflow:hidden;min-width:1200px}.container-main-list .list-table{z-index:10}[dir] .container-main-list .list-table{background:#fff;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}.container-main-list .list-table .card-user{height:80px;display:flex;justify-content:center;flex-direction:column;align-items:center}[dir] .container-main-list .list-table .card-user{border-radius:8px;padding:1rem}[dir] .container-main-list .list-table .card-user .avatar{border:2px solid #7367f0}.container-main-list .list-table .card-times{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}.container-main-list .list-table .card-times p,.container-main-list .list-table .header{display:flex;align-items:center;justify-content:center}.container-main-list .list-table .header{height:80px}[dir] .container-main-list .list-table .header{padding:2rem;border-bottom:1px solid #d9d9d9}.container-main-list .border-right .header{display:flex;flex-direction:column}[dir] .container-main-list .border-right .header{padding:0;border-bottom:1px solid #7367f0}.container-main-list .border-right .header .header-title{height:100%;width:100%;display:flex;align-items:center;justify-content:center}[dir] .container-main-list .border-right .header .header-title{background:#7367f0}.container-main-list .border-right .header .header-title p{color:#fff;font-size:16px;font-weight:bolder}.container-main-list .border-right .header .grid{height:60px;width:100%;display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center}[dir] .container-main-list .border-right .header .grid{background:rgba(115,103,240,.1);border-top:1px solid #fff}.container-main-list .border-right .header .grid p{color:#7367f0;font-weight:bolder}[dir] .container-main-list .border-right .header .grid p{text-align:center}.container-main-list .border-right .header .grid .subtotal,.container-main-list .border-right .header .grid .total{height:100%;display:flex;align-items:center;justify-content:center}[dir=ltr] .container-main-list .border-right .header .grid .total{border-left:1px solid #7367f0}[dir=rtl] .container-main-list .border-right .header .grid .total{border-right:1px solid #7367f0}.container-main-list .border-right .card-user{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center}[dir] .container-main-list .border-right .card-user{padding:0;background:rgba(115,103,240,.1);border-radius:0!important;border-bottom:1px solid #7367f0}[dir] .container-main-list .border-right .card-user:last-child{border-bottom:none}.container-main-list .border-right .card-user p{height:100%;display:flex;align-items:center;justify-content:center;color:#8c8c8c!important;font-size:18px;font-weight:500}[dir] .container-main-list .border-right .card-user p{text-align:center}[dir=ltr] .container-main-list .border-right .card-user .total{border-left:1px solid #7367f0}[dir=rtl] .container-main-list .border-right .card-user .total{border-right:1px solid #7367f0}.container-main-list .swiper{position:relative}.container-main-list .swiper .container-footer{width:400px;height:40px;display:flex;align-items:center;justify-content:space-between;z-index:200;position:absolute;bottom:-200px;z-index:100}[dir] .container-main-list .swiper .container-footer{background:red}[dir=ltr] .container-main-list .swiper .container-footer{left:0}[dir=rtl] .container-main-list .swiper .container-footer{right:0}.container-main-list .swiper .container-footer .swiper-button-prev{height:40px;width:40px;display:flex;align-items:center;justify-content:center;color:#fff}[dir] .container-main-list .swiper .container-footer .swiper-button-prev{background:green}.container-main-list .swiper .container-footer .swiper-button-next{height:40px;width:40px;display:flex;align-items:center;justify-content:center;color:#fff}[dir] .container-main-list .swiper .container-footer .swiper-button-next{background:green}.container-main-list .container-swiper{overflow:hidden}[dir] .container-main-list .container-swiper{cursor:pointer}.container-main-list .container-swiper .load-sliders{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}[dir] .container-main-list .container-swiper .load-sliders{border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9}.container-main-list .container-swiper .load-sliders p{font-weight:bolder}[dir] .container-main-list .border-none-bottom{border-bottom:none!important}.container-main-list .total-hours{overflow:hidden}[dir] .container-main-list .total-hours{border-radius:15px;border:1px solid #7367f0!important}[dir=ltr] .container-main-list .total-hours{margin-left:2rem}[dir=rtl] .container-main-list .total-hours{margin-right:2rem}.container-main-list .list-users{overflow:hidden}[dir] .container-main-list .list-users{border:none!important}[dir=ltr] .container-main-list .list-users{border-bottom-left-radius:15px}[dir=rtl] .container-main-list .list-users{border-bottom-right-radius:15px}.container-main-list .list-users .header{overflow:hidden}[dir] .container-main-list .list-users .header{border:1px solid #7367f0!important}[dir=ltr] .container-main-list .list-users .header{border-top-left-radius:15px}[dir=rtl] .container-main-list .list-users .header{border-top-right-radius:15px}.container-main-list .list-users .header p{color:#7367f0;font-weight:bolder}[dir] .container-main-list .list-users .card-user{border-bottom:1px solid #d9d9d9;border-radius:0}[dir=ltr] .container-main-list .list-users .card-user,[dir=rtl] .container-main-list .list-users .card-user{border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9}.container-main-list .list-users .card-user p{color:#7367f0;font-weight:bolder}.swiper-wrapper{display:grid;grid-template-columns:repeat(122,1fr)}.swiper-slide{display:grid!important;grid-template-columns:repeat(7,1fr)!important;overflow:hidden}[dir] .swiper-slide{background:#fff}.swiper-slide .container-days .day{display:flex;justify-content:center;flex-direction:column;align-items:center;height:80px;position:relative}[dir] .swiper-slide .container-days .day{border-bottom:1px solid #d9d9d9}[dir=ltr] .swiper-slide .container-days .day{border-right:1px solid #d9d9d9}[dir=rtl] .swiper-slide .container-days .day{border-left:1px solid #d9d9d9}[dir] .swiper-slide .container-days .day:first{background:red!important}.swiper-slide .container-days .day .number{display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:bolder;height:40px;width:40px}[dir] .swiper-slide .container-days .day .number{background:#8900ee;border-radius:50%}.swiper-slide .container-days .day .init{display:flex;align-items:center;justify-content:center}[dir] .swiper-slide .container-days .day .init{margin-bottom:.4rem}.swiper-slide .container-days .day .init span{font-weight:bolder}[dir=ltr] .swiper-slide .container-days .day .init span{margin-left:.5rem}[dir=rtl] .swiper-slide .container-days .day .init span{margin-right:.5rem}.swiper-slide .container-days .day .finished{display:flex;align-items:center;justify-content:center}[dir] .swiper-slide .container-days .day .finished{margin-bottom:0}.swiper-slide .container-days .day .finished span{font-weight:bolder}[dir=ltr] .swiper-slide .container-days .day .finished span{margin-left:.5rem}[dir=rtl] .swiper-slide .container-days .day .finished span{margin-right:.5rem}.swiper-slide .container-days .day .container-text{width:100%;height:100%;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column}[dir] .swiper-slide .container-days .day .container-text{background:#fff}.swiper-slide .container-days .day .skeletor{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center}[dir=ltr] .swiper-slide .container-days .day .skeletor,[dir=rtl] .swiper-slide .container-days .day .skeletor{left:0;right:0}.swiper-slide .container-days .day .skeletor img{height:30px;width:30px}[dir] .swiper-slide .container-days .day .skeletor p{margin-bottom:0}.swiper-slide .container-days .header{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80px}[dir=ltr] .swiper-slide .container-days .header{border-right:1px solid #d9d9d9}[dir=rtl] .swiper-slide .container-days .header{border-left:1px solid #d9d9d9}.swiper-slide .container-days .header .number{color:#8900ee;height:32px;width:32px;display:flex;align-items:center;justify-content:center;font-weight:bolder;font-size:16px}[dir] .swiper-slide .container-days .header .number{margin-bottom:0;border-radius:50%;background:transparent}.swiper-slide .container-days .header .active{color:#fff!important}[dir] .swiper-slide .container-days .header .active{background:#8900ee!important}.swiper-slide .container-days .header .text{color:#8900ee;font-weight:bolder}[dir] .swiper-slide .container-days .header .text{margin-bottom:0}[dir=ltr] .swiper-slide .container-days .header-left{border-left:none}[dir=rtl] .swiper-slide .container-days .header-left{border-right:none}[dir] .swiper-slide .container-days .header-right{border:none!important}.paginate{display:flex;justify-content:center}[dir] .paginate{margin-top:1rem}.paginate p{width:30px;height:30px;color:#8900ee;display:flex;align-items:center;justify-content:center;font-weight:bolder;font-size:16px;transition:all .3s ease-in-out}[dir] .paginate p{margin-bottom:0;background:#d9d9d9;border-radius:50%;margin:0 .5rem;cursor:pointer}.paginate .active{color:#fff}[dir] .paginate .active{background:#8900ee}.d-flex flex-column flex-md-row justify-content-b{display:grid;gap:1rem;grid-template-columns:1fr}@media screen and (min-width:400px){.d-flex flex-column flex-md-row justify-content-b{grid-template-columns:1fr 1fr}}@media screen and (min-width:900px){.d-flex flex-column flex-md-row justify-content-b{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1200px){.d-flex flex-column flex-md-row justify-content-b{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media screen and (min-width:1400px){.d-flex flex-column flex-md-row justify-content-b{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}}.skeletor img{height:20px!important;width:20px!important}.skeletor p{font-weight:500}[dir] .skeletor p{margin-bottom:0}[dir=ltr] .skeletor p{margin-left:.5rem}[dir=rtl] .skeletor p{margin-right:.5rem}.grid-7{display:grid!important;grid-template-columns:repeat(7,1fr)}[dir] .bg-header{background:#f4f1f7}[dir] .bg-header-select{background:#f4f1f7;border-bottom:1px solid #7367f0;border-top:1px solid #7367f0!important}.contain-flex{width:100%}@media screen and (min-width:770px){.contain-flex{width:auto}}