@keyframes bounce{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(-45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0px)}100%{animation-timing-function:ease-out;opacity:1;transform:translateY(0px)}}@keyframes wobble{0%,100%{transform:translateX(0%);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(-6deg)}30%{transform:translateX(15px) rotate(6deg)}45%{transform:translateX(-15px) rotate(-3.6deg)}60%{transform:translateX(9px) rotate(2.4deg)}75%{transform:translateX(-6px) rotate(-1.2deg)}}body{width:100%;margin:0;padding:0;font-family:"Montserrat",sans-serif;color:#2b2b2b;font-size:14px}.login-section{width:100%;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background:#fcfcfc}.login-section .hero-img{position:absolute;left:0;width:90vw;right:0;height:auto;top:0;z-index:1}.login-section .sb-relative{position:relative;z-index:2}.login-section #envelop{animation:bounce 2s linear 0s infinite normal forwards}.login-section #board{animation:wobble 2s linear 0s infinite normal forwards}.login-section #clockinner{position:relative}.login-section #key-hour,.login-section #key-minute{transform-origin:784.478px 423.813px}.login-section #key-minute{animation:spinClock 6s linear infinite}.login-section #key-hour{animation:spinClock 72s linear infinite}@keyframes spinClock{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.login-section h1{font-family:"Montserrat",sans-serif}.login-section h1 img{max-width:150px}.login-section h2{font-family:"Yesteryear",cursive;color:#9a9a9a}.login-section h5{font-family:"Montserrat",sans-serif;text-transform:uppercase;color:#9a9a9a}.login-section p{text-transform:uppercase}.login-section .Login-area{float:left;width:100%;margin:40px 0 0 0;padding:0 60px}.login-section .Login-area input:-webkit-autofill{transition:background-color 5000s ease-in-out 0s}.login-section .Login-area input[type=submit]{width:100%;padding:10px;background:#6f42c1;color:#fff;border:none;cursor:pointer}.login-section .Login-area input[type=submit]:hover{background:rgb(88.6693227092,51.3784860558,156.6215139442)}.login-section .Login-area input[type=submit]:focus{outline:none}.login-section .Login-area .rest-btn{width:100%;padding:15px;background:#6f42c1;color:#fff;border:none;cursor:pointer}.login-section .Login-area .rest-btn:hover{background:rgb(88.6693227092,51.3784860558,156.6215139442)}.login-section .Login-area .rest-btn:focus{outline:none}.login-section .Login-area .sb-tryagain{border:1px solid #6f42c1;display:block;padding:7px;color:#6f42c1;text-decoration:none;max-width:130px;margin:20px auto 0;border-radius:10px}.login-section .Login-area .sb-tryagain:hover{background:rgb(88.6693227092,51.3784860558,156.6215139442);color:#fff}.login-section .Login-area .form-floating{float:left;width:100%;position:relative}.login-section .Login-area .form-floating input[type=email]{width:100%;padding:5px 10px 5px 40px;background-color:#fcfcfc}.login-section .Login-area .form-floating input[type=password]{width:100%;padding:5px 10px 5px 40px;background-color:#fcfcfc}.login-section .Login-area .form-floating input[type=text]{width:100%;padding:5px 10px 5px 40px;background-color:#fcfcfc}.login-section .Login-area .form-floating label{padding-left:40px;transform:none}.login-section .Login-area .form-floating i{position:absolute;top:50%;left:13px;transform:translateY(-50%);color:#9a9a9a}.login-section .Login-area .error{float:left;width:100%;margin:0;padding:0 0 10px 0;color:#dc3545;font-size:12px;text-transform:uppercase}.login-section .form-floating>.form-control-plaintext~label,.login-section .form-floating>.form-control:focus~label,.login-section .form-floating>.form-control:not(:placeholder-shown)~label,.login-section .form-floating>.form-select~label{transform:scale(0.85) translateY(-12px) translateX(10px);background:#fcfcfc;padding:0 5px;height:24px}.login-section h1 span{font-family:"Yesteryear",cursive;width:100%;display:block}.navbar-nav{width:100%;padding:0 10px !important;border:1px solid #ccc;border-radius:0 0 15px 15px;border-top:none;box-shadow:0 0 13px rgba(0,0,0,.1)}.navbar-nav.nav-admin li a{padding:20px 8px !important;text-transform:none}.navbar-nav.nav-admin li a i{margin-right:-2px}.navbar-nav li a{padding:20px 18px !important;text-transform:uppercase;font-size:12px;line-height:1em;cursor:pointer;color:#2b2b2b;font-weight:500}.navbar-nav li a:hover{color:#6f42c1}.navbar-nav li a i{color:#6f42c1}.navbar-nav li a.active{color:#6f42c1 !important;font-weight:600;border-bottom:1px solid #6f42c1}.navbar-nav li .btn.btn-danger{font-size:12px;text-transform:uppercase;color:#fff;font-weight:600;margin-top:10px}.navbar-nav li .btn.btn-danger:hover{color:#fff}.navbar-nav li .home-user{padding:15px 15px 0 0;float:left;text-transform:uppercase;color:#2b2b2b;font-weight:600}:root{--hue-color: 260;--first-color: hsl(var(--hue-color), 53%, 49%);--title-color: hsl(var(--hue-color), 53%, 15%);--text-color: hsl(var(--hue-color), 12%, 35%);--text-color-light: hsl(var(--hue-color), 12%, 65%);--white-color: #FFFFFF;--body-color: hsl(var(--hue-color), 24%, 94%);--body-font: 'Poppins', sans-serif;--signature-font: 'Turret Road', sans-serif;--biggest-font-size: 3rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--tiny-font-size: .625rem;--font-medium: 500;--mb-0-25: .25rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2-5: 2.5rem;--z-normal: 1;--z-tooltip: 10}.clock-area{float:left;width:100%;margin:0;padding:10px 0;position:relative;text-align:center;transform:scale(0.8)}.clock-area .digital-area{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:200px;margin-left:50px}.clock-area .clock-circle{position:relative;width:200px;height:200px;box-shadow:-6px -6px 16px var(--white-color),6px 6px 16px hsla(var(--hue-color), 30%, 86%, 1),inset 6px 6px 16px hsla(var(--hue-color), 30%, 86%, 1),inset -6px -6px 16px var(--white-color);border-radius:50%;justify-self:center;display:flex;justify-content:center;align-items:center;float:right}.clock-area .clock-content{align-self:center;row-gap:3.5rem}.clock-area .clock-twelve,.clock-area .clock-three,.clock-area .clock-six,.clock-area .clock-nine{position:absolute;width:1rem;height:1px;background-color:var(--text-color-light)}.clock-area .clock-twelve,.clock-area .clock-six{transform:translateX(-50%) rotate(90deg)}.clock-area .clock-twelve{top:1.25rem;left:50%}.clock-area .clock-six{bottom:1.25rem;left:50%}.clock-area .clock-three{top:50%;right:.75rem}.clock-area .clock-nine{left:.75rem;top:50%}.clock-area .clock-rounder{width:.75rem;height:.75rem;background-color:var(--first-color);border-radius:50%;border:2px solid var(--body-color);z-index:var(--z-tooltip)}.clock-area .clock-hour,.clock-area .clock-minutes,.clock-area .clock-seconds{position:absolute;display:flex;justify-content:center}.clock-area .clock-hour{width:105px;height:105px}.clock-area .clock-hour::before{content:"";position:absolute;background-color:var(--text-color);width:.25rem;height:3rem;border-radius:.75rem;z-index:var(--z-normal)}.clock-area .clock-minutes{width:136px;height:136px}.clock-area .clock-minutes::before{content:"";position:absolute;background-color:var(--text-color);width:.25rem;height:4rem;border-radius:.75rem;z-index:var(--z-normal)}.clock-area .clock-seconds{width:130px;height:130px}.clock-area .clock-seconds:before{content:"";position:absolute;background-color:var(--first-color);width:.125rem;height:5rem;border-radius:.75rem;z-index:var(--z-normal)}.clock-area .clock-logo{width:max-content;justify-self:center;margin-bottom:var(--mb-2-5);font-size:var(--smaller-font-size);font-weight:var(--font-medium);color:var(--text-color-light);transition:.5s;font-family:var(--signature-font)}.clock-area .clock-logo:hover{color:var(--first-color)}.clock-area .clock-text{display:flex;justify-content:center}.clock-area .clock-text-hour,.clock-area .clock-text-minutes{font-size:var(--biggest-font-size);font-weight:var(--font-medium);color:var(--title-color)}.clock-area .clock-text-ampm{font-size:var(--tiny-font-size);color:var(--title-color);font-weight:var(--font-medium);margin-left:var(--mb-0-25)}.clock-area .clock-date{text-align:center;font-size:var(--small-font-size);font-weight:var(--font-medium)}.clock-area .clock-theme{position:absolute;top:-1rem;right:-1rem;display:flex;padding:.25rem;border-radius:50%;box-shadow:inset -1px -1px 1px hsla(var(--hue-color), 0%, 100%, 1),inset 1px 1px 1px hsla(var(--hue-color), 30%, 86%, 1);color:var(--first-color);cursor:pointer}.clock-area .dark-theme .clock-circle{box-shadow:6px 6px 6px hsla(var(--hue-color), 8%, 12%, 1),-6px -6px 16px hsla(var(--hue-color), 8%, 20%, 1),inset -6px -6px 16px hsla(var(--hue-color), 8%, 20%, 1),inset 6px 6px 12px hsla(var(--hue-color), 8%, 12%, 1)}.clock-area .dark-theme .clock-theme{box-shadow:inset -1px -1px 1px hsla(var(--hue-color), 8%, 20%, 1),inset 1px 1px 1px hsla(var(--hue-color), 8%, 12%, 1)}@media screen and (min-width: 968px){.clock-area .container{margin-left:auto;margin-right:auto}.clock-area .clock-logo{margin-bottom:3rem}}.user-login-history{width:100%;margin:0 0 30px 0;float:left;padding:0}.user-login-history table{margin:0}.user-login-history table tr.late td{background:#ea868f;color:#fff}.user-login-history table tr.late td a{color:#fff}.user-login-history table tr.late td a i{color:#fff}.user-login-history table th{padding:10px;vertical-align:middle;line-height:1.2em}.user-login-history table td{padding:10px;vertical-align:middle;line-height:1.2em}.user-login-history table td span.text-muted{color:#fff !important}.user-login-history table tr.row-approved a,.user-login-history table tr.row-rejected a{color:#fff;border-color:#fff}.user-login-history table a{text-decoration:none;color:#2b2b2b;font-size:12px;text-transform:uppercase}.user-login-history table a.btn i{color:#fff !important}.user-login-history table a.spcl-btn{border:1px solid #6f42c1;color:#6f42c1;padding:3px 8px;border-radius:5px}.user-login-history table a.spcl-btn:hover{background:#6f42c1;color:#fff}.user-login-history table a:hover{color:#6f42c1}.user-login-history table a i{color:#2b2b2b}.user-login-history table .row-approved td{background:#a3cfbb;color:#fff}.user-login-history table .row-rejected td{background:#f1aeb5;color:#fff}.user-login-history table .scrollablebox{max-height:70px;overflow-y:auto;float:left;width:100%}.modal{backdrop-filter:blur(3px)}.modal .modal-dialog{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0}.modal-dialog .modal-header{border:none}.modal-dialog .modal-header h5{font-family:"Montserrat",sans-serif;text-transform:uppercase;color:#6f42c1}.modal-dialog .modal-body{position:relative;border:none}.modal-dialog .modal-body label{position:absolute;left:27px;top:4px;background:#fff;padding:2px 10px;font-size:12px;color:#20c997}.modal-dialog .modal-body #comments{font-family:"Montserrat",sans-serif;color:#2b2b2b;font-size:14px;padding:20px}.modal-dialog .modal-footer{border:none}.modal-dialog .modal-footer button{font-size:12px;text-transform:uppercase}.modal-dialog .modal-footer input{font-size:12px;text-transform:uppercase}.apply-remote-area{float:left;width:100%;margin:0;padding:0}.apply-remote-area .apply-remote-form{width:100%;margin:0;padding:15px;border:1px solid #6f42c1;border-radius:10px;position:relative}.apply-remote-area .apply-remote-form h5{background:#6f42c1;padding:10px 25px 10px 15px;display:inline-block;transform:translateX(-15px) translateY(-15px);border-radius:8px 0 15px 0;color:#fff}.apply-remote-area .apply-remote-form h3{font-family:"Montserrat",sans-serif;text-transform:uppercase;color:#6f42c1;font-size:20px;position:absolute;top:-12px;background:#fff;padding:0 10px;right:24px}.apply-remote-area .apply-remote-form input[type=text]{background:url(../images/calendar-regular-full.svg) no-repeat right 10px center;background-size:16px}.apply-remote-area .apply-remote-form select{background:url(../images/caret-down-solid-full.svg) no-repeat right 10px center;background-size:16px}.apply-remote-area .apply-remote-form label{font-size:12px;margin:14px 0 0 0;color:#9a9a9a;padding:0}.apply-remote-area .apply-remote-form textarea{height:112px;max-height:112px;min-height:112px}.apply-remote-area .apply-remote-form .no-icon input[type=text]{background:none !important}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{text-align:center}.w-10{width:70px !important}.w-20{width:170px !important}.sw-5{width:5% !important}.sw-10{width:10% !important}.sw-15{width:15% !important}.sw-20{width:20% !important}.sw-30{width:30% !important}.sw-40{width:40% !important}.sw-50{width:50% !important}.sw-60{width:60% !important}.sw-70{width:70% !important}.sw-80{width:80% !important}.sw-90{width:90% !important}.sw-100{width:100% !important}.leave-update-success{position:absolute;top:0;background:#20c997;left:0;right:0;padding:5px 15px;color:#fff;width:40vw;border-radius:8px 0}.leave-update-error{position:absolute;top:0;background:#dc3545;left:0;right:0;padding:5px 15px;color:#fff;width:40vw;border-radius:8px 0}.border-bottom{border-bottom:1px solid #f6f6f6 !important}.top-boder-spcl{border-top:1px solid #ececec;margin:15px 0 0;width:100%;padding:0}.sb-popper{border:none;color:#6f42c1;background:none;font-weight:600}.popover .popover-header{font-family:"Montserrat",sans-serif;text-transform:uppercase;color:#2b2b2b;font-size:12px;line-height:1.2em}.popover .popover-body{font-family:"Montserrat",sans-serif;color:#2b2b2b;font-size:14px;line-height:1.2em}.popover .popover-bodyp{margin:0;padding:0 !important}.message-area{position:absolute;right:0;bottom:-16px;text-align:right;margin:0}.message-area #status-alert{padding:10px 30px;border-radius:12px 0}.forgot-password{text-align:right}.forgot-password a{color:#6f42c1;text-transform:capitalize;text-decoration:none}.forgot-password:hover{color:#343a40}.back-login{text-align:center}.back-login a{color:#6f42c1;text-transform:none !important;text-decoration:none}.back-login:hover{color:#343a40}.text-define{text-align:left;text-transform:none !important}.margin-fix{margin-top:33px}.show-password{position:absolute;bottom:8px;right:21px;cursor:pointer}@media(min-width: 1024px){.mobile-overlay{display:none}}@media(max-width: 1025px){.mobile-overlay{display:block}.mobile-overlay-content{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100vh;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);z-index:99;display:flex;justify-content:center;align-items:center;text-align:center;padding:60px;flex-direction:column}.mobile-overlay-content i{font-size:5rem;color:#dc3545;margin-bottom:20px}}