.login-shift-button{width:50%}.change-password-card{width:80%;margin-top:1.04vw}@media only screen and (min-width: 768px) and (max-width: 1024px){.change-password-card{margin-top:25px}}@media only screen and (max-width: 767px){.change-password-card{width:95%;margin-top:25px}}.change-password-card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.change-password-card-content{padding:1.04vw;box-sizing:border-box}@media only screen and (max-width: 767px){.change-password-card-content{padding:10px}}.change-password-container{width:100%;margin-top:50px;padding-bottom:20px}@media only screen and (min-width: 768px) and (max-width: 1024px){.change-password-container{min-height:100%}}@media only screen and (max-width: 767px){.change-password-container{min-height:100%}}.dashboard-header{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;padding-bottom:1.04vw}.dashboard-header.hasBorder{border-bottom:1px solid rgba(var(--secondary-color),.1)}@media only screen and (max-width: 767px){.dashboard-header{padding-bottom:10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-header{padding-bottom:10px}}.dashboard-title{display:flex;flex-direction:row;justify-content:start;align-items:center;font-size:1.88vw;font-weight:700}.dashboard-title *{margin-right:1.04vw;font-family:PublicaSansRound;color:rgb(var(--tertiary-color))}@media only screen and (max-width: 767px){.dashboard-title{font-size:18px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-title{font-size:18px}}.dashboard-title-main{font-size:1.88vw}@media only screen and (max-width: 767px){.dashboard-title-main{display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-title-main{display:none}}.dashboard-title-icon{width:1.88vw;font-weight:700;color:rgb(var(--tertiary-color))}.dashboard-title-icon svg{font-size:1.88vw;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.dashboard-title-icon svg{font-size:18px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-title-icon svg{font-size:18px}}@media only screen and (max-width: 767px){.dashboard-title-icon{display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-title-icon{display:none}}.dashboard-title-prev-page{font-size:1.5vw;display:flex;flex-direction:row;justify-content:start;align-items:center}@media only screen and (max-width: 767px){.dashboard-title-prev-page{font-size:18px;display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-title-prev-page{font-size:18px;display:none}}.dashboard-title-page{color:rgb(var(--primary-color));font-size:1.5vw;display:flex;flex-direction:row;justify-content:start;align-items:center}@media only screen and (max-width: 767px){.dashboard-title-page{font-size:24px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-title-page{font-size:24px}}.dashboard-subtitle{color:#b4b3b3;font-size:.9vw;margin-top:.52vw;width:100%;font-family:PublicaSansRound,sans-serif;display:flex;flex-direction:row;justify-content:start;align-items:start}@media only screen and (max-width: 767px){.dashboard-subtitle{font-size:18px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-subtitle{font-size:18px}}.digits-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.digits-container{display:flex;flex-direction:column;justify-content:center;align-items:center}}.digits-content{display:flex;flex-direction:row}.digits-input{width:2.6vw;height:2.6vw;font-size:40px;text-align:center;margin-right:1.04vw}@media only screen and (min-width: 768px) and (max-width: 1024px){.digits-input{width:50px;height:50px}}@media only screen and (max-width: 767px){.digits-input{width:50px;height:50px}}.digits-icon-container{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.digits-otp-btn{margin-top:20px}}.countdown-text{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.countdown-text-title{color:rgba(var(--secondary-color),.7)}.countdown-text-value{color:rgba(var(--tertiary-color),1)}.countdown-expired{color:#f44336}.sidebar-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;font-family:Poppins,sans-serif}.sidebar-logo{width:7.45vw;height:100%}.sidebar-logo-container{width:100%;padding-top:1.04vw;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.sidebar-logo{width:100px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-logo{width:150px}}.sidebar-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#f5f5f5;margin-top:.7vw;padding:1.1vw 0px;padding-left:20%;font-size:1.04vw;width:100%;position:relative;cursor:pointer;box-sizing:border-box}@media only screen and (max-width: 767px){.sidebar-item{font-size:24px;margin-top:20px;padding:10px 0 10px 10px;display:flex;flex-direction:row;justify-content:center;align-items:center}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item{font-size:24px;margin-top:20px;padding:10px 0 10px 10px;display:flex;flex-direction:row;justify-content:center;align-items:center}}.sidebar-item:hover{background-color:#fff3;border-top-left-radius:2.6vw;border-bottom-left-radius:2.6vw;z-index:50}.sidebar-item.selected{width:100%;top:0;background-color:#f5f5f5;color:rgb(var(--secondary-color));border-top-left-radius:2.6vw;border-bottom-left-radius:2.6vw;z-index:1}.sidebar-item.selected:before{border-bottom-right-radius:1.04vw;display:flex}@media only screen and (max-width: 767px){.sidebar-item.selected:before{border-bottom-right-radius:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item.selected:before{border-bottom-right-radius:20px}}.sidebar-item.selected:after{border-top-right-radius:1.04vw;display:flex}@media only screen and (max-width: 767px){.sidebar-item.selected:after{border-top-right-radius:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item.selected:after{border-top-right-radius:20px}}.sidebar-item.selected:hover{background-color:#f5f5f5}.sidebar-item:before{content:"";position:absolute;top:-2.09vw;right:0;width:2.09vw;height:2.09vw;background-color:rgb(var(--secondary-color));z-index:3;display:none}@media only screen and (max-width: 767px){.sidebar-item:before{top:-50px;right:0;width:50px;height:50px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item:before{top:-50px;right:0;width:50px;height:50px}}.sidebar-item:after{content:"";position:absolute;bottom:-2.09vw;right:0;width:2.09vw;height:2.09vw;background-color:rgb(var(--secondary-color));z-index:4;display:none}@media only screen and (max-width: 767px){.sidebar-item:after{bottom:-50px;right:0;width:50px;height:50px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item:after{bottom:-50px;right:0;width:50px;height:50px}}.sidebar-item:last-child:after{display:none}.sidebar-item:last-child .sidebar-item-text:after{display:none}.sidebar-item-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-right:1.04vw}@media only screen and (max-width: 767px){.sidebar-item-icon{margin-right:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item-icon{margin-right:20px}}.sidebar-item-container{margin-top:.52vw;width:90%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}@media only screen and (max-width: 767px){.sidebar-item-container{width:95%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:50px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item-container{width:95%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:50px}}.sidebar-item-text{display:flex;flex-direction:row;align-items:center;position:relative;z-index:2;width:100%}.sidebar-item-text:before{content:"";position:absolute;top:-2.49vw;right:0;width:2.09vw;height:2.09vw;background-color:#f5f5f5;z-index:2;display:none}@media only screen and (max-width: 767px){.sidebar-item-text:before{top:-50px;right:0;width:50px;height:50px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item-text:before{top:-50px;right:0;width:50px;height:50px}}.sidebar-item-text:after{content:"";position:absolute;bottom:-2.49vw;right:0;width:2.09vw;height:2.09vw;background-color:#f5f5f5;z-index:2;display:none}@media only screen and (max-width: 767px){.sidebar-item-text:after{bottom:-50px;right:0;width:50px;height:50px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sidebar-item-text:after{bottom:-50px;right:0;width:50px;height:50px}}.selected .sidebar-item-text:before,.selected .sidebar-item-text:after{display:flex}.dashboard-layout{width:100%;display:flex;flex-direction:row;background-color:#f5f5f5}.dashboard-sidebar-container{width:20%;height:100vh;background-color:rgb(var(--secondary-color));border-top-right-radius:2.6vw;border-bottom-right-radius:2.6vw;position:fixed;top:0;left:0;transition:all .4s ease-in-out}.dashboard-sidebar-container.close{left:-20%}@media only screen and (max-width: 767px){.dashboard-sidebar-container{width:80%;border-radius:0;height:100%;overflow-y:auto;left:0%}.dashboard-sidebar-container.close{left:-100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-sidebar-container{width:50%;border-radius:0;height:100%;overflow-y:auto;left:0%}.dashboard-sidebar-container.close{left:-100%}}.dashboard-routes-container{position:fixed;width:80%;min-height:100vh;height:100%;padding:1.55vw;box-sizing:border-box;transition:all .4s ease-in-out;left:20%;overflow-y:auto}.dashboard-routes-container.close{width:100%;left:0%}@media only screen and (max-width: 767px){.dashboard-routes-container{width:100%;margin-left:0;padding:16px;left:80%}}@media only screen and (max-width: 767px) and (max-width: 767px){.dashboard-routes-container.close{left:0%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-routes-container{width:100%;height:100%;overflow-y:scroll;box-sizing:border-box;margin-left:0;padding:16px;left:50%}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px){.dashboard-routes-container.close{left:0%}}.dashboard-navbar-container{margin-bottom:2.6vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-nav-input{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-nav-input-container{width:70%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}@media only screen and (max-width: 767px){.dashboard-nav-input-container{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-nav-input-container{width:100%}}.dashboard-nav-input-textfield{width:90%}.dashboard-nav-input-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;color:rgba(var(--tertiary-color),.8)}.dashboard-nav-input-icon svg{width:45px;height:auto}.dashboard-nav-input-icon.logout{display:none}@media only screen and (max-width: 767px){.dashboard-nav-input-icon.logout{display:inherit}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-nav-input-icon.logout{display:inherit}}.dashboard-nav-account{display:flex;flex-direction:row;align-items:center}.dashboard-nav-account-container{width:30%;display:flex;flex-direction:row;justify-content:space-between;justify-content:flex-end;align-items:center}@media only screen and (max-width: 767px){.dashboard-nav-account-container{display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-nav-account-container{display:none}}.dashboard-nav-account-content{margin-left:.52vw;cursor:pointer}.dashboard-nav-img{width:3.13vw;height:3.13vw;border-radius:50%}.dashboard-nav-img-container{display:flex;flex-direction:row;align-items:center;position:relative}.dashboard-nav-active{content:" ";position:absolute;top:.26vw;right:.16vw;width:.52vw;height:.52vw;background-color:#0bd602;border:1px solid white;border-radius:50%}.dashboard-nav-name{color:#3f3f3e;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-nav-name-text{font-weight:700}.dashboard-nav-name-icon{display:flex;flex-direction:row;justify-content:center;align-items:center}.dashboard-nav-email{color:#21212180;padding-top:.26vw}.dashboard-nav-icon{position:relative;margin-right:1.55vw}.dashboard-nav-icon.right{margin-right:1.55vw;margin-left:1.55vw;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;color:rgba(var(--tertiary-color),.8)}.dashboard-nav-icon.right svg{width:45px;height:auto}.dashboard-nav-icon.notification:before{content:"";background-color:#ff2f60;width:.365vw;height:.365vw;position:absolute;top:.25vw;right:.26vw;border-radius:50%}.dashboard-nav-icon svg{font-size:1.88vw;color:#21212180;display:flex;flex-direction:row;justify-content:center;align-items:center}.dashboard-result-container{height:auto;position:absolute;top:0;left:0;width:100%;background-color:#fff;padding:.52vw;border-radius:.26vw;z-index:10;margin-top:3.65vw}@media only screen and (max-width: 767px){.dashboard-result-container{margin-top:70px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-result-container{margin-top:70px}}.dashboard-result-item{cursor:pointer;margin-top:.52vw;padding-left:1.04vw;padding-bottom:.52vw}@media only screen and (max-width: 767px){.dashboard-result-item{padding:10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-result-item{padding:10px}}.dashboard-result-item:hover{background-color:#f5f5f5}.dashboard-result-item:not(:last-child){border-bottom:1px solid rgba(33,33,33,.5)}.dashboard-result-item-text{font-size:1.1vw;color:rgba(var(--tertiary-color),.5)}@media only screen and (max-width: 767px){.dashboard-result-item-text{font-size:24px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-result-item-text{font-size:24px}}.dashboard-result-item-desc{margin-top:.26vw;color:rgba(var(--secondary-color),1);font-family:Montserrat,sans-serif}@media only screen and (max-width: 767px){.dashboard-result-item-desc{font-size:18px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-result-item-desc{font-size:18px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-container{margin-top:1.55vw;position:relative}.profile-backgroundImage{width:100%;height:300px;object-fit:cover;border-radius:1.04vw;z-index:0}.profile-backgroundImage-container{margin-top:1.04vw;position:relative;box-sizing:border-box}.profile-backgroundImage-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:98%;background:linear-gradient(195deg,rgba(var(--primary-color),.1),rgba(var(--primary-dark-color),.5));border-radius:1.04vw;z-index:1}@media only screen and (max-width: 767px){.profile-backgroundImage{height:100px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.profile-backgroundImage{height:200px}}.profile-user-img{width:3.13vw;height:3.13vw;border-radius:50%}@media only screen and (max-width: 767px){.profile-user-img{width:100px;height:100px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.profile-user-img{width:80px;height:80px}}.profile-info-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.profile-info-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}}.profile-info-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.profile-info-text-container{margin-left:1.04vw}.profile-info-desc{color:rgb(var(--tertiary-color));margin-top:.26vw}.profile-card{padding:1.04vw}@media only screen and (max-width: 767px){.profile-card{padding:10px}}.profile-card-container{position:relative;margin:0px 2.6vw;margin-top:-80px;z-index:3;border-radius:.75rem;box-shadow:#0000001a 0 .25rem .375rem -.0625rem,#0000000f 0 .125rem .25rem -.0625rem}.profile-input-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:40px}.profile-input-item{width:49%}.profile-input-btn-container{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-top:1.04vw}@media only screen and (max-width: 767px){.profile-input-btn-container{width:100%;margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.profile-input-btn-container{width:100%;margin-top:20px}}@media only screen and (max-width: 767px){.profile-input-btn{width:100%}}.modal-content-container{position:relative}.modal-image{width:auto;height:auto;max-width:100%;max-height:80vh}@media only screen and (max-width: 767px){.modal-image{width:100%;max-height:100%;min-width:80vw}}.modal-close-btn{position:absolute;right:0;width:100%}.modal-close-btn button{right:-2.5vw;top:-1.55vw;position:absolute;background-color:rgb(var(--primary-color));color:#fff;padding:1.04vw;border-radius:50%}.modal-close-btn button:hover{background-color:rgb(var(--primary-dark-color))}.modal-download-btn{position:absolute;right:0;bottom:2vw;width:100%}.modal-download-btn button{right:-2.5vw;position:absolute;background-color:rgb(var(--primary-color));color:#fff;padding:1.04vw;border-radius:50%}.modal-download-btn button:hover{background-color:rgb(var(--primary-dark-color))}.modal-loader{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-loader-text{font-size:1.5vw;margin-top:20px;font-family:PublicaSansRound,sans-serif}.settings-card{width:80%}.settings-card-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.settings-card-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;background-color:#f5f5f5;border-radius:.52vw;padding:1.04vw}@media only screen and (max-width: 767px){.settings-card-item{padding:10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.settings-card-item{padding:20px}}.settings-card-item:hover{background-color:rgb(var(--primary-color));color:#fff}.settings-card-item-container{padding:1.04vw;display:flex;flex-direction:column;gap:1.55vw 0px}@media only screen and (max-width: 767px){.settings-card-item-container{gap:15px 0px;padding:15px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.settings-card-item-container{gap:20px 0px;padding:15px}}.settings-card-item-content{display:flex;flex-direction:row;align-items:center;gap:0px 1.04vw}.settings-card-item-content-icon{display:flex;flex-direction:row;justify-content:center;align-items:center}.settings-card-item-content-text{font-size:1.25vw}@media only screen and (max-width: 767px){.settings-card-item-content-text{font-size:18px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.settings-card-item-content-text{font-size:18px}}.settings-card-item-next{display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.settings-card{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.settings-card{width:100%}}.dashboard-amount-card-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-amount-paper{padding:1.55vw 2.6vw;width:20%}.preview-paper{width:100%;height:100%}.preview-container{width:100%}.preview-content{width:100%;padding:1.04vw;box-sizing:border-box}.preview-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:15px}.preview-header.border-bottom{border-bottom:1px solid rgba(var(--secondary-color),.2)}.preview-header-img{width:120px;height:120px;border-radius:50%}.preview-header-img-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:max-content}.preview-header-img-icon{background-color:rgb(var(--primary-dark-color));color:rgb(var(--primary-color));padding:.26vw;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;bottom:.52vw;right:-.52vw}.preview-header-img-icon button{color:rgb(var(--primary-color))}.preview-header-img-icon-svg{display:flex;flex-direction:row;justify-content:center;align-items:center;width:17px!important}.preview-header-title{margin-top:.52vw;font-size:24px;color:rgb(var(--tertiary-color));font-weight:500}.preview-header-occupation{color:rgba(var(--tertiary-color),.7);margin-top:.26vw}.preview-items-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.preview-item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1.04vw}.preview-item-icon{background-color:rgb(var(--primary-color));color:#fff;width:max-content;padding:.52vw;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center}.preview-item-title{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:.52vw;color:rgba(var(--tertiary-color),.7);text-align:center}.preview-checkbox{display:flex;flex-direction:row;justify-content:center;align-items:center}.preview-checkbox-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.52vw;color:rgba(var(--tertiary-color),.8)}.add-user-paper{height:auto}.add-user-content-container{width:100%;height:auto;overflow-y:hidden;padding:1.04vw .26vw;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:wrap;font-family:Roboto,sans-serif}@media only screen and (max-width: 767px){.add-user-content-container{padding-bottom:100px}}.add-user-preview-container{width:28%}@media only screen and (max-width: 767px){.add-user-preview-container{display:none;width:0%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.add-user-preview-container{display:none;width:0%}}.add-user-form{box-sizing:border-box;width:100%;padding:1.04vw}@media only screen and (max-width: 767px){.add-user-form{padding:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.add-user-form{padding:20px}}.add-user-form-container{width:70%;box-sizing:border-box;height:inherit}@media only screen and (max-width: 767px){.add-user-form-container{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.add-user-form-container{width:100%}}.add-user-form-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1.56vw}.add-user-form-row .add-user-form-input{width:100%}.add-user-form-row.dual .add-user-form-input{width:48%}.add-user-form-checkbox-container{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:1.04vw;background-color:#ff0}.add-user-form-btn-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%}@media only screen and (min-width: 768px) and (max-width: 1024px){.add-user-container{min-height:100%;background-color:red}}.table{width:100%;border:none;border-spacing:0 1.04vw;font-family:Roboto,sans-serif;min-width:600px}.table.alt-width{min-width:1400px}.table-header{color:#424242cc}.table-action-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.table-action-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;margin-top:20px}}.table-action-btn{display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.table-action-btn{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}}.table-action-btn-item{margin-right:10px}@media only screen and (max-width: 767px){.table-action-search{width:100%}}.table-data{text-align:center;padding:15px 0;background-color:#fff}.table-data-content{display:flex;flex-direction:row;justify-content:center;align-items:center}.table-data-content-img{width:40px;height:40px;margin-right:.52vw;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center}.table-data-content-text{font-size:16px;display:flex;flex-direction:row;justify-content:center;align-items:center}.table-data:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.table-data:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px}.table-data-action{color:rgb(var(--primary-color))}.table-data-action-container{display:flex;flex-direction:row;justify-content:center;gap:0px 1.04vw}.table-data-action button{color:rgb(var(--primary-color))}.table-data-img{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:1.04vw;width:200px}.table-data-img img{width:40px;height:40px;border-radius:50%;margin-right:1.04vw}.table-body .table-row{box-shadow:0 0 .26vw #0003;border-radius:15px}.table-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1.04vw}@media only screen and (max-width: 767px){.table-footer{margin-top:20px;padding-bottom:50px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-footer{margin-top:20px;padding-bottom:50px}}.table-footer-icon{padding:0}.table-footer-icon svg{color:#fff;width:16px;height:auto}.table-footer-icon-container{display:flex;flex-direction:row;justify-content:center;align-content:baseline;background-color:#a4a4a4;border-radius:25px}.table-pages{display:flex;flex-direction:row;align-items:center}.table-pages-item{color:#c8c8c8;font-size:18px;font-weight:bolder;font-family:Roboto,sans-serif;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:2.6vw;cursor:pointer}.table-pages-item.selected{color:rgb(var(--primary-color))}.table-pages-item.selected .table-pages-item-border{background-color:rgb(var(--primary-color))}.table-pages-item-border{content:" ";width:100%;height:.52vw;background-color:transparent;border-top-left-radius:.26vw;border-top-right-radius:.26vw;margin-top:.26vw}@media only screen and (max-width: 767px){.table-pages-item-border{height:5px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-pages-item-border{height:5px}}.table-pages-item-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:0px 2.6vw}@media only screen and (max-width: 767px){.table-pages-item-container{gap:0px 30px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-pages-item-container{gap:0px 30px}}.table-pages-stats{color:#42424280;font-size:18px;font-family:Roboto,sans-serif;font-weight:bolder;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0px .26vw}.table-pages-stats span{font-weight:bolder}.table-icon-container{display:flex;flex-direction:row}.table-loader{width:100%}.table-loader-item{margin-top:1.04vw}@media only screen and (max-width: 767px){.table-loader-item{margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-loader-item{margin-top:20px}}.table-no-items-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.table-no-items-container{margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-no-items-container{margin-top:20px}}.table-no-items-text{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;font-size:1.3vw;margin-bottom:.52vw;font-family:Montserrat,sans-serif;letter-spacing:2px;font-weight:bolder;color:rgba(var(--secondary-color),.8)}@media only screen and (max-width: 767px){.table-no-items-text{font-size:18px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-no-items-text{font-size:18px}}.table-no-items-img{width:40%;height:auto}@media only screen and (max-width: 767px){.table-no-items-img{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-no-items-img{width:40%}}.table-container{margin-top:1.04vw}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-container{margin-top:20px}}.table-content{width:100%}.table-item{overflow-x:auto;padding:0 1px}@media only screen and (max-width: 767px){.table-item{overflow-x:scroll;margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.table-item{overflow-x:scroll;margin-top:20px;padding:0 2px}}.form{box-sizing:border-box;width:100%;padding:1.04vw}.form-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-top:1.55vw}@media only screen and (max-width: 767px){.form-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.form-row{margin-top:20px}}.form-row.dual .form-input{width:48%}@media only screen and (max-width: 767px){.form-row.dual .form-input{width:100%;margin-top:20px}}@media only screen and (max-width: 767px){.form-row.dual .form-input.file{width:100%;margin-top:20px}}.form-row.end,.form-row.checkbox{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.form-row.checkbox .form-checkbox{display:flex;flex-direction:row;justify-content:center;align-items:center}.form-row.checkbox .form-checkbox legend{margin-right:8px}.form-column{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:15px}.form-column-text{color:rgba(var(--tertiary-color),.7);margin-bottom:.52vw}.form-input{width:100%}@media only screen and (max-width: 767px){.form-input{margin-top:20px}}.form-input.MuiAutocomplete-option img{width:40px;height:40px}.form-checkbox-container{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:1.04vw;flex-wrap:wrap}.form-checkbox-container.end{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.form-btn-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%}@media only screen and (max-width: 767px){.form-btn-container{margin-top:20px}}.preview-header{color:rgb(var(--tertiary-color));font-size:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.preview-header span{color:rgb(var(--primary-color));margin-right:10px}.preview-class{width:100%}.exams-content{margin-top:1.04vw}.login-form-fingerprint-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:1.04vw}.login-form-fingerprint-container svg{width:2.6vw;height:auto;cursor:pointer}.login-form-fingerprint-container svg:hover{color:rgb(var(--primary-color))}.login-shift-button{width:100%}.attendance-form{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.attendance-form-action-row{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:20px}@media only screen and (max-width: 767px){.attendance-form-action-row{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}}.attendance-form-row{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}@media only screen and (max-width: 767px){.attendance-form-row{display:flex;flex-direction:column;justify-content:center;align-items:center}}.attendance-form-input{width:35%}.attendance-form-input.full{width:80%}@media only screen and (max-width: 767px){.attendance-form-input.full{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.attendance-form-input.full{width:70%}}@media only screen and (max-width: 767px){.attendance-form-input{width:100%;margin-top:20px}.attendance-form-input:first-child{margin-top:0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.attendance-form-input{width:35%}}.attendance-form-button{width:15%}@media only screen and (max-width: 767px){.attendance-form-button{width:100%;margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.attendance-form-button{width:25%}}.attendance-form-button-item{width:100%}@media only screen and (max-width: 767px){.attendance-form{display:flex;flex-direction:column;justify-content:center;align-items:center}}.attendance-paper{width:100%;padding:20px 10px 0}@media only screen and (max-width: 767px){.attendance-paper{padding:20px;box-sizing:border-box}}.attendance-detail-table{min-width:100%}.attendance-detail-table-container{overflow-x:auto}.add-exam-paper,.add-exam-form{width:100%}.add-note-class-container{width:100%;margin-top:20px}.add-note-class-item{background-color:rgba(var(--primary-color),.2);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:23%;border-radius:10px;padding:20px;box-sizing:border-box;cursor:pointer}.add-note-class-item:hover{background-color:rgba(var(--primary-dark-color),.2)}.add-note-class-item-img{width:50px;margin-right:10px}.add-note-class-item-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:20px}.add-note-class-item.selected{background-color:rgba(var(--secondary-color),1);color:#fff}.add-note-class-item.selected:hover{background-color:rgba(var(--primary-dark-color),.2);color:#000}@media only screen and (max-width: 767px){.add-note-class-item{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.add-note-class-item{width:48%}}.add-note-container{margin-top:1.04vw;height:100%}@media only screen and (max-width: 767px){.add-note-container{margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.add-note-container{margin-top:20px}}.add-note-title{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:2vw;display:none}.add-note-steps{margin-top:1.04vw}@media only screen and (max-width: 767px){.add-note-steps{margin-top:20px}}.dropzone-text{color:#21212180;font-size:24px;margin:0;text-align:center}.dropzone-note{color:#212121;font-size:18px;padding-bottom:10px;margin-top:10px}.dropzone-note span{color:#212121cc}.dropzone-text{color:#21212180;font-size:24px;margin:0}.dropzone-text-container{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed rgba(var(--primary-dark-color),.3);padding:20px}.dropzone-text-container svg{color:#21212180;font-size:50px}.login-selected-school{border:1px solid rgb(var(--tertiary-color));border-radius:50px;padding:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.login-selected-school-container{margin-bottom:25px;position:relative}@media only screen and (max-width: 767px){.login-selected-school-container{margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-selected-school-container{margin-top:20px}}.login-selected-school-img{width:50px}.login-selected-school-text{margin-left:10px}.login-selected-school-close{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:10px;color:rgba(var(--tertiary-color),1)}.login-selected-school:hover{background-color:rgba(var(--tertiary-color),.1);transition:all .2s ease}.login-selected-school:hover .login-selected-school-close{color:#d32f2f}.login-container{width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.login-container{height:100%;overflow-y:scroll}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-container{height:100%;overflow-y:scroll}}.login-image{width:30vw;height:auto}.login-image-container{width:50%;height:100%;background-color:rgb(var(--secondary-color));display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.login-image-container{width:0%;display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-image-container{width:0%;display:none}}.login-content-container{width:50%;height:100%;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.login-content-container{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-content-container{width:100%}}.login-form{width:100%}.login-form-logo{width:10.5vw;height:auto}@media only screen and (max-width: 767px){.login-form-logo{width:150px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-form-logo{width:170px}}.login-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.login-form-container.forgot-password{width:60%}@media only screen and (max-width: 767px){.login-form-container{width:100%;box-sizing:border-box;padding:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-form-container{width:80%;box-sizing:border-box;padding:20px}}.login-form-title{font-family:Roboto,sans-serif;color:#454443;margin-top:1.04vw;font-size:1.6vw}@media only screen and (max-width: 767px){.login-form-title{font-size:24px;margin-top:10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-form-title{font-size:24px;margin-top:10px}}.login-form-subtitle{color:#9aa1ab;margin-top:1.04vw;font-size:.8vw}@media only screen and (max-width: 767px){.login-form-subtitle{font-size:18px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-form-subtitle{font-size:18px}}.login-form-row{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:.26vw 0vw}.login-form-remember-container{width:50%}.login-form-forgot-pass{color:#454443;opacity:.7;cursor:pointer;text-decoration:underline}.login-form-forgot-pass-container{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;margin-top:.52vw}@media only screen and (max-width: 767px){.login-form-forgot-pass-container{margin-top:10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-form-forgot-pass-container{margin-top:10px}}.login-form-input{width:100%}.login-form-input-container{width:100%;margin-top:1.04vw}@media only screen and (max-width: 767px){.login-form-input-container{margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-form-input-container{margin-top:20px}}.login-footer{position:absolute;bottom:1.04vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.52vw}.login-footer-text{font-family:Roboto,sans-serif;color:#fff;text-align:center}.login-footer-img{width:8vw;height:auto}.login-shift-button{width:45%}@media only screen and (max-width: 767px){.login-shift-button{width:100%}}.login-shift-button-item{width:100%}@media only screen and (max-width: 767px){.login-shift-button-item{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.login-shift-button-item{width:95%}}.login-shift-container{margin-top:30px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.login-shift-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}}.checkbox-label{color:#454443;opacity:.7}.detail-card-container{width:100%;display:flex;flex-direction:row}@media only screen and (max-width: 767px){.detail-card-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}}@media only screen and (min-width: 768px) and (max-width: 1024px){.detail-card-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.detail-profile-img{width:10.419vw;height:10.419vw;border-radius:50%}@media only screen and (max-width: 767px){.detail-profile-img{width:100px;height:100px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.detail-profile-img{width:150px;height:150px}}.detail-profile-container{width:30%;padding:1.04vw;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid rgba(33,33,34,.1)}@media only screen and (max-width: 767px){.detail-profile-container{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.detail-profile-container{width:100%}}.detail-profile-name{margin-top:.52vw;font-size:24px;color:#212122cc}.detail-profile-occupation{margin-top:.52vw;color:#21212280}.detail-profile-dob{margin-top:.52vw;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#21212280}.detail-profile-dob svg{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:.52vw}.detail-profile-action{margin-right:.52vw}.detail-profile-action svg{color:rgb(var(--primary-color))}.detail-profile-action-container{display:flex;flex-direction:row;margin-top:.52vw}.detail-info-container{width:70%;height:auto;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 767px){.detail-info-container{width:100%}}.detail-info-section{padding:1.04vw;flex-direction:column;border-bottom:1px solid rgba(33,33,34,.1)}.detail-info-section-heading{color:#21212280;margin-bottom:.52vw}.detail-info-section-item{display:flex;flex-direction:row;align-items:center}.detail-info-section-item.isSingle{flex-direction:column;justify-content:flex-start;align-items:flex-start}.detail-info-section-item-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.52vw}.detail-info-section-item-container.isSingle{grid-template-columns:repeat(1,1fr)}@media only screen and (max-width: 767px){.detail-info-section-item-container{grid-template-columns:repeat(1,1fr);gap:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.detail-info-section-item-container{grid-template-columns:repeat(1,1fr);gap:20px}}.detail-info-section-item-title{margin-right:.26vw;color:#212122b3;font-weight:500}.detail-info-section-item-value.isSingle{line-height:1.5}.detail-info-section:last-child{border-bottom:none}.fees-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2.6vw}.fees-form{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.fees-form-action-row{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:20px}.fees-form-action-btn{margin-right:20px}.fees-form-row{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.fees-form-input{width:35%}@media only screen and (max-width: 767px){.fees-form-input{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.fees-form-input{width:35%}}.fees-form-button{width:15%}@media only screen and (max-width: 767px){.fees-form-button{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.fees-form-button{width:25%}}.fees-form-button-item{width:100%}@media only screen and (max-width: 767px){.fees-form-button-item{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.fees-form-button-item{width:100%}}@media only screen and (max-width: 767px){.fees-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}}.fees-paper{width:100%;padding:20px}.fees-table{width:100%}.fees-chip-container{margin-top:.4vw}.hierarchy-item-container{border:1px solid rgb(25,117,192);margin:4px;padding:10px;display:flex;justify-content:"space-around";background:#fff;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;box-sizing:border-box;cursor:grabbing}.hierarchy-item-handle{font-weight:600;transform:rotate(90deg);width:20px;height:20px}.hierarchy-item-handle-container{width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center}.attendance-detail-container{width:100%}.attendance-detail-table{border-collapse:collapse;margin:20px auto;background-color:#fff;border:2px solid #dee2e6;box-shadow:0 2px 4px #0000001a;width:100%}.attendance-detail-table th,.attendance-detail-table td{border:1px solid rgba(var(--primary-color),1);padding:10px;text-align:center;vertical-align:center;white-space:nowrap}.attendance-detail-table th.status,.attendance-detail-table td.status{font-weight:bolder;font-size:1.3rem}.attendance-detail-table th.status.present,.attendance-detail-table td.status.present{background-color:#2e7d32;color:#fff;border-bottom:1px solid white}.attendance-detail-table th.status.absent,.attendance-detail-table td.status.absent{background-color:#d32f2f;color:#fff;border-bottom:1px solid white}.attendance-detail-table th.status.leave,.attendance-detail-table td.status.leave{background-color:#1976d2;color:#fff;border-bottom:1px solid white}.attendance-detail-table th{background-color:rgba(var(--primary-color),1);color:#dee2e6}.attendance-detail-table-empty{font-size:2rem;margin-top:40px;display:flex;flex-direction:row;justify-content:center;align-items:center}.attendance-detail-action-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.attendance-detail-action-item{margin-right:10px}.preview-class{width:100%;margin-top:20px}.preview-class-table-container{width:100%;overflow-x:scroll}.preview-class-header{color:rgb(var(--tertiary-color));font-size:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.preview-class-header span{color:rgb(var(--primary-color));margin-right:10px}.class-table{border-collapse:collapse;margin:20px auto;background-color:#fff;border:2px solid #dee2e6;box-shadow:0 2px 4px #0000001a;width:100%}.class-table th,.class-table td{border:1px solid rgba(var(--primary-color),1);padding:10px;text-align:center;vertical-align:top;white-space:nowrap}.class-table th .special,.class-table td .special{min-width:0px!important}.class-table th.normal,.class-table td.normal{min-width:150px}.class-table th{background-color:rgba(var(--primary-color),1);color:#dee2e6}.class-table .highlight{background-color:#f8f9fa;vertical-align:middle;text-align:center;font-weight:700}.class-table .special{background-color:rgba(var(--primary-color),1);color:#dee2e6;width:0px}.class-table .teacher{font-size:.8em;color:#6c757d;margin-top:4px}.class-table .vertical-text{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;vertical-align:middle;font-weight:700;width:25px;letter-spacing:2.5rem}.dashboard-content-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.dashboard-amount-card-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.dashboard-amount-paper{padding:1.55vw 2.6vw;width:30%}.dashboard-calendar-status{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 0}.dashboard-card-item-header{font-size:18px;margin-top:.52vw;font-family:PublicaSansRound;color:rgba(var(--tertiary-color),.7)}.dashboard-card-item-value{font-size:18px;margin-top:.52vw;font-family:PublicaSansRound;color:rgba(var(--tertiary-color),1)}.dashboard-card-item-value.status{letter-spacing:5px}.pending{color:#1976d2}.paid{color:#2e7d32}.late{color:#d32f2f}.dashboard-content-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}@media only screen and (max-width: 767px){.dashboard-content-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-content-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.dashboard-content-left{width:70%}@media only screen and (max-width: 767px){.dashboard-content-left{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-content-left{width:100%}}.dashboard-content-right{width:25%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media only screen and (max-width: 767px){.dashboard-content-right{width:100%;margin-top:20px;padding-bottom:70px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-content-right{width:100%;margin-top:20px;padding-bottom:70px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}}.dashboard-amount-card-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box}@media only screen and (max-width: 767px){.dashboard-amount-card-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.dashboard-amount-value{font-size:24px;font-family:PublicaSansRound;letter-spacing:.26vw;font-weight:bolder;color:rgba(var(--secondary-color),.7)}.dashboard-amount-title{font-size:18px;margin-top:.52vw;font-family:PublicaSansRound;color:rgba(var(--tertiary-color),.7)}.dashboard-amount-paper{padding:1.55vw 2.6vw;width:30%;box-sizing:border-box}@media only screen and (max-width: 767px){.dashboard-amount-paper{width:100%;margin-top:20px}}.dashboard-chart-container{margin-top:2.04vw}@media only screen and (max-width: 767px){.dashboard-chart-container{margin-top:20px}}.dashboard-chart-paper{padding:.52vw 1.04vw}@media only screen and (max-width: 767px){.dashboard-chart-paper{padding:5px 20px}}.dashboard-chart-title{font-family:PublicaSansRound;margin:1.04vw 0px;font-size:24px;color:rgba(var(--secondary-color),.8);display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.dashboard-chart-title-text{margin-bottom:20px}}.dashboard-chart-title-month{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.8vw}.dashboard-chart-title-month .select-item{width:1vw}@media only screen and (max-width: 767px){.dashboard-chart-title-month{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%}}.dashboard-chart-title-month-item{width:100%}@media only screen and (max-width: 767px){.dashboard-chart-title{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.dashboard-chart-card-container{width:100%;margin-top:20px}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-chart-card-container{width:45%;margin-top:0}}.dashboard-chart-card-content{padding:5px 20px 10px}.dashboard-chart-date{margin:10px 0}.dashboard-chart-stat{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.dashboard-progress-container{margin-top:1.04vw}.dashboard-progress-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1.55vw}.dashboard-progress-item{width:49%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-progress-item-title{margin-right:.52vw}.dashboard-progress-item-bar{width:80%}.dashboard-progress-paper{padding:1.04vw}.dashboard-progress-title{font-family:PublicaSansRound;color:rgba(var(--secondary-color),.8);font-size:24px}.dashboard-user{margin:1.04vw}.dashboard-user-container{width:100%;margin-top:1.04vw}.dashboard-user-title-item{font-family:PublicaSansRound;color:rgba(var(--secondary-color),.8);width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-user-paper{padding:.52vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-user-img{width:2.6vw;height:2.6vw;border-radius:50%}.dashboard-user-text-occupation{margin-top:.52vw}.dashboard-user-content{height:500px;overflow-y:auto;margin-top:.26vw}.dashboard-calendar-container{width:100%}@media only screen and (min-width: 768px) and (max-width: 1024px){.dashboard-calendar-container{width:45%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1;align-self:stretch}}.school-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#f5f5f5;min-height:100vh;background:linear-gradient(#fffc,#ffffff1a),url(../../assets/school_background.png);background-position:center;background-repeat:no-repeat;background-size:cover}.school-paper{width:100%;padding:50px;box-sizing:border-box;max-height:600px;overflow-y:scroll}.school-card-container{position:relative;border:1px solid rgba(0,0,0,.2);border-radius:.52vw;padding:.52vw;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.52vw 0px;cursor:pointer;overflow:hidden;transition:all .3s ease-in-out}.school-card-container:active .ripple{animation:ripple-animation .6s ease-out}.school-card-container:hover{box-shadow:inset 0 4px 8px #00000080}.school-card-container.selected{box-shadow:inset 0 4px 8px #00000080;transition:all .3s ease-in-out;background-color:rgb(var(--primary-color));border:1px solid white;color:#fff}.school-card-container.selected .school-card-name{color:#fff}.school-card-img{width:100px;height:100px}.school-card-name{font-size:18px;text-align:center;font-weight:500}.school-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#f5f5f5;min-height:100vh;background:linear-gradient(#fffc,#ffffff1a),url(../../assets/school_background.png);background-position:center;background-repeat:no-repeat;background-size:cover}.school-paper{width:100%;padding:50px;box-sizing:border-box;max-height:600px;overflow-y:auto}.school-paper-container{width:80%;margin-top:20px}@media only screen and (max-width: 767px){.school-paper-container{width:95%}}@media only screen and (max-width: 767px){.school-paper{padding:10px}}.school-card-item-container{box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:1.04vw;width:100%;margin-top:10px}@media only screen and (max-width: 767px){.school-card-item-container{grid-template-columns:repeat(1,1fr);gap:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.school-card-item-container{grid-template-columns:repeat(2,1fr);gap:20px}}.school-img{width:150px;margin-top:50px}.school-title{font-size:1.5vw;color:rgba(var(--tertiary-color),1);margin-bottom:.5vw;font-weight:700;font-family:Poppins,sans-serif;margin-top:20px}@media only screen and (max-width: 767px){.school-title{font-size:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.school-title{font-size:20px}}@media only screen and (max-width: 767px){.school-continue{width:100%}}.school-continue-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-top:20px}@media only screen and (max-width: 767px){.school-continue-container{width:100%}}.school-continue-container.alt{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.school-continue-container.alt .school-continue{width:45%}}.global-form-container{width:70%}@media only screen and (max-width: 767px){.global-form-container{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.global-form-container{width:100%}}.global-container{display:flex;flex-direction:column;padding:10px}.global-content-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-top:2.6vw;box-sizing:border-box;padding:10px}@media only screen and (max-width: 767px){.global-content-container{margin-top:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.global-content-container{margin-top:20px}}.global-preview-container{width:28%}@media only screen and (max-width: 767px){.global-preview-container{width:0%;display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.global-preview-container{width:0%;display:none}}.global-steps-content{padding:1.04vw;box-sizing:border-box}.global-preview-paper{width:100%}.global-preview-title{font-size:1.55vw;margin:2.6vw;color:rgba(var(--secondary-color),.7)}.global-button-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;margin-top:2.6vw}@media only screen and (max-width: 767px){.global-data-container{padding:10px}.global-data-container .form-row.first .form-input{margin-top:0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.global-data-container{padding:10px}.global-data-container .form-row.first .form-input{margin-top:0}}.action-btn{background-color:"blue";color:"white";width:40;height:40;border-radius:"50%";display:"flex";align-items:"center";justify-content:"center"}.action-btn.edit{background-color:#1a73e8}.layout-content{margin-top:1.04vw}.layout-container{box-sizing:border-box}@media only screen and (min-width: 768px) and (max-width: 1024px){.layout-container{min-height:100%;overflow-y:scroll}}.mt-0{margin-top:0}.user-detail-paper{display:flex;flex-direction:row;width:100%}.user-detail-profile-img{width:200px;height:200px;border-radius:50%}.user-detail-profile-container{width:30%;padding:1.04vw;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid rgba(33,33,34,.1)}.user-detail-profile-name{margin-top:.52vw;font-size:24px;color:#212122cc}.user-detail-profile-occupation{margin-top:.52vw;color:#21212280}.user-detail-profile-dob{margin-top:.52vw;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#21212280}.user-detail-profile-dob svg{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:.52vw}.user-detail-profile-action svg{color:#fcc419}.user-detail-profile-action:first-child{margin-right:.52vw}.user-detail-profile-action-container{display:flex;flex-direction:row;margin-top:.52vw}.user-detail-info-container{width:70%;height:auto;display:flex;flex-direction:column;justify-content:center}.user-detail-info-section{padding:1.04vw;flex-direction:column;border-bottom:1px solid rgba(33,33,34,.1)}.user-detail-info-section-heading{color:#21212280;margin-bottom:.52vw}.user-detail-info-section-item{display:flex;flex-direction:row;align-items:center}.user-detail-info-section-item-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.52vw}.user-detail-info-section-item-title{margin-right:.26vw;color:#212122b3;font-weight:500}.user-detail-info-section:last-child{border-bottom:none}.user-detail-accordian-container{margin-top:1.04vw;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.user-detail-accordian-container{margin-top:20px;width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.user-detail-accordian-container{margin:20px 0;width:100%}}.user-detail-accordian-content{width:max-content;background-color:#f5f5f5;border:1px solid rgba(var(--primary-color),1)}@media only screen and (max-width: 767px){.user-detail-accordian-content{max-width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.user-detail-accordian-content{max-width:100%}}@font-face{font-family:Roboto;src:url(/assets/Roboto-BHeBnKzs.ttf) format("ttf")}@font-face{font-family:Poppins;src:url(/assets/Poppins-CTKNfV9P.ttf) format("ttf")}@font-face{font-family:PublicaSansRound;src:url(/assets/PublicaSansRound-2KtGOapP.otf) format("opentype")}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-BQsUpcHj.ttf) format("ttf")}.yellow-btn{background-color:#fcc419!important}.checkbox-yellow,.form-input{color:#ffa629!important}.pink{color:#ff69b4}.blue{color:#1e90ff}.select-clear{margin-right:1.04vw!important}.popup-textarea:focus{border:1px solid rgba(var(--primary-color),.5);outline:none;box-shadow:inset 0 1px 1px rgba(var(--primary-color),.06),0 0 0 3px rgba(var(--primary-dark-color),.5)}#root,body{padding:0;margin:0;font-family:Roboto,sans-serif}.hidden{display:none}.w-100{width:100%}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}