body{margin:0;height:100vh;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}.body{background-color:#e1e1e1}#root{height:100vh}\feff  .article,article{display:flex;flex-direction:column}section{display:flex;flex-wrap:wrap;flex-direction:row}.section{display:flex;flex-wrap:wrap;flex-direction:row}.around{justify-content:space-around}.right{justify-content:right}.between{justify-content:space-between}.betweenT{justify-content:space-between;@media (max-width: 767px){justify-content:space-between;margin-top:5%}}.betweenD{justify-content:space-between;margin-top:10%;@media (max-width: 767px){padding-top:25%}}.bold{font-weight:700}.center{justify-content:center}.end{z-index:2!important;position:relative!important;padding-bottom:1%!important;font-size:"1.5em "!important}.end button{z-index:3!important;position:relative!important}.itemsCenter{align-items:center}.itemsTop{align-items:flex-start}.itemsEnd{align-items:flex-end}.selfStart{align-self:flex-start}.selfCenter{margin:auto;align-self:center}.selfEnd{align-self:flex-end}.fullHeight{height:100%}.fullWidth{width:100%;margin-left:auto!important;margin-right:auto!important}.fullWidthD{width:100%;margin-left:auto!important;margin-right:auto!important;margin-bottom:2%!important;@media (max-width: 767px){margin-bottom:4%!important}}.fullSize{height:100%;width:100%;position:fixed;background-color:#e1e1e1!important;@media (max-width: 767px){height:100vh!important}}.pa{position:relative;top:90px;background-color:#fff;padding-bottom:5%;padding-left:5%;margin-left:auto;margin-right:auto;padding-right:5%;margin-bottom:2%;width:80%;height:80%}.fullSizeD,.fullSizeT{height:90%;width:100%;position:fixed;background-color:#e1e1e1!important;@media (max-width: 767px){height:100%!important;height:90%}}.wrap{flex-wrap:wrap}.tab{margin-bottom:2em;display:flex;flex-direction:column;background-color:#b0e0e6}.body{min-height:100vh}.dialog{padding:2%}.largeTxt{font-weight:700;font-size:larger;color:#337ab7;white-space:nowrap}.paper{padding:1%;border-radius:5px;background-color:#fff;transition:width 1s,height 1s;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.appear{overflow:hidden;animation-duration:3s;animation-name:dropdown}.smallTxt{font-size:14px}.tinyTxt{font-size:9px}.MuiDialog-container{height:90%!important;position:fixed!important;top:102px!important;left:50%!important;transform:translate(-50%)!important;outline:0;width:100%!important}.hover:hover:not(.disabled){background-color:#c1c1c1}@keyframes dropdown{0%{max-height:0px}to{max-height:1000px}}.MuiPaper-elevation1{margin-bottom:2%}.MuiDialogContent-root:first-child{padding-top:2px}MuiDialogContent-root{flex:1 1 auto;padding:3px 22px!important;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 500px){.pa{top:90px;height:80%;position:relative;margin-left:auto;margin-right:auto;width:80%}}.MuiButtonBase-root{padding:12px!important}\feff  .formGroup{align-items:center;margin:5px 0}.formLabel{font-weight:700;font-size:18px;width:120px}.formInput{height:20px;align-self:flex-start}.checkLabel{font-weight:700;font-size:18px;padding-top:18px}.whiteIcon{color:#fff}.errMsg{color:red}#excelDownload{min-width:35px}#pageDetails{margin-right:1%;width:220px}#titleIcon{margin:0 10% 15%}.custom-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.custom-card .MuiCard-title{font-size:1.2rem!important;font-weight:700!important;color:#333!important}.customcardTimesheet,.customcardcheckList{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding-top:10px!important;background:linear-gradient(90deg,#fdfdfd,#6fa0b2)!important;background-color:#fffc!important}.TimesheetImg,.checkListImg{width:60px!important;height:60px!important}.Tabcustom-card{padding:5px;.custom-Stack {margin-top: 13px; margin-bottom: 10px;} .stepperdiv{background-color: #e5e7eb; margin-top: 25px; padding-top: 10px; padding-left: 8px; padding-right: 8px; padding-bottom: 18px; border-radius: 10px; @media (max-width: 767px) {padding: 0px !important; margin-top: 15px;}} .navigate{display: flex; justify-content:space-around;} .tabbuttongroup {display: flex; flex-direction: column; align-items: center; gap: 10px; justify-content: center; button {width: 250px; height: 50px; font-size: 13px !important; transition: background-color .3s ease; border-radius: 8px; overflow: hidden; &.button1 {background-color: #ff4c4c; color: #fff; &:hover {background-color: #ff1919;}} &.button2 {background-color: #ffd24c; color: #fff; &:hover {background-color: #ffc519;}} &.button3 {background-color:#6ccd77 ; color: #fff; &:hover {background-color: #42bf50;}} &.button4 {width: 400px; height: 50px; background-color: #007BFF; ; color: #fff; &:hover {background-color: #3232ff; ;} @media (max-width: 767px) {width: 150px; height: 50px; font-size: 13px !important; overflow: hidden !important;}} &.button1text{margin-left: 10px; width: 40px ; height: 50px; background-color: #ff4c4c; color: #fff; &:hover {background-color: #ff1919;} @media (max-width: 767px) {padding: 0px !important;}} &.button2text{margin-left: 10px; width: 40px ; height: 50px; background-color: #ffd24c; color: #fff; &:hover {background-color: #ffc519;}} &.button3text{margin-left: 10px; width: 40px ; height: 50px; background-color:#6ccd77 ; color: #fff; &:hover {background-color: #42bf50;}}} .forward-button {margin-top: 16px;} @media (max-width: 767px) {flex-direction: column; align-items: center; button {width: 150px; height: 50px;}}}}.textFiels{display:flex;justify-content:space-between;@media (max-width: 767px){flex-direction:column;align-items:center}}.textFielsmobile1{display:flex;justify-content:space-between;margin-top:20px!important}.textFielsmobile{display:flex;justify-content:space-between;margin-top:2px!important}.custom-row{padding-bottom:10px;padding-right:10px;padding-left:10px}.checklistTitle{display:flex;justify-content:flex-start;align-items:center;margin-top:4px}.custom-row1{display:flex;justify-content:center;align-items:center;padding:10px;.custom-row1heading {font-size:28px; padding-right: 7px; @media (max-width: 767px) {font-size:18px; font-weight:550; padding-right: 4px;}}}.Checklistdiv{.custom-rowheading{font-size:20px; margin-bottom: 20px; margin-right: 20px; @media (max-width: 767px) {font-size:17px; font-weight: 500;}}}.imgview2{display:flex;justify-content:center;align-items:center;margin-left:10px;margin-right:10px;margin-bottom:2%}@media (max-width: 767px){.imgview{display:flex;justify-content:center;align-items:center;img {width: 35vh; height: 35vh; border-radius: 5%;} margin-bottom: 2%}}.descriptionIcon{color:#fff;cursor:pointer;&:hover{color:#fff}}.dialogbutton{width:100px;height:30px;border-radius:8px!important;background-color:#8ba28f!important;color:#fff!important;&:hover{background-color:#bfc1da!important}}.dialogbuttonTimesheet{overflow:hidden;font-size:13px!important;margin-top:10px!important;width:190px;height:50px;border-radius:8px!important;background-color:#007bff!important;color:#fff!important;&:hover{background-color:#3232ff!important}}.dialogbuttonTimesheet2{margin-left:0!important;overflow:hidden;font-size:13px!important;margin-top:10px!important;width:190px;height:50px;border-radius:8px!important;background-color:#007bff!important;color:#fff!important;&:hover{background-color:#3232ff!important}}.Timesheetbutton{margin-top:0!important;display:flex;flex-direction:column;margin-bottom:10px!important}.clickedText{text-decoration:underline;font-weight:700;color:#000}.checklist-counter{margin-left:auto;margin-top:15px;background-color:#fff;width:40px;height:30px;text-align:center;border-radius:10%}.MuiButton-root{color:#000000de;padding:6px 16px;min-width:64px;box-sizing:border-box;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;font-family:sans-serif!important;line-height:1.75;border-radius:4px;letter-spacing:.02857em;text-transform:none!important}.fabbutton{width:40px!important;height:40px!important;border-radius:50px!important;background-color:#cacfda!important;color:#fdfdfd!important;right:0%!important}.navigtebutton{display:flex;justify-content:space-between}.hoverbutton{padding:2px!important;position:relative;color:#fff;background:#97C02F;overflow:hidden}.hoverbutton:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #464744 #464744;background:#464744;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3),-1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.3),-1px 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px #0000004d,-1px 1px 1px #0003;display:block;width:0}.hoverbutton.rounded{-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px}.hoverbutton.rounded:before{border-width:8px;border-color:#fff #fff transparent transparent;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px}.timesheetdiv{height:90%!important;overflow-y:auto!important;width:100%!important}.paperPlant{height:100%!important;overflow-y:auto!important;width:100%!important}.paperT{margin:2%!important;padding-bottom:2%;height:80%;padding:2%!important;border-radius:5px!important;background-color:#fff!important;transition:width 1s,height 1s!important;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.paperD{height:85%;padding:2%;padding-bottom:25px!important;margin-left:auto!important;margin-right:auto!important;border-radius:5px;overflow-y:auto!important;overflow-x:hidden!important;width:90%;background-color:#fff;transition:width 1s,height 1s;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.papercheck{margin:2% 5%!important;padding-bottom:2%;height:68%;padding:2%!important;border-radius:5px!important;background-color:#fff!important;transition:width 1s,height 1s!important;@media (max-width: 767px){margin-top:5%;padding-top:10%;height:80%!important}box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.newche{overflow-y:auto;height:50%;@media (max-width: 767px){height:30%!important}}.newche2{overflow-y:auto;height:70%;@media (max-width: 767px){height:60%!important}}.MuiSnackbar-anchorOriginTopLeft{top:95px!important;justify-content:flex-start;left:15px!important}@media (min-width: 600px){.MuiSnackbar-anchorOriginTopLeft{margin-left:5%;margin-top:1%}}@media (max-width: 600px){.MuiSnackbar-anchorOriginTopLeft{margin-left:1%;margin-top:0%;font-size:small}}.paperDashboard{margin-top:8%!important;margin-left:5%!important;margin-right:5%!important;padding:5%;border-radius:5px;background-color:#fff;transition:width 1s,height 1s;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;@media (max-width: 767px){margin-top:25%!important}}.paperTimesheet{height:60%;margin-left:5%!important;margin-right:5%!important;padding:2%;border-radius:5px;background-color:#fff;transition:width 1s,height 1s;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;@media (max-width: 767px){margin-top:25%!important;height:65%}}.paperchdiv{height:50%;margin-top:6%!important;margin-left:5%!important;margin-right:5%!important;padding:2%;border-radius:5px;background-color:#fff;transition:width 1s,height 1s;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;@media (max-width: 767px){margin-top:25%!important;height:50%;padding-bottom:5%}}.paperC{width:90%;height:90%;margin-left:auto;margin-right:auto!important;margin-bottom:5px!important;overflow-y:auto!important;border-radius:5px;background-color:#fff;transition:width 1s,height 1s;@media (max-width: 767px){height:90%!important;margin-bottom:2px!important}box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.css-hz1bth-MuiDialog-container{width:90%}.Action{font-size:1.32rem;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;letter-spacing:.0065em}.legends{height:15px;width:15px;display:inline-block;outline:2px solid #ffffff;margin-right:10px}.green-lgnd{background-color:#a857c9}.purple-lgnd{background-color:#66c368}.spName{color:#0000008a;font-style:italic;font-weight:500}\feff  @keyframes fadeInUp{from {transform: translate3d(0,40px,0)} to {transform: translate3d(0,0,0); opacity: 1}}.fadeInUp{opacity:0;animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:both}@keyframes blink{50%{opacity:0}}.blink{animation:blink 2s ease-in-out infinite;color:#ff1919;font-size:15px;font-weight:700}/*!
* https://github.com/arqex/react-datetime
*/.rdt{position:relative}.rdtPicker{display:none;position:absolute;min-width:250px;padding:4px;margin-top:1px;z-index:99999!important;background:#fff;box-shadow:0 1px 3px #0000001a;border:1px solid #f9f9f9}.rdtOpen .rdtPicker{display:block}.rdtStatic .rdtPicker{box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center}.rdtPicker table{width:100%;margin:0}.rdtPicker td,.rdtPicker th{text-align:center;height:28px}.rdtPicker td{cursor:pointer}.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover,.rdtPicker .rdtTimeToggle:hover{background:#eeeeee;cursor:pointer}.rdtPicker td.rdtOld,.rdtPicker td.rdtNew{color:#999}.rdtPicker td.rdtToday{position:relative}.rdtPicker td.rdtToday:before{content:"";display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:#0003;position:absolute;bottom:4px;right:4px}.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker td span.rdtOld{color:#999}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker th{border-bottom:1px solid #f9f9f9}.rdtPicker .dow{width:14.2857%;border-bottom:none;cursor:default}.rdtPicker th.rdtSwitch{width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.rdtPrev span,.rdtNext span{display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker thead tr:first-of-type th{cursor:pointer}.rdtPicker thead tr:first-of-type th:hover{background:#eeeeee}.rdtPicker tfoot{border-top:1px solid #f9f9f9}.rdtPicker button{border:none;background:none;cursor:pointer}.rdtPicker button:hover{background-color:#eee}.rdtPicker thead button{width:100%;height:100%}td.rdtMonth,td.rdtYear{height:50px;width:25%;cursor:pointer}td.rdtMonth:hover,td.rdtYear:hover{background:#eee}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px}.rdtCounter{width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{height:40%;line-height:40px;cursor:pointer;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdtCounter .rdtBtn:hover{background:#eee}.rdtCounter .rdtCount{height:20%;font-size:1.2em}.rdtMilli{vertical-align:middle;padding-left:8px;width:48px}.rdtMilli input{width:100%;font-size:1.2em;margin-top:37px}.rdtTime td{cursor:default}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;text-align:left}.table .header{font-weight:700;background-color:#4682b4;color:#fff}.table .table-tr:nth-child(even){background-color:#f2f2f2}.grid-input{width:100%;box-sizing:border-box;padding:6px;border-radius:5px;border-width:thin;border-color:#d3d3d3}@media (max-width: 600px){.table{font-size:14px}}@media (max-width: 400px){.table th,.table td{padding:6px}}