@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);.my-custom-scrollbar{position:relative;height:300px;overflow-y:auto}.table-wrapper-scroll-y{display:block}html{--font-color:#231f20;--dark-black:#000;--gry-text:#9c9c9c;--gry-150:#d2d2d2;--gry-200:#838383;--gry-border-light:#e6e6e6;--gry-light:#e6e6e6;--gry-border:#7c7c7c;--gry-bg:#e6ebed;--gry-100:#eff0f1;--site-blue:#2196f3;--site-blue-dark:#1971b6;--blue-100:#bfe4ff;--blue-200:#a3d6ff;--blue-bg:#ddf0ff;--blue-10:rgba(221,240,255,0.25098039215686274);--site-opaque-blue:rgba(0,113,188,0.1);--white:#fff;--site-padding:0.95rem;--card-border-shadow:#efefef;--opaque-blue:rgba(125,199,245,0.8);--opaque-white:hsla(0,0%,100%,0.15);--purple-dark:#b50086;--purple-light:#a300ba;--red-100:#982e63;--red:#fc2020;--teal:#00b1ba;--golden:#b57d00;--green:#59f84e;--yellow:#fcd420}body{font-size:16px;font-weight:500;color:#231f20;color:var(--font-color);background-color:#e6ebed;background-color:var(--gry-bg);letter-spacing:.01em}a,body,h1,h2,h3,h4,h5,h6,p{font-family:"Poppins",sans-serif}a,h1,h2,h3,h4,h5,h6,p{margin-bottom:0}h1{font-size:1.5em}h1,h2{color:#231f20;color:var(--font-color)}h2{font-size:1.3em}p{margin-bottom:0}a,p{font-size:1em}a,a.page-link,p{color:#000;color:var(--dark-black)}a.page-link:hover{color:#2196f3;color:var(--site-blue);background-color:transparent}a.page-link:active,a.page-link:focus{color:#231f20;color:var(--font-color)}.font-weight-bold{font-weight:800}.clickable{cursor:pointer}.page-container{margin-top:60px;margin-top:var(--header-height);margin-left:58px;margin-left:var(--nav-width);padding:1em}.white-bg{border-radius:1em;overflow:hidden;background-color:#fff;background-color:var(--white);padding:1em}.search-box-ctl .form-control{border:0;background-color:transparent}.search-box-ctl{border:1px solid #d2d2d2;border:1px solid var(--gry-150);overflow:hidden;background-color:#fff;background-color:var(--white);border-radius:10px}.filter-btn svg,.search-box-ctl svg{fill:currentColor;color:#838383;color:var(--gry-200)}.filter-btn p{color:#838383;color:var(--gry-200)}.filter-btn{border:1px solid #d2d2d2;border:1px solid var(--gry-150);overflow:hidden;background-color:#fff;background-color:var(--white);border-top-right-radius:.5em;border-bottom-right-radius:.5em}.view-selection{border:1px solid #d2d2d2;border:1px solid var(--gry-150);border-radius:.5em;overflow:hidden;color:#838383;color:var(--gry-200)}.view-selection svg{fill:currentColor;color:#838383;color:var(--gry-200)}.view-selection:hover{border:1px solid #a3d6ff;border:1px solid var(--blue-200);border-radius:.5em;overflow:hidden;color:#1971b6;color:var(--site-blue-dark);background-color:#a3d6ff;background-color:var(--blue-200)}.view-selection:hover svg{fill:currentColor;color:#1971b6;color:var(--site-blue-dark)}.view-selection-selected{border:1px solid #a3d6ff;border:1px solid var(--blue-200);border-radius:.5em;overflow:hidden;color:#1971b6;color:var(--site-blue-dark);background-color:#a3d6ff;background-color:var(--blue-200)}.view-selection-selected svg{fill:currentColor;color:#1971b6;color:var(--site-blue-dark)}.page-header{border-bottom:1px solid #bfe4ff;border-bottom:1px solid var(--blue-100);padding-bottom:1em}.panel-container{background-color:#fff;background-color:var(--white);padding:20px;border-radius:20px;width:100%}.spinner-grow.text-primary{color:#2196f3;color:var(--site-blue)}.site-logo-ctl{max-height:2em}.color-search{background-color:#eff0f1;background-color:var(--gry-100);border-radius:2.3em;border:1px solid var(--blue-border)}.color-search input{width:auto;background-color:transparent;border:0 solid;border-top-left-radius:2.3em;border-bottom-left-radius:2.3em}.site-control-img{height:calc(1.8em + .5rem + 2px);width:calc(1.8em + .5rem + 2px)}.notification-icon{position:relative;border-radius:50%}.notification-icon:hover{background-color:#eff0f1;background-color:var(--gry-100)}.notificaiton-dot{position:absolute;border-radius:50%;height:1.3em;width:1.3em;background-color:#982e63;background-color:var(--red-100);right:0;display:flex;align-items:center}.notificaiton-dot p{font-size:.65em;color:#fff;color:var(--white);margin:auto}.notification-icon img{border-radius:50%}.notification-comment-container{display:flex;align-items:center;padding:1em;font-size:.85em}.notification-comment-container svg{color:#7c7c7c;color:var(--gry-border)}.avatar-container{height:2.2em;width:2.2em;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%}.avatar-container img{min-height:2.5em;max-height:4em;max-width:100%;object-fit:cover}.left-nav-ctl img{height:1.8em;margin-right:19px}.expand-toggle-container{text-align:center;width:58px;width:var(--nav-width);position:absolute;bottom:10px}.nav_link p{height:1em}#nav-left-chevron{display:none}#expand-nav-toggle:checked~.l-navbar{width:200px;width:var(--nav-width-full)}#expand-nav-toggle:unchecked~.l-navbar{width:58px;width:var(--nav-width)}#expand-nav-toggle:checked~.l-navbar #nav-right-chevron{display:none}#expand-nav-toggle:checked~.l-navbar #nav-left-chevron{display:block}#expand-nav-toggle:checked~.l-navbar>.nav .nav_link p{transition:.3s}#expand-nav-toggle:unchecked~.l-navbar #nav-left-chevron,#expand-nav-toggle:unchecked~.l-navbar>.nav .nav_link p{display:none}.site-card{border-radius:1em;overflow:hidden;background-color:#fff;background-color:var(--white)}.employee-site-card{max-height:340px;overflow-y:auto;overflow-x:hidden}.history-container{display:flex;align-items:center;margin-top:8px}.history-container>p{margin:0 .5rem}.history-container svg.fa-check{color:#59f84e;color:var(--green);width:20px}.history-container svg.fa-times{color:#fc2020;color:var(--red);width:20px}.history-container svg.fa-circle{color:#fcd420;color:var(--yellow);width:20px}.site-calender{overflow:hidden;box-shadow:0 0 4px 0 rgb(0 0 0/8%);background-color:#fff;background-color:var(--white)}.site-calender:hover{box-shadow:0 0 4px 0 rgb(0 0 0/15%);transition:.3s}.flag-container img.half,.flag-name-container img.half{opacity:.5}.green-check{color:#59f84e;color:var(--green)}.blue-check{color:#2196f3;color:var(--site-blue)}#dayModal .modal-content{background-color:transparent;border:none}.person-container{padding:10px}.flag-name-container{display:flex}.flag-name-container img{width:10px;margin-right:8px}.react-calendar{width:100%;height:100%;border:none;font-family:"Poppins",sans-serif}.react-calendar__tile button{height:auto;width:auto}.react-calendar button{min-height:54px}.react-calendar__navigation button{font-size:20px}.react-calendar__month-view__days__day{padding:0}.react-calendar__month-view__days__day img{width:10px;height:10px}.react-calendar__tile--active{background-color:#e6e6e6;background-color:var(--gry-light);color:#000;color:var(--dark-black)}.react-calendar__tile:hover{background-color:#e6e6e6!important;background-color:var(--gry-light)!important}.react-calendar__tile--active:hover{background-color:#2196f3!important;background-color:var(--site-blue)!important}.site-card-blue{border-radius:1em;border:1px solid #bfe4ff;border:1px solid var(--blue-100);overflow:hidden}.site-card-gry{border-radius:1em;border:1px solid #eff0f1;border:1px solid var(--gry-100);overflow:hidden}.blue-border-bottom{border-bottom:1px solid #bfe4ff;border-bottom:1px solid var(--blue-100)}.site-border-left{border-left:1px solid #bfe4ff;border-left:1px solid var(--blue-100)}.close{color:#000;background:transparent;border:0;font-size:1.5em}.info-text{color:#9c9c9c;color:var(--gry-text)}.site-btn-blue-primary{background-color:#2196f3;background-color:var(--site-blue);border-radius:1em;border-top:2px solid #2196f3;border-top:2px solid var(--site-blue);overflow:hidden}.site-btn-blue-primary,.site-btn-blue-primary:hover{border-bottom:2px solid #1971b6;border-bottom:2px solid var(--site-blue-dark);color:#fff;color:var(--white)}.site-btn-blue-primary:hover{background-color:#1971b6;background-color:var(--site-blue-dark);border-top:2px solid #1971b6;border-top:2px solid var(--site-blue-dark);transition:.4s}.site-btn-blue-2nd{background-color:#a3d6ff;background-color:var(--blue-200);border-radius:.5em;color:#2196f3;color:var(--site-blue);overflow:hidden;font-weight:500}.site-btn-blue-2nd svg{fill:currentColor}.site-btn-blue-2nd p{color:#1971b6;color:var(--site-blue-dark)}.site-btn-blue-2nd:hover{background-color:#1971b6;background-color:var(--site-blue-dark);transition:.4s}.site-btn-blue-2nd:hover,.site-btn-blue-2nd:hover p{color:#fff;color:var(--white)}.btn-outline{background-color:#fff;background-color:var(--white);color:#2196f3;color:var(--site-blue)}.btn-outline,.btn-outline:hover{border-radius:.5em;overflow:hidden;border:1px solid #a3d6ff;border:1px solid var(--blue-200)}.btn-outline:hover{background-color:#2196f3;background-color:var(--site-blue);color:#fff;color:var(--white)}.btn-red{background-color:#fff;background-color:var(--white);color:#b50086;color:var(--purple-dark)}.btn-red,.btn-red:hover{border-radius:.5em;overflow:hidden;border:1px solid #b50086;border:1px solid var(--purple-dark)}.btn-red:hover{background-color:#b50086;background-color:var(--purple-dark);color:#fff;color:var(--white)}.btn-grn{background-color:#fff;background-color:var(--white);color:var(--bs-success)}.btn-grn,.btn-grn:hover{border-radius:.5em;overflow:hidden;border:1px solid var(--bs-success)}.btn-grn:hover{background-color:var(--bs-success);color:#fff;color:var(--white)}.btn-golden{background-color:#fff;background-color:var(--white);color:#b57d00;color:var(--golden)}.btn-golden,.btn-golden:hover{border-radius:.5em;overflow:hidden;border:1px solid #b57d00;border:1px solid var(--golden)}.btn-golden:hover{background-color:#b57d00;background-color:var(--golden);color:#fff;color:var(--white)}.site-btn-blue-primary:disabled{background-color:#1971b6;background-color:var(--site-blue-dark)}.user-image-md{height:3.125em;width:3.125em;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f7f6fb;background-color:var(--white-color)}.user-image-md img{max-height:5em;max-width:100%}.login-page-ctl{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:auto}.login-page-content{padding:59px 46px;border-radius:1em;background-color:#fff;background-color:var(--white);box-shadow:1px -1px 4px 0 rgba(0,0,0,.3);-webkit-box-shadow:1px -1px 4px 0 rgba(0,0,0,.3);-moz-box-shadow:1px -1px 4px 0 rgba(0,0,0,.3);display:flex}.login-page-content .brand-container{height:100%;display:flex;align-items:center;justify-content:center}.login-page-content .brand-container img{width:300px}.login-form-box{background-repeat:no-repeat;background-size:cover;min-height:65vh}.login-form{border-radius:1em;border:1px solid #bfe4ff;border:1px solid var(--blue-100);background-color:#fff;background-color:var(--white)}.login-form .form-label{font-size:1.3em}.login-form .form-control{border:1px solid transparent;border-bottom-color:#bfe4ff;border-bottom:1px solid var(--blue-100);border-radius:0;padding-left:0}.login-form form{position:relative}.login-form .login-btn{color:#fff;color:var(--white);border-radius:1em;padding:.75em 3em;position:absolute;left:12%;display:block;width:80%;margin:auto;text-align:center}.login-form .login-btn:hover{background-color:#1971b6;background-color:var(--site-blue-dark);transition:.03s}.horizontal-bar-ctl{width:100%;height:1px;border-top:1px solid #bfe4ff;border-top:1px solid var(--blue-100)}.font-lite{font-size:1.2em}.font-lite,.gry-text{font-weight:300}.reset-btn{background-color:#fff;background-color:var(--white);color:#2196f3;color:var(--site-blue);border-radius:1em;padding:.75em 3em;display:block;width:80%;margin:auto;text-align:center}.reset-btn,.reset-btn:hover{border:1px solid #2196f3;border:1px solid var(--site-blue)}.reset-btn:hover{background-color:#2196f3;background-color:var(--site-blue);color:#fff;color:var(--white);transition:.03s}.holiday-request-ctl .list-group{max-height:calc(100vh - 13.1em);overflow-y:auto;overflow-x:hidden}.list-group ul{margin-left:0}.list-group .list-group-item{border-radius:1em;border:0 solid #bfe4ff;border:0 solid var(--blue-100);overflow:hidden;margin-left:0;padding:0}.Upcoming-holidays-ctl{min-height:100px;max-height:200px;overflow:auto}:root{--header-height:60px;--nav-width-full:200px;--nav-width:58px;--first-color-light:#afa5d9;--white-color:#f7f6fb;--body-font:"Nunito",sans-serif;--normal-font-size:1rem;--z-fixed:100}*,:after,:before{box-sizing:border-box}body{position:relative;font-family:"Nunito",sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size);transition:.5s}a{text-decoration:none}.header{width:100%;height:60px;height:var(--header-height);position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:#fff;background-color:var(--white);z-index:100;z-index:var(--z-fixed);transition:.5s}.header_toggle{color:#000;font-size:1.5rem;cursor:pointer}.header_img{width:35px;height:35px;display:flex;justify-content:center;border-radius:50%;overflow:hidden}.header_img img{width:40px}.l-navbar{position:fixed;left:-30%;width:58px;width:var(--nav-width);height:calc(100vh - 60px);height:calc(100vh - var(--header-height));top:60px;top:var(--header-height);background-color:#fff;background-color:var(--white);transition:.5s;z-index:100;z-index:var(--z-fixed);overflow-x:hidden;box-shadow:0 0 36px -1px rgba(0,0,0,.19);-webkit-box-shadow:0 0 36px -1px rgba(0,0,0,.19);-moz-box-shadow:0 0 36px -1px rgba(0,0,0,.19)}.nav{height:100%;display:flex;flex-direction:column;justify-content:space-between}.nav_list{width:100%}.nav_link,.nav_logo{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;align-items:center;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.nav_logo{margin-bottom:2rem}.nav_logo-icon{font-size:1.25rem}.nav_logo-icon,.nav_logo-name{color:#f7f6fb;color:var(--white-color)}.nav_logo-name{font-weight:700}.nav_link{position:relative;color:#afa5d9;color:var(--first-color-light);transition:.3s;padding:8px 14px;border-bottom:2px solid transparent;border-top-right-radius:1em;border-bottom-right-radius:1em;overflow:hidden;margin-right:1em}.nav_link.active,.nav_link:hover{background-color:#a3d6ff;background-color:var(--blue-200);border-bottom:2px solid #2196f3;border-bottom:2px solid var(--site-blue)}.nav_icon{font-size:1.25rem}.leftnavdisplay{left:0}.profile-info-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.profile-info-container h2{font-weight:700;font-size:27px;margin:25px 0}.profile-info-container .circular-avatar{width:150px;height:150px}.profile-info-container .circular-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.panel-container.profile-info{max-width:600px}.panel-container.profile-info p{font-weight:400;word-break:break-word;margin:8px 0;font-size:15px}.panel-container.profile-info label{margin:8px 0;font-weight:700;color:var(--bs-gray)}.change-password-wrapper{display:flex;justify-content:center;width:100%}.change-password-wrapper input{margin:10px 0}.change-password-wrapper .btn-container{display:flex;justify-content:center;align-items:center;margin-top:15px}.panel-container.change-password{max-width:600px}.small-text{font-size:12px;color:#d2d2d2;color:var(--gry-150)}.accordion-button:focus{z-index:3;border:none;box-shadow:none}.accordion-button:not(.collapsed){color:#231f20;color:var(--font-color);background-color:#fff;background-color:var(--white);box-shadow:none}.table-container{overflow-x:auto;max-height:calc(100vh - 18.4em)}.table-container .table{margin-bottom:0}.table-container thead th:not(:last-child){border-right:1px solid #fff;border-right:1px solid var(--white)}.table-container tbody tr th+td{border-left:1px solid #e6e6e6;border-left:1px solid var(--gry-border-light)}.table-container thead tr{background:#e6ebed;background:var(--gry-bg);color:#231f20;color:var(--font-color);font-size:.8em}.table-container tbody tr{border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--gry-border-light);font-size:.9em;font-weight:600}.table-container tbody tr:nth-child(3n+3){background-color:rgba(221,240,255,.25098039215686274);background-color:var(--blue-10)}.table-container tbody tr:hover{background-color:#ddf0ff;background-color:var(--blue-bg)}.table-container td,.table-container th{vertical-align:middle}.table-container td:last-child,.table-container th:last-child{text-align:center;vertical-align:middle}.table-container td:not(:last-child){border-right:1px solid #e6e6e6;border-right:1px solid var(--gry-border-light)}.table-container .action-btn{background-color:#2196f3;background-color:var(--site-blue);border-color:#2196f3;border-color:var(--site-blue)}.DayPickerInput{width:100%}.DayPickerInput input{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.DayPickerInput input:focus{outline:none!important}.DayPickerInput .DayPickerInput-OverlayWrapper{width:100%}.DayPicker-Day--today{color:#000;color:var(--dark-black)}.DayPicker-Day--outside{color:#eff0f1;color:var(--gry-100);pointer-events:none}.DayPicker-Day--saturday,.DayPicker-Day--sunday{pointer-events:none;background:none;color:#fc2020!important;color:var(--red)!important}.DayPicker-Day--pending{color:#fcd420;color:var(--yellow);pointer-events:none}.DayPicker-Day--accepted{color:#59f84e;color:var(--green);pointer-events:none}.DayPicker-Day--pendingAccepted{color:#2196f3;color:var(--site-blue);pointer-events:none}.table-data{min-width:250px;max-width:400px;white-space:normal}.table-data-date{min-width:150px;max-width:250px;white-space:normal}.user-info-component .info-container label{font-weight:700;font-size:14px}.user-info-component .info-container p{font-weight:500;font-size:13px;word-break:break-word}.user-info-component .label-container{margin-right:10px;width:88px}.user-info-component .label-container svg{height:14px;width:13px;margin-right:10px}.user-info-component .fa-phone-alt{color:#2196f3;color:var(--site-blue)}.user-info-component .fa-location-arrow{color:#fc2020;color:var(--red)}.holiday-request-modal svg.fa-check{color:#59f84e;color:var(--green);width:13px;margin-right:5px}.holiday-request-modal svg.fa-circle{color:#fcd420;color:var(--yellow);width:13px;margin-right:5px}.holiday-request-modal svg.fa-user{color:#2196f3;color:var(--site-blue);width:13px;margin-right:5px}.holiday-request-modal svg.fa-building{color:#fc2020;color:var(--red);width:13px;margin-right:5px}.holiday-request-modal input[type=checkbox]:not(:checked):not(:disabled){border:2px solid #fcd420;border:2px solid var(--yellow)}.holiday-request-modal input.Accepted[type=checkbox]:after{content:"✔️"}.holiday-request-modal input.Pending[type=checkbox]:after{content:"⬤";color:#fcd420;color:var(--yellow)}.employee-container{max-height:500px;overflow:auto}*{scrollbar-width:thin;scrollbar-color:#a3d6ff;scrollbar-color:var(--blue-200)}::-webkit-scrollbar{width:.5em;height:.5em}::-webkit-scrollbar-track{background:#ddf0ff;background:var(--blue-bg)}::-webkit-scrollbar-thumb{background:#a3d6ff;background:var(--blue-200);border:1px solid var(--blue-border)}.profile-image-container{position:relative;height:7.5em;width:7.5em;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;background:var(--white)}.profile-image-container img{height:7.5em;max-width:100%;object-fit:cover;-ms-user-select:none;user-select:none;-webkit-user-select:none}.profile-image-container:hover .image-hover{height:7.5em;width:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.6s ease-in-out}.image-hover{position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.301);color:#fff;display:none}.image-hover svg{height:1.5em;text-align:center}@media screen and (min-width:768px){.header_img{width:40px;height:40px}.header_img img{width:45px}.l-navbar{left:0}.leftnavdisplay{width:188px;width:calc(var(--nav-width) + 130px)}.mobile-menu-bar-container{display:none}}@media (min-width:576px){.modal-dialog{max-width:794px}}@media (max-width:768px){header{padding-left:0!important}.login-page-content{padding:46px 10px}.login-page-content .brand-container{padding-bottom:20px}.page-container{margin-left:0;padding:1em}.mobile-menu-bar-container{padding:20px;text-align:center}.mobile-menu-bar-container>#menu-bar{cursor:pointer}.mobile-menu-bar-container>#menu-bar>svg{width:18px;height:18px;color:#1971b6;color:var(--site-blue-dark)}#mobile-nav-toggle:checked~.l-navbar{left:0;width:200px;width:var(--nav-width-full)}#mobile-nav-toggle:unchecked~.l-navbar{left:-200px;left:calc(var(--nav-width-full)*-1)}.table-container td,.table-container th{white-space:nowrap}.DayPickerInput{margin-bottom:13px}.calendar-container{margin-bottom:16px}#nav-left-chevron,#nav-right-chevron{display:none}.profile-info-container .panel-container.profile-info{text-align:center}.panel-container.profile-info label,.panel-container.profile-info p{margin:5px 0}.holiday-request-modal .modal-body{padding:1rem .3rem}}