body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}#main:-webkit-full-screen{background-color:#fff}#main:-ms-fullscreen{background-color:#fff}#main:fullscreen{background-color:#fff}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.rahuwrapper{position:absolute;bottom:20px}.dashboard .modal.show .modal-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.react-calendar__month-view__days__day--weekend{color:#fd6f8d!important;font-weight:600}.react-calendar__tile--active{background-color:#69f0ae!important}.gradBnner{background-color:#000;background-image:linear-gradient(90deg,#d8b5ff,#1eae98);height:100vh;border-top-left-radius:49%;border-bottom-left-radius:49%;display:inline-table}.login .hedding .devMode{top:0;left:0;margin-top:30px;margin-left:30px;position:absolute}.login .row{margin-left:0;margin-right:0}.hedding{text-align:center;display:inline-table}.hedding h1{text-transform:uppercase;font-family:Lora,serif;font-weight:600;line-height:1.5}.gradBnner .form,.hedding h1{height:100vh;display:table-cell;vertical-align:middle}.gradBnner .form{text-align:right;min-width:315px;padding-left:60px}.gradBnner .clock{height:100vh;display:table-cell;vertical-align:middle;color:#fff;text-align:center}.gradBnner .clockbg{background-color:#000;background-image:linear-gradient(180deg,hsla(0,0%,98.8%,.59),#000);width:370px;height:370px;border:10px solid #fff;border-radius:50%;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);cursor:pointer}.gradBnner .clockbg h1{padding-top:33%;font-size:72px}.form-control{color:#fff;background-color:transparent;background-clip:padding-box;border:inherit;border-radius:inherit;border-bottom:1px solid #fff}.login::-webkit-input-placeholder{color:#fff}.login:-ms-input-placeholder{color:#fff}.login::-ms-input-placeholder{color:#fff!important}.login::placeholder{color:#fff!important}.login input:-internal-autofill-selected{background-color:transparent!important;background-image:none!important;color:#fff!important}.btngroup{margin-top:50px;background-color:#fff;border-radius:50px}.submitbtn{width:38%}.active,.active:hover{background-color:#000;border-radius:50px;color:#fff}.loaderWrapper{background:#dedbdb;width:100%;opacity:.5;filter:alpha(opacity=50);height:100%;z-index:15;display:flex;position:absolute}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-animation:autofill 0s forwards;animation:autofill 0s forwards}@keyframes autofill{to{background:transparent;color:#fff}}@-webkit-keyframes autofill{to{background:transparent;color:#fff}}.signupDetails{background-color:#2c3e50;height:100vh}.signupDetails .MuiStepIcon-root.MuiStepIcon-active{color:#ffb600!important}.signupDetails .MuiPaper-root{color:rgba(0,0,0,.87);background-color:transparent!important}.signupDetails .MuiStepIcon-text{fill:#030101!important}.signupDetails .MuiStepLabel-label.MuiStepLabel-active{color:#fff!important;display:block!important}.signupDetails .MuiStepIcon-root,.signupDetails .MuiStepLabel-label.MuiStepLabel-completed{color:#fff!important}.signupDetails .MuiStepLabel-label{color:transparent!important}.signupDetails .MuiStepLabel-label.MuiStepLabel-alternativeLabel{margin-top:5px!important}.signupDetails .MuiStepIcon-root.MuiStepIcon-completed{color:#ffb600!important}.signupDetails .maincontent{max-width:900px;margin:0 auto;padding-top:30px}.signupDetails .MuiStepper-alternativeLabel{padding-top:50px!important;max-width:1050px;margin:0 auto}.signupDetails button:focus{outline:none!important}.signupDetails .maincontent input{padding:10px;width:100%;border-radius:10px;border:none;font-size:18px;margin-bottom:10px}.signupDetails .maincontent ul li{color:#fff;margin:10px 0;font-size:18px}.signupDetails .maincontent .MuiButton-containedPrimary{color:#2c3e50;background-color:#fff;font-weight:600;margin-right:20px;padding:8px;border-radius:10px;width:100px}.signupDetails .maincontent .logo{width:90px;height:90px;background-color:#fff;border-radius:10px;display:inline-block;vertical-align:middle;margin-right:20px}.signupDetails .maincontent .workingDays{background-color:#fff;border-radius:10px;padding:4px;color:#707070}.signupDetails .maincontent .workingDays h4{padding-top:10px;padding-left:10px}.signupDetails .maincontent .workingDays .days{padding-top:3px}.signupDetails .maincontent .workingDays .days li{text-align:center;font-size:14px;display:inline-block;background-color:#dad9e9;color:#707070;height:40px;line-height:40px;border-radius:50px;margin:0 10px;justify-content:space-between;width:40px}.signupDetails .maincontent #country{width:100%;padding:10px;border-radius:10px;color:#2c3e50}header{padding:0 20px;background-color:#fff}header .nav-content{padding-top:0}ul{margin-bottom:0}.logout{text-align:center}.logout button{background-color:transparent;border:none}.user{display:inline-block;padding-right:10px}.adminHeader{background-color:#85d28c}.adminHeader .designation h6{color:#000;font-size:1.2rem;font-weight:600}.adminHeader .rightTime{text-align:center}.adminHeader .rightTime h5{margin-bottom:0;font-weight:800;line-height:1.2}.adminHeader .rightTime p{margin-bottom:15px}.adminHeader .designation p,.adminHeader .nav-content .nav-content-list .nav-content-item a,.adminHeader .rightTime h5,.adminHeader .rightTime p{color:#fff}.user img{width:60px;height:60px;border-radius:50px}.designation{display:inline-block;vertical-align:middle;padding-right:50px}.designation h6,.designation p{margin-bottom:0}.designation p{font-size:14px;color:#666}.nav-content .nav-content-list .nav-content-item span.arebox{background-color:#fd6f8d;border-radius:50%;border:2px solid #fff;width:32px;height:32px;text-align:center;color:#fff;font-weight:600;display:block;padding:4px;font-size:11px;margin-left:7px;box-shadow:0 5px 4px rgba(0,0,0,.3),0 7px 12px rgba(0,0,0,.22)}.nav-content-list:hover{cursor:pointer}.nav-content .nav-content-list .nav-content-item span.arebox:hover{box-shadow:0 5px 8px rgba(0,0,0,.3),0 10px 12px rgba(0,0,0,.22)}@media (max-width:768px){.nav-content{display:none;top:75px;position:absolute;background:#fff;width:100%;left:0;transition:all .1s linear 0s}.nav-content .nav-content-list{flex-direction:column;align-items:end!important;padding:0 15px}}.nav-content .nav-content-list{display:inline-flex;padding-left:0}.nav-content .nav-content-list .nav-content-item{margin:5px 10px;position:relative;transition:all .1s linear 0s;display:flex;align-items:center}.nav-content .nav-content-list .nav-content-item .item-arrow{position:relative;margin-left:5px;top:-3px}@media (max-width:768px){.nav-content .nav-content-list .nav-content-item .item-arrow{display:none}}.nav-content .nav-content-list .nav-content-item .products-list{display:none;position:absolute;width:200px;top:50px;border-bottom:3px solid #545bc4;border-radius:3px;overflow:hidden;box-shadow:2px 9px 49px -17px rgba(0,0,0,.1);transition:all .1s linear 0s}.nav-content .nav-content-list .nav-content-item .products-list .products-item{padding:15px 20px}.nav-content .nav-content-list .nav-content-item .products-list .products-item:hover{background:#545bc4}.nav-content .nav-content-list .nav-content-item .products-list .products-item:hover a{color:#fff}.nav-content .nav-content-list .nav-content-item a{color:#666;text-decoration:none}.nav-content .nav-content-list .nav-content-item a:hover{color:#000}@media (min-width:768px){.nav-content .nav-content-list .nav-content-item:hover .products-list{display:block;top:100%}}.nav-content .nav-content-list .nav-content-link{padding:10px 15px;border-radius:3px;transition:all .1s linear 0s}.nav-content .nav-content-list .nav-content-link:hover{background:#e6e6e6}.open-menu-mobile{position:relative;display:block;cursor:pointer}@media (min-width:768px){.open-menu-mobile{display:none}}.input-menu,.input-menu .fa-times{display:none}.input-menu:checked~.nav-content{display:block}.fa-bars{font-size:28px}header .active{color:#000!important;background-color:inherit!important;border:none!important;font-weight:600}.richout{display:inline-block}.arrow{margin-left:10px;font-size:18px!important}.richout .btn-link{color:#fff}.richout .btn-link:hover{color:#fff;text-decoration:none}.richout .richHead{width:400px;text-align:right;padding-bottom:0;height:50px}.richout .content{padding:10px 10px 10px 30px}.richout .nav-tabs .nav-item.show .nav-link,.richout .nav-tabs .nav-link{font-size:15px}.textAlignment{text-align:end;margin-top:15px}.content .icon{display:block;width:35px;height:35px;text-align:center;line-height:45px;font-size:18px;color:#d8dae6}.richout .nav-tabs .nav-item.show .nav-link,.richout .nav-tabs .nav-link{color:#d8dae6}.richout .nav-tabs .nav-link.active .icon{color:#fff}.content .nav-link{padding:0 2rem 0 .4rem;text-align:center}.content .tab-pane{text-align:left!important;margin-top:10px}.content .card-header{background-color:#f1f1f1;background-image:inherit;font-size:14px;padding:10px;border-radius:40px!important}.content .card-header i{font-size:16px}.chatboxHead{display:flex;align-items:center}.chatboxHead li{color:#9daab5;padding-right:20px;cursor:pointer}.content .search{padding:5px 10px;border-radius:50px;margin-left:5px;position:absolute;display:flex;right:0;top:15px}.content .search i{color:#fff}.content .search input{width:80%;color:#fff;text-align:right;margin-right:10px;font-size:16px;margin-top:-3px}.content .card,.content .search input{border:inherit;background-color:transparent}.content .card{padding:5px 0 0;box-shadow:inherit}.content .search input:focus{outline:none}.content .card-body{padding:0}.chatCalling li{display:inline-block;padding:0 10px;cursor:pointer}.chatCalling li i{color:#9daab5;line-height:40px}.userName{display:flex}.userName img{width:35px;height:35px;border-radius:50%;vertical-align:middle}.userName .subHeading{font-size:12px}.userName h6{line-height:40px;margin-left:10px;font-size:15px;color:#fff}.chatbox{max-height:75vh;overflow-x:hidden;overflow-y:auto}.logo{display:flex;margin:10px 0 0;padding-bottom:10px;align-items:center;justify-content:center;color:#000;font-size:3em;letter-spacing:7px;border-bottom:1px solid #ccc}.list-wrap{width:100%;overflow:auto}.list-wrap .list{display:flex;padding:10px 5px;cursor:pointer}.list-wrap .list img{border-radius:50%;width:35px;height:35px;vertical-align:middle;object-fit:cover;margin-right:10px;box-shadow:1px 2px 3px rgba(0,0,0,.5)}.list-wrap .list .info{flex:1 1}.list-wrap .list .info .user{font-weight:600;font-size:15px;color:#fff}.list-wrap .list .info .text{display:flex;margin-top:3px;font-size:14px;line-height:1.3;color:#9daab5;font-weight:300;max-width:278px}.list-wrap .list .time{margin-right:5px;margin-left:5px;font-size:.75em;padding:0;color:#a9a9a9}.list-wrap .list .count{font-size:12px;background:#00f;box-shadow:0 5px 15px -5px rgba(0,0,0,.7);width:20px;height:20px;border-radius:50%;text-align:center;color:#fff}.content{flex:1 1;display:flex;flex-direction:column}.content header{height:76px;background:#fff;border-bottom:1px solid #ccc;display:flex;align-items:center}.content header img{border-radius:50%;width:50px;height:50px;object-fit:cover;margin-right:10px;box-shadow:1px 2px 3px rgba(0,0,0,.5)}.content header .info{flex:1 1}.content header .info .user{font-weight:700}.content header .info .time{display:flex;margin-top:3px;font-size:.85em;padding:0}.content header .open{display:none}.content header .open a{color:#000;letter-spacing:3px}.message-wrap{flex:1 1;display:flex;flex-direction:column;padding:15px;overflow:auto}.message-wrap:before{content:"";margin-bottom:auto}.message-wrap .message-list{align-self:flex-start;max-width:70%}.message-wrap .message-list.me{align-self:flex-end}.message-wrap .message-list.me .msg{background:#bde2f7;color:#111}.message-wrap .message-list .msg{background:#fff;box-shadow:0 5px 15px -5px rgba(0,0,0,.1);padding:10px 5px;margin-bottom:10px;border-radius:5px}.message-wrap .message-list .time{text-align:right;color:#999;font-size:.75em;padding:0}.message-footer{border-top:1px solid #ddd;background:#eee;padding:10px;display:flex;height:60px}.message-footer input{flex:1 1;padding:0 20px;border-radius:5px}.userProfile .designation{text-align:left}.userProfile .designation h6{color:#000;font-weight:bolder;font-size:17px}.userProfile .content1{background-color:#f1f1f1;position:fixed;top:5px;z-index:11;left:10px;border-radius:10px;padding:15px 10px;max-width:400px}.userProfile .content1 .status{color:#32cd32;font-weight:600}.userProfile .content1 .user{margin-left:10px}.userHead{border-bottom:1px solid #ccc;padding-bottom:10px}.userProfile .content1 .subheading{font-size:13px;padding:0 0 5px;margin-bottom:0;width:100%}.userProfile .content1 ul li{display:flex;padding:0 10px;font-weight:500;font-size:15px;margin-bottom:15px}.userProfile .content1 .userDetail{padding:10px 0 0 10px;border-bottom:1px solid #ccc;margin-bottom:10px}.userProfile .content1 .userDetail img{width:20px;height:20px;border-radius:50%;margin-right:10px;margin-top:2px;vertical-align:middle}.userProfile .content1 ul li .icon{margin:4px 13px 0 3px}.userProfile .content1 .user img{width:45px;height:45px}.userProfile .content1 .designation h6{color:#000;font-weight:700;font-size:16px}.profilemodal{background-color:#fff;padding:20px;border:1px solid #f5f5f5}.profilemodal .penIcon{float:right;transform:scaleX(-1);cursor:pointer}.profilemodal .btnDay{margin-left:10px;width:120px;font-size:14px;padding:5px 10px}.userleftSec img{margin-bottom:15px}.profilemodal .form-control{padding-bottom:0;margin-bottom:10px}.profilemodal .form-control,.profilemodal select{background-color:transparent;background-clip:padding-box;border:inherit;border-radius:inherit;border-bottom:1px solid #7c7b7b;padding-left:0;font-size:14px;color:#6c757d}.profilemodal select{padding-bottom:4px;margin-bottom:0;width:100%;margin-top:8px;vertical-align:-webkit-baseline-middle}.documentModal{background-color:#fff;padding:20px}.documentForm{padding:2rem 0 4rem}.documentForm .form-control{color:#666;background-color:#f1f1f1;background-clip:padding-box;border:inherit;width:70%}.form-control:focus,input:focus{outline:none!important}.modal-70w{max-width:70%!important}.box.arrows .icondown{transform:rotate(-180deg);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg)}.settingIcon{display:block;float:right;text-align:center;margin-top:10px;cursor:pointer}.settingIcon span{display:block;line-height:1;color:#fff}.settingIcon i{font-size:30px;color:#fff}.sidenav---sidenav---_2tBP{position:absolute;top:0;bottom:0;left:inherit!important;right:0;z-index:1006;min-width:64px;background:transparent!important;transition:min-width .2s;height:100vh}.sidenav---sidenav---_2tBP .content{display:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .content{display:block;padding-top:0}.sidenav---sidenav---_2tBP .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{background-color:#000!important}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{background-color:#fff!important;transition:inherit;-webkit-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL{max-width:453px!important;background:#525461!important}.content .search ::-webkit-input-placeholder{color:#fff;opacity:1}.content .search :-ms-input-placeholder{opacity:1}.content .search ::-ms-input-placeholder{opacity:1}.content .search ::placeholder{color:#fff;opacity:1}.content .search :-ms-input-placeholder{color:#fff}.content .search ::-ms-input-placeholder{color:#fff}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{width:18px!important}.content .nav-tabs .nav-item.show .nav-link,.content .nav-tabs .nav-link.active{color:#fff!important}h4.reachHead{display:inline-block!important;font-size:22px!important;margin:18px 20px 0 -10px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL h4.reachHead{color:#fff!important}.cmSoon:before{content:"";position:absolute;width:150px;height:35px;background:#31cd31;transform:scaley(0);transition:.5s;transform-origin:left;-webkit-transform:scaley(0);-moz-transform:scaley(0);-ms-transform:scaley(0);text-align:center;-o-transform:scaley(0);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.cmSoon:hover:before{transform:scaley(1);-webkit-transform:scaley(1);-moz-transform:scaley(1);-ms-transform:scaley(1);-o-transform:scaley(1)}.cmstext{display:none}.cmSoon:hover .cmstext{display:block;color:#fff;position:absolute;width:150px;font-size:18px;font-weight:600;text-align:center}.submenu{z-index:99999;top:0;left:0;background-color:#f1f1f1;padding:20px;position:absolute;border-radius:18px;width:400px;height:350px;box-shadow:0 2px 16px 0 #868686}.submenu .company{display:flex;flex-direction:row;align-items:center}.submenu .company-logo{width:75px;height:75px;border-radius:50%;margin-right:20px}.submenu .company-logo .img-fluid{border-radius:50%;width:100px;height:72px}.submenu .userSec{display:flex;flex-direction:row;align-items:center}.submenu .userSec h6{margin-left:10px}.submenu .userSec .userLogo{margin-left:5px}.submenu .submenuNav .navLink,.submenu ul li{display:flex;align-items:center}.submenu .submenuNav .navLink{flex-direction:row;margin-bottom:5px;cursor:pointer}.submenu .submenuNav .navLink h6{font-size:18px;margin-top:8px}.submenu .submenuNav .icons{font-size:25px;margin:0 30px 0 20px}.submenu .closeBtn{top:0;right:0}.settingButton{top:0!important;right:0!important;position:absolute!important;display:flex;align-items:center;justify-content:center}.settingButton .settingIcon{font-size:35px;color:#fff}button{outline:none}.submenu .submenuNav li a{display:flex;flex-direction:row;align-items:center}header{position:fixed;width:100%;z-index:1}.confirmAlert{position:absolute;top:0;left:0;right:0;width:500px!important;z-index:5}.toast{max-width:500px!important;margin:70px auto;z-index:999}.confirmAlert .confirm{white-space:unset}.dashboard{padding:0 35px}.calendar{padding-left:0;position:-webkit-sticky;position:sticky}.react-calendar{border:none;padding:5px}.react-calendar__tile--active,.react-calendar__tile--now,.react-calendar__tile--rangeBothEnds,.react-calendar__tile--rangeEnd,.react-calendar__tile--rangeStart{border-radius:100%}.react-calendar__tile{padding:.75em .2em}.calendar li{list-style:none;text-align:left;display:inline-block;padding:0 10px 30px 0;color:#666;cursor:pointer}.dashclock{height:100vh;display:inline-block}.dashclock .clock{height:100vh;display:table-cell;vertical-align:middle;color:#fff;text-align:center}.dashclock .clockbg{background-color:#000;background-image:linear-gradient(180deg,hsla(0,0%,98.8%,.59),#000);width:370px;height:370px;border:10px solid #fff;border-radius:50%;box-shadow:0 20px 15px rgba(0,0,0,.2),0 13px 14px rgba(0,0,0,.18);cursor:pointer}.dashclock .clockbg h1{padding-top:33%;font-size:72px}.dashboard .active,.dashboard .active:hover{background-color:inherit!important;color:inherit!important}.nav-tabs{border:inherit}.nav-tabs .nav-link:hover{border:none}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#000;background-color:inherit;border:none;font-weight:600}a{color:#666}.nav-link{padding:.5rem 1rem .5rem 0}.dashclock .clockbg.active{background-image:linear-gradient(180deg,rgba(53,53,53,.59),#007bff)}.dashclock .clockbg.active:hover{background-image:linear-gradient(180deg,rgba(53,53,53,.59),#007bff)!important}.rightCard{display:inline-block;padding-right:0}.rightCard .attSec{height:100vh;display:table-cell;vertical-align:middle;text-align:center}.calendarSec{display:flex;flex-direction:column;justify-content:center}abbr[data-original-title],abbr[title]{-webkit-text-decoration:None;text-decoration:None;cursor:pointer}.dashboard .nav-tabs .nav-link{color:#666}.react-draggable{width:100px!important;position:absolute;bottom:120px;left:70px}.rahuicon{border:1px solid grey;border-radius:100%;font-size:28px;width:55px;line-height:1.9;height:55px;color:#32cd32}.Rahu{font-size:15px;text-align:center;color:#32cd32}.rahuwrapper{width:70px}.rahuwrapper:hover{cursor:pointer}.addtask{position:-webkit-sticky;position:sticky;padding:14px 0 4px;top:0;z-index:50}.taskcard{background-color:#fff;border-radius:10px;padding:10px;margin-bottom:10px;font-size:14px;text-align:left}.taskicons{font-size:20px;color:#fff;vertical-align:baseline;vertical-align:-webkit-baseline-middle}.taskicons:hover{cursor:pointer}.addtaskcard{height:40px;background-color:#fff;border-radius:10px;border:none;font-size:14px}.addtasticonbtn{font-size:20px;color:#fff;background-color:transparent;border:none}.rahucontent{background-color:#dad9e9;position:absolute;width:100%;height:500px;bottom:30px;left:130px;border-radius:20px;z-index:60;padding:0 10px}.addlistwrap{height:400px;overflow-x:hidden}.triangle-left{width:0;height:0;border-top:18px solid transparent;border-right:30px solid #dad9e9;border-bottom:23px solid transparent;z-index:55;position:absolute;left:102px;bottom:70px}.calendarlist{height:50vh}.holidaylist{height:50vh;padding:10px;overflow:auto;border-radius:inherit!important}.holidaylist::-webkit-scrollbar{display:none}.holidaylist{-ms-overflow-style:none}li.holidayCard ul li:nth-child(2){width:70px}.loading{top:0;left:0;right:0;background-color:rgba(0,0,0,.41);height:100%;z-index:99}.loader,.loading{position:absolute}.loader{transform:translate(-50%,-50%);left:48%;z-index:5;top:42%}.react-calendar{background:transparent!important;border:transparent!important;box-shadow:none!important}.sideNav p{color:#000}.modalarea .btn{padding:3px;width:100px;margin:10px 3px}.rightCard{margin-top:10px}.rightCard ul{padding-left:0}.rightCard ul li{list-style:none;display:inline-flex;text-align:left}.listcard{background-color:#95989a;height:52px;width:100%;border-radius:22px;padding:0 0 0 20px;margin-bottom:15px;box-shadow:0 4px 5px rgba(0,0,0,.2),0 7px 6px rgba(0,0,0,.18)}li.listcard ul li{font-size:16px;padding-right:14px;padding-top:12px;white-space:nowrap;display:inline-block}.rightCard ul{display:contents}.Absent{background-color:#87cefa;border:1.5px solid #dc143c}.sundayLeave{background-color:#fd6f8d}.Today{background-color:#6c63ff}.Present{background-color:#87cefa}li.listcard ul li.dateH{font-size:17px!important;font-weight:500}.one{width:50px}.two{width:105px}ul li{list-style:none}.holidayCard{background-color:#fff;height:45px;width:100%;border-radius:22px;padding:0 0 0 25px;text-align:justify;margin-bottom:15px;box-shadow:0 2px 9px rgba(0,0,0,.2),0 7px 6px rgba(0,0,0,.18);vertical-align:middle}li.holidayCard ul li{font-size:14px;padding-right:25px;list-style:none;display:inline-flex;padding-top:10px}ul{padding-left:0}.leaveWrapwer{max-height:525px}.toaster{position:absolute;z-index:5;width:20%;margin:auto;left:40%}.leaveWrapwer .card-body{padding:20px 0}.leaveWrapwer select{border:none;width:75%;cursor:pointer;color:#95989a}.leaveWrapwer select:focus{outline:none}.leaveWrapwer .daycount{padding:0 8px}.leaveWrapwer .DaysTop{padding:0 0 20px}.leaveWrapwer label{color:#95989a}.btn-outline-secondary{border-radius:50px;margin-left:10px}.datepickerL{padding:20px 0}.datepicker .Okbutton{width:100%;margin:0;border-radius:0;background:#d5dee1;color:#000;font-weight:600;height:50px;border:none}.leaveWrapwer input{width:100%;border:inherit;border-bottom:1px solid #95989a;padding:0 5px;font-size:15px;color:#888}.leaveWrapwer input:focus{outline:none}.leaveWrapwer .btn{width:101px;white-space:nowrap}.datepicker{position:absolute;z-index:5;box-shadow:0 20px 15px rgba(0,0,0,.2),0 13px 14px rgba(0,0,0,.18);background:#fff}.btn-reset,.btn-reset:hover{background-color:#dc143c;color:#fff;padding:8px}.btn-submit,.btn-submit:hover{background-color:#31cd31;color:#fff;padding:6px}.btn-outline-secondary{border-color:#999}.btnGroup{margin-top:25px}.downloadLink{margin-bottom:15px!important;margin-left:100px}.leaveForm{margin-top:20px}.history p span{margin-right:20px}.rdr-Sunday{background:red}.rdr-Day{border-radius:100%;margin:5px}.is-selected{background:#00f!important}.is-inRange{background:green!important}.leaveWrapwer .activeLeave{background:#000;color:#fff}.toasterL{position:absolute;top:0;width:80%;left:10%;z-index:5}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{background:green;color:#fff;padding:8px}.history{height:80px;overflow:auto}.approved:before{background-color:#5aad5a}.approved:before,.rejected:before{content:" ";display:inline-block;height:10px;width:10px;border-radius:50%;margin-right:10px;vertical-align:baseline}.rejected:before{background-color:#dc143c}.Pending:before{content:" ";background-color:#666;display:inline-block;height:10px;width:10px;border-radius:50%;margin-right:10px;vertical-align:baseline}p{white-space:nowrap;width:98%;overflow:hidden;text-overflow:ellipsis;font-size:15px;color:#999;margin-bottom:5px}.card{box-shadow:5px 3px 10px -5px #888}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#5aad5a}.leavetooltipRemark{white-space:unset;text-overflow:unset;overflow:unset}.leaveWrapwer .dates{display:flex}.leaveWrapwer .dates span{margin:0 10px;padding-top:2px}.leaveWrapwer .dates input[type=date]{width:50%}.leaveSecCenter{display:flex;flex-direction:column;margin-top:115px}@media screen and (max-height:700px){.leaveSecCenter{margin-top:75px}}.policy,a.policy:hover{text-decoration:underline;line-height:1.2;font-size:14px}@media (max-width:767px){.dashboard{padding:0 20px}}.dayCriterionModal{background-color:#fff;padding:25px 30px 20px;border:1px solid #f5f5f5;box-shadow:0 1px 1px 0 #f5f5f5}.dayCriterionModal input{background-color:#ffb600}.dayCriterionModal input[type=radio]{display:none}.dayCriterionModal input[type=radio]+label{position:relative;display:inline-block;padding-left:1.5em;cursor:pointer;line-height:1em;transition:all .3s ease-in-out}.dayCriterionModal input[type=radio]+label:after,.dayCriterionModal input[type=radio]+label:before{content:"";position:absolute;left:0;right:0;top:0;width:1.1em;height:1.1em;text-align:center;font-family:Times;border-radius:50%;transition:all .3s ease}.dayCriterionModal input[type=radio]+label:before{transition:all .3s ease;box-shadow:inset 0 0 0 .2em #bdbdbd,inset 0 0 0 1em #fff}.dayCriterionModal input[type=radio]:checked+label:before{transition:all .3s ease;box-shadow:inset 0 0 0 .2em #ffb600,inset 0 0 0 1em #ffb600}.dayCountmodal .table{margin-bottom:3rem}.dayCountmodal .table label{margin-bottom:1.2rem}.statusModalBody h5{font-weight:400}.dayCountmodal .form-control{background-color:transparent;background-clip:padding-box;border:inherit;border-radius:inherit;border-bottom:1px solid #7c7b7b;padding-left:0;padding-bottom:0;margin-bottom:10px;font-size:20px;color:#000}.form-control:focus{outline:none!important}form .leaves{margin-bottom:18px}.leaveModalFooter{margin-top:30px;text-align:right}.confirmModal .cancelBtn,.leaveModalFooter .cancelBtn{padding:10px 24px;background-color:#c4082e;color:#fff;font-size:13px;margin:10px 15px;border-radius:25px;outline:none;border:none}.confirmModal .submitBtn,.leaveModalFooter .submitBtn{padding:10px 24px;background-color:#17bb17;color:#fff;font-size:13px;margin:10px 15px;border-radius:25px;outline:none;border:none}.confirmModal{background-color:#fff;padding:25px 30px 20px;border:1px solid #f5f5f5;box-shadow:0 1px 1px 0 #f5f5f5}.confirmModal .btns{display:flex;align-items:flex-end;justify-content:flex-end;margin-top:30px}.confirmModal h6{font-weight:bolder;margin-bottom:35px;text-align:center}.confirmModal .head{display:flex;flex-direction:row;justify-content:space-between}.confirmModal .text{font-size:16px;margin-bottom:20px}.confirmModal .text.date{text-align:right}.confirmModal .form-control{min-width:120;max-width:300}.dayCriterionModal .radioBtns{justify-content:center}.dayCriterionModal .date,.dayCriterionModal .radioBtns{display:flex;flex-direction:row;align-items:center}.dayCriterionModal .radioBtns .fullD{margin:0 12px}.dayCriterionModal .radioBtns .firstH{margin:0 48px}.dayCriterionModal .radioBtns .secondH{margin:0 28px}.totalLeaves{display:flex;align-items:center;justify-content:space-around;flex-direction:row;padding:15px}.history-accordion{margin-top:35px}.history-accordion-details{display:flex;flex-direction:column}.trackerSidebar{margin-top:75px;left:0;position:fixed;background-color:#3863a3;height:100%;padding:35px 27px;color:#fff}.trackerContent{margin-top:75px}.trackerSidebar .sideNav .heading{margin-bottom:75px}.trackerSidebar .sideNav .heading a{font-size:22px!important;letter-spacing:3px;color:#fff!important;font-family:Arial,Helvetica,sans-serif}.trackerSidebar .sideNav .heading .headingIcon{font-size:50px!important;letter-spacing:3px;color:#fff!important;font-family:Arial,Helvetica,sans-serif}.trackerSidebar .sideNav li{margin:20px 0}.trackerSidebar .sideNav li a{color:#fff!important;font-size:16px!important}.trackerSidebar .sideNav li .icons{margin-right:10px!important}.trackerProjects{padding:40px 0}.trackerProjects .header{display:flex;flex-direction:row;justify-content:space-between}.trackerProjects .tabs{outline:none}.trackerProjects .projectBlock .avatar{width:50px;height:50px;margin:5px 25px 0 5px}.trackerProjects .actions,.trackerProjects .team{font-size:18px;padding-top:25px}.trackerProjects .projectBlock{display:flex;flex-direction:row}.trackerProjects .archivedProjects .icons{font-size:200px;color:#3863a3}.trackerProjects .archivedProjects{padding:35px}.trackerProjects .archivedProjects p{font-size:18px}.MuiDialog-paperFullWidth{padding:0!important}.dialogTitle .heading{font-size:25px;color:#000}.addProjectDialog .stepper,.dialogTitle{background-color:#f3f6fa}.addProjectDialog .dialogContent{margin-top:40px}.addProjectDialog .dialogContent .input{border:1px solid rgba(137,140,143,.38);outline:none;border-radius:5px;padding:8px 10px;width:300px}.addProjectDialog .dialogContent .row{display:flex;align-items:center;justify-content:center}.MuiDialog-paperFullWidth{height:550px!important}.footer{bottom:0;padding-bottom:30px;padding-right:30px;position:absolute;right:0}.footer button{margin:0 10px}.inviteMembersRow{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.inviteMembersRow .inputFields{border:1px solid rgba(137,140,143,.38);outline:none;border-radius:5px;padding:8px 10px;width:60%;margin:0 12px}.inviteMembersRow .inputSelect{width:20%}.userIcon{color:#3863a3;margin-right:20px;font-size:30px!important}.addMoreFieldsBtn{border:none;width:220px}.addMoreFieldsBtn .addIcon{margin-right:10px;font-size:20px}.MuiBox-root-7{padding:0}.trackerActivities{padding:40px 0}.trackerActivities .heading{margin-bottom:40px}.trackerActivities .header{justify-content:space-between;margin-bottom:45px}.trackerActivities .header,.trackerActivities .header .btnGrp{display:flex;flex-direction:row}.trackerActivities .header .btnGrp .iconBtn{border:1px solid #a1bad0;color:#a1bad0;margin-right:20px;outline:none}.trackerActivities .header .btnDropdown button{background-color:#f0f1f4;border:none;outline:none;color:#000}.trackerActivities .header .btnDropdown button:hover{border:1px solid #a1bad0;outline:none}.trackerActivities .header .btnDropdown span{font-size:15px;margin-right:12px}.trackerActivities .header .btnDropdown span svg{color:#a1bad0;margin-right:5px}.closeBtn{right:0!important;position:absolute!important;outline:none!important}.timeEntryDialog .MuiDialogTitle-root{padding:30px 30px 10px}.timeEntryDialog .dialogContent{padding-bottom:30px}.timeEntryDialog .dialogContent .row{display:flex;flex-direction:row;align-items:center}.timeEntryDialog .dialogContent .inputLabel{color:#a1bad0}.timeEntryDialog .dialogContent .inputField{padding:8px 12px;border:none;border-bottom:1px solid #000;outline:none;margin-bottom:25px}.timeEntryDialog .dialogContent .activityDescription{width:100%}.timeEntryDialog .dialogContent .dateField{width:68%;margin-bottom:25px}.timeEntryDialog .dialogContent .timeField{width:35%;margin:0 10px 25px 0}.timeEntryDialog .dialogContent .timeFieldEnd{margin-left:10px;width:35%}.timeEntryDialog .dialogContent .submitBtn{margin:40px 0 10px;float:right;padding:12px}.activtiesBlock{margin-bottom:35px}.activitiesBlock .title{font-size:12px}.activitiesCard{border:1px solid #a1bad0;border-right:none;padding:20px 15px}.activitiesCard,.activitiesCard .timeBlock{display:flex;align-items:center;justify-content:center;flex-direction:row}.activitiesCard .timeBlock .activitiesBtn,.activitiesCard .timeBlock .expandBtn{width:30px;height:30px;border:2px solid #e6e6e6;border-radius:25px;left:-30px;position:absolute;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.activitiesCard .timeBlock .activitiesBtn .activitiesNo{color:#c4b7b7;font-size:15px;font-weight:bolder}.activitiesCard .timeBlock .expandBtn{visibility:hidden}.activitiesCard .timeBlock .expandBtn .expandIcon{color:#3863a3}.activitiesCard:hover .activitiesBtn{display:none}.activitiesCard:hover .expandBtn{visibility:visible}.activitiesCard .projectBlock{padding-left:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.activitiesCard .timeText{font-size:14px}.activitiesCard .verticalLines{border-left:2px solid #e6e6e6;height:50px}.activitiesCard .screenshotsBlock{display:flex;flex-direction:row;align-items:center}.activitiesCard .screenshotsBlock .screenShotIcon{color:#e6e6e6;font-size:30px;margin:0 20px}.extendingBtn{width:100%}.trackerReports{padding:40px 0}.trackerReports .header{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:40px}.trackerReports .header p{font-size:14px;align-items:flex-end;text-align:end}.trackerReports .btnHeader{justify-content:space-between}.trackerReports .btnHeader,.trackerReports .btnHeader .btnGrp{display:flex;align-items:center;flex-direction:row}.trackerReports .btnHeader .btnGrp button{margin-right:10px}.trackerReports .btnHeader .btnDropdown button{background-color:#f0f1f4;border:none;outline:none;color:#000}.trackerReports .btnHeader .btnDropdown button:hover{border:1px solid #a1bad0;outline:none}.trackerReports .btnHeader .btnDropdown span{font-size:15px;margin-right:12px}.trackerReports .btnHeader .btnDropdown span svg{color:#a1bad0;margin-right:5px}.trackerReports .amtText{margin:30px 0;font-size:18px}.trackerReports .amtText strong{color:#000}.trackerReports .tabs{outline:none}.trackerReports .bottomSection{display:flex;flex-direction:row;justify-content:space-between}.trackerReports .bottomSection .pdfBtn{margin-right:10px}.trackerReports .bottomSection .exportBtns button{font-size:14px}.trackerReports .shownBy button{background-color:#f0f1f4;border:none;outline:none;color:#000;margin:20px 0 10px}.trackerReports .shownBy button:hover{border:1px solid #a1bad0;outline:none}.trackerReports .tableRow .tableIcon{width:2%}.trackerReports .tableRow .tableIcon .iconBtn{outline:none}.webTracker{padding:40px 0}.webTracker .heading{margin-bottom:40px}.webTracker .projectBlock{display:flex;flex-direction:row}.webTracker .projectBlock .avatar{width:50px;height:50px;margin:0 35px 0 15px}.webTracker .projectBlock .text{font-size:13px}.webTracker .projectBlock .title{font-size:18px;font-weight:bolder;color:#000}.webTracker .playIcon{width:50px;height:50px;color:#03b57d}.userjournal{padding-top:85px;height:100vh}.user_journal_header{display:flex;background-color:#007bff;padding:3px 15px;color:#fff;font-size:16px;border-top-left-radius:4px;border-top-right-radius:4px}.user_journal_header h6{width:90%}.user_journal_header button{float:right;margin-left:auto;background:transparent;border:1px solid #fff;padding:3px 12px;border-radius:50%;color:#fff}.userjournal .history_header{background-color:#007bff;padding:5px 15px;font-weight:600;color:#fff;font-size:16px;position:-webkit-sticky;position:sticky;top:0}.border,.userjournal .history_header{border-top-left-radius:4px;border-top-right-radius:4px}.historySec,.journalSec{border:1px solid #95989a;border-top-left-radius:4px;border-top-right-radius:4px;padding:0 0 10px}.journalSec{height:82vh;overflow:auto;width:95%}.userjournal .col1{width:36%;margin:0 6px}.userjournal .btn,.userjournal .btn-light{white-space:nowrap;padding:0!important;background:transparent;border:none}.userjournal .table-bordered td,.userjournal .table thead th{font-size:15px;font-weight:400!important;padding:10px;border-bottom:none}.userjournal .vline{vertical-align:text-top;padding:0 10px}.vdot{padding:0 5px}.timepicker{position:absolute;top:23%;left:0}.project_modal{height:300px;overflow:auto}.project_name{padding:10px;text-transform:capitalize;margin:0}.project_name:hover{cursor:pointer;background-color:#fff}.history_data_wrapper{overflow:auto;height:75vh}.history_data{padding:8px 18px}.history_data:hover{cursor:pointer;background:#e6f1ff}.text-muted{color:#fff!important;font-size:1rem}.journalSec input[type=text]:disabled{background:transparent}.journalSec input:focus{outline:none}.modalCrossButton{top:-30px;right:-30px}.leave_modal{padding:12px}.leave_modal textarea{border-radius:14px}.inputBox{border-left:inherit!important;border-right:inherit!important}#journal_tooltip{width:400px}#journal_tooltip .tooltip-inner{width:100%;max-width:unset!important}.journaltooltip{width:100%!important;text-align:center;z-index:5}.crossBtn{position:absolute;top:5px;right:0;background-color:transparent;border:none}.crossBtn:focus{outline:none}.projecDetail{padding:53px 0 0;z-index:99}.boxcss{border:1px solid #708090;margin:20px;border-radius:13px;height:70vh;width:100%}.cardList{display:flex;overflow-x:auto}.boxprocjectDetailcss{margin:0 13px;border-radius:13px;height:72vh;background-color:#ececf4;padding:20px 36px 0 20px}.projectStatus{margin:22px 1px 35px 0;display:flex;justify-content:center}.cardProjectDeatil{width:114px;margin-right:20px;padding:7px;margin-top:30px;background-color:#ececf4;border-style:none}.customProgress{border-radius:8px;background-color:#fff;border-radius:13px;padding:3px}.customProgress .inProgress{background-color:#32cd32;width:56%;height:23px;border-radius:10px}.customProgressMain{border-radius:8px;background-color:#919496;border-radius:13px;padding:1px}.customProgressMain .inProgress{background-color:#32cd32;width:56%;height:3px;border-radius:10px}.noOfTask{float:right;margin-top:-27px}.space{margin-top:34px}.projectStatusCard{background-color:#fff}.cardspace{margin-top:16px}.cardStatus{padding-bottom:12px;padding-left:10px}.borderRight{border-right:2px solid #a9a9a9;padding:0 4px 0 13px}.statusTaskName{font-size:12px}.mileStoneImg{width:4%;margin-left:14%}.trangleIcon{font-size:23px}.mainProgressHeight{width:87%;margin-top:-13px}.projectIcons{display:block;width:30%;margin:0 auto}.cardName{font-size:83%;font-weight:600}.chatboxcss{border-radius:11px;height:63vh;background-color:#ececf4;padding:6px;overflow:scroll}.chatMemeberBox{margin-top:10px;border-radius:13px;height:8vh;background-color:#ececf4}.newTopicCard{width:100%;background-color:#ececf4;padding:10px 6px 10px 8px;border-radius:7px;border-style:none}.newTopic{border-style:none;border-radius:10px}.userImgClass{width:55px;height:55px;border-radius:50%}.figureClass{display:flex}.imageText{font-size:10px;padding-left:5px}.timeImage{height:15px;width:12px;margin-right:4px;background-color:#ececf4}.timeText{font-size:10px}.messagerImgClass{width:30px;height:30px;margin-right:7px;margin-left:10px;border-radius:50%}.responseText{border-radius:13px;border:1px solid #bdb5b5}.line{background-color:#908c8c;height:1px;display:block;width:80%;margin:0 auto 15px}.userSidebar{background-color:#fff;padding:155px 0 0;height:100vh}.projectIcon{height:20px}.projectIconDashboard{height:16px}.userProjectName{margin-bottom:8px;font-size:large}.downq{transform:rotate(180deg)!important}.pClass{font-size:13px!important}.scroll{overflow-y:scroll;height:26vh}.task{height:100vh;width:100%;display:block;position:relative;padding-top:75px}.task .taskHeadding{text-align:end;padding-bottom:30px;font-weight:400}.task .pendingCard .card-header{background-color:#6c63ff}.task .CompletedCard .card-header,.task .pendingCard .card-header{background-image:inherit;color:#fff;font-size:15px;border-radius:inherit!important;-webkit-border-radius:inherit!important;-moz-border-radius:inherit!important;-ms-border-radius:inherit!important;-o-border-radius:inherit!important;border-top-right-radius:10px!important;border-top-left-radius:10px!important}.task .CompletedCard .card-header{background-color:#32cd32}.task .ProgressCard .card-header{background-color:coral;background-image:inherit;color:#fff;font-size:15px;border-radius:inherit!important;-webkit-border-radius:inherit!important;-moz-border-radius:inherit!important;-ms-border-radius:inherit!important;-o-border-radius:inherit!important;border-top-right-radius:10px!important;border-top-left-radius:10px!important}.task .CompletedCard .card-body,.task .pendingCard .card-body,.task .ProgressCard .card-body{background-color:#f1f1f2}.task .card{border-top-right-radius:10px!important;border-top-left-radius:10px!important}.task .card .card-body{height:65vh;overflow:auto}.task .CompletedCard,.task .pendingCard,.task .ProgressCard{margin:0 15px}.task .CompletedCard ul li,.task .pendingCard .card-body ul li,.task .ProgressCard ul li{background-color:#fff;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;padding:10px;margin-bottom:20px;cursor:pointer}.task ::-webkit-scrollbar{width:3px}.task ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.task ::-webkit-scrollbar-thumb,.task ::-webkit-scrollbar-thumb:hover{background:#707070}.pendingModal{background-color:#fff;padding:30px 30px 10px;border:1px solid #f5f5f5}.pendingModal .peddingHead{background-color:#6c63ff;border-radius:10px;padding:6px;color:#fff;font-size:15px;max-width:160px;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-bottom:15px}.pendingModal .btnMark{margin-left:10px;padding:5px;width:140px;margin-bottom:10px}.pendingModal .mainHeading{max-width:70%;font-weight:400}.pendingModal .taskRemaining{font-size:15px;color:#666;margin-top:5px}.pendingModal .taskDetail{margin:40px 0}.pendingModal .asignPeople ul li{display:inline-block;margin-right:15px;text-align:center}.pendingModal .asignPeople ul li img{width:50px;height:50px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-bottom:5px;margin-top:5px}.pendingModal .form-control{background-color:transparent;background-clip:padding-box;border:inherit;border-radius:inherit;border-bottom:1px solid #7c7b7b;padding-left:0;padding-bottom:0;width:50%;margin-bottom:10px;font-size:18px;color:#6c757d}.messageContainer .messageMenuBox{background-color:#fff;width:385px;height:385px;box-shadow:0 5px 10px 0 #575757;right:20px;bottom:0;position:fixed;z-index:999;border-top-left-radius:12px;border-top-right-radius:12px}.expandedWritingPanel .header,.messageContainer .messageMenuBox .messageHeader,.writingPanel .header{border-top-left-radius:12px;border-top-right-radius:12px;padding:4px 8px;background-color:inherit;border-bottom:1px solid #a8a5a5;display:flex;align-items:center;justify-content:space-between}.messageContainer .messageFloater .avatarContent,.messageContainer .messageMenuBox .messageHeader .avatarContent{display:flex;align-items:center}.messageContainer .messageFloater .avatarContent .avatar,.messageMenuBox .messageHeader .avatarContent .avatar{margin-right:10px}.expandedWritingPanel .header .heading,.messageContainer .messageFloater .heading,.messageMenuBox .messageHeader .heading,.writingPanel .header .heading{font-size:16px;color:#000}.expandedWritingPanel .header .buttonSection .icon,.messageFloater .icon,.messageMenuBox .messageHeader .icon,.writingPanel .header .buttonSection .icon{color:#323c94}.messageContainer button{outline:none}.messageContainer .messageFloater{width:385px;height:50px;right:20px;padding:4px 8px;display:flex;align-items:center;justify-content:space-between}.messageContainer .messageFloater,.messageContainer .writingPanel{background-color:#fff;box-shadow:0 5px 10px 0 #575757;bottom:0;position:fixed;z-index:999;border-top-left-radius:12px;border-top-right-radius:12px}.messageContainer .writingPanel{width:370px;height:385px;right:430px}.messageContainer .expandedWritingPanel .header .buttonSection,.messageContainer .writingPanel .header .buttonSection{display:flex}.messageContainer .expandedWritingPanel{background-color:#fff;width:500px;height:500px;box-shadow:0 5px 10px 0 #575757;right:430px;bottom:0;position:fixed;z-index:9999;border-top-left-radius:12px;border-top-right-radius:12px}.messageBody{overflow-y:auto;height:340px;max-height:340px;padding-top:0!important}.messageBody .listItem{border-bottom:1px solid #d1d7e9}.messageBody .listItem:hover{background-color:#d1d7e9}.messageBody .listItem .senderAvatar{background-color:#323c94;color:#fff}.writingPanel .msgTextBox{bottom:0;position:absolute}.newGroupCreationModal .modalBody .modalLabel{color:#000;font-size:16px}.newGroupCreationModal .modalBody .modalInput{margin-bottom:22px;width:80%}.newGroupCreationModal .modalFooter{margin-top:30px}.newGroupCreationModal .modalFooter .createBtn{background-color:#66cc75}.newGroupCreationModal .modalFooter .cancelBtn,.newGroupCreationModal .modalFooter .createBtn{padding:8px 32px;outline:none;border:none;border-radius:20px;color:#fff;margin-bottom:10px;font-size:18px}.newGroupCreationModal .modalFooter .cancelBtn{margin-right:10px;background-color:#666}.messageList .listAvatar{background-color:#323c94;color:#fff}.messageList .listItem{cursor:pointer}.messageList .listItem:hover{background-color:#e3e3e6}.messageList ul{padding-top:0}.messageList .chatString{font-size:14px}.textBox{display:flex;align-items:center;flex-direction:row;background-color:#fff;width:370px}.textBox .input{width:100%;margin-bottom:10px;margin-top:10px!important}.textBox .icon{color:#323c94}.textBox button{outline:none}.mentionInput{width:340px;font-size:18px;border:none;border-bottom:2px solid #323c94}.msgView .header,.msgView .header .avatarSection{display:flex;align-items:center;flex-direction:row}.msgView .header .avatar{background-color:#323c94;color:#fff;margin-right:12px}.msgView .header .icon{color:#323c94}.msgView button{outline:none}.newChatForm{height:320px!important;display:flex;flex-direction:column;text-align:center;max-height:320px!important;overflow-y:auto;overflow-x:hidden}.newChatForm .form{height:100%}.newChatForm .input{padding:8px 12px;font-size:15px;width:100%}.newChatForm .input,.newChatForm .msgBox{border:none;border-bottom:1px solid #a8a5a5}.newChatForm .msgBox{border-top:1px solid #a8a5a5!important;margin-top:130px}.newChatForm .sendBtn{margin:15px 12px;width:70%;border-radius:25px}.newChatForm .serverError{color:red}.msgView{margin-bottom:15px}.groupSettingsModal .header,.groupSettingsModal .header .avatarSection,.msgView .header,.msgView .header .avatarSection,.msgView .header .iconBtnGroup,.participants .participantsList .avatarSection{display:flex;align-items:center;flex-direction:row}.groupSettingsModal .header{justify-content:space-between}.groupSettingsModal .header .avatar,.msgView .header .avatar,.participants .participantsList .avatar{background-color:#323c94;color:#fff;margin-right:12px}.groupSettingsModal .header .icon,.msgView .header .icon{color:#323c94}.groupSettingsModal button,.msgView button{outline:none}.msgView .msgView-container{padding:10px 16px;height:280px;max-height:280px;overflow:auto;overflow-y:scroll;margin-bottom:10px}.msgView .userSent{float:right;background-color:#d7deeb;color:#000}.msgView .friendSent,.msgView .userSent{clear:both;padding:7px 15px;box-sizing:border-box;word-wrap:break-word;margin-top:10px;width:200px;border-radius:10px}.msgView .friendSent{float:left;background-color:#707bc4;color:#fff}.loader{display:flex;align-items:center;justify-content:center}.msgView .msgView-container .timeStamp{font-size:12px;float:right}.noChatMsg{display:flex;align-items:center}.msgView .senderName{color:#66cc75;font-size:15px;float:left}.msgView .chatHistory{align-items:center}.msgView .chatHistory .loadBtn{margin-bottom:5px;margin-left:100px}.groupSettingsModal .header,.groupSettingsModal .header .avatarSection{display:flex;align-items:center;flex-direction:row}.groupCreation{font-size:14px}.dialogContent .participants{margin-top:10px}.dialogContent .participants .linePart{width:70%;float:left}.groupInfoLoading{display:flex;align-items:center;justify-content:center}.dialogContent .participants{margin-top:40px}.dialogContent .participants .participantsList{padding:10px}.dialogContent .participants .participantsList:hover{background-color:#eceaea}.dialogContent .participants .participantsList .adminBlock{display:flex;border-radius:8px;align-items:center;justify-content:center;border:1px solid #323c94;font-size:14px;padding:5px 8px;color:#323c94;float:right!important;margin-top:4px}.dialogContent .participants .participantsList .editBox{padding:20px 0}.editBox .linePart{margin-bottom:20px}.editBox .editFooter{margin:20px 0}.editBox .editFooter .createBtn{background-color:#66cc75}.editBox .editFooter .cancelBtn,.editBox .editFooter .createBtn{padding:4px 25px;outline:none;border:none;border-radius:20px;color:#fff;margin-bottom:10px;font-size:15px}.editBox .editFooter .cancelBtn{margin-right:10px;background-color:#666}.editBox .modalInput{margin-bottom:15px}.sidebar-offcanvas .active,.sideNav .active,.sideNav .active:hover{color:#00f;font-weight:600;background-color:inherit}.sideNav .active,.sideNav .active:hover{border-radius:inherit}.sideNav p{margin-bottom:0;font-size:16px;padding:2px 0;cursor:pointer}.sideNav ul{padding:3px 0 3px 25px}.sideNav p i{margin-left:10px;transition:all .4s ease;font-size:20px;vertical-align:bottom}.sideNav p i.down{transform:rotate(-180deg)}.employeeList{padding:155px 15px 15px;height:100%}.employeeList .btnSection{display:flex;flex-direction:row;align-items:center;justify-content:center}.employeeList .employeeDOB,.employeeList .employeemail,.employeeList .employeename{width:100%}.employeeList .employee_data{height:60vh;overflow:auto}.employeeList .employee_list_header{position:-webkit-sticky;position:sticky;top:0;left:0}.employeeList .buttons{width:45%;margin:0 2px;font-size:14px;display:inline-block;padding:3px 0}.employeeList .table thead th{position:-webkit-sticky;position:sticky;top:-1px;background:#fff}.employeeList .addEmployeeDatePicker{width:100%;background:transparent;border:none;border-bottom:1px solid #fff}.employeeList .react-datepicker-wrapper{width:100%}.employeeList .dropdown-toggle{width:100%}.employeeList .dropdown-toggle,.employeeList .dropdown-toggle:focus{background:transparent;border:unset}.employeeList .form-control{border-bottom:1px solid #666;color:#666;margin:0;padding:5px}.employeeList .btn-approve{width:100px;padding:3px;margin-bottom:5px}.employeeList input{outline:none}.employeeList input[type=search]{-webkit-appearance:textfield;font-family:inherit;font-size:100%}.employeeList input::-webkit-search-cancel-button,.employeeList input::-webkit-search-decoration{display:none}.employeeList input[type=search]{background:#fff url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px;border:1px solid #ccc;padding:5px 10px 5px 35px;width:80%;border-radius:10em;transition:all .5s}.employeeList input[type=search]:focus{width:90%;background-color:#fff;border-color:#66cc75;box-shadow:0 0 5px rgba(109,207,246,.5)}.employeeList .searchbox{display:block}.employeeList .addEnrollBtn{background-color:#fff;color:#000;border-color:#fff;width:100px;padding:5px 0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.addEmployeeModal{background-color:#fff;border:1px solid #f5f5f5;padding:20px 15px 15px}.addEmployeeModal .react-datepicker-wrapper{display:block}.leftEmployeeList .buttons{width:60px}.leftEmployeeList .table td,.leftEmployeeList .table th{padding:.7rem;vertical-align:middle;border-top:1px solid #dee2e6;color:#777;font-weight:400}.rightEmployeeDetail .card{height:100%}.rightEmployeeDetail .card-header{padding:.55rem;background-image:inherit;top:inherit;margin:inherit;margin-bottom:0;color:#666;background-color:#fff;font-size:inherit;border-bottom:1px solid rgba(0,0,0,.125)}.rightEmployeeDetail .card-body{padding:8px 15px;height:52vh;overflow:auto}.rightEmployeeDetail .empType{color:#777;font-size:14px}.rightEmployeeDetail .userHead{border:inherit;padding-bottom:inherit}.rightEmployeeDetail .userHead .status{color:#777;font-weight:400;font-size:14px}.rightEmployeeDetail .user img{width:35px;height:35px;background-color:#dc143c;border-radius:50px}.rightEmployeeDetail .card-header h6{color:#000}.rightEmployeeDetail .form-control{padding-bottom:0;margin-bottom:10px}.rightEmployeeDetail .form-control,.rightEmployeeDetail select{background-color:transparent;background-clip:padding-box;border:inherit;border-radius:inherit;border-bottom:1px solid #7c7b7b;padding-left:0;font-size:14px;color:#6c757d}.rightEmployeeDetail select{padding-bottom:4px;margin-bottom:0;width:100%;margin-top:8px;vertical-align:-webkit-baseline-middle}.leftEmployeeList .table th{padding:1rem .7rem}.rightEmployeeDetail .imageBox{width:80px;height:80px;border:1px solid #95989a;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.rightEmployeeDetail ul li p{padding:10px 0}.addEmplModal{padding:20px 30px;width:350px}.addEmplModal .form{border:none;border-bottom:1px solid #666;margin-bottom:12px;outline:none!important}.addEmplModal .form .form-control{font-size:15px;outline:none!important;color:#666}.addEmplModal .submitBtn{margin:10px 0;border-radius:20px}.emplConfirmModal{padding:25px;width:300px}.MuiFormControl-root{width:100%}.tabsHeader{background-color:#fff}.tabsHeader button{outline:none}.deleteEmplModal .confirmButtonGroup .submitBtn,.oldFormBtns .submitBtn{padding:5px 32px;outline:none;background-color:#66cc75;border:none;border-radius:20px;color:#fff;margin-bottom:10px}.deleteEmplModal{padding:20px 35px}.deleteEmplModal .confirmButtonGroup{margin-top:30px}.deleteEmplModal .confirmButtonGroup .cancelBtn{padding:5px 32px;outline:none;border:none;border-radius:20px;color:#fff;margin-bottom:10px;margin-right:10px;background-color:#666}.leaveDetail{padding:135px 15px;height:100vh}.leaveDetail .tabview{margin-top:-49px;position:-webkit-sticky;position:sticky;z-index:1;font-size:15px}.leaveDetail .nav-tabs .nav-item .nav-link:hover{color:#000;background-color:inherit;border:none}.leaveDetail .nav-tabs .nav-link:focus,.leaveDetail .nav-tabs .nav-link:hover{border:inherit}.leaveDetail .nav-tabs .nav-item{margin-bottom:0;color:#787878}.leaveDetail .nav-tabs .nav-item.active{color:#000;font-weight:600}.leaveDetail .active,.leaveDetail .active:hover{background-color:transparent;border-radius:0;color:#000}.leaveDetail .tab-content{padding-top:20px}.leaveDetail .form-control{border-bottom:1px solid #333;font-size:15px;padding:0 10px 0 4px}.leaveDetail .form-control:focus{background-color:inherit;border-color:inherit;box-shadow:inherit}.leaveDetail .addbtn{border-radius:8px;font-size:15px;padding:5px 14px}.leaveDetail .table-bordered{background-color:#fff;width:100%;border:1px solid #95989a}.leaveDetail .table{display:table;border-collapse:collapse}.leaveDetail .table .table-row{display:table-row}.leaveDetail .table .table-cell{display:table-cell}.leaveDetail table tr td,.leaveDetail table tr th{text-align:center;font-size:15px;padding:.55rem}.leaveDetail .tabview1{margin-top:28px;border-radius:8px}.leaveDetail .leaveCard{background-color:#fff;width:100%;border-radius:8px;padding:0 15px;cursor:pointer;margin-bottom:10px;box-shadow:0 2px 9px rgba(0,0,0,.2),0 7px 6px rgba(0,0,0,.18)}.leaveCard ul li{vertical-align:middle;font-size:14px;list-style:none;display:inline-flex;color:#666;border-right:1px solid #999;line-height:.9;padding:0 9px}.leaveCard ul li:first-child{padding-left:0}.leaveCard ul li:last-child{border-right:inherit}.leaveDetail .leaveCard p{padding:5px 0 10px;margin-bottom:0;text-overflow:inherit;white-space:inherit;width:100%}.leaveDetail .leaveright .tab-content{padding-top:0!important}.leaveDetail .leaveright .btn{margin-bottom:15px}.leaveDetail .holidayCard{padding:0 0 0 15px}.leaveright .tab-pane{height:59vh;overflow:auto}.fixarea{position:-webkit-sticky;position:sticky;left:0;background:#fff;top:0;box-shadow:0 0 7px #dad9d9}.modalCrossButton{position:absolute;top:-75px;right:0;background:transparent;border:none;font-size:40px}.modalCrossButton:focus{outline:none}.leave_modal{padding:25px;background:#dad9e9;border-radius:10px}.modal-content{background-color:inherit;border:inherit}.leave_modal p{text-overflow:unset;overflow:unset;white-space:unset}.leave_modal textarea{width:100%;border-radius:10px;height:100px;padding:5px;background:#fff;border:inherit}.leave_modal textarea:focus{outline:none}.leave_modal .approve_reject_button{width:100px}textarea{background:transparent}textarea:focus{outline:none}.leave_modal button{margin-left:10px;border-radius:50px;padding:1px 0 3px}.modal-backdrop{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background-color:hsla(0,0%,100%,.02)}.modal-backdrop.show{opacity:1}.btn-reject{background-color:#dc143c}.btn-approve,.btn-reject{color:#fff;border-radius:14px!important}.btn-approve{background-color:#3cb371}.darkcolor{color:#000}.btn-approve:hover,.btn-reject:hover{color:#fff}.btn.focus,.btn:focus{box-shadow:inherit}.leave_modal .leaveStatusHeader,.leave_modal ul{display:flex;align-items:center;justify-content:space-between}.leave_modal ul{flex-direction:row;margin-bottom:12px}.leave_modal ul .dates{padding-right:40px}.leave_modal .leaveAvatar .fullDay{left:140px;position:absolute}.leave_modal .leaveAvatar .firstHalf{left:225px;position:absolute}.leave_modal .leaveAvatar .secondHalf{left:315px;position:absolute}.leave_modal .filledCircle{background-color:#fff;width:25px;height:25px;border:2.5px solid #3cb371;border-radius:25px;display:flex;align-items:center;justify-content:center}.leave_modal .filledCircle .filledInnerCircle{width:13px;height:13px;border-radius:25px;background-color:#3cb371}.leave_modal .emptyCircle{background-color:#dad9e9;width:25px;height:25px;border:2.5px solid #666;border-radius:25px}.employeeSetting{padding:150px 15px;height:100vh}.employeeSetting .employementadd h6{padding-bottom:10px}.employeeSetting .form-control{color:#666;background-color:transparent;background-clip:padding-box;border:inherit;border-radius:inherit;border-bottom:1px solid #b5afaf;padding-left:0}.employeeSetting .addBtn{background-color:#fff;padding:5px 10px;border-color:#fff;color:#000;font-size:14px;margin-top:5px;font-weight:600}.employeeSetting .cardDitailList{height:60vh;overflow:auto}.employeeSetting .cardSelect{height:43vh;overflow:auto}.attebdencewrapper{padding:155px 25px 30px;min-height:100vh}.attebdencewrapper .nav-tabs{background-color:#fff;display:inline-flex;border:1px solid #95989a;border-radius:8PX;padding:0;float:left}.attebdencewrapper .nav-link{padding:2px 15px;font-size:14px}.attebdencewrapper .nav-tabs .nav-item{margin-bottom:0}.attebdencewrapper .nav-tabs .nav-item:nth-child(2){border-right:1px solid #95989a;border-left:1px solid #95989a;border-radius:0}.attebdencewrapper .nav-tabs .nav-item:nth-child(2).active{color:#fff;background-color:#00f;border:none;border-radius:0;font-weight:600}.attebdencewrapper .nav-tabs .nav-item:nth-child(2):hover{border-radius:0}.attebdencewrapper .nav-tabs .nav-item:first-child:hover{border-top-left-radius:8px;border-bottom-left-radius:8px}.attebdencewrapper .nav-tabs .nav-item:nth-child(3):hover{border-top-right-radius:8px;border-bottom-right-radius:8px}.attebdencewrapper .nav-tabs .nav-item.show .nav-link,.attebdencewrapper .nav-tabs .nav-link:nth-child(3).active{color:#fff;background-color:#00f;border:none;border-radius:0;border-top-right-radius:8px;border-bottom-right-radius:8px;font-weight:600}.attebdencewrapper .nav-tabs .nav-item.show .nav-link,.attebdencewrapper .nav-tabs .nav-link:first-child.active{color:#fff;background-color:#00f;border:none;border-radius:0;border-top-left-radius:8px;border-bottom-left-radius:8px;font-weight:600}.attebdencewrapper input{outline:none}.attebdencewrapper input[type=search]{-webkit-appearance:textfield;font-family:inherit;font-size:100%}.attebdencewrapper input::-webkit-search-cancel-button,.attebdencewrapper input::-webkit-search-decoration{display:none}.attebdencewrapper input[type=search]{background:#fff7f7 url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px;border:1px solid #ccc;padding:2px 10px 2px 35px;width:90px;border-radius:10em;transition:all .5s}.attebdencewrapper input[type=search]:focus{width:150px;background-color:#fff;border-color:#66cc75;box-shadow:0 0 5px rgba(109,207,246,.5)}.attebdencewrapper .searchbox{display:inline-flex;float:right}.attebdencewrapper .tab-content>.active{display:block;background-color:#fff;border-radius:0;border:1px solid #95989a;color:#333}td.innerConntent tr td{border:none;padding:1px 10px;text-align:center}.fixed{position:-webkit-sticky;position:sticky;left:-1px;background:#fff;box-shadow:0 15px 10px #dad9d9}.table thead th{vertical-align:middle;border-bottom:1px solid #dee2e6}.attebdencewrapper ::-webkit-scrollbar{height:7px;width:7px}.attebdencewrapper ::-webkit-scrollbar-track{background:hsla(0,0%,94.5%,.74)}.attebdencewrapper ::-webkit-scrollbar-thumb,.attebdencewrapper ::-webkit-scrollbar-thumb:hover{background:#85d28c}.attebdencewrapper .table{margin-bottom:0}.attebdencewrapper .table tr td{white-space:nowrap}.paginationBotton{display:inline-block;padding-left:40px}.attebdencewrapper .tab-content{padding-top:45px}.montht,.week{height:66vh;overflow:auto}.paginationBotton{position:absolute;top:153px;left:230px}.pagination-sm .page-link{font-size:inherit;background:transparent;cursor:pointer}.paginationBotton span.fa-angle-left,.paginationBotton span.fa-angle-right{font-size:26px;vertical-align:sub;padding-right:10px;color:#999}.paginationBotton span.fa-angle-right{padding-left:6px;padding-right:0}.project{padding:140px 15px;height:100vh}.projectform{display:flex}.projectname{width:30%}.projectname:focus{background-color:transparent;border:unset;outline:none!important}.project .table{display:table;border-collapse:collapse}div[data-test=table]{max-height:66vh;overflow:auto;background:#fff}.project .table .table-row{display:table-row}.project .table .table-cell{display:table-cell}.project table tr td,.project table tr th{text-align:center;font-size:15px;padding:.55rem}.project table tr th{background-color:#fff;position:-webkit-sticky;position:sticky;top:-1px;left:0}.adminTasks{height:100vh;padding:95px 12px}.adminTasks .active,.adminTasks .active:hover{background-color:inherit;color:inherit}.adminTasks .nav-tabs{position:-webkit-sticky;position:sticky;z-index:1;font-size:18px}.adminTasks .nav-link{font-size:15px}.adminTasks .tab-content{padding-top:15px}.adminTasks .sortBtn i,.adminTasks .taskBtn i{margin-left:10px}.adminTasks .sortBtn,.adminTasks .taskBtn{background-color:#fff;color:#666;border-color:#fff;border-radius:inherit;-webkit-border-radius:inherit;-moz-border-radius:inherit;-ms-border-radius:inherit;-o-border-radius:inherit}.taskSearch input[type=search]{background:#fff url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px;border:1px solid #ccc;padding:5px 10px 5px 35px;width:100%;border-radius:10em;transition:all .5s}.taskSearch input[type=search]:focus{width:100%;background-color:#fff;border-color:#66cc75;box-shadow:0 0 5px rgba(109,207,246,.5)}.taskSearch .searchbox{display:block}.searchInfo{display:inline-flex}.searchInfo .iconInfo{text-align:center;margin-right:15px}.searchInfo .iconInfo i{width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;line-height:18px;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid #707070}.searchInfo .iconInfo i,.searchInfo span{color:#707070;cursor:pointer;font-size:14px}.searchInfo span{display:block;line-height:1}.adminTasks .card-header{background-image:inherit;border-radius:0!important;background-color:#fff;margin-top:0;color:#000;border-bottom:none;font-size:15px;padding:.3rem .5rem;font-weight:400;-webkit-border-radius:0!important;-moz-border-radius:0!important;-ms-border-radius:0!important;-o-border-radius:0!important;position:relative}.adminTasks .card{background-color:#dad9e9;box-shadow:6px 5px 12px -1px #888;border:none;border-bottom-left-radius:25px;border-bottom-right-radius:25px;width:90%}.adminTasks .card-body{padding:.3rem 1rem}.actionIcon span{color:#707070;font-size:14px;display:block;line-height:1;cursor:pointer}.actionIcon .iconInfo{text-align:center;display:inline-block;margin:0 10px}.actionIcon .iconInfo i{color:#707070;font-size:16px}.actionIcon .archiveIcon{padding-bottom:5px;width:16px}.adminTasks .card .status{position:absolute;top:0;right:-30px;background-color:#fff;height:100%;align-items:center;width:30px;display:flex;justify-content:center;color:#777;font-size:18px;font-weight:600}.adminTasks .card .completed{background-color:#32cd32;color:#fff}.adminTasks .card .pending{background-color:#6c63ff;color:#fff}.adminTasks .card .inProgress{background-color:coral;color:#fff}.allStatusCard{height:66vh;overflow-x:hidden;overflow-y:auto}.selectSubtasc .form-control{width:100%}.selectSubtasc select{background-color:transparent;background-clip:padding-box;border:inherit;border-radius:inherit;border-bottom:1px solid #7c7b7b;padding-left:0;padding-bottom:4px;margin-bottom:0;width:100%;color:#6c757d;font-size:18px;margin-top:10px;vertical-align:-webkit-baseline-middle}.overview{padding:165px 15px;height:100%}.personnel{padding:135px 15px;height:100vh;z-index:999;position:relative}.personnel .tabview{margin-top:-49px;position:-webkit-sticky;position:sticky;z-index:1;font-size:15px}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{font-size:14px}.personnel input{outline:none}.personnel input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;font-family:inherit;font-size:100%}.personnel input::-webkit-search-cancel-button,.personnel input::-webkit-search-decoration{display:none}.personnel input[type=search]{background:#fff7f7 url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px;border:1px solid #ccc;padding:4px 10px 4px 35px;font-size:14px;width:90px;border-radius:10em;transition:all .5s}.personnel input[type=search]:focus{width:150px;background-color:#fff;font-size:14px;border-color:#66cc75;box-shadow:0 0 5px rgba(109,207,246,.5)}.personnel .searchbox{display:inline-flex;float:right}.nav-link:focus{outline:none}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:transparent}.personnel .tab-content{margin-top:25px}.personnel .paginationBotton{position:absolute;top:149px;left:230px}.personnel .pagination-sm .page-link{font-size:inherit;background:transparent;cursor:pointer}.personnel.paginationBotton span.fa-angle-left,.personnel .paginationBotton span.fa-angle-right{font-size:26px;vertical-align:sub;padding-right:5px;color:#999}.personnel .paginationBotton span.fa-angle-right{padding-left:6px;padding-right:0}.personnel .active,.personnel .active:hover{background-color:inherit}.personnel .pagination-sm .page-item:first-child .page-link,.personnel .pagination-sm .page-item:last-child .page-link{border:inherit;color:#95989a}.personnel .headwar .nav-tabs .nav-link{background-color:#fff;text-align:center;width:80px;padding:5px 3px;border-radius:0;border:1px solid #95989a}.headwar .nav-tabs .nav-link.active{color:#fff;background-color:#00f;border:1px solid #95989a}.headwar .nav-tabs .nav-link:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.headwar .nav-tabs .nav-link:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px}.ProjectWiseCard{background-color:#fff;border-radius:10px;height:60vh;border:inherit;padding:20px 0}.ProjectWiseCard .card-header{background-image:inherit;background-color:#dad9e9;border-radius:0!important;margin-top:-1px;color:#000;padding:10px 6px;font-size:13px;border-top-left-radius:15px!important;border-top-right-radius:15px!important}.ProjectWiseCard .card{border-radius:15px;height:100%;text-align:center}.ProjectWiseCard ul li{list-style:none;color:#000;font-size:13px;padding-bottom:12px}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border-color:inherit}.cardCircle{width:30px;height:30px;background-color:#32cd32;border-radius:50%;font-size:15px;padding:2px;position:absolute;right:-10px;top:-10px}.mb-25{margin-bottom:25px}.productDetail .card-body{padding:10px 0!important}.productDetail p{font-size:14px}.nav-tabs .nav-link:hover{border:inherit}.setting{height:100%;max-height:100%;overflow-y:auto;padding:95px 12px}.setting .active,.setting .active:hover{background-color:inherit;color:inherit}.setting .nav-tabs{position:-webkit-sticky;position:sticky;z-index:1;font-size:18px}.setting .nav-link{font-size:15px}.setting .tab-content{padding-top:30px}.setting .settingard{background-color:#fff;height:64vh;margin:0 30px;padding:30px 20px;position:relative}.settingard figure img{border:1px solid #707070;padding:15px;margin-bottom:10px;max-width:160px}.paymentPage{background-color:#fff;height:70vh;margin:0 30px;padding:30px 20px}.paymentPage h5{color:#000;font-weight:400}.paymentPage .offer{color:#ffb600}.paymentPage .logo img{margin:15px 20px;width:100px}.paymentPage .procing-logo{width:100px;height:100px;background:#f1f1f1;line-height:100px;text-align:center;border-radius:50%;margin:0 auto 10px}.paymentPage .procing-logo img{width:60px;height:60px}.paymentPage h6{color:#2c3e50;font-weight:300;font-size:14px}.leftContent,.paymentPage .procing-logo p{height:100%;justify-content:center;align-items:center;display:flex}.paymentPage .procing-logo p{line-height:1.2}.paymentPage .card{max-width:85%;margin:0 auto;border-radius:10px;background-color:#f1f1f1}.paymentPage p{color:#2c3e50;font-size:15px}.paymentPage .borderTB{border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6}.paymentPage .borderT{border-top:1px solid #dee2e6;font-weight:600;margin-bottom:0;padding:5px 10px}.paymentPage .borderTB p{margin-bottom:0;padding:5px 0;font-weight:600}.underline{margin-bottom:0;padding-top:30px;text-decoration:underline}.paymentPage button{background-color:#f1f1f1;margin-top:30px;width:85%;border-radius:10px;padding:10px;border:inherit}.paymentPage button:hover{background-color:#85d28c;transition:all .5s;color:#fff}.logo a img{width:100px;padding:5px 0}.rightCard p{margin-bottom:15px}.setting .documents{background-color:#fff;margin:0 30px;padding:30px 20px}.setting .documents .inputDocument{border-bottom:1px solid #707070;margin-left:10px;padding-left:5px}.setting .documents .bgcolor{background-color:#f1f1f1;padding-bottom:30px;width:70%}.setting .SettingTab .days{padding-top:3px}.setting .SettingTab .days li{text-align:center;font-size:14px;display:inline-block;background-color:#dad9e9;color:#707070;height:40px;line-height:40px;border-radius:50px;margin:0 10px 0 0;justify-content:space-between;width:40px}.setting .SettingTab label{text-decoration:underline;margin-bottom:0}.setting .SettingTab .form-control{padding-left:0}.setting .SettingTab .editBtn{position:absolute;right:15px;top:0;text-align:center}.setting .SettingTab .editBtn span{display:block;color:#707070;line-height:1;font-size:14px}.setting .SettingTab .editBtn i{display:block;color:#707070;line-height:1.1;font-size:14px;transform:scaleX(-1)}.setting .activePlan{padding:0 30px}.setting .activePlan .renewBtn{background-color:#6c63ff;color:#fff;border:inherit;font-size:15px;font-weight:600;padding:12px;width:200px;margin-bottom:25px}.setting .activePlan .activePlanCard{background-color:#fff;padding:30px;margin-bottom:20px}.setting .activePlan .activePlanCard p{color:#000;margin-bottom:15px}.setting .activePlan .activePlanCard h6{margin-bottom:10px}.setting .activePlan .activePlanCard .PlanDetails li{display:inline-block;background-color:#dad9e9;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;padding:5px;text-align:center;width:140px;margin-right:35px;margin-top:5px}.setting .activePlan .activePlanCard .PlanDetails span{display:block;text-decoration:underline;font-size:14px;margin-top:20px;text-align:center;cursor:pointer}.setting .activePlan .renewBtn:focus{outline:none}.setting .documents .dropText{color:#000;font-size:20px}.setting .documents .MuiDropzoneArea-root{min-height:100px!important;margin-bottom:20px}.setting .documents .MuiDropzoneArea-root .MuiTypography-h5{font-size:18px}.setting .documents .documentInput{padding:8px;font-size:16px;background-color:#ececec;width:100%;margin-bottom:10px;margin-top:5px;border:none}.journal{padding:135px 15px;height:100vh}.journaltoday{background-color:transparent;color:#000}.journaltoday .todayDatePicker .react-datepicker-wrapper{display:none}.journaltoday .todayDatePicker .react-datepicker-popper{position:absolute;will-change:transform;top:0;left:0;transform:translate3d(32px,30px,0)!important}.journaltoday:hover{background-color:transparent;color:#000}.journaltoday p{color:unset;margin-bottom:8px}.previewCard{background-color:#fff;border-radius:10px;padding-bottom:10px}.previewCard .cardlist{height:62vh;overflow:auto;overflow-x:hidden}.today{padding:12px 0;background-color:#fff;border-radius:10px}.todayone .cardlist{padding:0 10px}.cardlist{height:66vh;overflow:auto;overflow-x:hidden;margin:0}.employeecard{border-right:10px;padding:0 14px;margin:5px 0;background-color:#dad9e9;border-radius:10px;height:80px}.employeecard:hover{cursor:pointer}.name,.time{padding:10px;margin:0;font-weight:unset}.time{text-align:right}.detail,.detail2{font-weight:unset}.detail2{text-align:right;font-size:15px}.previewCard h6{padding:15px 22px 5px}.previewCard p{padding:10px;border:1px solid #d3d3d3;margin:0 16px;width:inherit;border-bottom:inherit;border-top-left-radius:4px;border-top-right-radius:4px}.previewCard span{color:red;float:right;font-size:15px}.previewCard span:hover{cursor:pointer}.project_name_css{color:red}.journal_time_admin{font-size:15px}.journal .dropdown-menu{height:350px;width:250px;overflow:auto;margin:0;padding:0}.journal .searchbar{width:90%;margin:10px auto;height:30px;border:1px solid #000;border-radius:27px;text-align:center;display:flex}.journal .searchbar:focus{outline:none}.journal .show>.btn-primary.dropdown-toggle:focus{outline:none;box-shadow:none}.journal .show>.btn-primary.dropdown-toggle{color:#000}.journal .dropdown-toggle{background-color:transparent!important;color:#000;border:none;font-size:15px}.journal .journalDatePicker{background:transparent;border:none}.journal .nav-tabs{margin-top:-49px;position:-webkit-sticky;position:sticky;z-index:1;font-size:15px}.journal .tab-content{margin-top:20px}.previewCard .table{width:inherit!important;margin:0 16px 15px}.line_separator{padding:0 6px;color:#999;font-size:16px;vertical-align:baseline}.journal div[data-test=table]{width:-webkit-fill-available;overflow:hidden;max-height:inherit}.multipleCard{padding:10px 0}.journal td.inlineText,.journal th.inlineText{white-space:nowrap}.journal table tr td{font-size:15px}.btn-primary:focus{box-shadow:none}.journal .seachbarfix{position:-webkit-sticky;position:sticky;top:0;left:0;background:#fff;padding:1px}.journal .dropdown-toggle:after{display:inline-block;margin-left:8px;content:"";border-top:6px solid;border-right:6px solid transparent;border-bottom:0;border-left:6px solid transparent;vertical-align:middle}.toptracker{padding:165px 15px;height:100%}.overviewCard{background-color:#fff;border:1px solid #707070;padding:10px;height:70vh;border-radius:10px}.trackerProjectsAdmin{padding:165px 0 80px;height:100%}.trackerProjectsAdmin .header{display:flex;align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:30px}.trackerProjectsAdmin .tabsHeader,.trackerProjectsAdmin .tabsPanel{background-color:#fff;padding:10px}.trackerProjectsAdmin .budget p{margin-top:-15px;left:0;position:absolute;width:80%;margin-left:130px}.trackerProjectsAdmin .budget .gaugeChart{margin-left:-17px}.trackerProjectsAdmin .archivedProjects .iconsArchived{color:#218838!important;font-size:200px}.trackerProjectsAdmin .projectBlock{display:flex;align-items:center}.trackerProjectsAdmin .projectBlock .avatar{margin-right:20px;width:45px;height:45px}.trackerProjectsAdmin button{outline:none}tbody tr{cursor:pointer}.trackerReportsAdmin{padding:165px 15px;height:100%}.trackerReportsAdmin .header p{width:30%}.trackerReportsAdmin .tabsHeader{background-color:#fff}.trackerReportsAdmin .tabPanel{background-color:#fff;margin-bottom:50px}.trackerReportsAdmin .bottomSection{background-color:#fff;padding-top:15px;padding-right:15px}.trackerReportsAdmin .icons{color:#218838!important}.trackerReportsAdmin .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:40px}.trackerReportsAdmin .header p{font-size:14px;align-items:flex-end;text-align:end}.trackerReportsAdmin .btnHeader{justify-content:space-between}.trackerReportsAdmin .btnHeader,.trackerReportsAdmin .btnHeader .btnGrp{display:flex;align-items:center;flex-direction:row}.trackerReportsAdmin .btnHeader .btnGrp button{margin-right:10px}.trackerReportsAdmin .btnHeader .btnDropdown button{background-color:#f0f1f4;border:none;outline:none;color:#000}.trackerReportsAdmin .btnHeader .btnDropdown button:hover{border:1px solid #20a34c;outline:none}.trackerReportsAdmin .btnHeader .btnDropdown span{font-size:15px;margin-right:12px}.trackerReportsAdmin .btnHeader .btnDropdown span svg{color:#218838;margin-right:5px}.trackerReportsAdmin .amtText{margin:30px 0;font-size:18px}.trackerReportsAdmin .amtText strong{color:#000}.trackerReportsAdmin .tabs{outline:none}.trackerReportsAdmin .bottomSection{display:flex;flex-direction:row;justify-content:space-between}.trackerReportsAdmin .bottomSection .pdfBtn{margin-right:10px}.trackerReportsAdmin .bottomSection .exportBtns button{font-size:14px}.trackerReportsAdmin .shownBy button{background-color:#f0f1f4;border:none;outline:none;color:#000;margin:20px 0 10px}.trackerReportsAdmin .shownBy button:hover{border:1px solid #a1bad0;outline:none}.trackerReportsAdmin .tableRow .tableIcon{width:2%}.trackerReportsAdmin .tableRow .tableIcon .iconBtn{outline:none}.tableCollapseRow .employeeCell{width:72%;padding-left:80px}.tableCollapseRow .timeCell{width:8%}.tableCollapseRow .amountCell{padding-left:135px}.dashboarwrapper{padding:175px 30px 30px;height:1000px}.sidebar{background-color:#fff;border-right:1px solid #95989a;padding:42px 30px 0;z-index:99;height:100vh;top:90px;position:fixed}.card-header{background-image:linear-gradient(#819b5d,#1dc598);border-radius:8px!important;margin-top:-6px;color:#fff;font-size:25px;font-weight:600}a,a:hover{color:#000}a:hover{text-decoration:none}.adminbody{background-color:#dad9e9;width:100%}.dashboarwrapper .card{border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer}.dashboarwrapper .card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.addProject{padding:166px 15px 50px}.addProject .heading{margin-bottom:50px}.addProject .stepper{background-color:#f3f6fa}.addProject .content{background-color:#fff;padding:50px 25px 0}.addProject .input{width:45%}.addProject .input,.addProject .selectField{border-radius:4px;padding:7px 10px;border:1px solid #b6b7b8;font-size:15px;outline:none}.addProject .selectField{width:35%}.addProject .label{color:#000;font-size:17px}.addProject .labelText{font-size:15px}.addProject .horizontalLine{margin:27px 0;background-color:#e5ebeb;width:100%}.addProject .footerActivity{background-color:#f3f6fa;padding:20px;margin:20px -25px 0}.addProject .footerActivity button{margin:0 10px}.addProject .trackingTable{margin-top:40px}.projectInfo{padding:165px 0 80px}.projectInfo .header,.projectInfo .header .leftSide{display:flex;justify-content:space-between;align-items:center}.projectInfo .header{margin-bottom:50px}.projectInfo .backBtn{width:40px;height:40px;margin-right:15px}.projectInfo .backIcon{font-size:18px}.projectInfo .avatar{width:50px;height:50px;margin-right:15px}.projectInfo .text{font-size:14px}.projectInfo .addEmployeeBtn,.projectInfo .settingsBtn{width:50px;height:50px;background-color:#fff;border:1px solid #218838;margin:0 10px}.projectInfo .groupIcon,.projectInfo .settingsIcon{color:#218838;font-size:25px}.projectInfo .infoCard{background-color:#fff;padding:20px;margin-bottom:50px;display:flex}.projectInfo .budget,.projectInfo .cost,.projectInfo .outstanding,.projectInfo .pending{display:flex;justify-content:space-between;align-items:center}.projectInfo .widthBox{min-width:150px}.projectInfo .collpaseContent{margin-left:30px}.projectInfo .collapseBtn{padding:0!important;margin-left:30px}.projectInfo .collpaseIcon{font-size:18px;color:#218838}.projectInfo .costTitle{color:#000;font-size:13px}.projectInfo .costText{color:#000;font-size:17px}.projectInfo button{outline:none}.projectInfo .verticalLine{border:none;border-left:2px solid #dfdcdc;height:100px;margin:0 15px}.projectInfo .pendingTitle{color:orange;font-size:13px}.projectInfo .outTitle{color:#218838;font-size:13px}.projectInfo .budget{width:300px}.projectInfo .bText{font-size:14px;color:red}.projectInfo .teamTitle{margin:50px 0 40px;-webkit-text-decoration:underline #218838 solid;text-decoration:underline #218838 solid}.projectInfo .activityTable{background-color:#fff}.projectInfo .activityTable thead th{font-size:13px;color:#a0a0a0;font-weight:400}.projectInfo .activityTable tbody .userBlock{display:flex;align-items:center}.projectInfo .activityTable tbody .user{width:40px;height:40px;margin:0 15px;display:flex;align-items:center;justify-content:center;background-color:#d7f5e2;color:#218838}.projectInfo .activityTable tbody .userName{font-size:18px;color:#000}.projectInfo .activityTable tbody .roleTab{border:1px solid #218838;padding:6px;color:#218838;font-size:14px;border-radius:25px}.inviteTitle .MuiTypography-h6{display:flex;justify-content:space-between;align-items:center;padding:10px}.inviteBody p{margin-bottom:30px}.inviteFooter{margin-top:100px}.inviteFooter button{margin:0 10px}
/*# sourceMappingURL=main.894cbc55.chunk.css.map */