@property --grad-angle{syntax:"<angle>";initial-value:132deg;inherits:false}html body{background-color:#d1d6e2}h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif}*{font-family:Work Sans,sans-serif}@media(min-width:992px){.horizontal-menu .header-navbar.navbar-brand-center .navbar-header{left:calc(50% - 78px)}}.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo img{height:40px;max-width:156px;width:156px}.horizontal-menu .header-navbar.navbar-brand-center .navbar-container ul.navbar-nav a.nav-link{color:#1a1a1a}.horizontal-menu .header-navbar.navbar-brand-center .navbar-container ul.navbar-nav a.nav-link:hover svg{color:#ffaf1a}.horizontal-menu .header-navbar.navbar-brand-center .navbar-container .dropdown-menu-end .dropdown-header,.horizontal-menu .header-navbar.navbar-brand-center .navbar-container .dropdown-menu-end .dropdown-item{color:#1a1a1a}.horizontal-menu .header-navbar.navbar-brand-center .navbar-container .dropdown-menu-end .dropdown-item:hover{color:#fbbc04}.horizontal-menu .horizontal-menu-wrapper .header-navbar.floating-nav{border-radius:46px}.horizontal-menu .horizontal-menu-wrapper .header-navbar .navbar-container{padding:10px}.horizontal-menu .horizontal-menu-wrapper .header-navbar .main-menu-content .navbar-nav{row-gap:5px}.horizontal-menu .horizontal-menu-wrapper .header-navbar .main-menu-content .navbar-nav li.nav-item{padding:0!important}.horizontal-menu .horizontal-menu-wrapper .header-navbar .main-menu-content .navbar-nav li.nav-item.active a.nav-link{background:linear-gradient(var(--grad-angle),#fbbc04 4.74%,#e35246 100%)!important;border-radius:25px!important;color:#fff!important;font-weight:600}.horizontal-menu .horizontal-menu-wrapper .header-navbar .main-menu-content .navbar-nav li.nav-item.active a.nav-link.dropdown-toggle:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");left:.4rem}.horizontal-menu .horizontal-menu-wrapper .header-navbar .main-menu-content .navbar-nav li.nav-item:hover:not(.active) a.nav-link{color:#fbbc04!important}.horizontal-menu .horizontal-menu-wrapper .header-navbar .main-menu-content .navbar-nav li.nav-item a.nav-link{color:#1a1a1a!important;font-size:16px;font-style:normal;font-weight:400;line-height:130%;padding:10px 14px!important}.horizontal-menu .horizontal-menu-wrapper .header-navbar .main-menu-content .navbar-nav li.nav-item a.nav-link svg{margin-right:4px}.font-family-v2{font-family:Oswald,sans-serif}.input-group>.form-control,.input-group>.form-select,.input-group>.select2-selection,table .form-control,table .form-select{border-radius:0!important}.input-group>:first-child{border-bottom-left-radius:20px!important;border-top-left-radius:20px!important}.input-group>:last-child{border-bottom-right-radius:20px!important;border-top-right-radius:20px!important}.input-group:not(.bootstrap-touchspin):focus-within{border-radius:20px!important}.input-group:focus-within .form-control,.input-group:focus-within .input-group-text{background:#fff}.form-control,.form-select,.select2-selection{align-items:center;align-self:stretch;background:#eef3ff;border:1px solid #e6e9ef;border-radius:20px!important;display:flex;gap:10px}.form-control:focus .input-group-text,.form-select:focus .input-group-text,.select2-selection:focus .input-group-text{background:#fff}.select2-selection li.select2-selection__choice{background-color:#fbbc04!important;border-radius:15px!important}.input-group-text{background:#eef3ff;border:1px solid #e6e9ef;border-radius:95px}.btn:hover{--grad-angle:283deg;box-shadow:none!important}.btn.btn-primary{background:linear-gradient(var(--grad-angle),#fbbc04 4.74%,#e35246 100%);border:1px solid #fff;border-radius:85px;transition:--grad-angle .3s ease-in-out}.btn.btn-secondary{background-color:#fff!important;border:1px solid #1a1a1a;border-radius:85px;color:#1a1a1a!important}.btn.btn-success{background:linear-gradient(var(--grad-angle),#34a853 4.74%,#4285f4 100%)}.btn.btn-danger,.btn.btn-success{border:1px solid #fff;border-radius:85px;transition:--grad-angle .3s ease-in-out}.btn.btn-danger{background:linear-gradient(var(--grad-angle),#970c00 4.74%,#e35246 100%)}.btn[class*=btn-outline-]{border-radius:85px}.gradient-text-primary{-webkit-text-fill-color:transparent;background:linear-gradient(var(--grad-angle),#fbbc04 4.74%,#e35246 100%);background-clip:text;-webkit-background-clip:text}.btn-gradient{color:#fff;font-size:17px;font-weight:700;line-height:1.3}.btn-gradient:hover{color:#fff}.btn-gradient svg{stroke:#fff;margin-right:10px}.btn-primary-gradient{align-items:center;align-self:stretch;background:linear-gradient(var(--grad-angle),#fbbc04 4.74%,#e35246 100%);border:1px solid var(--White,#fff);border-radius:85px;display:flex;justify-content:center;padding:10px 20px;transition:--grad-angle .3s ease-in-out}.btn-primary-gradient:hover{--grad-angle:283deg}.btn-success-gradient{align-items:center;align-self:stretch;background:linear-gradient(var(--grad-angle),#34a853 4.74%,#4285f4 100%);border:1px solid var(--White,#fff);border-radius:85px;display:flex;justify-content:center;padding:10px 20px;transition:--grad-angle .3s ease-in-out}.btn-success-gradient:hover{--grad-angle:283deg}.btn-danger-gradient{align-items:center;align-self:stretch;background:linear-gradient(var(--grad-angle),#970c00 4.74%,#e35246 100%);border:1px solid var(--White,#fff);border-radius:85px;display:flex;justify-content:center;padding:10px 20px;transition:--grad-angle .3s ease-in-out}.btn-danger-gradient:hover{--grad-angle:283deg}.border-gradient{border:1px solid transparent;border-radius:20px}.border-gradient.border-bg-light-grey{background:linear-gradient(#eef3ff,#eef3ff) padding-box,linear-gradient(142deg,#e35246 5.14%,#ea7331 7.53%,#f1931d 11.11%,#f6a90f 14.69%,#f9b706 18.27%,#fbbc04 21.84%,#f7bb05 24.23%,#eeba09 27.81%,#deb90f 29%,#c7b618 31.39%,#a9b324 33.77%,#85b032 34.96%,#5aab43 37.35%,#34a853 38.54%,#4285f4 56.43%,#956697 73.13%,#ff7d95 88.64%,#ff7d95 94.6%,#ff7d95 99.38%) border-box}.border-gradient.border-bg-white{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(142deg,#e35246 5.14%,#ea7331 7.53%,#f1931d 11.11%,#f6a90f 14.69%,#f9b706 18.27%,#fbbc04 21.84%,#f7bb05 24.23%,#eeba09 27.81%,#deb90f 29%,#c7b618 31.39%,#a9b324 33.77%,#85b032 34.96%,#5aab43 37.35%,#34a853 38.54%,#4285f4 56.43%,#956697 73.13%,#ff7d95 88.64%,#ff7d95 94.6%,#ff7d95 99.38%) border-box}.border-gradient .modal-header{border-top-left-radius:19px;border-top-right-radius:19px;position:relative}.border-gradient .modal-header .close-btn-custom{color:#fff;font-size:12px;font-style:normal;font-weight:500;line-height:130%;position:absolute;right:15px;top:14px}.border-gradient .modal-header .close-btn-custom.custom-dark-grey{color:#95a0ba}.bg-modal-header{height:100%;left:0;position:absolute;top:0;width:100%}.bg-modal-header.bg-color-green-blue{background:linear-gradient(var(--grad-angle),#34a853 4.74%,#4285f4 100%)}.bg-modal-header.bg-color-blue-pink{background:linear-gradient(var(--grad-angle),#4285f4 4.74%,#ff7d95 100%)}.bg-modal-header.bg-color-pink-yellow{background:linear-gradient(var(--grad-angle),#ff7d95 25.8%,#fbbc04 100%)}.bg-modal-header.bg-color-red-purple{--grad-angle:312deg;background:linear-gradient(var(--grad-angle),#77486a 6.86%,#e35246 90.89%)}.bg-modal-header .modal-title{color:#fff;font-family:Oswald,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:110%;text-transform:capitalize}.swal2-container .swal2-modal{border-radius:20px!important}.swal2-container .swal2-modal .swal2-styled{border:1px solid #fff!important;border-radius:50px!important;font-size:17px!important;padding:10px 20px!important}.swal2-container .swal2-modal .swal2-styled.swal2-confirm{background:linear-gradient(var(--grad-angle),#34a853 4.74%,#4285f4 100%)!important;transition:--grad-angle .3s ease-in-out}.swal2-container .swal2-modal .swal2-styled.swal2-confirm:hover{--grad-angle:283deg}.swal2-container .swal2-modal .swal2-styled.swal2-cancel{background:linear-gradient(var(--grad-angle),#970c00 4.74%,#e35246 100%)!important;transition:--grad-angle .3s ease-in-out}.swal2-container .swal2-modal .swal2-styled.swal2-cancel:hover{--grad-angle:283deg}.nav.nav-pills .nav-item .nav-link{color:#1a1a1a}.nav.nav-pills .nav-item .nav-link.active{background:linear-gradient(var(--grad-angle),#fbbc04 4.74%,#e35246 100%)!important;border-radius:85px;box-shadow:none;color:#fff;transition:--grad-angle .3s ease-in-out}.nav.nav-pills .nav-item .nav-link.active:hover{--grad-angle:283deg}.dark-layout .form-control[type=file]::file-selector-button{background-color:#283046}.card{font-family:Work Sans,sans-serif}.card.custom-card{border-radius:1.5rem;max-width:450px;min-height:440px;min-width:450px}.card.filta-card{cursor:pointer}.card.filta-card h3,.card.filta-card span{color:#fff}@media(min-width:768px){.card.filta-card h3{font-size:2.5rem;margin-bottom:0!important}.card.filta-card span{font-size:1.563rem}}.card.filta-card .card-body{padding:1rem 2rem}.card.card-green{background:linear-gradient(90deg,#008b61,rgba(0,139,97,.6))}.card.card-purple{background:linear-gradient(90deg,#77486a,rgba(119,72,106,.6))}.card.card-blue{background:linear-gradient(90deg,#008ad3,rgba(0,138,211,.6))}.card.card-red{background:linear-gradient(90deg,#db2949,rgba(219,41,73,.6))}.card .card-header{color:#000}.custom-bg{background-position:center 70%;background-repeat:no-repeat;background-size:cover;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media(min-width:768px){.custom-bg{background-position:center 70%}}@media(min-width:992px){.custom-bg{width:80%}}@media(min-width:1440px){.custom-bg{width:65%}}@media(min-width:1880px){.custom-bg{width:56%}}.custom-bg-2{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:65%}.transition{transition:all .3s linear}.transition.rotate{transform:rotate(-180deg)}.flatpickr-wrapper{width:100%}#attachment-modal .modal-body{min-height:calc(100vh - 120px)}#attachment-modal .modal-body #preview-element{height:calc(95vh - 120px)}#attachment-modal .modal-body #preview-element.img-fluid{height:auto!important}.employee-view-leave-by-row,.rta-edit-attendance,.view-attendance,.view-detailed-attendance,.view-employee-by-row,.view-incident-by-row,.view-leave-by-row,.view-missing-logs-request-by-row,.view-payrate,.view-time-request-by-row{cursor:pointer}.employee-view-leave-by-row:hover,.rta-edit-attendance:hover,.view-attendance:hover,.view-detailed-attendance:hover,.view-employee-by-row:hover,.view-incident-by-row:hover,.view-leave-by-row:hover,.view-missing-logs-request-by-row:hover,.view-payrate:hover,.view-time-request-by-row:hover{background-color:#f7f7f7}.fc-h-event{border:0}.fc .fc-popover{z-index:10}.fc .fc-bg-event{color:#000!important;font-weight:700;opacity:1!important}.fc .fc-bg-event .fc-event-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-daygrid-event-dot{display:none}.event-color-calendar{border-radius:6px;color:var(--on-surface-variant);height:20px;width:20px}#user-list-wrapper .user-element{border:1px solid #ccc;border-radius:10px;cursor:pointer;margin-bottom:8px;padding:8px 0 8px 12px;transition:box-shadow .3s;width:88%}#user-list-wrapper .user-element:hover{box-shadow:0 0 11px rgba(33,33,33,.2)}.leave-user-wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.leave-user-wrapper li.user-element{width:50%!important}@media(min-width:768px){.leave-user-wrapper li.user-element{margin-right:7px;width:48%!important}}@media(min-width:992px){.leave-user-wrapper li.user-element{width:23%!important}}@media(min-width:1200px){.leave-user-wrapper li.user-element{width:19%!important}}.day-schedule{display:flex;margin:8px 0}.day-schedule .days{align-items:center;border:1px solid #ffaf1a;border-radius:50%;cursor:pointer;display:inline-flex;font-size:10px;font-weight:500;height:24px;justify-content:center;margin-right:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px}.day-schedule .days.active{background-color:#ffaf1a;color:#fff}.day-schedule .preview-days{align-items:center;border:1px solid #ffaf1a;border-radius:50%;display:inline-flex;font-size:10px;font-weight:500;height:24px;justify-content:center;margin-right:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px}.day-schedule .preview-days.active{background-color:#ffaf1a;color:#fff}.horizontal-menu-wrapper #main-menu-navigation li svg path{stroke:currentColor!important}#work-schedule-table select{border:none}#work-schedule-table .schedule-wrapper{background-color:rgba(0,139,97,.7);color:#fff;font-weight:700;padding:5px}#edit-employee-attendance h3{font-size:1rem}@media(min-width:992px){#edit-employee-attendance h3{font-size:1.2rem}}#edit-employee-attendance .break-logs-wrapper .btn-danger{padding:10px 0}#daily-attendance-graph{max-height:120px}.select2-am-wrapper .select2-selection--single{height:58px}.select2-am-wrapper .select2-results__option:not(:last-child){border-bottom:1px solid #ffaf1a}.select2-am-wrapper .custom-select2-cx{align-items:center;display:flex;gap:12px;padding:8px 0}.select2-am-wrapper .custom-select2-cx img{border-radius:30px;height:50px;width:50px}.select2-am-wrapper .custom-select2-cx img.selected2-image{height:30px;width:30px}.form-switch.custom-switch-1 .form-check-input{background-color:#ff9f43;border-color:#ff9f43}.form-switch.custom-switch-1 .form-check-input:checked{background-color:#34a853;border-color:#34a853}.certification-section .card,.personal-leave-section .card,.personal-ter-section .card{border-radius:20px;overflow:hidden}.certification-section .card .card-header,.personal-leave-section .card .card-header,.personal-ter-section .card .card-header{background-color:#101321}.certification-section .card .card-header .card-title,.personal-leave-section .card .card-header .card-title,.personal-ter-section .card .card-header .card-title{align-items:center;color:#fff;display:flex;font-family:Oswald,sans-serif;font-style:normal;font-weight:700;line-height:110%}.modal .modal-content .modal-header{background-color:#101321}.modal .modal-content .modal-header .modal-title{color:#fff;font-family:Oswald,sans-serif;font-style:normal;font-weight:700;line-height:110%}