*{animation:fadeIn .1s}:focus{outline:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#root{height:100%;width:100%}body,html{background-color:#fff;bottom:0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100%;min-width:100%;overflow:visible}body .pageContainer,html .pageContainer{bottom:0;margin:auto;min-height:100%}.addButton{cursor:pointer;display:flex;max-height:50px;max-width:50px;min-height:50px;min-width:50px}.addButton svg{flex:1 1;margin:auto;max-height:20px;max-width:20px;min-height:20px;min-width:20px;padding:0}.fade-enter{opacity:0;transform:scale(.9)}.fade-enter-active{opacity:1;transform:translateX(0);transition:opacity .2s,transform .2s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transform:scale(1);transition:opacity .2s,transform .2s}.fade-enter-done{margin:0;padding:0}.popUpWindow{align-items:center;background-color:#2a2a2a80;box-shadow:0 0 50px 50px #2a2a2a80;height:100%;justify-content:space-around;position:fixed;top:0;transition:.3s;z-index:10}.TimeSheetCalendarContainer,.popUpWindow{display:flex;width:100%}.TimeSheetCalendarContainer .PreviewCalendar{display:flex;flex:1 1;flex-direction:column;min-width:700px;padding-bottom:10px}.TimeSheetCalendarContainer .PreviewCalendar .MonthYear{align-items:center;display:flex;flex:1 1;font-size:35px;justify-content:center;padding-bottom:40px;padding-top:40px}.TimeSheetCalendarContainer .PreviewCalendar .calenderHeaders{align-items:center;color:#333;display:flex;flex:1 1;justify-content:center}.TimeSheetCalendarContainer .PreviewCalendar .calenderHeaders th{flex:1 1;overflow:hidden;text-overflow:ellipsis}.TimeSheetCalendarContainer .PreviewCalendar .calenderHeaders .week-day{font-size:20px}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays{color:#444;display:flex;flex:9 1;flex-direction:column}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays tr{display:flex;flex:1 1;flex-direction:row}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays tr td{border:1px solid #ddd;display:flex;flex:1 1;height:100px;margin:1px}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays tr td .calendarNumber{align-items:center;background-color:#afa;border:none;border-radius:50%;display:flex;font-size:13px;height:25px;justify-content:center;margin:2px -20% .1% 2px;position:relative;width:25px}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays tr td .HoursList{display:flex;flex:1 1;flex-direction:column;justify-content:center;z-index:10}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays tr td .HoursList label{margin-bottom:2%;margin-top:2%;overflow:hidden;text-overflow:ellipsis}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays tr td #left{text-indent:12%}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays tr td #hourslistcalendar{align-items:center}.TimeSheetCalendarContainer .PreviewCalendar .calenderDays tr #calendar-day-empty{background-color:#f3f3f3}.TimeSheetContainer{display:flex;flex:1 1;flex-direction:column;justify-content:space-evenly}.TimeSheetContainer .TimeSheetContainerLeftandRight{display:flex;flex:1 1;flex-direction:row;justify-content:space-evenly}.TimeSheetContainer .mainmenu{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;right:1%}.TimeSheetContainer .mainmenu button{background-color:lime;border:none;border-radius:50px;box-shadow:1px 2px 5px #000;height:50px;margin-bottom:10px;width:50px}.TimeSheetContainer .mainmenu button svg{height:20px;width:20px}.timesheetLeft,.timesheetRight{cursor:pointer;display:flex;flex:1 1;flex-direction:column;max-width:47%}.timesheetLeft .slotContainer,.timesheetRight .slotContainer{background-color:#dcdcdc1a;border-radius:10px;display:flex;flex:1 1;flex-direction:row;margin-bottom:5px;margin-top:5px;max-height:6vh;min-height:6vh;transition:.4s}.timesheetLeft .slotContainer:hover,.timesheetRight .slotContainer:hover{background-color:#0000001a;border-radius:10px}.timesheetLeft .slotContainer:hover .slotBody div label,.timesheetRight .slotContainer:hover .slotBody div label{display:flex}.timesheetLeft .slotContainer .slotHour,.timesheetRight .slotContainer .slotHour{align-items:center;border-right:1px solid #ccc;display:flex;flex:1 1;font-size:20px;justify-content:center}.timesheetLeft .slotContainer .slotBody,.timesheetRight .slotContainer .slotBody{display:flex;flex:9 1;flex-direction:row}.timesheetLeft .slotContainer .slotBody .timeonly,.timesheetRight .slotContainer .slotBody .timeonly{align-items:center;display:flex;flex:1 1;justify-content:center}.timesheetLeft .slotContainer .slotBody .timeonly label,.timesheetRight .slotContainer .slotBody .timeonly label{align-items:center;color:#777;cursor:pointer;display:none;flex:1 1;height:100%;justify-content:center}.timesheetLeft .slotContainer .slotBody .timeonly label:hover,.timesheetRight .slotContainer .slotBody .timeonly label:hover{color:#222}.timesheetLeft .slotContainer .slotBody .timeonly label .serviceslot,.timesheetRight .slotContainer .slotBody .timeonly label .serviceslot{color:#000;font-size:11px;font-weight:350;margin-top:45px;position:absolute}.timesheetLeft .slotContainer .slotBody #slottaken label,.timesheetRight .slotContainer .slotBody #slottaken label{color:lime;display:flex;justify-content:center;overflow-x:hidden}.timesheetLeft .slotContainer .slotBody #slottaken label p,.timesheetRight .slotContainer .slotBody #slottaken label p{display:flex;flex:1 1;max-width:9vw;overflow:hidden}.timesheetLeft .slotContainer .slotBody #slottaken label p .scrolling,.timesheetRight .slotContainer .slotBody #slottaken label p .scrolling{animation:marquee 6s linear infinite;white-space:nowrap}.timesheetLeft .slotContainer .slotBody .slotItemContainer,.timesheetRight .slotContainer .slotBody .slotItemContainer{background-color:#d2d2d233;display:flex;flex-direction:column;overflow:hidden;transition:2s}.timesheetLeft .slotContainer .slotBody .slotItemContainer:hover,.timesheetRight .slotContainer .slotBody .slotItemContainer:hover{transition:2s}.timesheetLeft .slotContainer .slotBody .slotItemContainer:hover .hoveredCard,.timesheetRight .slotContainer .slotBody .slotItemContainer:hover .hoveredCard{display:flex;transition:2s}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard{background-color:#fff;border-radius:8px;box-shadow:0 0 10px 0 #d2d2d2e6;display:none;flex-direction:column;height:200px;margin-left:10vw;margin-top:-6vh;position:absolute;transition:2s;width:300px;z-index:1}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard div,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard div{border:none;color:#777}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hovercustomercont,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hovercustomercont{display:flex;flex:1 1;flex-direction:row;margin:auto;max-width:90%;min-width:90%}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hovercustomercont div,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hovercustomercont div{color:#000}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hovercustomercont .hovercust,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hovercustomercont .hovercust{align-items:center;display:flex;flex:2 1;font-size:17px;font-weight:500}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hovercustomercont .time,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hovercustomercont .time{align-items:center;display:flex;flex:1 1;justify-content:center}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hoverservice,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hoverservice{align-items:center;color:#767676;display:flex;flex:.9 1;font-size:15px;font-weight:400;margin:auto;max-width:90%;min-width:90%}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hoveractivity,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hoveractivity{align-items:flex-start;display:flex;flex:.8 1;font-size:12px;margin:auto;max-width:90%;min-width:90%}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hoverbilling,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hoverbilling{align-items:flex-start;color:#777;display:flex;flex:.8 1;font-size:12px;margin:auto;max-width:90%;min-width:90%}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hoverdescription,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hoverdescription{background-color:#f0f0f080;border-radius:5px;color:#222;flex:4 1;font-size:12px;margin:auto auto 1.6vh;max-width:90%;min-width:90%;overflow-y:auto;text-overflow:ellipsis}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hoveredit,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hoveredit{align-items:center;display:flex;justify-content:center}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hoveredit .hoverbutton,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hoveredit .hoverbutton{background-color:#fff;border:none;font-size:13px;margin-top:-3%;padding:10px}.timesheetLeft .slotContainer .slotBody .slotItemContainer .hoveredCard .hoveredit .hoverbutton:hover,.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard .hoveredit .hoverbutton:hover{color:red}.timesheetLeft .slotContainer .slotBody .slotItemContainer div,.timesheetRight .slotContainer .slotBody .slotItemContainer div{border-left:1px solid #6464641a;color:#444;display:flex;flex:1 1;font-size:small;justify-content:flex-start}.timesheetLeft .slotContainer .slotBody .slotItemContainer div p,.timesheetRight .slotContainer .slotBody .slotItemContainer div p{margin:0;padding:0}.timesheetLeft .slotContainer .slotBody .slotItemContainer div div,.timesheetRight .slotContainer .slotBody .slotItemContainer div div{flex:1 1;justify-content:flex-start;text-indent:2px}.timesheetLeft .slotContainer .slotBody .slotItemContainer .container,.timesheetRight .slotContainer .slotBody .slotItemContainer .container{display:flex;flex:1 1;max-width:100%;overflow:hidden}.timesheetLeft .slotContainer .slotBody .slotItemContainer .container .scrolling,.timesheetRight .slotContainer .slotBody .slotItemContainer .container .scrolling{animation:marquee 5s linear infinite;white-space:nowrap}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.timesheetLeft .slotContainer .slotBody .slotItemContainer .slotcustomer,.timesheetRight .slotContainer .slotBody .slotItemContainer .slotcustomer{display:flex;flex-direction:row}.timesheetLeft .slotContainer .slotBody .slotItemContainer .slotcustomer .container,.timesheetRight .slotContainer .slotBody .slotItemContainer .slotcustomer .container{align-items:center;display:flex;text-align:center}.timesheetLeft .slotContainer .slotBody .slotItemContainer .slotactivity,.timesheetRight .slotContainer .slotBody .slotItemContainer .slotactivity{font-weight:300}.timesheetRight .slotContainer .slotHour{border-left:1px solid #ccc;border-right:none;order:3}.timesheetRight .slotContainer .linedivider{order:2}.timesheetRight .slotContainer .slotBody{order:1}.timesheetRight .slotContainer .slotBody .slotItemContainer .hoveredCard{margin-left:-300px;margin-top:-6vh}.timesheetEntry{align-items:center;background-color:#0000001a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.timesheetEntry .entrywindowcontainer{background-color:#fefefe;border-radius:25px;display:flex;flex-direction:column;height:85%;width:70%}.timesheetEntry .entrywindowcontainer .dropdown{display:flex;display:inline-block;flex:1 1;position:relative}.timesheetEntry .entrywindowcontainer .dropdown:hover .dropdown-content{cursor:default;display:block}.timesheetEntry .entrywindowcontainer .dropdown .dropbtn{background-color:#fff;border:none}.timesheetEntry .entrywindowcontainer .dropdown .dropbtn h1{font-size:23px;font-weight:400;margin:auto}.timesheetEntry .entrywindowcontainer .dropdown .dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 #0003;display:none;max-height:60vh;position:absolute;z-index:1}.timesheetEntry .entrywindowcontainer .dropdown .dropdown-content #times{color:#555;display:block;padding:12px 16px;text-decoration:none}.timesheetEntry .entrywindowcontainer .dropdown .dropdown-content #times:hover{color:#111}.timesheetEntry .entrywindowcontainer .top{display:flex;flex:1 1;justify-content:flex-end}.timesheetEntry .entrywindowcontainer .top .customerh{align-items:center;display:flex;flex:1 1;justify-content:center}.timesheetEntry .entrywindowcontainer .top .customerh .dropdown{align-items:center;display:inline-block;flex:1 1;justify-content:center;max-width:20%;position:relative}.timesheetEntry .entrywindowcontainer .top .customerh .dropdown:hover .dropdown-content{cursor:default;display:block}.timesheetEntry .entrywindowcontainer .top .customerh .dropdown .dropbtn{background-color:#fff;border:none}.timesheetEntry .entrywindowcontainer .top .customerh .dropdown .dropbtn h1{font-size:23px;font-weight:400}.timesheetEntry .entrywindowcontainer .top .customerh .dropdown .dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 #0003;display:none;max-height:60vh;overflow-y:scroll;position:absolute;z-index:1}.timesheetEntry .entrywindowcontainer .top .closebutton{background-color:#0000;border:none;font-size:25px;margin-top:.5%;padding-left:20px;padding-right:20px;position:absolute}.timesheetEntry .entrywindowcontainer .middle{display:flex;flex:10 1}.timesheetEntry .entrywindowcontainer .middle .Condor360Container{color:#333;display:flex;flex:1 1;flex-direction:column}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeoptions{align-items:center;display:flex;flex:1 1;justify-content:center}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeoptions .timeblock{align-items:center;background-color:#ddd;border-radius:5px;display:flex;flex-direction:column;height:40px;justify-content:center;margin-left:10px;margin-right:10px;padding-left:10px;padding-right:10px;transition:.5s;width:40px}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeoptions .timeblock:hover{box-shadow:0 10px 15px -7px #00000080;cursor:pointer;margin-top:-5px;transition:.1s}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeoptions .timeblock label{font-weight:600}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeoptions .timeblock .timetimeblock{border-top:1px solid #999;font-weight:400}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeDropDowns{display:flex;flex:1 1;justify-content:space-evenly;margin:auto;max-width:90%;min-width:90%;padding-top:1%}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeDropDowns label{flex:1 1}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeDropDowns .timestarted{align-items:center;display:flex;flex:1 1;justify-content:space-between}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .timeDropDowns .timefinished{align-items:center;display:flex;flex:1 1;justify-content:space-evenly}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .dropdown{display:flex;display:inline-block;flex:1 1;position:relative}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .dropdown:hover .dropdown-content{cursor:default;display:block}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .dropdown .dropbtn{background-color:#fff;border:none}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .dropdown .dropbtn h1{font-size:23px;font-weight:400;margin:auto}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .dropdown .dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 #0003;display:none;max-height:60vh;overflow-y:scroll;position:absolute;z-index:1}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .dropdown .dropdown-content #times{color:#555;display:block;padding:12px 16px;text-decoration:none}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .dropdown .dropdown-content #times:hover{color:#111}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .CustomersServicesActivities{border-top:1px solid #ddd;display:flex;flex:4 1;flex-direction:row;justify-content:space-evenly;margin:10px auto auto;max-height:40%;max-width:90%;min-height:40%;min-width:90%;padding-top:10px}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .CustomersServicesActivities div{min-width:30%}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .CustomersServicesActivities div .checklisheader{flex:1 1}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .CustomersServicesActivities div .checklist{flex:9 1}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .CustomersServicesActivities div .checklist .kn-multi_select__wrapper___30BEc{min-height:50%;overflow-y:hidden}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .billingtype{display:flex;flex:2 1;margin:auto;max-width:90%;min-width:90%}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .billingtype .billable,.timesheetEntry .entrywindowcontainer .middle .Condor360Container .billingtype .overtime{align-items:center;display:flex;flex:1 1;justify-content:space-evenly}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .description{border:1px solid #aaa;border-radius:25px;display:flex;flex:4 1;justify-content:center;margin:auto;max-width:80%;min-width:80%}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .description textarea{border:none;flex:1 1;max-width:95%;resize:none}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .bottom{align-items:center;display:flex;flex:1.5 1;justify-content:center}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .bottom #del:hover{background-color:red}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .bottom button{background-color:#0000001a;border-radius:25px;color:#777;height:70%;transition:.4s;width:15%}.timesheetEntry .entrywindowcontainer .middle .Condor360Container .bottom button:hover{background-color:lime;box-shadow:0 10px 15px -7px #00000080;color:#000;margin-top:-2px;transform:.1s}.kn-column__column___3Iwzx{border-right:1px solid #ddd;display:flex;flex:1 1;flex-direction:column}.kn-column__column___3Iwzx:last-of-type{border:0}.kn-list__list___22Wuc{outline:none;-webkit-user-select:none;user-select:none}.kn-list__list_item___1mDV9{display:flex;flex-direction:column}.kn-list__list___22Wuc::-webkit-scrollbar,.kn-list__scrollbar___1a9W-::-webkit-scrollbar{height:17px;width:15px}.kn-list__list___22Wuc::-webkit-scrollbar-thumb,.kn-list__scrollbar___1a9W-::-webkit-scrollbar-thumb{background:#cdcdcd;background-clip:content-box;border-color:#0000;border-style:solid}.kn-list__list___22Wuc::-webkit-scrollbar-thumb:vertical,.kn-list__scrollbar___1a9W-::-webkit-scrollbar-thumb:vertical{border-width:4px 4px 4px 5px;min-height:45px}.kn-list__list___22Wuc::-webkit-scrollbar-thumb:horizontal,.kn-list__scrollbar___1a9W-::-webkit-scrollbar-thumb:horizontal{border-width:5px 4px 6px;min-width:45px}.kn-list__list___22Wuc::-webkit-scrollbar-track,.kn-list__scrollbar___1a9W-::-webkit-scrollbar-track{background:#fff}.kn-list__list___22Wuc::-webkit-scrollbar-track:vertical,.kn-list__scrollbar___1a9W-::-webkit-scrollbar-track:vertical{border-left:1px solid #ededed;border-right:none}.kn-list__list___22Wuc::-webkit-scrollbar-corner,.kn-list__list___22Wuc::-webkit-scrollbar-track:horizontal,.kn-list__scrollbar___1a9W-::-webkit-scrollbar-corner,.kn-list__scrollbar___1a9W-::-webkit-scrollbar-track:horizontal{border-bottom:none;border-top:1px solid #ededed}.kn-item_label__label___2fJ5p{overflow:hidden;padding-right:14px;text-overflow:ellipsis;white-space:nowrap}.kn-item__item___kQ2Ll{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;transition:all .2s ease-in-out}.kn-item__item___kQ2Ll .kn-item__selected___3tRL6{background-color:#f7f7f7}.kn-item__item___kQ2Ll:hover{background-color:#f3f3f3}.kn-item__disabled___3xX7z{color:#b4b4b4;cursor:default}.kn-item__selected___3tRL6{background-color:#f7f7f7}.kn-item__with_border___3n9sw{border-bottom:1px solid #ddd}.kn-item__with_grouping___3IJz8{color:#000;padding-left:10px}.kn-no_items__no_items___3ON4R{align-items:center;color:#999;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center}.kn-search__search___3Zpb2{align-items:center;border-bottom:1px solid #ddd;display:flex;height:45px;padding:0 12px 0 0}.kn-search__input___2tyxf{align-items:center;background:#0000;border:0;display:flex;flex:1 1;font-size:14px;height:45px;outline:none;padding:0 12px}.kn-search__icon___1frx4{font-size:24px}.kn-search__list_filter_container___2FaR9{margin-bottom:10px;position:relative}.kn-selected_item__selected_item___1uiiv,.kn-selected_item__with_grouping___1Ibnd{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-right:-4px;padding:0 0 0 12px;transition:background-color .2s ease-in-out}.kn-selected_item__selected_item___1uiiv:hover,.kn-selected_item__with_grouping___1Ibnd:hover{background-color:#f3f3f3}.kn-selected_item__with_grouping___1Ibnd{color:#000;pointer-events:none}.kn-selected_item__disabled___1430r{background-color:#f7f7f7;color:#b4b4b4;cursor:default}.kn-selection_status__selection_status___1FzyX{align-items:center;border-bottom:1px solid #ddd;display:flex;height:45px;justify-content:space-between;padding:0 12px}.kn-selection_status__status___1qxE9{color:#000}.kn-selection_status__clear_all___3gppf{color:#008bbf;cursor:pointer}.kn-multi_select__wrapper___30BEc{background:#fff;border:1px solid #ddd;color:#666;display:flex;flex-direction:row;overflow:hidden;position:relative}.kn-loader__loader___1LPsU{margin:auto}.timesheetheader{display:flex;flex-direction:row;height:50px;width:100%}.timesheetheader .HeaderCustomer{display:flex;flex:1 1;padding-left:3%}.timesheetheader .HeaderCustomer .heading{font-size:25px;font-weight:400;margin:auto}.timesheetheader .HeaderCustomer #heading,.timesheetheader .HeaderCustomer .timesheetheadercustomer{align-items:center;display:flex;flex:1 1}.timesheetheader .HeaderCustomer .timesheetheadercustomer .dropdown{display:inline;display:inline-block;flex:1 1;max-width:1%;min-width:1%;position:relative}.timesheetheader .HeaderCustomer .timesheetheadercustomer .dropdown:hover .dropdown-content{cursor:default;display:block}.timesheetheader .HeaderCustomer .timesheetheadercustomer .dropdown .dropbtn{background-color:#fff;border:none;font-size:16px}.timesheetheader .HeaderCustomer .timesheetheadercustomer .dropdown .dropbtn h1{font-size:25px;font-weight:400;margin:auto}.timesheetheader .HeaderCustomer .timesheetheadercustomer .dropdown .dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.timesheetheader .HeaderCustomer .timesheetheadercustomer .dropdown .dropdown-content #Customers{color:#000;display:block;padding:12px 16px;text-decoration:none}.timesheetheader .HeaderCustomer .timesheetheadercustomer .dropdown .dropdown-content #Customers:hover{background-color:#ddd}.timesheetheader .TimeandDate{display:flex;flex:1 1}.timesheetheader .TimeandDate .timesheetheaderTime{align-items:center;display:flex;flex:2 1;font-size:10px;justify-content:flex-end}.timesheetheader .TimeandDate .timesheetheaderTime .heading{font-size:25px;font-weight:400}.timesheetheader .TimeandDate .timesheetheaderDate{align-items:center;cursor:pointer;display:flex}.timesheetheader .TimeandDate .timesheetheaderDate .arrows{align-content:center;align-items:center;display:flex}.timesheetheader .TimeandDate .timesheetheaderDate .arrows h1{font-size:25px;font-weight:400;margin:0;padding:0;text-align:center}.timesheetheader .TimeandDate .timesheetheaderDate .arrows svg{margin-bottom:-25%;padding:2px}@media screen and (min-width:543px){.timesheetheader .TimeandDate .timesheetheaderDate h1{font-size:24px}}@media screen and (max-width:400px){.timesheetheader .TimeandDate .timesheetheaderDate h1{font-size:24px}}.userListContainer{align-items:flex-end;background-color:#0000001a;display:flex;height:100vh;justify-content:flex-end;left:0;position:fixed;top:0;width:100%;z-index:2}.userListContainer section{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 8px 15px -4px #000;margin-bottom:9%;margin-right:2%}.userListContainer section .searchUserContainer{align-items:center;background:inherit;background-color:#fff;border-bottom:thin solid #ddd;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:40px;width:350px}.userListContainer section .searchUserContainer input{border:none;border-top-left-radius:10px;flex:3 1;font-size:15px;height:100%;margin:0;padding:0;text-indent:10px}.userListContainer section .searchUserContainer svg{background-color:#fff;flex:1 1;height:55%}.userListContainer section .userList{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;cursor:pointer;height:55vh;min-width:350px;overflow:hidden;overflow-y:scroll}.userListContainer section .userList .usercardContainer{display:flex;padding-bottom:10px;padding-top:10px}.userListContainer section .userList .usercardContainer .indicate{border-radius:50%;flex:1 1;height:8px;margin:auto auto auto 3%;max-width:8px}.userListContainer section .userList .usercardContainer .imageContainer{align-items:center;display:flex;flex:2 1;justify-content:center}.userListContainer section .userList .usercardContainer .imageContainer img{border-radius:50%;height:30px;width:30px}.userListContainer section .userList .usercardContainer .imageContainer .MuiAvatar-colorDefault{height:30px;width:30px}.userListContainer section .userList .usercardContainer .imageContainer .MuiAvatar-colorDefault p{font-size:13px;font-weight:700}.userListContainer section .userList .usercardContainer .nameContainer{align-items:center;display:flex;flex:8 1;font-size:17px;font-weight:100;text-indent:10px;transition:.3s}.userListContainer section .userList .usercardContainer:hover{background-color:#ddd;transition:.3s}.userListContainer section .userList #logged{box-shadow:0 0 70px -22px #000;margin-bottom:5%}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__navigation button[disabled]{background-color:#f0f0f0}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers{font-weight:700}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;justify-content:center;padding:1em .66667em}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;max-width:100%;padding:.75em .5em;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calContainer{right:0}.calContainer .cal{margin-top:5%}.StatsContainer{align-items:center;background:#0000002b;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.StatsContainer .StatsProfile{background-color:#fffffffa;border-radius:20px;box-shadow:0 0 50px -20px #000;color:#444;display:flex;flex-direction:column;height:90%;padding:10px;width:90%}.StatsContainer .StatsProfile .closeStats{align-self:flex-end;background-color:#0000;border:none;color:#888;font-size:25px;height:40px;position:fixed;width:40px}.StatsContainer .StatsProfile .top{background-color:#0000;display:flex;flex:4 1;flex-direction:row;flex-wrap:wrap;padding-top:20px}.StatsContainer .StatsProfile .top .left{display:flex;flex:1 1}.StatsContainer .StatsProfile .top .left .customersList{display:flex;flex:1 1;flex-direction:column}.StatsContainer .StatsProfile .top .left .customersList .customerHeaders{color:#222;display:flex;flex:1 1;flex-direction:row}.StatsContainer .StatsProfile .top .left .customersList .customerHeaders div{align-items:center;display:flex;justify-content:center}.StatsContainer .StatsProfile .top .left .customersList .customersListContainer{display:flex;flex:8 1;flex-direction:column}.StatsContainer .StatsProfile .top .left .customersList .customersListContainer .customerItem{background-color:#00000005;border-bottom:1px solid #aaa;display:flex;flex-direction:row;height:70px}.StatsContainer .StatsProfile .top .left .customersList .customersListContainer .customerItem div{align-items:center;display:flex;justify-content:center}.StatsContainer .StatsProfile .top .left .customersList .customerInfo{flex:2 1}.StatsContainer .StatsProfile .top .left .customersList .customerInfo .customerLogo{flex:1 1}.StatsContainer .StatsProfile .top .left .customersList .customerInfo .customerLogo img{height:100%;width:100%}.StatsContainer .StatsProfile .top .left .customersList .customerInfo .customerName{flex:4 1}.StatsContainer .StatsProfile .top .left .customersList .Billable,.StatsContainer .StatsProfile .top .left .customersList .Overtime,.StatsContainer .StatsProfile .top .left .customersList .nonBillable{flex:2 1}.StatsContainer .StatsProfile .top .left .customersList .Total{flex:1 1}.StatsContainer .StatsProfile .top .right{border-left:1px solid #bababa;display:flex;flex:1 1}.StatsContainer .StatsProfile .top .right .statsprofile{display:flex;flex:1 1}.StatsContainer .StatsProfile .top .right .statsprofile .left{display:flex;flex:1 1;flex-direction:column}.StatsContainer .StatsProfile .top .right .statsprofile .left .hours{display:flex;flex:12 1;flex-direction:column}.StatsContainer .StatsProfile .top .right .statsprofile .left .hours .totalHourshours{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.StatsContainer .StatsProfile .top .right .statsprofile .left .hours .HoursSection{display:flex;flex:5 1}.StatsContainer .StatsProfile .top .right .statsprofile .left .hours .HoursSection .left{display:flex;flex-direction:column;text-indent:40%}.StatsContainer .StatsProfile .top .right .statsprofile .left .hours .HoursSection .right{border-left:none;display:flex;flex-direction:column;text-indent:20%}.StatsContainer .StatsProfile .top .right .statsprofile .left .hours .HoursSection #chart{flex:1 1;margin:0;max-height:200px;width:100%}.StatsContainer .StatsProfile .top .right .statsprofile .left .hours .total{color:#000;font-weight:500;margin-top:10px}.StatsContainer .StatsProfile .top .right .statsprofile .left .recent{background-color:blue;display:flex;flex:20 1}.StatsContainer .StatsProfile .top .right .statsprofile .right{display:flex;flex:1 1}.StatsContainer .StatsProfile .top .right .statsprofile .right .statsuserprofile{display:flex;flex:1 1;flex-direction:column}.StatsContainer .StatsProfile .top .right .statsprofile .right .statsuserprofile .top{display:flex;flex:3 1;flex-direction:column}.StatsContainer .StatsProfile .top .right .statsprofile .right .statsuserprofile .top .imgContainer{align-items:center;display:flex;flex:2 1;justify-content:center}.StatsContainer .StatsProfile .top .right .statsprofile .right .statsuserprofile .top .imgContainer img{border-radius:50%;height:auto;width:30%}.StatsContainer .StatsProfile .top .right .statsprofile .right .statsuserprofile .bottom,.StatsContainer .StatsProfile .top .right .statsprofile .right .statsuserprofile .top .userDetailsstats{align-items:center;display:flex;flex:1 1;flex-direction:column}.StatsContainer .StatsProfile .top .right .statsprofile .right .statsuserprofile .bottom p{margin:7px 0 0;padding:0}.StatsContainer .StatsProfile #bottom{border-top:1px solid #aaa;display:flex;flex:6 1;overflow:hidden}.StatsContainer .StatsProfile #bottom .StatsEntryContainer{display:flex;flex:1 1;flex-direction:column;max-height:100%;overflow-y:scroll}.StatsContainer .StatsProfile #bottom .StatsEntryContainer .statentry{border-bottom:1px solid #ccc;display:flex;flex-direction:row;max-height:100px;min-height:40px;padding-top:10px}.StatsContainer .StatsProfile #bottom .StatsEntryContainer .statentry div{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:start}.StatsContainer .StatsProfile #bottom .StatsEntryContainer .statentry .date{flex:.8 1}.StatsContainer .StatsProfile #bottom .StatsEntryContainer .statentry .time{flex:1 1}.StatsContainer .StatsProfile #bottom .StatsEntryContainer .statentry .service{display:flex}.StatsContainer .StatsProfile #bottom .StatsEntryContainer .statentry .service label{flex:1 1;font-weight:300;overflow:hidden;word-break:break-all}.StatsContainer .StatsProfile #bottom .StatsEntryContainer .statentry .service .dataHead{font-weight:400}.StatsContainer .StatsProfile #bottom .StatsEntryContainer .statentry .description{align-items:flex-start;display:flex;flex:3 1;overflow:hidden}.StatsContainer .StatsProfile #bottom .StatsEntryContainer #HeaderstatEntry{border-bottom:1px solid #888;padding:0}.StatsContainer .StatsProfile #bottom .StatsEntryContainer #HeaderstatEntry div{color:#222;font-size:18px;font-size:19px;justify-content:center}.StatsContainer .StatsProfile #bottom .HoursGraphContainer{display:flex;flex:1 1;flex-direction:row}.StatsContainer .StatsProfile #bottom .HoursGraphContainer div{flex:1 1}.MonthEntriesContainer{align-items:center;background-color:#0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3}.MonthEntriesContainer .innercontainer{background-color:#fff;border-radius:8px;box-shadow:0 0 30px -15px #000c;display:flex;flex-direction:column;height:80%;width:60vw}.MonthEntriesContainer .innercontainer .closethis{display:flex;height:40px;justify-content:flex-end}.MonthEntriesContainer .innercontainer .closethis button{background-color:#fff;border:none;border-radius:8px;margin-right:5px}.MonthEntriesContainer .innercontainer .closethis button svg{font-size:18px}.MonthEntriesContainer .innercontainer .innerinner{overflow-y:scroll}.MonthEntriesContainer .innercontainer .innerinner .entriescontainer{align-items:center;display:flex;flex-direction:column;height:auto;margin-bottom:5px}.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .datediv{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:450;height:30px;justify-content:center;margin-top:5px;width:97%}.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .entrydiv{background-color:#6464641a;border-radius:8px;margin-bottom:10px;width:97%}.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .entrydiv .custandtime{display:flex;flex-direction:row;padding-top:2px}.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .entrydiv .custandtime .customerdiv{color:#333;flex:1 1;font-size:16.5px;font-weight:450;text-indent:10px}.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .entrydiv .custandtime .timediv{color:#555;display:flex;flex:2 1;font-size:12px;justify-content:flex-end;margin-right:10px}.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .entrydiv .activitydiv,.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .entrydiv .billingdiv,.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .entrydiv .servicediv{color:#555;font-size:14px;text-indent:10px}.MonthEntriesContainer .innercontainer .innerinner .entriescontainer .entrydiv .descriptiondiv{color:#222;font-size:14px;height:15px;overflow:hidden;padding-bottom:2px;text-indent:10px;text-overflow:ellipsis;word-break:break-all}.homeContainer{display:flex;height:100%;width:100%}.homeContainer .timesheetMenu{bottom:0;display:flex;flex-direction:column;height:auto;position:fixed;right:0;width:100px}.homeContainer .homeView{display:flex;flex:1 1;justify-content:center}.homeContainer .homeView .timesheet{display:flex;flex:1 1;max-width:95%}.homeContainer .homeView .timesheet .noresourcecustomer{align-items:center;background-color:#ffffff80;display:flex;height:100%;justify-content:center;left:0;position:fixed;width:100%;z-index:1}.homeContainer .homeView .timesheet .noresourcecustomer .noresourcecustomercont{background-color:#fff;border-radius:8px;box-shadow:0 0 20px -5px #00000080;height:auto;margin-top:-25%;width:75%}.homeContainer .homeView .timesheet .noresourcecustomer .noresourcecustomercont h1{font-size:22px;padding:20px;text-align:center}.homeContainer .homeView .calendarComponent{flex:1 1}.LoadingContainer{background-color:#ffffff80;display:flex;height:100%;left:0;overflow-y:hidden;position:fixed;top:0;width:100%;z-index:20}.LoadingContainer .lds-ellipsis{display:inline-block;height:80px;margin:auto;position:relative;width:80px}.LoadingContainer .lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#47da23;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.LoadingContainer .lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.LoadingContainer .lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.LoadingContainer .lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.LoadingContainer .lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.register{height:100vh;margin:auto;min-height:200px;min-width:500px;width:100%}.block{background:#111;display:block;display:inline-block;float:left;height:100%;text-align:center;width:60%}.block .slide-container{margin:auto;width:70%}.block h3{text-align:center}.block .each-slide>div{align-items:center;background-size:cover;display:flex;height:115vh;justify-content:center}.block .each-slide h1,.block .each-slide span{background:#efefef;font-size:20px;padding:20px;text-align:center}.block .each-fade{display:flex}.block .each-fade .image-container{overflow:hidden;width:75%}.block .each-fade .image-container img{width:100%}.block .each-fade h2{align-items:center;background:#adceed;display:flex;justify-content:center;margin:0;width:25%}.register .registrationForm{display:inline-block;height:100%;margin:auto;text-align:center;width:40%}.register .registrationForm form{display:inline-block;height:90%;text-align:left;text-indent:5%;width:90%}.register .registrationForm form h3{margin-top:4%}.forForm{margin:auto auto 17px}.register .registrationForm form input[type=text]{background-color:#0000;border-style:groove;border-width:0 0 1px;color:#333;font-size:16px;height:30px;margin-left:5%;width:80%}.register .registrationForm form input[type=text]:focus{border-bottom:thin solid #00ff21;box-shadow:0 5px 5px -3px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.register .registrationForm form input[type=password]{background-color:#0000;border-style:groove;border-width:0 0 1px;color:#333;font-size:16px;height:30px;margin-left:5%;width:80%}.register .registrationForm form input[type=password]:hover{box-shadow:0 5px 5px -3px #00dd21}.register .registrationForm form input[type=checkbox]{margin-left:5%;margin-top:20px;width:40px}.styleThem{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:1px 50px 50px}.styleThem .b1{--color:lime;--hover:lime}.styleThem button{color:var(--color);transition:1.5s}.styleThem button:focus,.styleThem button:hover{border-color:var(--hover);color:#fff}.styleThem .b1{background-color:lime;border-radius:10px;border-style:none;color:#000;flex:1 1;font-size:16px;margin:auto;max-height:40px;max-width:120px;min-height:40px;min-width:120px;transition:.3s}.styleThem .b1:focus,.styleThem .b1:hover{box-shadow:0 12px 16px 0 #0000003d,0 17px 50px 0 #00000030;cursor:pointer}.navBar{height:100px;position:sticky;top:0;z-index:3}.navBar,.navContainer{background-color:#0a0a0acc;width:100%}.navContainer{display:flex;height:45px;margin:0}.navContainer .user-info{display:flex;flex:1 1;justify-content:flex-end;margin-right:45px;margin-top:.5%}.navContainer .user-info .info{color:#fff;flex:9 1;margin-top:.4%;text-align:end}.navContainer .user-info .info h4{color:#fff;font-weight:100;margin:0;width:inherit}.navContainer .user-info .userImage{cursor:pointer;display:flex;flex:1 1;justify-content:center;margin-left:10px;max-height:30px;max-width:30px;min-height:30px;min-width:30px}.navContainer .user-info .userImage .MuiAvatar-colorDefault{margin-left:-15%;margin-top:1%;max-height:30px;max-width:30px}.navContainer .user-info .userImage .MuiAvatar-colorDefault p{font-size:15px}.navContainer .user-info .userImage img{border-radius:50%;margin-left:15px;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.navContainer .UserProfileForm{display:grid;height:100%;place-items:center;align-items:center;overflow-y:hidden;position:fixed;transition:.3s;width:100%;z-index:10}.navContainer .UserProfileForm form{background-color:#fff;border-radius:5px;box-shadow:0 13px 26px -19px #000000bf;display:flex;flex-direction:column;height:auto;margin-bottom:27%;margin-left:auto;margin-right:3%;padding-bottom:20px;padding-top:20px;position:relative;transition:1s;width:27%;z-index:10}.navContainer .UserProfileForm form .profileCardContainer{display:flex;flex-direction:column;height:100%;width:100%}.navContainer .UserProfileForm form .profileCardContainer .forImage{flex:1 1;margin-left:auto;margin-right:auto;margin-top:2%;max-height:70px;max-width:70px;min-height:70px;min-width:70px}.navContainer .UserProfileForm form .profileCardContainer .forImage img{border-radius:50%;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.navContainer .UserProfileForm form .profileCardContainer .forName{flex:1 1;text-align:center}.navContainer .UserProfileForm form .profileCardContainer hr{border-top:1px solid #e7e4e4;width:80%}.navContainer .UserProfileForm form .profileAndSignout{align-self:center;cursor:pointer;display:flex;flex-direction:column;height:100%;width:80%}.navContainer .UserProfileForm form .profileAndSignout h3{margin:auto}.navContainer .UserProfileForm form .profileAndSignout svg{height:20px;width:20px}.navContainer .UserProfileForm form .profileAndSignout :hover{color:lime}.navContainer .UserProfileForm form .profileAndSignout .toProfile{display:flex;flex:1 1}.navContainer .UserProfileForm form .profileAndSignout .toProfile .forIcon{flex:1 1}.navContainer .UserProfileForm form .profileAndSignout .toProfile img{border-radius:50%;flex:1 1;height:30px;width:30px}.navContainer .UserProfileForm form .profileAndSignout .toProfile .forHeading{flex:12 1}.navContainer .UserProfileForm form .profileAndSignout .toProfile :hover{color:lime}.navContainer .UserProfileForm form .profileAndSignout .toProfile .cusName{align-items:center;display:flex;flex:12 1;justify-items:flex-start}.navContainer .UserProfileForm form .profileAndSignout .toProfile .cusName h3{margin-left:0;padding-left:10px}.navContainer .UserProfileForm form .profileAndSignout .toSignout{display:flex;flex:4 1}.navContainer .UserProfileForm form .profileAndSignout .toSignout .forIcon{flex:1 1}.navContainer .UserProfileForm form .profileAndSignout .toSignout .forHeading{flex:12 1}.navContainer #bird{height:30px;margin-left:20px;margin-top:5px}.navContainer #nameBrand{flex:flex-start 1;height:25px;margin-left:10px;margin-top:10px}.navContainer ul{float:right;list-style:none;list-style-type:none;margin:8px 38px 8px 8px}.navContainer ul li{color:#efefef;font-size:16px}.navContainer ul li label{font-size:13px;justify-content:flex-end}.navBar{color:#efefef;height:34px;margin-top:0}.navBar ul{color:#000;float:right;list-style:none;list-style-type:none;margin:5px 20px 5px 5px;top:0}.navBar ul li:first-child{color:#efefef;float:left}.navBar ul:hover li{transition:.3s}.navBar ul li:hover{opacity:1;transform:scale(1.2);transition:.2s}.navBar .link:hover{transform:scale(1.1);transition:.3s}.navBar ul li{color:#000;font-size:15px;margin-left:15px;margin-right:15px;margin-top:0;padding:0 10px 10px;text-align:center;transition:.3s;z-index:-1}div [role=navigation]{height:45px}button{cursor:pointer}.SidebarContainer{background-color:#000000e3;color:#efefef;display:flex;flex-direction:column;max-height:100%;max-width:300px;min-height:100%;min-width:300px}.SidebarContainer .sidebarprofile{flex:1 1}.SidebarContainer .sidebarprofile .sidebarimage{align-items:center;display:flex;justify-content:center;padding-bottom:5%;padding-top:5%}.SidebarContainer .sidebarprofile .sidebarimage img{border:2px solid #fffffffa;border-radius:50%;height:160px;width:160px}.SidebarContainer .sidebarprofile .sidebarusername{display:flex;flex-direction:column}.SidebarContainer .sidebarprofile .sidebarusername p{margin:0;padding-bottom:5px;padding-top:5px;text-align:center}.SidebarContainer .sidebarnav{flex:20 1}.SidebarContainer .sidebarnav ul{display:flex;flex-direction:column;list-style:none;list-style-type:none;padding:0}.SidebarContainer .sidebarnav ul li{align-items:center;color:#efefef;display:flex;flex:1 1;flex-direction:row;transition:.3s}.SidebarContainer .sidebarnav ul li:hover{color:#0c4;transition:.2s}.SidebarContainer .sidebarnav ul li .navIcon{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center}.SidebarContainer .sidebarnav ul li .navIcon svg{height:18px;width:18px}.SidebarContainer .sidebarnav ul li .navIcon svg path{stroke:#efefef}.SidebarContainer .sidebarnav ul li p{align-items:center;display:flex;flex:6 1;font-size:15px;justify-content:flex-start;min-height:100%}.SidebarContainer .Poweredby{display:flex;justify-content:center;margin-bottom:5px}.sideBarButton{background-color:#0000;border:none;cursor:pointer;height:35px;margin-top:.5%;position:absolute;right:0;width:35px}.sideBarButton svg{color:#0d3;height:100%;width:100%}.Dropdown-root{position:relative}.Dropdown-control{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;overflow:hidden;padding:8px 52px 8px 10px;position:relative;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px 0 #0000000f}.Dropdown-arrow{border-color:#999 #0000 #0000;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:#0000 #0000 #999;border-width:0 5px 5px}.Dropdown-menu{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.Dropdown-menu .Dropdown-group>.Dropdown-title{color:#333;font-weight:700;padding:8px 10px;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Dropdown-option.is-selected,.Dropdown-option:hover{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}.fileUploader{width:100%}.fileContainer{align-items:center;background:#fff;border-radius:10px;box-shadow:2px 2px 3px 0 #0000000d;display:flex;flex-direction:column;justify-content:center;margin:10px auto;padding:20px 0;position:relative;transition:all .3s ease-in}.fileContainer input{opacity:0;position:absolute;z-index:-1}.fileContainer p{font-size:12px;margin:8px 0 4px}.fileContainer .errorsContainer{color:red;font-size:12px;max-width:300px;text-align:left}.fileContainer .chooseFileButton{background:#3f4257;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:300;margin:10px 0;outline:none;padding:6px 23px;transition:all .2s ease-in}.fileContainer .chooseFileButton:hover{background:#545972}.fileContainer .uploadFilesButton{background:#0000;border:1px solid #3f4257;border-radius:30px;color:#3f4257;cursor:pointer;font-size:14px;font-weight:300;margin:10px 0;outline:none;padding:5px 43px;transition:all .2s ease-in}.fileContainer .uploadFilesButton:hover{background:#3f4257;color:#fff}.fileContainer .uploadIcon{height:50px;width:50px}.fileContainer .uploadPicturesWrapper{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.fileContainer .uploadPictureContainer{align-items:center;background:#edf2f6;border:1px solid #d0dbe4;box-shadow:0 0 8px 2px #0000001a;display:flex;height:inherit;justify-content:center;margin:5%;padding:10px;position:relative;width:25%}.fileContainer .uploadPictureContainer img.uploadPicture{width:100%}.fileContainer .deleteImage{background:#ff4081;border-radius:50%;color:#fff;cursor:pointer;font-size:26px;font-weight:700;height:30px;line-height:30px;position:absolute;right:-9px;text-align:center;top:-9px;width:30px}.flipMove{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.moreButtons{bottom:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;position:fixed;right:25px}.moreButtons button{background-color:lime;border:1px #0f5;border-radius:50%;box-shadow:1px 2px 5px #000;cursor:pointer;height:50px;margin-top:10px;width:50px}.moreButtons button svg{cursor:pointer;flex:1 1;margin:auto;max-height:20px;max-width:20px;min-height:20px;min-width:20px;padding:0}.addButton label{margin-left:10%;margin-right:-10px;margin-top:30%}#manualChange svg{margin-left:14%;min-height:24px;min-width:24px}.DetailsCards #headingforsub{width:100%}.ContactFormContainer{background:#0003;height:100%;position:fixed;top:0;width:100%;z-index:10}.ContactFormContainer,.ContactFormContainer form{border-top-left-radius:5px;border-top-right-radius:5px;display:flex}.ContactFormContainer form{background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:-5px 8px 15px #333;flex-direction:column;height:500px;margin:auto auto 5%;width:700px}.ContactFormContainer form .Heading{align-items:center;background-color:#000000e6;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex:1 1;justify-content:flex-end}.ContactFormContainer form .Heading h3{color:#fff;font-size:18px;font-weight:100;margin:0 10px 0 0;padding:0}.ContactFormContainer form .Heading .CloseCus{background-color:#ededed;border:none;border-radius:50%;color:#00dd21;cursor:pointer;font-size:15px;font-weight:800;height:25px;margin-right:10px;transition:.3s;width:25px}.ContactFormContainer form .Heading .CloseCus:hover{color:red;transition:.3s}.ContactFormContainer form section{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex:10 1}.ContactFormContainer form section .left{align-items:center;display:flex;flex:1 1;flex-direction:column}.ContactFormContainer form section .left input{background-color:#0000;border-style:none;border-bottom:thin solid #ededed;display:block;font-size:16px;height:40px;margin:0;padding:5px 0 0;text-align:center;transition:.3s;width:300px}.ContactFormContainer form section .left input:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.ContactFormContainer form section .right,.ContactFormContainer form section .right section{display:flex;flex:1 1;flex-direction:column}.ContactFormContainer form section .right section textarea{border:thin solid #ededed;flex:1 1;margin-bottom:5px;margin-right:5px;max-width:90%;resize:none;transition:.3s}.ContactFormContainer form section .right .UploadImage{align-items:center;display:flex;flex:1 1;margin:auto;max-height:45%;max-width:45%;min-height:45%;min-width:45%;padding:0}.ContactFormContainer form section .right .UploadImage .logo{display:flex;flex:1 1;height:95%;margin:auto;width:80%}.ContactFormContainer form section .right .UploadImage .logo img{height:100%;width:100%}.ContactFormContainer form section .right .UploadImage .logo .remove{display:flex;flex:1 1;position:absolute}.ContactFormContainer form section .right .UploadImage .logo .remove img{cursor:pointer;height:35px;width:35px}.ContactFormContainer form .bottom{border-bottom-left-radius:5px;border-bottom-right-radius:5px;flex:2 1}.ContactFormContainer form .bottom .AddContactSubmit{align-self:center;background-color:red;background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;height:50%;margin:auto;transition:.3s;width:190px}.ContactFormContainer form .bottom .AddContactSubmit:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:14px;transition:.3s;width:200px}.burgermenu{align-content:center;align-items:center;background-color:lime;border:1px #0f5;border-radius:50%;bottom:25px;box-shadow:1px 2px 5px #000;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:20px;font-weight:bolder;justify-content:center;justify-items:center;max-height:50px;max-width:50px;min-height:50px;min-width:50px;position:fixed;right:25px}.burgermenu .hamburger{margin-top:4px}.burgermenu img{margin:auto auto auto -5%;max-height:20%;width:100%}.burgermenu .burgerIcon{background-color:#000;min-height:20%;min-width:20%}#heading{font-weight:600}h1 .backButton{display:flex}.editButton{cursor:pointer}.customerprofile{display:flex;flex-direction:column;margin:auto;max-width:88%;min-height:fit-content}.customerprofile .cardCus .cardtop{background:url(/static/media/bg1.0a1c45d21e0a51840de1.jpg);border-radius:10px;box-shadow:3px 5px 6px #aca8a8;display:flex;margin:auto;max-height:350px;max-width:100%;min-height:350px;min-width:100%}.customerprofile .cardCus .cardtop img{border:5px solid #ededed;border-radius:50%;margin:1.8% auto auto;max-height:200px;max-width:200px;min-height:200px;min-width:200px}.customerprofile .forDesc{background-color:#ededed;border-radius:8px;box-shadow:3px 5px 20px -5px #0a09094d;display:flex;flex:1 1;flex-direction:column;margin:-90px auto 30px;text-align:center;width:80%}.customerprofile .forDesc .CompanyName{flex:2 1}.customerprofile .forDesc .CompanyName h1{font-size:35px;font-weight:100;margin:auto;padding:15px}.customerprofile .forDesc .status{flex:1 1}.customerprofile .forDesc .status h2{font-size:22px;font-weight:200;margin:auto;padding-bottom:15px}.customerprofile .forDesc .description{flex:5 1}.customerprofile .forDesc .description h3{font-size:20px;font-weight:100;margin:auto;padding-bottom:20px;width:90%}.customerprofile .forDesc .Address{background:#0009;border-bottom-left-radius:8px;border-bottom-right-radius:8px;flex:1 1}.customerprofile .forDesc .Address h3{color:#fff}.customerprofile .forDesc .Address h3 svg{color:#fff;margin-bottom:-2px;margin-left:100x;margin-right:15px;max-height:35px;min-height:20px}.menuUsers{bottom:25px;display:flex;flex-direction:column;justify-content:space-around;position:fixed;right:25px}.menuUsers button{background-color:lime;border:1px #0f5;border-radius:50%;box-shadow:1px 2px 5px #000;cursor:pointer;height:50px;margin-top:10px;width:50px}.menuUsers button svg{flex:1 1;margin:auto;max-height:20px;max-width:20px;min-height:20px;min-width:20px;padding:0}.addUsersContainer{background-color:#0003;display:flex;height:100%;position:fixed;top:0;width:100%;z-index:3}.addUsersContainer .addUsersCardsContainer{background-color:#fffffff7;border-radius:10px;display:flex;flex-direction:column;margin:auto;max-width:80%;min-height:70vh;min-width:80vw}.addUsersContainer .addUsersCardsContainer .addUsersCardsContainerHeader{align-items:center;background-color:#333;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex:3 1;flex-direction:row;justify-content:flex-end;padding:.6em}.addUsersContainer .addUsersCardsContainer .addUsersCardsContainerHeader h4{color:#fff;flex:25 1;font-size:18px;font-weight:300;margin:0;padding:0}.addUsersContainer .addUsersCardsContainer .addUsersCardsContainerHeader .addUsersContainerClose{display:flex;flex:1 1;justify-content:center;margin-left:10px;margin-right:10px;max-height:20px}.addUsersContainer .addUsersCardsContainer .addUsersCardsContainerHeader .addUsersContainerClose button{background-color:#0000;border:none;color:#fff;cursor:pointer;font-size:25px;margin-top:-13%}.addUsersContainer .addUsersCardsContainer .addUsersCardsContainerHeader .addUsersContainerClose button:hover{color:red}.addUsersContainer .addUsersCardsContainer .userCards{border:1px solid #f5f5f5;display:flex;flex:15 1;flex-wrap:wrap;justify-content:center;margin:15px;max-height:60vh;overflow-y:scroll;padding-top:20px}.addUsersContainer .addUsersCardsContainer .userCards .userCard{border:1px solid #aaa;border-radius:20px;display:flex;flex-direction:column;margin:20px 2% 2%;max-height:300px;min-height:300px;transition:.3s}.addUsersContainer .addUsersCardsContainer .userCards .userCard:hover{background:10,9,9,.75;box-shadow:0 20px 15px -8px #a0a0a099;transform:translateY(-1.8%);transition:.2s;transition-delay:.1s}.addUsersContainer .addUsersCardsContainer .userCards .userCard .cancelCardContainer{display:flex;justify-content:flex-end;margin-bottom:-40px;width:320px}.addUsersContainer .addUsersCardsContainer .userCards .userCard .cancelCardContainer button{background-color:#0000;border:none;cursor:pointer;font-size:19px;height:30px;margin-right:12px;transition:.3s;width:30px}.addUsersContainer .addUsersCardsContainer .userCards .userCard .cancelCardContainer button:hover{color:red;font-weight:400;transition:.3s}.addUsersContainer .addUsersCardsContainer .userCards .userCard .userCardForm{align-items:center;display:flex;flex-direction:column;margin:auto}.addUsersContainer .addUsersCardsContainer .userCards .userCard .userCardForm input{background:#0000;border-style:none;border-bottom:thin solid #555;display:block;font-size:15px;height:40px;margin-bottom:5px;text-align:center;transition:.3s;width:95%}.addUsersContainer .addUsersCardsContainer .userCards .userCard .userCardForm input:focus{border-bottom:thin solid #00ff21;box-shadow:0 5px 5px -5.1px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.addUsersContainer .addUsersCardsContainer .userCards .userCard .userCardForm .userTypeOptions{padding-bottom:10px;padding-top:10px}.addUsersContainer .addUsersCardsContainer .addUserMenu{align-content:center;display:flex;flex:.8 1;justify-content:flex-end;min-height:50px}.addUsersContainer .addUsersCardsContainer .addUserMenu button{background:#00ff21;border:none;border-radius:25px;cursor:pointer;margin-right:1%;max-height:60%;max-height:40px;width:170px}.UniversalHeading{font-size:40px;font-weight:100;margin:auto;width:88%}#heading{display:flex;font-weight:100;margin:auto auto 10px;text-indent:20px;width:85%}#heading .searchContainer{align-self:flex-end;display:flex;height:25px;justify-content:flex-end;justify-self:flex-end;right:0;width:83%}#heading .searchContainer .groupby{font-size:18px;margin-top:.5%}#heading .searchContainer .groupby h1{margin:0;padding:0}#heading .searchContainer .dropdown{flex:1 1;max-width:20%}#heading .searchContainer .dropdown:hover .dropdown-content{cursor:default;display:block}#heading .searchContainer .dropdown .dropbtn{background-color:#fff;border:none;font-family:inherit;font-size:16px}#heading .searchContainer .dropdown .dropbtn h1{font-size:18px;font-weight:400;margin:auto}#heading .searchContainer .dropdown .dropdown-content{box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}#heading .searchContainer .dropdown .dropdown-content #Customers{color:#000;display:flex;font-size:18px;justify-content:flex-start;min-width:100%;padding:10px 0;text-decoration:none}#heading .searchContainer .dropdown .dropdown-content #Customers:hover{background-color:#ddd}#heading .searchContainer .filterUsers{background:#fff;border:none;border-radius:5px;box-shadow:0 1px 0 #0003;color:#000;cursor:pointer;margin:0 5% 0 auto;position:relative;transition:all .3s ease-out;width:200px}#heading .searchContainer .filterUsers:after{border-color:#4cbeff #0000;border-style:solid;border-width:6px 6px 0;content:"";height:0;margin-top:-3px;position:absolute;right:15px;top:50%;width:0}#heading .searchContainer input{border:none;color:#999;font-family:inherit;font-size:18px;margin-top:5px;width:120px}#heading .searchContainer .searchIcon{max-height:25px}#heading .searchContainer .searchIcon svg{height:80%;margin-bottom:5px;padding:0}#headingforsub{background-color:#2a2a2a0d;border-radius:30px;box-shadow:0 10px 8px -7px #2a2a2a0d;color:#666;cursor:pointer;display:flex;font-size:24px;font-weight:100;margin:auto auto 10px;padding:3px;text-indent:20px;width:85%}#headingforsub .headingButton{flex:1 1;justify-content:flex-end;margin-right:10px}#headingforsub .headingButton,.divHeadings{align-content:center;align-items:center;display:flex}.divHeadings{font-size:20px;font-weight:100;margin:auto;width:80%}.divHeadings .head1{margin-left:11%}.divHeadings .head1,.divHeadings .head2,.divHeadings .head3,.divHeadings .head4{align-content:flex-start;flex:1 1}#heading button{font-size:15px}#line{width:83%}#heading .addButton{cursor:pointer;float:right;height:40px;margin-right:100px;width:200px}.structureContainer{display:flex;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center;margin:auto;max-width:88%;min-height:100px;overflow:hidden;padding:0 20px 20px;width:auto}.structureContainer section{align-self:center;justify-self:flex-start}.structureContainer section h4{margin:0;padding:0}.pageContainer .addButton{background-color:lime;border:.5px solid lime;border-radius:50%;bottom:25px;box-shadow:1px 2px 5px #000;cursor:pointer;font-size:50px;height:60px;position:fixed;right:25px;width:60px}.pageContainer .addButton img{flex:1 1;height:40px;margin:auto;width:40px}#AddUserForm{background-color:#2a2a2acc;display:grid;height:100%;place-items:center;align-items:center;overflow-y:hidden;overflow-y:scroll;position:fixed;top:0;transition:.3s;width:100%;z-index:10}#AddUserForm form{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:350px;justify-content:space-around;margin-top:-100px;place-items:center;width:500px;z-index:10}#AddUserForm form p{align-items:center;background-color:#333;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;display:flex;height:40px;justify-content:flex-end;margin:-8px 0 0;padding-right:5%;width:95%}.userTypeOptions div{color:#000;text-align:left}#AddUserForm form input{border-style:none;border-bottom:thin solid #555;display:block;font-size:18px;height:40px;text-align:center;transition:.3s;width:400px}#AddUserForm form .AddUserSubmit{background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;height:50px;transition:.3s;width:200px}#AddUserForm form .AddUserSubmit:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:15px;transition:.3s;width:300px}#AddUserForm form .cancelButton{background-color:#ededed;border:none;border-radius:50%;color:#00dd21;cursor:pointer;font-size:15px;font-weight:800;height:25px;margin-left:10px;transition:.3s;width:25px}#AddUserForm form .cancelButton:hover{color:red;transition:.3s}#AddUserForm form input:focus{border-bottom:thin solid #00ff21;box-shadow:0 5px 5px -3px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}#success{height:200px;width:200px}.card{background-color:#ffffff80}.card h3{display:flex;justify-content:center;padding-top:15px}.card .MuiAvatar-colorDefault{justify-content:center;margin-top:45px;max-height:100px;max-width:100px}.card:hover{background:10,9,9,.75;box-shadow:0 20px 15px -8px #a0a0a099;transform:translateY(-3%);transition:.3s;transition-delay:.1s}.card:hover .cardImage img{border-radius:0;height:83%;transition:.3s;width:83%}.card .cardImage img{border-radius:100%}.card.hover:after,.card:hover:after{background:#0a0909bf;transform:rotateX(0)}.listcard{background-color:#ffffff80;border:none;color:#666;display:flex;font-size:16px;font-weight:100;height:50px;margin:auto;max-width:83vw;min-width:83vw;padding:5px;text-indent:20px;transition:.3s}.listcard:hover{background-color:#a0a0a00d;border:0;box-shadow:0 8px 20px -20px #333;transform:translateY(-3%);transition:.1s;transition-delay:.1s}.listcard .userImage{border-right:thin solid #ddd;display:flex;flex:.7 1;justify-content:center}.listcard .userImage .MuiAvatar-colorDefault{margin-top:5%}.listcard .userImage .MuiAvatar-colorDefault p{margin-right:45%}.listcard .userImage img{background-color:#fff;border-radius:50%;margin:auto;max-height:40px;max-width:40px;min-height:40px;min-width:40px}.listcard .userName{align-items:center;border-right:thin solid #ddd;display:flex;flex:2 1;flex-direction:row;justify-content:flex-start;max-width:15vw}.listcard .userName .skills_listcard,.listcard .userName .userName_names{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listcard .userName .skills_listcard{color:#b8b8b8;font-style:italic}.listcard .email{align-content:center;flex:3 1}.listcard .email,.listcard .mobile{align-items:center;border-right:thin solid #ddd;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listcard .mobile{flex:2 1;max-width:10vw}.listcard .userPosition{flex:3 1;white-space:nowrap}.listcard .userPosition,.listcard .userPosition label{align-items:center;display:flex;overflow:hidden;text-indent:inherit;text-overflow:ellipsis}.listcard .userPosition label{flex:5 1;height:100%;word-break:normal}.listcard .userPosition .deleteContact{align-items:center;display:flex;flex:3 1;height:100%;justify-items:flex-end}.listcard .userPosition .deleteContact img{height:30px;width:35px}.listcard .indicator{border-radius:50%;flex:.1 1;height:8px;margin:auto;max-width:8px}#treeWrapper{display:flex;justify-content:center;margin:auto;min-height:100vh;width:83%}#treeWrapper .treeContainer{height:auto;min-height:500px;min-width:500px;width:100%}#heading{color:#333;font-size:25px;font-weight:400}h1 .backButton{background-color:#0000;background-repeat:no-repeat;border:none;cursor:pointer;outline:none;overflow:hidden}h1 .backButton svg{height:20px;margin:auto;width:20px}h1 .Saved{align-items:center;color:#60e460;display:flex;font-size:17px;justify-content:flex-end;width:64%}.showcustomers{background-color:#0003;display:flex;min-height:100%;min-width:100%;padding:20px;position:fixed;z-index:2}.showcustomers .showcustomerscont{bottom:0;height:50%;padding:10px;position:fixed;right:5%;width:500px}.mainmenu{align-items:center;bottom:0;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;position:fixed;right:1%}.mainmenu button{background-color:lime;border:none;border-radius:50px;box-shadow:1px 2px 5px #000;height:50px;margin-bottom:10px;width:50px}.mainmenu button svg{height:20px;width:20px}.bottom{display:flex;flex:1 1}.bottom .child3{background-color:green;flex:1 1;font-size:20px}.editButton{background-color:lime;border:1px #0f8;border-radius:50%;bottom:25px;font-size:50px;height:70px;position:fixed;right:25px;width:70px}.editButton img{height:55%;margin:20% auto auto;width:65%}.myprofile{display:flex;flex-direction:column;margin:auto;max-width:88%;min-height:fit-content}.myprofile .cardprofile{background:url(/static/media/bg1.0a1c45d21e0a51840de1.jpg);border-radius:10px;box-shadow:3px 5px 6px #aca8a8;display:flex;margin:auto;max-height:350px;max-width:100%;min-height:350px;min-width:100%}.myprofile .cardprofile .cardtop{align-content:center;align-items:center;background-color:#fff;border:5px solid #ededed;border-radius:60%;display:flex;justify-content:center;justify-items:center;margin:1.2% auto auto;max-height:210px;max-width:210px;min-height:210px;min-width:210px;overflow:hidden}.myprofile .cardprofile .cardtop img{flex:1 1;margin:auto;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.myprofile .forDescprofile{background-color:#ededed;border-radius:8px;box-shadow:3px 5px 20px -5px #0a09094d;display:flex;flex:1 1;flex-direction:column;height:20px;margin:-98px auto 30px;text-align:center;width:80%}.myprofile .forDescprofile .userName{flex:2 1}.myprofile .forDescprofile .userName h1{font-size:35px;font-weight:100;margin:auto;padding:15px 15px 0}.myprofile .forDescprofile .userPosition{align-items:center;display:flex;flex:1 1;justify-content:center}.myprofile .forDescprofile .userPosition h2{display:flex;font-size:20px;font-weight:200;height:100%;margin-bottom:0;padding-left:15px;padding-right:15px}.myprofile .forDescprofile .userPosition label{align-items:center;display:flex;height:100%;margin-bottom:0}.myprofile .forDescprofile .skills{display:flex;flex:1 1;font-size:16px;font-weight:100;justify-content:center;margin:auto auto 10px;max-width:80%;min-width:80%}.myprofile .forDescprofile .skills label{padding-left:7px;padding-right:7px}.myprofile .forDescprofile .userUserType{flex:1 1}.myprofile .forDescprofile .userUserType h2{font-size:22px;font-weight:200;margin:auto;padding-bottom:15px}.myprofile .forDescprofile .active{flex:1 1}.myprofile .forDescprofile .active h2{font-size:22px;font-weight:200;margin:auto;padding-bottom:15px}.myprofile .forDescprofile .bio{flex:5 1}.myprofile .forDescprofile .bio h3{font-size:20px;font-weight:100;margin:auto;padding-bottom:20px;width:80%}.myprofile .forDescprofile .homeAddress{background:#0009;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#fff;display:flex;flex:1 1}.myprofile .forDescprofile .homeAddress .mapIcon{flex:1 1}.myprofile .forDescprofile .homeAddress svg{height:20px;margin-bottom:-1%}.myprofile .forDescprofile .homeAddress .callIcon,.myprofile .forDescprofile .homeAddress .emailIcon{flex:1 1}.myprofile .forDescprofile .homeAddress svg{margin-top:5px}.myprofile .forDescprofile .homeAddress p{font-size:18px;font-weight:400}.popUpWindow section,.popUpWindows section{background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex-direction:column;height:min-content;max-width:98vw}.popUpWindow section .updateFormHeader,.popUpWindows section .updateFormHeader{align-items:center;border-bottom-left-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex:1 1;justify-content:flex-end}.popUpWindow section .updateFormHeader p,.popUpWindows section .updateFormHeader p{align-items:center;background-color:#333;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;display:flex;flex:1 1;height:100%;justify-content:flex-end;margin:0;padding:1%}.popUpWindow section .updateFormHeader .CloseCus,.popUpWindows section .updateFormHeader .CloseCus{background-color:#ededed;border:none;border-radius:50%;color:#00dd21;cursor:pointer;font-size:15px;font-weight:800;height:25px;margin-left:9px;transition:.3s;width:25px}.popUpWindow section .updateFormHeader .CloseCus:hover,.popUpWindows section .updateFormHeader .CloseCus:hover{color:red;transition:.3s}.popUpWindow section .updateFormContent,.popUpWindows section .updateFormContent{display:flex;flex:13 1;flex-direction:row;flex-wrap:wrap;margin-top:0;top:0}.popUpWindow section .updateFormContent .updateformContainer,.popUpWindows section .updateFormContent .updateformContainer{background-color:#fff;display:flex;flex:2 1;flex-direction:column;place-items:center;width:500px}.popUpWindow section .updateFormContent .updateformContainer input,.popUpWindows section .updateFormContent .updateformContainer input{background-color:#0000;border-style:none;border-bottom:thin solid #ededed;display:block;font-size:16px;height:40px;margin:0;padding:5px 0 0;text-align:center;transition:.3s;width:300px}.popUpWindow section .updateFormContent .updateformContainer input:focus,.popUpWindows section .updateFormContent .updateformContainer input:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.popUpWindow section .updateFormContent .updateformContainer button.CustomerCancel,.popUpWindows section .updateFormContent .updateformContainer button.CustomerCancel{background-color:#0000;background-color:#444;border-radius:25px;border-style:solid;border-width:0;color:#fff;height:50px;margin-bottom:5%;transition:.3s;width:200px}.popUpWindow section .updateFormContent .updateformContainer button.CustomerCancel:hover,.popUpWindows section .updateFormContent .updateformContainer button.CustomerCancel:hover{background-color:#dd0404;border-width:0;box-shadow:1px 2px 5px #000;font-size:15px;transition:.3s;width:210px}.popUpWindow section .updateFormContent .skillMatrix,.popUpWindows section .updateFormContent .skillMatrix{border-style:none;border-bottom:thin solid #ededed;display:flex;font-size:15px;position:relative;right:-150px;text-align:center}.popUpWindow section .updateFormContent .updateFormProfile,.popUpWindows section .updateFormContent .updateFormProfile{align-content:center;align-items:center;display:flex;flex:4 1;flex-direction:row;justify-items:center;text-align:center}.popUpWindow section .updateFormContent .updateFormProfile section,.popUpWindows section .updateFormContent .updateFormProfile section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:100%;margin-right:4%}.popUpWindow section .updateFormContent .updateFormProfile section textarea,.popUpWindows section .updateFormContent .updateFormProfile section textarea{border:thin solid #ededed;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px;font-size:15px;height:60%;max-height:75%;resize:none;transition:.3s;width:60%}.popUpWindow section .updateFormContent .updateFormProfile section .contactBio,.popUpWindows section .updateFormContent .updateFormProfile section .contactBio{border:1px solid #ccc;margin:auto;max-height:200px;max-width:80%}.popUpWindow section .updateFormContent .updateFormProfile section .skillContainer,.popUpWindows section .updateFormContent .updateFormProfile section .skillContainer{display:flex;flex:1 1;max-width:450px;min-width:450px}.popUpWindow section .updateFormContent .updateFormProfile .sectionUpdateContact,.popUpWindows section .updateFormContent .updateFormProfile .sectionUpdateContact{display:flex;flex:1 1;flex-direction:column;height:100%;margin:auto}.popUpWindow section .updateFormContent .updateFormProfile .sectionUpdateContact textarea,.popUpWindows section .updateFormContent .updateFormProfile .sectionUpdateContact textarea{border:thin solid #ededed;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px;font-size:15px;height:50%;margin-top:1%;max-height:50%;max-width:90%;resize:none;transition:.3s;width:100%}.popUpWindow section .updateFormContent .updateFormProfile .rightside,.popUpWindows section .updateFormContent .updateFormProfile .rightside{border-left:1px solid #ccc;display:flex;flex:1 1;flex-direction:column;max-height:100%;padding-left:20px;padding-right:20px}.popUpWindow section .updateFormContent .updateFormProfile .rightside input,.popUpWindows section .updateFormContent .updateFormProfile .rightside input{background-color:#0000;border-style:none;border-bottom:thin solid #ededed;display:block;font-size:16px;margin:0 auto auto;min-height:40px;padding:5px 0 0;position:relative;text-align:center;transition:.3s;width:300px}.popUpWindow section .updateFormContent .updateFormProfile .rightside input:focus,.popUpWindows section .updateFormContent .updateFormProfile .rightside input:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.popUpWindow section .updateFormContent .updateFormProfile .rightside textarea,.popUpWindows section .updateFormContent .updateFormProfile .rightside textarea{border:thin solid #ededed;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px;font-size:15px;min-height:150px;resize:none;text-align:center;transition:.3s}.popUpWindow section .updateFormContent .updateFormProfile .rightside .UploadImage,.popUpWindows section .updateFormContent .updateFormProfile .rightside .UploadImage{align-items:center;display:flex;flex:1 1;margin:auto;max-height:250px;max-width:250px;min-height:250px;min-width:250px;padding:0}.popUpWindow section .updateFormContent .updateFormProfile .rightside .UploadImage .logo,.popUpWindows section .updateFormContent .updateFormProfile .rightside .UploadImage .logo{display:flex;max-height:250px;max-width:250px;min-height:250px;min-width:250px}.popUpWindow section .updateFormContent .updateFormProfile .rightside .UploadImage .logo img,.popUpWindows section .updateFormContent .updateFormProfile .rightside .UploadImage .logo img{border:3px solid #fff;border-radius:50%;max-height:150px;max-width:150px;min-height:150px;min-width:150px}.popUpWindow section .updateFormContent .updateFormProfile .rightside .UploadImage .logo .remove img,.popUpWindows section .updateFormContent .updateFormProfile .rightside .UploadImage .logo .remove img{border-radius:0;cursor:pointer;max-height:35px;max-width:35px;min-height:35px;min-width:35px}.popUpWindow section .SubmitContainer,.popUpWindows section .SubmitContainer{border-bottom-left-radius:10px;display:flex;flex:1 1;justify-content:left}.popUpWindow section .SubmitContainer button.CustomerSubmit,.popUpWindows section .SubmitContainer button.CustomerSubmit{background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;height:50px;margin-bottom:2%;margin-left:116px;margin-top:2%;transition:.3s;width:200px}.popUpWindow section .SubmitContainer button.CustomerSubmit:hover,.popUpWindows section .SubmitContainer button.CustomerSubmit:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:15px;transition:.3s;width:210px}.skillcardContainer{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:100%}.skillcardContainer .btnAddSkill{background-color:#0000001a;border:none;cursor:pointer;font-size:20px;height:50px;margin:auto;transition:.3s;width:80%}.skillcardContainer .btnAddSkill svg{font-size:30px;font-weight:100}.skillcardContainer .btnAddSkill:hover{transition:.3s}.skillcardContainer .showaddform{align-content:center;background-color:#0009;display:flex;height:100%;left:0;position:fixed;top:0;width:100vw;z-index:5}.skillcardContainer .showaddform .addskill{align-content:center;align-items:center;background-color:#eee;border-bottom:1px solid #eee;border-radius:5px;border-top:1px solid #eee;display:flex;flex-direction:column;margin:auto;max-width:50%;min-height:35%;min-width:30%}.skillcardContainer .showaddform .addskill .closeSkills{align-self:flex-end;background-color:#0000;border:none}.skillcardContainer .showaddform .addskill .closeSkills:hover{color:red;font-size:15px}.skillcardContainer .showaddform .addskill .skillname{border-style:none;border-bottom:1px solid;margin:5% auto auto;text-indent:14px}.skillcardContainer .showaddform .addskill .skillname,.skillcardContainer .showaddform .addskill .skillyears{background-color:#0000;display:block;flex:1 1;font-size:16px;max-height:20px;padding:20px;text-align:center;transition:.3s;width:100px}.skillcardContainer .showaddform .addskill .skillyears{border-style:none none solid}.skillcardContainer .showaddform .addskill .skillrating{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:2%;min-width:50px}.skillcardContainer .showaddform .addskill .skillrating label{padding:5%}.skillcardContainer .showaddform .addskill .skillbutton{background-color:lime;border:none;border-radius:50px;cursor:pointer;height:50px;margin-bottom:10px;transition:.3s;width:150px}.skillcardContainer .showaddform .addskill .skillbutton:hover{height:55px;transition:.3s;width:155px}.skillcardContainer .skillarray{align-content:flex-start;align-items:flex-start;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;margin-top:3%;max-height:270px;max-width:100%;min-width:100%;overflow-x:hidden;overflow-y:auto}.skillcardContainer .skillarray .skilllist{align-content:center;align-items:center;border-radius:15px;color:#333;cursor:pointer;display:flex;flex-direction:row;margin:1%;max-height:45px;max-width:95%;min-height:45px;min-width:95%}.skillcardContainer .skillarray .skilllist .skillsName{flex:3 1;text-align:start;text-indent:10px}.skillcardContainer .skillarray .skilllist .skillRating,.skillcardContainer .skillarray .skilllist .skillYears{border-left:1px solid #aaa;flex:1 1}.skillcardContainer .skillarray .skilllist .removeskill{background-color:#ededed;border:none;border-radius:50%;color:#2e332f;cursor:pointer;font-size:15px;font-weight:800;height:25px;margin-left:9px;transition:.3s;width:25px}.skillcardContainer .skillarray .skilllist .removeskill:hover{color:red;font-size:17px;height:30px;transition:.3s;width:30px}.statscards{height:100%;margin:auto;width:88%}.statscards .statsContainer{align-items:center;cursor:default;display:flex;margin:10px 10px 3%;transition:.5s}.statscards .statsContainer:hover{background-color:#a0a0a033;box-shadow:0 8px 20px -20px #333;cursor:pointer;transform:translateY(-3%);transition:.2s;transition-delay:.1s}.statscards .statsContainer .imagecomp{display:flex;flex:1 1;justify-content:center}.statscards .statsContainer .imagecomp img{border-radius:50%;cursor:pointer;height:35px;margin:auto;width:35px}.statscards .statsContainer .imagecomp .MuiAvatar-colorDefault p{font-weight:700}.statscards .statsContainer .statscomp{color:#555;display:flex;flex:9 1;flex-direction:column}.statscards .statsContainer .statscomp .name{color:#000;display:flex;flex:1 1;font-weight:500;padding-bottom:5px}.statscards .statsContainer .statscomp .name label{cursor:pointer;flex:4 1}.statscards .statsContainer .statscomp .name .filterperiod{color:#333;flex:6 1;font-weight:350;padding-left:1%;text-align:right}.statscards .statsContainer .statscomp .name p{flex:1.5 1;font-weight:450;margin:0;padding:0;text-align:center}.statscards .statsContainer .statscomp .name .progress{display:flex;flex:2.3 1;font-weight:100}.statscards .statsContainer .statscomp .name .progress label{text-align:right}.statscards .statsContainer .statscomp .name .progress .dot{border-radius:50%;height:12px;margin:auto auto auto 10px;width:12px}.statscards .statsContainer .statscomp .statistics{display:flex;flex:9 1;flex-direction:column}.statscards .statsContainer .statscomp .statistics .statContainer{display:flex;flex:1 1;flex-direction:row}.statscards .statsContainer .statscomp .statistics .statContainer .cont{display:flex;flex:1 1;flex-direction:column}.statscards .statsContainer .statscomp .statistics .statContainer .cont label{display:flex;flex-direction:row;font-size:12px;padding-bottom:2%}.statscards .statsContainer .statscomp .statistics .statContainer .cont label p{margin:0 5% 0 0;padding:0}.statscards .statsContainer .statscomp .statistics .statContainer .cont .stathead{color:#333;font-size:15px;padding-bottom:0}.AddCustomerForm{align-items:center;background-color:#2a2a2acc;height:100%;justify-content:space-around;overflow-y:hidden;position:fixed;top:0;transition:.3s;width:100%;z-index:10}.AddCustomerForm,.AddCustomerForm section{border-top-left-radius:5px;border-top-right-radius:5px;display:flex}.AddCustomerForm section{background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;flex-direction:column;height:min-content}.AddCustomerForm section .FormHeader,.AddCustomerForm section .FormHeader p{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex:1 1;justify-content:flex-end}.AddCustomerForm section .FormHeader p{background-color:#333;color:#fff;height:100%;margin:0;padding:1%}.AddCustomerForm section .FormHeader .CloseCus{background-color:#ededed;border:none;border-radius:50%;color:#00dd21;cursor:pointer;font-size:15px;font-weight:800;height:25px;margin-left:9px;transition:.3s;width:25px}.AddCustomerForm section .FormHeader .CloseCus:hover{color:red;transition:.3s}.AddCustomerForm section .FormContent{display:flex;flex:13 1;flex-direction:row;margin-top:0;top:0}.AddCustomerForm section .FormContent form{background-color:#fff;display:flex;flex:2 1;flex-direction:column;place-items:center;width:500px}.AddCustomerForm section .FormContent form input{background-color:#0000;border-style:none;border-bottom:thin solid #ededed;display:block;font-size:16px;height:40px;margin:0;padding:5px 0 0;text-align:center;transition:.3s;width:300px}.AddCustomerForm section .FormContent form input:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.AddCustomerForm section .FormContent form .userTypeOptions{display:flex;flex-wrap:wrap;justify-content:space-evenly}.AddCustomerForm section .FormContent form .userTypeOptions .b1{--color:#000;--hover:#000}.AddCustomerForm section .FormContent form .userTypeOptions button{color:var(--color);cursor:pointer;transition:1.5s}.AddCustomerForm section .FormContent form .userTypeOptions button:focus,.AddCustomerForm section .FormContent form .userTypeOptions button:hover{border-color:var(--hover);color:#fff}.AddCustomerForm section .FormContent form .userTypeOptions .b1{background-color:#eee;border-style:none;color:#000;flex:1 1;font-size:16px;height:40px;margin-left:2%;margin-top:2px;transition:.5s;width:150px}.AddCustomerForm section .FormContent form .userTypeOptions .b1:focus,.AddCustomerForm section .FormContent form .userTypeOptions .b1:hover{box-shadow:inset 0 0 0 4em var(--hover)}.AddCustomerForm section .FormContent form button.CustomerCancel{background-color:#0000;background-color:#444;border-radius:25px;border-style:solid;border-width:0;color:#fff;cursor:pointer;height:50px;margin-bottom:5%;transition:.3s;width:200px}.AddCustomerForm section .FormContent form button.CustomerCancel:hover{background-color:#dd0404;border-width:0;box-shadow:1px 2px 5px #000;font-size:15px;transition:.3s;width:210px}.AddCustomerForm section .FormContent .AddFormProfile{align-content:center;align-items:center;display:flex;flex:2 1;flex-direction:column;justify-items:center;min-width:1%;text-align:center}.AddCustomerForm section .FormContent .AddFormProfile section{display:flex;flex:1 1;flex-direction:column;margin:0;max-height:130px;min-width:100%;place-items:center}.AddCustomerForm section .FormContent .AddFormProfile section input{background-color:#0000;border-style:none;border-bottom:thin solid #ededed;display:block;font-size:16px;height:55px;margin:0;padding:5px 0 0;text-align:center;transition:.3s;width:300px}.AddCustomerForm section .FormContent .AddFormProfile section input:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.AddCustomerForm section .FormContent .AddFormProfile section textarea{background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;height:150px;padding:12px 20px;resize:none;width:85%}.AddCustomerForm section .FormContent .AddFormProfile .UploadImage{display:flex;flex:1 1;margin:0;max-height:250px;max-width:250px;min-height:250px;min-width:250px;padding:0}.AddCustomerForm section .FormContent .AddFormProfile .UploadImage .logo{display:flex;flex:1 1}.AddCustomerForm section .FormContent .AddFormProfile .UploadImage .logo img{border-radius:50%;height:100%;width:100%}.AddCustomerForm section .FormContent .AddFormProfile .UploadImage .logo .remove{display:flex;flex:1 1;position:absolute}.AddCustomerForm section .FormContent .AddFormProfile .UploadImage .logo .remove img{border-radius:0;cursor:pointer;height:35px;width:35px}.AddCustomerForm section .SubmitContainer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;flex:1 1;justify-content:space-around}.AddCustomerForm section .SubmitContainer button.CustomerSubmit{background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;height:50px;margin-bottom:2%;margin-top:2%;transition:.3s;width:200px}.AddCustomerForm section .SubmitContainer button.CustomerSubmit:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:15px;transition:.3s;width:210px}.headings{flex:1 1;margin-left:6%}.lines{flex:1 1;width:88%}.columnContainer{background-color:#0000;height:auto;margin:auto;overflow-y:auto;overflow:hidden;width:83%}.columnContainer .cardsCompany{display:flex;flex:1 1;flex-wrap:wrap;justify-content:center;min-height:100%;min-width:100%}.columnContainer .cardsCompany .aaa{display:flex;flex:1 1;height:300px;width:200px}.columnContainer .cardsCompany .aaa .companyCard{display:flex;flex:1 1;margin:0;padding:0}.columnContainer .cardsCompany .aaa .companyCard .companyMiniCard{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:70%;min-width:100%}.columnContainer .cardsCompany .aaa .companyCard .companyMiniCard .companyImage{align-content:center;align-items:center;background-color:#eee;border:none;display:flex;flex:3 1;height:100%;justify-content:center;justify-items:center;width:100%}.columnContainer .cardsCompany .aaa .companyCard .companyMiniCard .companyImage .theImage{background-color:#fff;display:flex;flex:1 1;max-height:55%;max-width:60%;min-height:55%;min-width:60%}.columnContainer .cardsCompany .aaa .companyCard .companyMiniCard .companyImage .theImage img{border:none;flex:1 1}.columnContainer .cardsCompany .aaa .companyCard .companyMiniCard .customernames{align-content:center;align-items:center;background-color:#000c;color:#fff;display:flex;flex:1 1;justify-content:center;justify-items:center;text-align:center}.columnContainer .clickedcompanycard{background-color:#0000;box-shadow:0 10px 55px -13px #333;color:#000;margin-top:10px;max-width:100%;min-width:82vw;opacity:1;overflow:hidden;transform:translateY(-3%);transition:.3s;transition:.2s}.columnContainer .clickedcompanycard .QuickEdit{display:flex}.columnContainer .clickedcompanycard .quickeditmenu{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;position:fixed;right:1%;width:5%}.columnContainer .clickedcompanycard .quickeditmenu button{background-color:#0000;border-radius:50%;height:50px;width:50px}.columnContainer .clickedcompanycard .quickeditmenu button svg{color:#0f2;height:67%;margin:auto;width:67%}.columnContainer .companyCardContainer{background-color:#0000;margin-top:10px;max-width:100%;min-width:82vw;overflow:hidden;transition:.3s}.columnContainer .companyCardContainer:hover{color:#000;opacity:1;transform:translateY(-3%);transition:.2s;z-index:5}.columnContainer .companyCardContainer:hover .QuickEdit{display:flex}.columnContainer .companyCardContainer .QuickEdit{background-color:#0000;cursor:pointer;display:none;height:30px;justify-self:flex-end;position:absolute;right:1%;transition:1;z-index:4}.columnContainer .companyCardContainer .QuickEdit svg{height:20px;margin:auto;padding:5px;width:20px}.columnContainer .companyImage{height:220px;width:20px}.pageContainer{overflow-y:visible;width:100%}.companyCard{align-content:center;background:#ffffff80;border:thin solid #dfdfdf;display:flex;flex-direction:row;margin-bottom:5px;min-height:200px;min-width:100%;transition:.3s}.companyCard .isActive{flex:1 1;max-height:100%;max-width:1%}.companyCard .companyMiniCard{display:flex;flex:4 1;margin:auto;max-height:85%;max-width:95%;min-height:85%}.companyCard .companyMiniCard .companyImage{align-self:center;background-color:#ededed;display:flex;flex:1 1;object-fit:fit}.companyCard .companyMiniCard .companyImage img{flex:1 1;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.companyCard .companyMiniCard .leftside{border-right:2px solid #ededed;display:flex;flex:3 1;flex-direction:column;margin:1%;min-width:45%}.companyCard .companyMiniCard .leftside input{background-color:#0000;border-style:none;border-bottom:thin solid #ededed;display:block;font-size:16px;height:40px;margin:0 0 20px;padding:5px 0 0;text-align:left;transition:.3s}.companyCard .companyMiniCard .leftside input:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.companyCard .companyMiniCard .leftside textarea{border:1px solid #0000001a;resize:none}.companyCard .companyMiniCard .leftside .companyName{color:#000;flex:3 1;font-size:25px;font-weight:thin}.companyCard .companyMiniCard .leftside .companyArea{flex:1 1;font-size:19px;font-weight:100;max-height:26px}.companyCard .companyMiniCard .leftside .companyDesc{flex:5 1;font-size:14px;line-height:18px;max-height:100%;overflow:hidden;position:relative;z-index:0}.companyCard .companyMiniCard .rightside{display:flex;flex:1 1;flex-direction:column;flex-wrap:wrap}.companyCard .companyMiniCard .rightside .companyAddr{flex:1 1}.companyCard .companyMiniCard .rightside .companyAddr p{font-size:16px;margin-bottom:1.5%;max-width:100%}.companyCard .companyMiniCard .rightside .companyAddr input{background-color:#0000;border-style:none;border-bottom:thin solid #ededed;display:block;font-size:16px;height:20px;margin:0 0 20px;padding:5px 0 0;text-align:left;transition:.3s}.companyCard .companyMiniCard .rightside .companyAddr input:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.edit{background-color:red;cursor:pointer;float:right;height:45px;margin-top:-25px;width:45px}.assistantContainer{align-items:center;display:flex;flex:1 1;flex-direction:column;height:auto;margin:0 auto;top:0;width:60%}.assistantContainer #header{font-weight:100;margin:10px}.assistantContainer #line{margin:auto;width:97%}.assistantContainer .topper{background:#0a0909bf;display:flex;flex:1 1;flex-direction:column;transition:.3s;width:100%}.assistantContainer .topper:hover{box-shadow:0 5px 15px 10px #222;transition:.3s}.assistantContainer .top{display:flex;max-height:300px;min-height:350px;transition:.3s}.assistantContainer .top .details{flex:1 1}.assistantContainer .top .details .divDetails{height:90%;margin:auto;width:90%}.assistantContainer .top .details .divDetails h1{border-bottom:1px solid #777;font-weight:1;padding-bottom:1%}.assistantContainer .top .details .divDetails h2{font-size:18px;font-weight:1;margin:0}.assistantContainer .top .curruser{display:flex;flex:1 1;max-height:80%;width:60%}.assistantContainer .top .curruser img{flex:1 1;margin:auto;max-height:200px;max-width:70%;min-height:90%;min-width:60%;transition:.3s}.assistantContainer .middleA{background:#0a0909bf;display:flex;flex:1 1;flex-direction:column;margin:2% 0;min-height:300px;transition:.3s;width:100%}.assistantContainer .middleA:hover{box-shadow:0 5px 15px 10px #222;transition:.3s}.assistantContainer .middleA .customerdud{align-items:center;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;min-height:100%;transition:.3s;width:100%}.assistantContainer .middleA .customerdud img{margin:1%}.assistantContainer .bottom{background:#0a0909bf;display:flex;flex:1 1;flex-direction:column;transition:.3s;width:100%}.assistantContainer .bottom:hover{box-shadow:0 5px 15px 3px #111;transition:.3s}.assistantContainer .bottom .userdud{display:flex;flex:1 1;flex-direction:row;justify-content:center;margin:0 auto;max-height:245px;min-width:100%;transition:.3s}.assistantContainer .bottom .userdud .cardContainer{height:200px;margin:0;width:180px}.assistantContainer .bottom .userdud .card{margin-bottom:0;max-height:230px}.assistantContainer .bottom .userdud .card:hover{background:inherit;box-shadow:none;opacity:1;transform:translateY(0);transition:.3s;transition-delay:.1s}.assistantContainer .bottom .userdud .card:hover .cardImage img{border-radius:0;height:83%;opacity:1;transition:.3s;width:83%}.assistantContainer .bottom .userdud .card .cardImage img{border-radius:100%}.assistantContainer .bottom .userdud .card.hover:after,.assistantContainer .bottom .userdud .card:hover:after{opacity:1;transform:rotateX(0)}.formHolder{display:flex;flex:1 1;width:100%}.formHolder .viewProfileContainer{display:flex;flex:1 1;flex-direction:row;height:50%;margin:5% auto auto;max-width:80%}.formHolder .viewProfileContainer .forProfilePicture{background:#fff;background-color:#0000;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:45%;order:2}.formHolder .viewProfileContainer .forProfilePicture img{background-color:#000;flex:2 1;max-height:70%;max-width:100%;object-fit:contain;order:1}.formHolder .viewProfileContainer .forProfilePicture .userDescription{background-color:hsla(0,0%,100%,.548);flex:1 1;min-height:250px;order:2}.formHolder .viewProfileContainer .forProfilePicture .userDescription .userDescContainter{margin:auto}.formHolder .viewProfileContainer form{background-color:#e6e6e6e6;flex:3 1;max-height:650px;order:1;width:50%}.formHolder .viewProfileContainer form header{border-style:none;border-width:0;border-bottom:thin solid gray;display:flex;margin:auto;width:90%}.formHolder .viewProfileContainer form header #BackfromProfile{background-color:#000;border-style:none;color:#fff;flex:1 1;font-size:30px;height:40px;margin:2% 2% 2% 0;width:40px}.formHolder .viewProfileContainer form header h2{flex:5 1;margin:auto;text-align:right}.formHolder .viewProfileContainer form .profileNav{display:flex;margin:auto;width:80%}.formHolder .viewProfileContainer form .profileNav .buttonContainer{display:flex;flex-wrap:wrap;justify-content:space-evenly}.formHolder .viewProfileContainer form .profileNav .buttonContainer .b1{--color:#000;--hover:#000}.formHolder .viewProfileContainer form .profileNav .buttonContainer button{color:var(--color);transition:1.5s}.formHolder .viewProfileContainer form .profileNav .buttonContainer button:focus,.formHolder .viewProfileContainer form .profileNav .buttonContainer button:hover{border-color:var(--hover);color:#fff}.formHolder .viewProfileContainer form .profileNav .buttonContainer .b1{background-color:#aaa;border-style:none;color:#000;flex:1 1;font-size:16px;height:80px;margin-left:2%;margin-top:2px;transition:.3s;width:300px}.formHolder .viewProfileContainer form .profileNav .buttonContainer .b1:focus,.formHolder .viewProfileContainer form .profileNav .buttonContainer .b1:hover{box-shadow:inset 0 0 0 4em var(--hover)}.hints{display:flex;height:100vh;justify-content:center}.blocker{background:#1119;display:block;display:inline-block;float:left;height:100%;text-align:center;width:100%}.LandingnavContainer{display:flex;flex:1 1;margin:0}.LandingnavContainer #bird{height:50px;margin-left:30px;margin-top:10px}.LandingnavContainer #nameBrand{flex:flex-start 1;height:35px;margin-left:10px;margin-top:15px}.LandingnavBar{background-image:linear-gradient(180deg,#0a0a0acc,#38383800);display:flex;height:200px;margin:0;position:absolute;width:100%;z-index:5}.LandingnavBar .Sign{display:flex;flex:1 1;justify-content:flex-end}.LandingnavBar .Sign ul{align-content:center;align-items:center;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;justify-items:center;list-style:none;list-style-type:none;margin:30px;text-align:center;text-decoration:none}.LandingnavBar .Sign ul li{color:#fff;flex:1 1;margin:0;padding-right:30px}.loginContainer{background:#0003;display:flex;height:100%;justify-content:flex-end;position:fixed;width:100%;z-index:20}.loginContainer .backToLogin{align-self:start;background-color:#fff;border:none;border-radius:5px;display:flex;height:3vh;width:45px}.loginContainer .backToLogin svg{height:2vh;margin:auto;width:25px}.loginContainer .backToLogin :hover{color:lime}.loginContainer #loginForm{align-content:center;align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:300px;justify-content:center;justify-items:center;left:25%;margin:auto;top:25%;width:400px}.loginContainer #loginForm h4{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0;text-align:center}.loginContainer #loginForm .passwordLogin{align-items:center;display:flex;flex:1 1;margin-left:50px;width:80%}.loginContainer #loginForm .passwordLogin input[type=password],.loginContainer #loginForm .passwordLogin input[type=text]{border:1px solid #eee;border-radius:10px;flex:8 1;margin:0;max-height:40px;min-height:40px;padding:0;text-align:center;transition:.3s}.loginContainer #loginForm .passwordLogin input[type=password]:focus,.loginContainer #loginForm .passwordLogin input[type=text]:focus{border-bottom:thin solid #00ff21;box-shadow:0 5px 5px -3px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.loginContainer #loginForm .passwordLogin button{background:#0000;border:none;flex:1 1}.loginContainer #loginForm .passwordLogin button .eye{cursor:pointer;height:55%;width:55%}.loginContainer #loginForm .passwordLogin button .eye:hover{color:#3ebd35}.loginContainer #loginForm #onSubmitButton{background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;flex:1 1;margin-bottom:25px;margin-top:25px;max-height:40px;min-height:40px;transition:.3s;width:200px}.loginContainer .ref{background-color:inherit;border:none;cursor:pointer;font-size:15px}.loginContainer .ref:hover{color:#3ebd35}.slider{box-shadow:0 0 20px 5px gray;height:100vh;overflow:hidden;width:100vw}.slider figure{animation:webzone 10s linear infinite;display:flex;flex-direction:row;margin:0;position:relative;width:400%}.slider figure img{height:100vh;width:100vw}.backImage{background-position:50%;background-repeat:no-repeat;background-size:cover}.backImage div{background-image:linear-gradient(180deg,#0a0a0acc,#38383800)}.calContainer{background:#0000004d;display:flex;height:100%;justify-content:flex-end;position:fixed;top:0;width:100%;z-index:20}.calContainer .calendar{border:1px solid #ccc;border-radius:10px;height:350px;margin-right:1%;margin-top:5%;width:35%}.calContainer .cal{align-items:flex-end;display:flex;flex-direction:column;height:100%;right:0;width:100%}.calContainer .cal .closeCal{background-color:#fff;border:0;border-radius:50%;color:red;font-size:15px;font-weight:500;height:30px;margin-right:1%;min-width:30px;transition:.3s}.calContainer .cal .closeCal:hover{box-shadow:-2px 5px 10px -3px #000;transition:.3s}.report{display:flex;flex:1 1;margin:.5% auto auto;max-height:100vh;min-height:88%;width:90%}.report .userDets{background-color:#0a0909bf;justify-content:center}.report .userDets,.report .userDets .imagery{align-items:center;display:flex;flex:1 1;flex-direction:column}.report .userDets .imagery{border-bottom:1px solid #777;margin:auto;min-height:50%;min-height:200px;width:90%}.report .userDets .imagery img{margin:auto;max-height:90%;max-width:80%;min-height:90%;object-fit:contain}.report .userDets .lists{border:none;color:#fff;display:flex;flex:1 1;flex-direction:column;text-indent:20px;width:100%}.report .userDets .lists h3{padding:0}.report .userDets .lists ul{background:#777;border-radius:20px;list-style:none;margin:auto;padding:0;text-indent:10px;width:90%}.report .userDets .lists ul li{background:#0a0909bf;border:1px solid #777;border-top:none;font-size:17px;padding:8px;transition:.3s}.report .userDets .lists ul li:hover{border-color:#777;transform:translateY(-5%);transition:.3s;transition-delay:.1s}.report .userDets .lists ul :first-child{border:1px solid #777;border-top-left-radius:20px;border-top-right-radius:20px}.report .userDets .lists ul li:last-child{border:1px solid #777;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top:none}.report .userDets .lists .Incomplete{flex:1 1;flex-direction:column}.report .userDets .lists .Incomplete .IncompleteHeader{padding:0}.report .userDets .lists .Incomplete .IncompleteList{flex:5 1}.report .userDets .lists .Complete{display:flex;flex:1 1;flex-direction:column}.report .userDets .lists .Complete .CompleteHeader{flex:1 1}.report .userDets .lists .Complete .CompleteList{flex:5 1}.report .rhs{display:flex;flex:2 1;flex-direction:column;overflow-y:auto}.report .rhs #heading{background:#0a0909bf;color:#fff;margin:0;padding:0;text-indent:0}.report .rhs .dataCharts{display:flex;flex:4 1;flex-wrap:wrap;margin-left:1%;min-height:60%}.report .rhs .dataCharts .donutChart{flex:1 1;min-height:100%}.report .rhs .reportCard{background-color:teal;display:flex;flex:1 1;flex-direction:column;min-height:100%}.report .rhs .reportCard .timeSummary{background-color:pink;display:flex;flex:1 1;flex-direction:column}.report .rhs .reportCard .timeSummary .gridhead{background-color:blue;display:flex;flex:1 1;max-height:70px}.report .rhs .reportCard .timeSummary .gridhead .date{border:1px solid #000;flex:1 1}.report .rhs .reportCard .timeSummary .gridhead .time{border:1px solid #000;display:flex;flex:2 1;flex-direction:column}.report .rhs .reportCard .timeSummary .gridhead .time .times{display:flex;flex:1 1}.report .rhs .reportCard .timeSummary .gridhead .time .times .startTime{border-right:1px solid #000;flex:1 1}.report .rhs .reportCard .timeSummary .gridhead .time .times .endTime{flex:1 1}.report .rhs .reportCard .timeSummary .gridhead .customer,.report .rhs .reportCard .timeSummary .gridhead .service{border:1px solid #000;flex:2 1}.report .rhs .reportCard .timeSummary .gridhead .description{border:1px solid #000;flex:4 1}.report .rhs .reportCard .datafill{background-color:red;display:flex;flex:5 1}.report .rhs .reportCard .datafill .data{flex:1 1}.click{background:#000;height:100px;widows:100px}.assistantManagerContainer{background-color:#0000;display:flex;flex:1 1;margin-left:5%;margin-top:.5%;max-height:100vh;min-height:85vh;width:90%}.assistantManagerContainer .customers{align-items:center;background-color:#0a0909bf;border:none;display:flex;flex:1 1;flex-direction:column;justify-content:center}.assistantManagerContainer .customers .customer{align-content:center;background:none;border:none;border-bottom:1px solid #777;color:inherit;cursor:pointer;display:flex;flex:1 1;font:inherit;margin-top:2%;outline:inherit;padding:0;width:90%}.assistantManagerContainer .customers .customer h1{color:#fff;font-size:20px;font-weight:100;margin:auto}.assistantManagerContainer .stats{align-content:center;display:flex;flex:3 1;flex-direction:column;max-height:90vh;overflow-y:auto}.assistantManagerContainer .stats::-webkit-scrollbar{height:0;width:0}.assistantManagerContainer .stats h1{font-size:30px;font-weight:100;height:50px;margin-left:4%;width:90%}.assistantManagerContainer .stats .dataCharts{border-bottom:1px solid #000;display:flex;flex:1 1;flex-wrap:wrap;margin-left:1%;min-height:75%}.assistantManagerContainer .stats .dataCharts .donutChart{min-height:98%;min-width:80%}.assistantManagerContainer .stats .report{display:flex;flex:1 1;flex-direction:column}.assistantManagerContainer .stats .report .options{display:flex;flex:1 1;justify-content:space-between}.assistantManagerContainer .stats .report .options *{background:#eee;border:none;border-radius:8px;box-shadow:1px 2px 4px #777;text-align-last:center;width:150px}.assistantManagerContainer .stats .report .generated-reports{flex:15 1}.morebuttons{bottom:25px;display:flex;flex-direction:column;justify-content:space-around;position:fixed;right:25px}.morebuttons .custom svg{margin-bottom:20%;margin-left:-10%;max-height:5px;max-width:5px}.morebuttons button{background-color:lime;border:1px #0f5;border-radius:50%;box-shadow:1px 2px 5px #000;cursor:pointer;height:50px;margin-top:10px;width:50px}.morebuttons button label{font-size:18px}.morebuttons button svg{flex:1 1;margin:auto;max-height:20px;max-width:20px;min-height:20px;min-width:20px;padding:0}.cloneButton{background-color:lime;border:none;border-radius:5px;cursor:pointer}.cloneButton svg{height:15px;width:15px}.MultiSelect{background:#0000;min-height:100%;min-width:100%;position:fixed;top:0;z-index:100}.MultiSelect section{background-color:#0000;max-height:0;max-width:0}.MultiSelect section .multisel{bottom:40px;position:fixed;right:90px}#Serviceheading{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:20px;font-size:25px;font-weight:400;margin:auto;min-height:23px;width:83%}#Serviceheading .ServiceHeading{flex:1 1}#Serviceheading .ServiceHeading button{background-color:#0000;border:none;cursor:pointer}#Serviceheading .ServiceHeading button svg{height:20px;margin:auto;width:20px}#Serviceheading .SearchHeading{display:flex;flex:1 1;justify-content:flex-end;padding-right:5%}#Serviceheading .SearchHeading input{border:none;font-size:16px;margin-top:5px;width:200px}#Serviceheading .SearchHeading .searchIcon{max-height:25px}#Serviceheading .SearchHeading .searchIcon svg{height:80%;margin-bottom:5px;padding:0}.editServiceForm{align-content:center;background:#0003;display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:50}.editServiceForm form{background-color:#ffffffe6;border-radius:8px;display:flex;flex-direction:column;margin:auto;min-height:280px;width:50%}.editServiceForm form .editServiceFormSubmit{display:flex;flex:2 1;justify-content:space-around}.editServiceForm form .editServiceFormSubmit button{background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;height:50px;margin-bottom:2%;margin-top:2%;transition:.3s;width:200px}.editServiceForm form .editServiceFormSubmit button:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:15px;transition:.3s;width:210px}.editServiceForm form .editServiceFormHeader{align-items:center;background:#1e1e1e;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex:2 1;justify-content:flex-end;justify-items:center;min-height:35px}.editServiceForm form .editServiceFormHeader h3{color:#fff;font-size:18px;font-weight:100;margin:0 5px 0 0;padding:0}.editServiceForm form .editServiceFormHeader button{background-color:#ededed;border:none;border-radius:50%;color:#00dd21;cursor:pointer;font-size:15px;font-weight:800;height:25px;margin-right:8px;transition:.3s;width:25px}.editServiceForm form .editServiceFormHeader button:hover{color:red;transition:.3s}.editServiceForm form .editServiceFormContent{align-items:center;display:flex;flex:4 1;flex-direction:column}.editServiceForm form .editServiceFormContent input{background-color:#0000;border-style:none;border-bottom:thin solid #ededed;display:block;font-size:16px;height:40px;margin:0 0 20px;padding:5px 0 0;text-align:center;transition:.3s;width:300px}.editServiceForm form .editServiceFormContent input:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.editServiceForm form .editServiceFormContent textarea{max-width:70%;min-height:60px;min-width:70%}.editServiceForm form .editServiceFormContent textarea:focus{border-bottom:thin solid #00ff21;box-shadow:0 6px 10px -8px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.editServiceForm form .editServiceFormContent .MultiSelActviities{margin-top:2%;min-width:98%}.ServiceListContainer{display:flex;flex-direction:column;height:auto;margin:auto;width:83%}.ServiceListContainer .selecteddescription{background:#c8c8c81a;border-radius:10px;display:flex;justify-content:center;margin:auto;padding:20px;text-align:center}.ServiceListContainer h1{font-size:20px;font-weight:200;margin:20px auto auto;text-align:center}.ServiceListContainer .ServiceItem{background-color:#ffffff80;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;font-weight:100;height:70px;margin:10px 0;min-width:80vw;text-indent:20px;transition:.3s}.ServiceListContainer .ServiceItem:hover{background-color:#a0a0a00d;border:0;box-shadow:0 8px 20px -20px #333;transform:translateY(-3%);transition:.1s;transition-delay:.1s}.ServiceListContainer .ServiceItem .SName{align-items:center;border-right:thin solid #ddd;display:flex;flex:3 1}.ServiceListContainer .ServiceItem .SDescription{align-items:center;display:flex;flex:4 1;overflow:hidden;text-align:center}.ServiceListContainer .ServiceItem .CloneButton{background-color:#0000;border:none;cursor:pointer;flex:.5 1;transition:.3s}.ServiceListContainer .ServiceItem .CloneButton:hover{transition:.2s}.ServiceListContainer .ServiceItem .CloneButton:hover svg{height:16px;transition:.2s;width:16px}.ReportsContainer{display:flex;flex-direction:column;margin:10px auto auto;max-width:83%}.ReportsContainer .DateOptions{display:flex;flex:4 1;justify-content:space-around}.ReportsContainer .DateOptions .StartDate{display:flex;flex:1 1}.ReportsContainer .DateOptions .StartDate .startDateOptions{display:flex;flex-direction:row;justify-content:space-evenly;margin:auto;width:70%}.ReportsContainer .DateOptions .StartDate .startDateOptions .DateLabels{display:flex;flex-direction:row;margin-right:7px;margin-top:2px}.ReportsContainer .DateOptions .StartDate .startDateOptions h4{align-items:center;cursor:pointer;display:flex;font-size:17px;font-weight:100;margin:0 0 2px;padding:0}.ReportsContainer .DateOptions .StartDate .startDateOptions button{background-color:#0000;border:none;cursor:pointer;height:30px;width:30px}.ReportsContainer .DateOptions .StartDate .startDateOptions button svg{height:100%;margin:auto;width:100%}.ReportsContainer .DateOptions .EndDate{display:flex;flex:1 1}.ReportsContainer .DateOptions .EndDate .endDateOptions{margin:auto}.ReportsContainer .DateOptions .IntervalOptions{display:flex;flex:1 1}.ReportsContainer .ReportOptions{display:flex;flex:4 1;flex-wrap:wrap;margin-left:-1%;max-width:100vw}.ReportsContainer .ReportOptions .ReportMultiSelect{flex:1 1;margin-left:1%;min-width:400px}.ReportsContainer .ReportOptions .ReportMultiSelect .reportHeading{display:flex;justify-content:center;padding-bottom:1%;padding-top:1%;width:100%}.ReportsContainer .ReportOptions .ReportMultiSelect .reportHeading h3{margin:0;padding:0}.ReportsContainer .ReportOptions .ReportMultiSelect .kn-multi_select__wrapper___30BEc{max-height:400px}.ReportsContainer .ReportSubmitOptions{display:flex;flex:2 1;justify-content:center}.ReportsContainer .ReportSubmitOptions .Submit{align-self:center;background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;height:50px;transition:.3s;width:190px}.ReportsContainer .ReportSubmitOptions .Submit:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:14px;transition:.3s;width:200px}.exportMenuButtons{align-items:center;background-color:red;background-color:#0000;bottom:0;display:flex;flex-direction:column;height:200px;justify-content:flex-end;max-height:40px;position:fixed;right:0;width:auto;width:80px;z-index:10}.exportMenuButtons button{background-color:#3f3;border:none;border-radius:50%;cursor:pointer;flex:1 1;margin-bottom:10%;max-height:40px;max-width:40px;min-height:40px;min-width:40px}.exportMenuButtons button svg{height:20px;margin:auto}#PreviewContainer{display:flex;flex-direction:column;height:100%;margin:auto;width:88%}#PreviewContainer #showResourceForm{background-color:#2a2a2acc;display:grid;max-height:100%;max-width:100%;min-height:100%;min-width:100%;place-items:center;align-items:center;left:0;position:fixed;top:0;transition:.3s;z-index:10}#PreviewContainer #showResourceForm form{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:700px;justify-content:space-around;place-items:center;width:95%;z-index:10}#PreviewContainer #showResourceForm form input{border-style:none;border-bottom:thin solid #555;display:block;font-size:18px;height:40px;text-align:center;transition:.3s;width:400px}#PreviewContainer #showResourceForm form .AddUserSubmit{background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;height:50px;transition:.3s;width:200px}#PreviewContainer #showResourceForm form .AddUserSubmit:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:15px;transition:.3s;width:300px}#PreviewContainer #showResourceForm form .cancelButton{background-color:#ededed;border:none;border-radius:50%;color:#00dd21;cursor:pointer;font-size:15px;font-weight:800;height:25px;margin-left:10px;transition:.3s;width:25px}#PreviewContainer #showResourceForm form .cancelButton:hover{color:red;transition:.3s}#PreviewContainer #showResourceForm form input:focus{border-bottom:thin solid #00ff21;box-shadow:0 5px 5px -3px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}#PreviewContainer #success{height:200px;width:200px}#PreviewContainer #PreviewHeading{flex:1 1;margin:0;max-height:65px}#PreviewContainer #PreviewHeading h1{font-size:26px;font-weight:100;margin:1% 0 0}#PreviewContainer .PreviewCustomer{cursor:pointer;margin:0;padding:0;width:100%}#PreviewContainer .PreviewCustomer #headingforsub{background-color:#2a2a2a0d;border-radius:30px;box-shadow:0 10px 8px -7px #2a2a2a0d;color:#666;display:flex;font-size:24px;font-weight:100;margin-top:0;padding:3px 3px 0;text-indent:20px;width:100%}#PreviewContainer .PreviewCustomer #headingforsub .headingButton{align-content:center;align-items:center;display:flex;flex:1 1;justify-content:flex-end;margin-right:10px}#PreviewContainer section{flex:9 1}#PreviewContainer section,#PreviewContainer section .PreviewCustomer{display:flex;flex-direction:column}#PreviewContainer section .PreviewCustomer .childrenHeaders{border-bottom:1px solid #eee;display:flex;flex:1 1;margin-bottom:20px;width:100%}#PreviewContainer section .PreviewCustomer .childrenHeaders .logo{border:none;border-radius:50%;display:flex;flex:1 1}#PreviewContainer section .PreviewCustomer .childrenHeaders .logo img{border:3px solid #fff;border-radius:50%;margin:auto;max-height:70px;max-width:70px;min-height:70px;min-width:70px}#PreviewContainer section .PreviewCustomer .childrenHeaders .PreviewCustomer{display:flex;flex:9 1;flex-direction:column}#PreviewContainer section .PreviewCustomer .childrenHeaders .PreviewCustomer .PreviewCustomerName{align-items:flex-end;display:flex;flex:1 1;font-size:22px;font-weight:500}#PreviewContainer section .PreviewCustomer .childrenHeaders .PreviewCustomer .PreviewCustomerHours{display:flex;flex:1 1}#PreviewContainer section .PreviewCustomer .childrenHeaders .PreviewCustomer .PreviewCustomerHours label{flex:1 1}#PreviewContainer section .PreviewContent .PreviewDates{display:flex;font-size:18px;font-weight:100;justify-content:center;padding-bottom:10px;padding-top:10px}#PreviewContainer section .PreviewContent .childrenHeaders{border-bottom:1px solid #eee;display:flex;flex:1 1;margin-bottom:20px;width:100%}#PreviewContainer section .PreviewContent .childrenHeaders .logo{border:none;border-radius:50%;display:flex;flex:1 1}#PreviewContainer section .PreviewContent .childrenHeaders .logo img{border:3px solid #fff;border-radius:50%;margin:auto;max-height:70px;max-width:70px;min-height:70px;min-width:70px}#PreviewContainer section .PreviewContent .childrenHeaders .PreviewCustomer{display:flex;flex:9 1;flex-direction:column}#PreviewContainer section .PreviewContent .childrenHeaders .PreviewCustomer .PreviewCustomerName{align-items:flex-end;display:flex;flex:1 1;font-size:22px;font-weight:500}#PreviewContainer section .PreviewContent .childrenHeaders .PreviewCustomer .PreviewCustomerHours{display:flex;flex:1 1}#PreviewContainer section .PreviewContent .childrenHeaders .PreviewCustomer .PreviewCustomerHours label{flex:1 1}#PreviewContainer section .PreviewContent .PreviewContentHeading{display:flex}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer{display:flex;flex:1 1;font-size:19px}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer .Previewburgermenu{min-height:50px;right:0}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer .Previewburgermenu .PreviewburgerIcon button{background-color:#3f3;border:none;border-radius:50%;cursor:pointer;max-height:35px;max-width:35px;min-height:35px;min-width:35px}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer .Previewburgermenu .PreviewburgerIcon button svg{height:20px;margin:auto;width:20px}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer .menutoggles .viewMenu{align-items:center;display:flex;flex-direction:column;min-height:200px;position:absolute;right:3%}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer .menutoggles .viewMenu button{background-color:#3f3;border:none;border-radius:50%;cursor:pointer;flex:1 1;margin-bottom:20%;max-height:35px;max-width:35px;min-height:35px;min-width:35px}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer .menutoggles .enableMenu{align-items:center;display:flex;flex-direction:column;min-height:200px;position:absolute;right:.5%}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer .menutoggles .enableMenu button{background-color:#0000;border:none;border-radius:50%;cursor:pointer;flex:1 1;margin-bottom:20%;max-height:35px;max-width:35px;min-height:35px;min-width:35px}#PreviewContainer section .PreviewContent .PreviewContentHeading .viewMenuContainer .menutoggles .enableMenu button svg{height:25px;width:25px}#PreviewContainer section .PreviewContent .PreviewContentHeading .headname{flex:200 1}#PreviewContainer section .PreviewContent .PreviewContentHeading .headname #headingforsubreport{border-radius:30px;color:#111;display:flex;font-size:20px;font-weight:400;margin:0 auto 20px;padding:3px 3px 10px;width:30%}#PreviewContainer section .PreviewContent .PreviewContentHeading .headname #headingforsubreport button{background-color:#0000;border:none;display:flex;flex:1 1;justify-content:flex-end;margin-top:-.4%}#PreviewContainer section .PreviewContent .PreviewContentHeading .headname #headingforsubreport button svg{height:25px;width:25px}#PreviewContainer section .PreviewContent .PreviewContentHeading .headname #headingforsubreport .headingButton{align-content:center;align-items:center;display:flex;flex:1 1;justify-content:flex-start}#PreviewContainer section .PreviewContent .PreviewContentHeading .headname #headingforsubreport p{flex:3 1;margin:0;padding:0;text-align:center}#PreviewContainer section .PreviewContent .chart{margin:auto;min-width:500px}#PreviewContainer section .PreviewContent .ContentContainer{border-radius:20px;display:flex;flex:1 1;flex-direction:column;margin:auto auto 5%;width:100%}#PreviewContainer section .PreviewContent .ContentContainer .subContentContainer{display:flex;flex-direction:row}#PreviewContainer section .PreviewContent .ContentContainer .subContentContainer .chartColumn{flex:1 1;min-width:83vw}#PreviewContainer section .PreviewContent .ContentContainer .subContentContainer button{background-color:#0000;border:none;display:flex;justify-content:start;margin-right:2%;margin-top:0}#PreviewContainer section .PreviewContent .ContentContainer .subContentContainer button svg{height:25px;width:25px}#PreviewContainer section .PreviewContent .ActivityeReportTable,#PreviewContainer section .PreviewContent .EntriesReport,#PreviewContainer section .PreviewContent .ServiceReportTable,#PreviewContainer section .PreviewContent .UserReportTable{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 0 2%}#PreviewContainer section .PreviewContent .ActivityeReportTable .ColumnHeadings,#PreviewContainer section .PreviewContent .EntriesReport .ColumnHeadings,#PreviewContainer section .PreviewContent .ServiceReportTable .ColumnHeadings,#PreviewContainer section .PreviewContent .UserReportTable .ColumnHeadings{display:flex;margin-left:1px;width:100%}#PreviewContainer section .PreviewContent .ActivityeReportTable .ColumnHeadings label,#PreviewContainer section .PreviewContent .EntriesReport .ColumnHeadings label,#PreviewContainer section .PreviewContent .ServiceReportTable .ColumnHeadings label,#PreviewContainer section .PreviewContent .UserReportTable .ColumnHeadings label{border-bottom:2px solid #ddd;color:#333;display:flex;flex:1 1;font-size:19px;font-weight:350;justify-content:center}#PreviewContainer section .PreviewContent .ActivityeReportTable .ColumnHeadings .headingdate,#PreviewContainer section .PreviewContent .EntriesReport .ColumnHeadings .headingdate,#PreviewContainer section .PreviewContent .ServiceReportTable .ColumnHeadings .headingdate,#PreviewContainer section .PreviewContent .UserReportTable .ColumnHeadings .headingdate{flex:.7 1}#PreviewContainer section .PreviewContent .ActivityeReportTable #student,#PreviewContainer section .PreviewContent .EntriesReport #student,#PreviewContainer section .PreviewContent .ServiceReportTable #student,#PreviewContainer section .PreviewContent .UserReportTable #student{color:#000;flex:1 1}#PreviewContainer section .PreviewContent .ActivityeReportTable #student table,#PreviewContainer section .PreviewContent .EntriesReport #student table,#PreviewContainer section .PreviewContent .ServiceReportTable #student table,#PreviewContainer section .PreviewContent .UserReportTable #student table{min-width:100%}#PreviewContainer section .PreviewContent .ActivityeReportTable #student table tbody,#PreviewContainer section .PreviewContent .EntriesReport #student table tbody,#PreviewContainer section .PreviewContent .ServiceReportTable #student table tbody,#PreviewContainer section .PreviewContent .UserReportTable #student table tbody{display:flex;flex-direction:column}#PreviewContainer section .PreviewContent .ActivityeReportTable #student table tbody tr,#PreviewContainer section .PreviewContent .EntriesReport #student table tbody tr,#PreviewContainer section .PreviewContent .ServiceReportTable #student table tbody tr,#PreviewContainer section .PreviewContent .UserReportTable #student table tbody tr{display:flex;flex:1 1}#PreviewContainer section .PreviewContent .ActivityeReportTable #student table tbody tr td,#PreviewContainer section .PreviewContent .EntriesReport #student table tbody tr td,#PreviewContainer section .PreviewContent .ServiceReportTable #student table tbody tr td,#PreviewContainer section .PreviewContent .UserReportTable #student table tbody tr td{border-bottom:thin solid #ddd;display:flex;flex:1 1;font-weight:200;justify-content:center;text-align:center}#PreviewContainer section .PreviewContent .ActivityeReportTable #student table tbody tr .entrydate,#PreviewContainer section .PreviewContent .EntriesReport #student table tbody tr .entrydate,#PreviewContainer section .PreviewContent .ServiceReportTable #student table tbody tr .entrydate,#PreviewContainer section .PreviewContent .UserReportTable #student table tbody tr .entrydate{flex:.7 1}#PreviewContainer section .PreviewContent .ActivityeReportTable #student table tbody tr .description,#PreviewContainer section .PreviewContent .EntriesReport #student table tbody tr .description,#PreviewContainer section .PreviewContent .ServiceReportTable #student table tbody tr .description,#PreviewContainer section .PreviewContent .UserReportTable #student table tbody tr .description{flex:6 1;justify-content:start;max-height:300px;overflow-y:hidden;text-align:left}#PreviewContainer section .PreviewContent .PreviewEntries{background-color:#e6e6e633;border-radius:20px;display:flex;flex:1 1;flex-direction:column;margin-bottom:5%}#PreviewContainer section .PreviewContent .PreviewEntries #chart{max-height:70%}.datesview{background-color:red;display:table-row}.navpreviewContainer{background:#000c;display:flex;flex-direction:row;height:80px;width:100%}.navpreviewContainer .navpreviewLogo{align-items:center;display:flex;flex:1 1;justify-content:flex-start;max-height:40%}.navpreviewContainer .navpreviewLogo img{height:100%;margin-left:5%;margin-top:55px}.navpreviewContainer .navpreviewLogo #nameBrand{margin-left:10px}.navpreviewContainer .navpreviewLogo #bird{height:190%;margin-right:-2.5%}.navpreviewContainer .navpreviewDetails{align-items:center;color:#fff;display:flex;flex:6 1;flex-direction:row;font-size:22px}.navpreviewContainer .navpreviewDetails .Customername{display:flex;flex:7 1;justify-content:flex-end}.navpreviewContainer .navpreviewDetails .navdates{display:flex;flex:4 1;justify-items:flex-start}.navpreviewContainer .navpreviewDetails .navdates .start{display:flex;flex:1 1;justify-content:flex-end}.navpreviewContainer .navpreviewDetails .navdates label{display:flex;justify-content:center;width:50px}.navpreviewContainer .navpreviewDetails .navdates .end{display:flex;flex:1 1;justify-content:flex-start}.PreviewCalendarContainer{display:flex;width:100%}.PreviewCalendarContainer .PreviewCalendar{display:flex;flex:1 1;flex-direction:column;min-width:700px;padding-bottom:10px}.PreviewCalendarContainer .PreviewCalendar .MonthYear{align-items:center;display:flex;flex:1 1;font-size:35px;justify-content:center;padding-bottom:40px;padding-top:40px}.PreviewCalendarContainer .PreviewCalendar .calenderHeaders{align-items:center;color:#333;display:flex;flex:1 1;justify-content:center}.PreviewCalendarContainer .PreviewCalendar .calenderHeaders th{flex:1 1;overflow:hidden;text-overflow:ellipsis}.PreviewCalendarContainer .PreviewCalendar .calenderHeaders .week-day{font-size:20px}.PreviewCalendarContainer .PreviewCalendar .calenderDays{color:#444;display:flex;flex:9 1;flex-direction:column}.PreviewCalendarContainer .PreviewCalendar .calenderDays tr{display:flex;flex:1 1;flex-direction:row}.PreviewCalendarContainer .PreviewCalendar .calenderDays tr td{border:1px solid #ddd;display:flex;flex:1 1;height:100px;margin:1px}.PreviewCalendarContainer .PreviewCalendar .calenderDays tr td .calendarNumber{align-items:center;background-color:#afa;border:none;border-radius:50%;display:flex;font-size:13px;height:25px;justify-content:center;margin:2px -20% .1% 2px;position:relative;width:25px}.PreviewCalendarContainer .PreviewCalendar .calenderDays tr td .HoursList{display:flex;flex:1 1;flex-direction:column;justify-content:center;z-index:10}.PreviewCalendarContainer .PreviewCalendar .calenderDays tr td .HoursList label{margin-bottom:2%;margin-top:2%;overflow:hidden;text-overflow:ellipsis}.PreviewCalendarContainer .PreviewCalendar .calenderDays tr td #left{text-indent:12%}.PreviewCalendarContainer .PreviewCalendar .calenderDays tr td #hourslistcalendar{align-items:center}.PreviewCalendarContainer .PreviewCalendar .calenderDays tr #calendar-day-empty{background-color:#f3f3f3}.mother{background-color:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.mother,.mother .comfirmDialog{align-content:center;display:flex}.mother .comfirmDialog{background:#efefef;border-radius:5px;flex:1 1;flex-direction:column;height:155px;margin:auto;max-width:40%;transition:.3s}.mother .comfirmDialog h4{text-align:center}.mother .comfirmDialog .comfirmDialogButtons{margin:auto}.mother .comfirmDialog .comfirmDialogButtons .comfirmDialogCancel{align-self:center;background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;flex:1 1;height:200%;margin:auto 5px auto auto;transition:.3s;width:90px}.mother .comfirmDialog .comfirmDialogButtons .comfirmDialogCancel:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:14px;transition:.3s}.mother .comfirmDialog .comfirmDialogButtons .comfirmDialogDelete{align-self:center;background-color:#0000;background-color:red;border-radius:25px;border-style:solid;border-width:0;color:#fff;cursor:pointer;flex:1 1;height:200%;margin:auto auto auto 5px;transition:.3s;width:90px}.mother .comfirmDialog .comfirmDialogButtons .comfirmDialogDelete:hover{background-color:red;border-width:0;box-shadow:1px 2px 5px #000;font-size:14px;transition:.3s}.backImage{background-image:url(/static/media/banner_img.077b370cefa49fd24424.jpg);min-height:100%;width:100%}.backImage div img{display:flex;margin:auto}.resetpassoword{display:grid;height:100%;place-items:center;align-items:center;overflow-y:hidden;position:fixed;top:0;transition:.3s;width:100%;z-index:10}.resetpassoword form{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:350px;justify-content:space-around;margin-top:-100px;place-items:center;width:500px;z-index:10}.resetpassoword form .AddUserSubmit{background-color:#0000;background-color:#00dd21;border-radius:25px;border-style:solid;border-width:0;cursor:pointer;height:50px;transition:.3s;width:200px}.resetpassoword form .AddUserSubmit:hover{background-color:#00dd21;border-width:0;box-shadow:1px 2px 5px #000;font-size:15px;transition:.3s;width:205px}.resetpassoword form input{border-style:none;border-bottom:thin solid #555;font-size:16px;text-align:center;transition:.3s;width:60%}.resetpassoword form input:focus{border-bottom:thin solid #00ff21;box-shadow:0 5px 5px -3px #00dd21;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}strong{font-weight:600}a{color:#211e20;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#211e20;font-weight:200}img{max-width:100%}.text-center{text-align:center}.text-right{text-align:right}.container{margin:0 auto;max-width:1140px;position:relative;width:90%}.row:after,.row:before{clear:both;content:"";display:block}.site-header{background-color:#211e20}.site-header .container{width:95%}.site-header .logo{float:left;position:relative;width:40%}.site-header .logo .mobile-toggle{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Rjk0RTgyRjg5QTYzMTFFQUJGNjRBQzc1RTBGRUQzMTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Rjk0RTgyRjk5QTYzMTFFQUJGNjRBQzc1RTBGRUQzMTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOTRFODJGNjlBNjMxMUVBQkY2NEFDNzVFMEZFRDMxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOTRFODJGNzlBNjMxMUVBQkY2NEFDNzVFMEZFRDMxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr5ICD0AAADBSURBVHjaYvz//z/DYAZMDIMcjDpw1IGjDhx14KgDBzlgwSFeAsQuQPyPzoF1AIg7kAUZcdTF14BYcwAC7D4QKxETgqVArDsAIXgNXZBxtDUz6sBRB5JXDvpBczG9ASgXrycmF98BYuUBcOBTIJYhJgRbgdhyABx4erQcHHXgqAOpVA7aALEaEP+lo1uYocXbIWJy8WUg1hmAALsNDRiCIbgEiN2AmJ5lECMQ7x8tB0cdOOrAUQeOOnDUgdQFAAEGAMbWKeuxOf0sAAAAAElFTkSuQmCC);border:none;bottom:0;display:none;font-size:0;height:40px;margin:auto;position:absolute;right:0;top:0;width:40px}.site-header .header-right{float:right;width:60%}.menu-bar{text-align:right}.menu-bar>ul{list-style:none;margin-top:20px}.menu-bar>ul>li{display:inline-block;padding:10px}.menu-bar>ul>li a{color:#fff;display:block;font-weight:300;padding:10px;text-decoration:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}.menu-bar>ul>li a img{margin:-5px 0 -5px 5px;vertical-align:middle}.menu-bar>ul>li a:hover,.menu-bar>ul>li.active a{background-color:#5f903f}.header-banner img{display:block;width:100%}.header-banner h1{bottom:70px;color:#fff;font-size:80px;line-height:1;position:absolute}.header-banner h1 span{border:4px solid #507933;display:block;line-height:1;margin-left:-16px;padding:0 12px 15px}.section-heading{color:#5f903f;font-size:48px;text-align:center}.section-heading strong{color:#211e20}section.services-section{padding:70px 0}.services-section .section-heading{text-transform:uppercase}.watermark-box{background-image:url(/static/media/watermark-logo.9d58a176577ca8f2ce85.png);background-position:50%;background-repeat:no-repeat;border:2px solid #000;font-family:Poppins,sans-serif;font-weight:200;margin:50px auto 0;max-width:950px;padding:30px}.watermark-box p{padding-bottom:15px}ul.icons-list{margin:30px auto 20px;max-width:1240px;padding:0 20px;text-align:center}ul.icons-list li{display:inline-block;margin-right:-4px;min-width:230px;padding:6px;width:19%}ul.icons-list li .icons-box{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0000000d;-webkit-box-shadow:0 5px 20px #0000000d;-o-box-shadow:0 5px 20px #0000000d;display:block;max-width:240px;padding:20px;transition:all .3s ease-in-out}ul.icons-list li .icons-box:hover{box-shadow:0 5px 20px #00000026;-webkit-box-shadow:0 5px 20px #00000026;-o-box-shadow:0 5px 20px #00000026;transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)}ul.icons-list li .icons-box p{color:#5f903f;font-size:25px}ul.icons-list li .icons-box p strong{display:block}section.case-study{padding:30px 0 70px}.case-study .case-img{display:block;margin-bottom:-15px;margin-left:auto;margin-right:20px;max-width:90%}.case-study .img-box{border:1px solid #e5e5e5}.case-study .case-study-img1{margin-bottom:5px}.case-study .img-box img{display:block;width:100%}.case-study .upper-box{background-color:#88b743;background-image:url(/static/media/watermark-logo.9d58a176577ca8f2ce85.png);background-position:50%;background-repeat:no-repeat;margin-bottom:5px;padding:15px 30px 25px;text-align:center}.case-study .upper-box h3{color:#fff;font-size:45px}.case-study .upper-box p{color:#fff;font-size:18px}.case-study .upper-box p a{color:#fff;font-size:14px;font-weight:300;text-decoration:underline}section#contact-sale{padding:50px 0}.contact-sale{padding:50px 0 100px}.contact-sale .container-box{align-items:center;background-color:#ececec;max-width:1600px;width:95%}.contact-sale .container-box .content-box{margin:auto;max-width:500px;padding:20px;text-align:center}.contact-sale .container-box .content-box h3{font-size:45px}.contact-sale .container-box .content-box p{padding-bottom:15px}.contact-sale .container-box .content-box p a{color:#517c36;font-size:14px;font-weight:300;text-decoration:underline}#contact-sale .section-heading{margin-bottom:30px;position:relative}#contact-sale .section-heading:after{background-color:#000;bottom:0;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;width:90px}.contact-form{padding:0 40px}.contact-form .form-group{margin-bottom:15px}.contact-form .form-group .forn-control{border:none;border-bottom:1px solid #e8e8e8;color:#000;display:block;font-family:Poppins,sans-serif;font-size:13px;height:40px;resize:none;width:100%}.contact-form .form-group textarea.forn-control{height:100px;max-height:150px;max-width:100%;min-height:70px;min-width:100%}::placeholder{color:#000;opacity:1}:-ms-input-placeholder{color:#000}::-ms-input-placeholder{color:#000}.default-btn{background-color:#517c36;border:2px solid #517c36;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:17px;font-weight:200;padding:10px 15px;text-decoration:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.default-btn:hover{background-color:#fff;color:#517c36}.default-btn.dark-btn{background-color:#211e20;border-color:#211e20}.default-btn.dark-btn:hover{background-color:#fff;color:#211e20}.contact-content{margin:0 auto;max-width:460px;padding:30px 50px}.contact-content p{color:#253449;font-size:30px;font-weight:300;margin-bottom:40px}.contact-content p:last-child{font-size:25px;margin-bottom:0}.sub-footer{background-color:#fff;box-shadow:0 0 25px #0000000d;-webkit-box-shadow:0 0 25px #0000000d;-o-box-shadow:0 0 25px #0000000d;margin:0 auto -100px;max-width:1000px;padding:50px 80px;position:relative;width:80%;z-index:9}.sub-footer .d-flex{align-items:center}.sub-footer h3{font-size:28px;font-weight:500;margin-bottom:10px}.sub-footer h3 span{color:#517c36}.sub-footer p{color:#7f858e;font-size:17px;font-weight:300}footer.main-footer{background-color:#211e20;color:#fff;padding-top:160px}.foot-widget{font-weight:300;padding:0 40px 40px}.foot-widget.f-widget-1{padding-left:0}.foot-widget .title{color:#fff;font-size:24px;font-weight:300;margin-bottom:15px}.foot-widget a{color:#fff;text-decoration:none}.foot-widget .let-talk-btn{font-size:40px;font-weight:200;line-height:1.5}.foot-widget .let-talk-btn img{margin-left:10px;vertical-align:middle;width:30px}.copyright p{border-top:1px solid #646263;font-size:12px;font-weight:300;padding:10px;text-align:center}@media (min-width:981px){.d-flex{display:flex;flex-wrap:wrap}.col-5{flex:0 0 50%;max-width:50%}.col-6{flex:0 0 60%;max-width:60%}.col-4{flex:0 0 40%;max-width:40%}.col-3{flex:0 0 33%;max-width:33%}.case-study .case-study-img1 img{display:none}.case-study .case-study-img1{background-image:url(/static/media/image-1.edc50cebf123be17d439.jpg);background-size:cover;height:100%;margin-right:5px}.contact-sale .container-box .img-box{margin:-50px 0}}@media (max-width:1200px){.menu-bar>ul>li{padding-left:0;padding-right:0}ul.icons-list li{min-width:180px}ul.icons-list li .icons-box p{font-size:18px}ul.icons-list li .icons-box img{max-width:80px}}@media (max-width:980px){.foot-widget{padding-left:0;padding-right:0}.sub-footer .text-right{margin-top:30px;text-align:left}.contact-content{margin:0;padding-left:0;padding-right:0}.contact-form{padding:0}section.case-study .container{max-width:500px}.case-study .case-img{margin:0 auto -10px}.contact-sale .container-box{background-color:#fff;width:100%}.contact-sale .container-box .content-box{background-color:#ececec}.contact-sale .container-box .img-box{text-align:center}.contact-sale{padding:0 0 50px}section#contact-sale{padding:0}section.services-section{padding:50px 0 20px}.header-banner h1{font-size:60px}ul.icons-list{max-width:650px}.section-heading{font-size:35px}.case-study .upper-box h3,.contact-sale .container-box .content-box h3{font-size:36px}.contact-content p{font-size:24px;margin-bottom:20px}.contact-content p:last-child{font-size:20px}.site-header .header-right,.site-header .logo{float:none;width:100%}.site-header .logo .mobile-toggle{display:block}.menu-bar{background-color:#000;height:0;left:0;opacity:0;overflow:hidden;padding:20px;position:absolute;right:0;text-align:left;transition:all .3s ease-in-out;z-index:99999}.menu-bar.active{height:auto;opacity:1;overflow:hidden}.menu-bar>ul{margin-top:0}.menu-bar>ul>li{display:block;padding:0}}@media (max-width:767px){.header-banner h1{bottom:30px;font-size:50px}.sub-footer{padding:30px 40px;width:90%}.case-study .case-img{margin:0 auto}}@media (max-width:480px){.header-banner h1{bottom:10px;font-size:26px}.header-banner h1 span{border:2px solid #507933;margin-left:-7px;padding:0 6px 9px}.section-heading{font-size:22px;line-height:1}ul.icons-list li{min-width:140px}ul.icons-list li .icons-box{padding:10px}ul.icons-list li .icons-box p{font-size:15px}.case-study .upper-box h3,.contact-sale .container-box .content-box h3{font-size:28px}.case-study .upper-box p{font-size:16px}#contact-sale .section-heading{padding-bottom:15px}.sub-footer{padding:30px 20px}.sub-footer h3{font-size:20px}.sub-footer p{font-size:15px}.foot-widget .title{font-size:20px}.foot-widget p{font-size:14px}.foot-widget .let-talk-btn{font-size:24px}.site-header .logo img{max-width:70%}}
/*# sourceMappingURL=main.2687ca06.css.map*/