@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
:root {
    --crmFont:"Sora", sans-serif;--whiteColor:#fff;--headFont:"Sora", sans-serif;--textFont:"Sora", sans-serif; --fcBlack:#231F20;
    --dashBG: #d5e6f0;--shadowBox:1px 1px 10px rgba(2,55,85,0.1);
  }
  html, body{height: 100%;}
  *{margin: 0;padding: 0;border: 0;text-decoration: none;box-sizing: border-box;font-family: var(--textFont);list-style: none;touch-action: inherit;}a[href^=tel] {text-decoration:inherit;color: inherit;}div{padding: 10px;}
  .disInline{display: inline-block;}.disBlock{display: block;}.disFlex{display: flex;}.flexWrap{flex-wrap: wrap;}.disNone{display: none;}.centered{margin-left: auto;margin-right: auto;}.absoVertCenter{left: 50%;transform: translate(-50%, 0);}.absoluteMiddle{left: 50%;top: 50%;transform: translate(-50%, -50%);}.textCenter{text-align: center;}.textLeft{text-align: left;}.textRight{text-align: right;}.noPadd{padding: 0;}input:focus, textarea:focus{outline: none;}
  select{width: 100%;}select:focus{outline: none;}
  .curpoi{cursor: pointer;}textarea{resize: none;}
  .mt10{margin-top: 10px;}.mt15{margin-top: 15px;}

  .posAbsolute{position: absolute;}.posRelative{position: relative;}.posFixed{position: fixed;}
  .widthFull{width: 100%;}.widthHalf{width: 50%;}.widthQuarter{width: 25%;}.heightFull{height: 100%;}
  
  .vertAlMiddle{vertical-align: middle;}.vertAlLeft{vertical-align: left;}.vertAlRight{vertical-align: right;}
  
  .z0{z-index: 0;}.z1{z-index: 1;}.z2{z-index: 2;}.z4{z-index: 4;}.z6{z-index: 6;}.z10{z-index: 10;}.coverCenterImage{object-fit: cover;align-items: center;}.screenHeight{height: 100vh;}.halfHeight{height: 50vh;}.alignhorizCenter{justify-content: center;}.alignVertHorzCenter{
  align-items: center;margin: auto;}
  .clearBoth:after{clear: both;display: block;width: 100%;height: 0px;}
  p{font-size: 15px;line-height: 26px;}

  html{overflow-x: hidden;}
  body{position: relative;background: #f2f9ff;}

.editDltVwbtn{background: #e6f7ff;color: var(--crmBlue);font-size: 13px;border-radius: 15px;padding: 4px 10px;cursor: pointer;transition: 0.4s ease;border:1px #e6f7ff solid;font-weight: 500;margin-bottom: 5px;}
.editDltVwbtn:hover{border: 1px #acdaef solid;}
.textOverflowBlock{overflow: hidden;text-overflow: ellipsis;padding-right: 5px;white-space:nowrap}

.loginMainPage{background: #231F20;}
.loginMainPage .lineArt{z-index: 0;bottom: 0;left: 0;width: 100%;position: absolute;mix-blend-mode: luminosity;opacity: 0.45;}
.loginMainPage .lineArt img{width: 100%;min-width: 1200px;}
.loginMainPage .left, .loginMainPage .loginformCarry{width: 50%;min-width: 250px;}
.loginMainPage .left{background: var(--crmBlue);overflow: hidden;}
.loginMainPage .left .contents{width:300px;background: #fff;height: auto;padding: 40px;border-radius: 40px; box-shadow: 1px 1px 45px rgba(16,8,54,1);}
.loginMainPage .left .contents p{font-weight: 600;font-size: 18px;margin-bottom: 8px;}
.loginMainPage .left .contents p.name{color: #999;}
.loginMainPage .left .lineSpan{height: 30px;margin-left: 5px;align-items: left;margin-bottom: 15px;}
.loginMainPage .left .lineSpan:after{width: 10px;height: 30px;background: #402F87;position:absolute;content: "";top: 0;left: 0;transform: rotate(22deg);transform-origin: center;}
.loginMainPage .left .lineSpan:before{width: 10px;height: 30px;background: #402F87;position:absolute;content: "";top: 0;left: 15px;transform: rotate(22deg);transform-origin: center;}
.lineSplit{opacity: 0.5;animation: 60s linear linePsycho infinite;}
@keyframes linePsycho{
  0%{transform: scale(1);}
 50%{transform: scale(1.5);}
 100%{transform: scale(1);}
}
.loginMainPage .left .time-clock{width: 90px;top: -90px;background: #fff;padding: 5% 8%;border-radius: 20px;left: -90px;box-shadow: 0px 0px 20px rgba(16,8,54,0.5);}
.loginMainPage .left .calender-icon{width: 90px;top: -30px;background: #fff;padding: 5% 8%;border-radius: 20px;right: -40px;box-shadow: 0px 0px 20px rgba(16,8,54,0.5);}
.loginMainPage .left .sand-clock{width: 80px;background: #fff;padding: 5% 8%;border-radius:20px;left: 20%;top: 106%;box-shadow: 0px 0px 20px rgba(16,8,54,0.5);}

.bottom_menus{bottom: 8px;width:100%;text-align: center;position:absolute;z-index: 4;}
.bottom_menus .link_menu{display: inline-block;font-size:14px;}
.bottom_menus .link_menu a{color:rgba(255,255,255,0.5);display: block; }

.formCarry{width: 400px;}
.formCarry .logo{width: 60%;min-width: 200px;}
.textInputAll{width: 100%;border-bottom: 1px #ccc solid;padding: 14px 0;font-size: 16px;background: none;color: #ddd;}
.textInputAll.ta{width: 100%;border-bottom: 1px #ccc solid;padding: 14px 0;font-size: 16px;background: none;resize: none;}
.textSubmitAll{background: var(--whiteColor);width: 100%;font-size: 18px;padding: 14px 0;text-align: center;border-radius: 50px;color:var(--fcBlack);cursor: pointer;margin-top: 20px;font-weight: 600;}
.formCarry a{margin-top: 15px;font-size: 16px;color: #999;}
.formCarry p{margin: 16px 0 8px 0;font-weight:600;letter-spacing: 0.5px;color: #666;}
.checkBoxOfAll{margin-left: 10px;}
.checkBoxOfAll:first-child{margin-left: 0px;}

.mainCarrier{height: auto;}
.mainCarrier .blockCarrier{width: 100%;}

.leftBoard{width:100%;justify-content: flex-start;height: auto;background: #fff;padding: 10px;}
.leftBoard .carrier{width: 90%;justify-content: space-between}
.leftBoard .carrier .companyLogo{width: 80%;max-width: 200px;align-items: center;}
.navigations{}
.navigations br{display: none;}
.navigations a, .navigations span{color: #231F20;font-size: 15px;cursor: pointer;transition: 0.8s;margin: 0 6px;}


.profileNav{align-items: center;} 
.profileNav .pic{width:40px;height: 40px;border-radius: 50%;overflow: hidden;}
.profileNav h4{font-size: 13px;font-weight: normal;margin-left: 4px;line-height: 15px;color: #666;}
.profileNav h4 b{font-size: 15px;}
.logoutAnchor{margin-left: 20px;background: #231F20;padding: 6px 16px 8px 16px;border-radius: 25px;color: #fff;font-size: 14px;}
.logoutAnchor span{font-size: 15px;margin-right: 4px;color: #fff;}
.settingsButn{color: #333;border-radius: 25px;margin-left:10px;padding: 6px 16px 8px 16px;font-size: 14px;}
.settingsButn span{font-size: 20px;margin-right: 3px;}


.psswordSpan span{font-size:20px;right: 0;bottom: 5px;cursor: pointer;color: #124d9e;}


.navigations a.active{color: #27B77C;font-weight: 600;}
.navigations span .hoverMatter{color: #fff;min-width: 180px;border-radius: 25px;padding: 0px;height: 0px;max-height: 0px;transition: 0.8s ease;overflow: hidden;z-index: 2;font-size: 10px;}
.navigations span:hover .hoverMatter{max-height: 800px;height: auto;padding: 0 0 0 25px;margin-top: 10px;}
.navigations span .hoverMatter a{color: #000;margin-bottom: 8px;}

.rightBoard{width:88%;justify-content: flex-start;height: 95vh;flex-direction:row;gap: 15px; height: -moz-fit-content;height: -webkit-fit-content;height: -fit-content;margin-top: 15px;}
.rightBoard .head{justify-content: space-between;margin-top: 5px;border-bottom: 1px #d3eafe solid;padding-bottom: 20px;align-items: center;}
.dashHeader{width: 100%;margin-top: 20px;}
.dashHeader .headLeft{width: auto;background: var(--crmBlue);border-radius: 15px;box-shadow: var(--shadowBox);}
.dashHeader .headLeft h4{font-weight: normal;}
.dashHeader .headLeft .dateTime{font-size: 16px;color: #fff;padding: 20px;line-height: 20px;}
.timeSpan{font-size: 25px;margin-bottom: 5px;}
.dashHeader .headLeft .dateTime i{font-size: 30px;animation: eyeBLink 12s infinite ease;}
@keyframes eyeBLink {
  0%{transform: rotateY(0deg);}
  33%{transform: rotateY(60deg);}
  63%{transform: rotateY(-360deg);}
  0%{transform: rotateY(0deg);} 
}
.dashbordCont{margin-top: 65px;}
.dashHeader .headRight{width: auto;line-height: 10px;vertical-align: middle;margin-left: 25px;border-radius: 15px;padding: 20px;background: #d8edff;box-shadow: var(--shadowBox);}
.dashHeader .headRight .nameDiv{vertical-align: top;margin-top: 15px;margin-right: 8px;color: #999;}
.dashHeader .headRight .nameDiv h4{color: var(--crmBlue);}
.dashHeader .headRight .nameDiv a.logoutAnchor{margin-top: 20px;font-size: 12px;border-radius: 50px;padding: 5px 12px 5px 10px;color: var(--crmBlue);background: #c1dbf1;text-transform: uppercase;font-weight: 600;letter-spacing: 0;}
.dashHeader .headRight .loginAvatar{width: 60px;height: 60px;overflow: hidden;border-radius: 50%;}
.dashHeader .notificationBell{font-size: 30px;vertical-align: top;margin:10px 20px 0 0;transform: rotate(-19deg);color: #333;transition: 0.8s;}
.notoficationsBlock{background: #fff;padding: 15px;border-radius: 15px;margin-left: 25px;width: 35%;box-shadow: var(--shadowBox);}
.searchDashBar{width: 250px;height: 25px;margin-top: -4px;}
.searchDashBar .searchBox{height: 100%;border-radius: 5px;border: 1px #999 solid;background: none;top:-4px;padding: 14px 17px 14px 10px;border-radius: 25px;}
.searchDashBar .searchIcon{font-size:18px;right:-7px;top:-2px;font-weight: bold;background: var(--crmBlue);color: #231F20;padding: 4px;border-radius: 50%;font-weight: 600;}
.searchDashBar .searchBox:focus{outline: none;}
.dashBoardContent{width: 100%;border-radius: 15px;}
.arrowProfile{background: #f1f1f1;border-radius: 50%;padding: 0.5px;padding-top: 3px;margin-left: 6px;font-size: 18px;}

.mainMenusBlock{gap: 10px;margin-top: 8px;font-size: 13px;}
.mainMenusBlock a{color: #231F20;font-weight: 600;}

.filterBlock{margin-top: 5px;background: var(--whiteColor);border-radius: 15px;box-shadow: var(--shadowBox);}
.filcomn{height: 40px;padding: 0;border-right: 1px #ddd solid;width: 10%;min-width: 120px;}
.filcomn:last-child{border-right: none;}
.filcomn .inputsComn{width: 100%;height:40px;border-radius: 15px;padding: 10px;cursor: pointer;background: none;}
.filcomn .downArrow{right: 10px;top: 13px;font-size: 18px;color:#999;pointer-events: none;background: #f2f9ff;}
.filcomn datalist option{cursor: pointer;transition: 0.6s;}
.filcomn datalist option:hover{color: #c1dbf1;}

.backtoDashBut{font-size: 15px;font-weight: 500;background: #fff;color: #124d9e;padding: 5px 15px 5px 10px;border-radius: 15px;margin-right: 10px;}
.backtoDashBut span{font-size: 18px!important;font-weight: 600!important;border-radius: 50%;}

.contentCarrier{gap: 30px;padding-top: 45px;}
.contentCarrier .contentBlock{width: 31%;background: #fff;box-shadow: var(--shadowBox);border-radius: 15px;padding: 20px;padding-top: 35px;transition: 0.6s;}
.contentCarrier .contentBlock:hover{box-shadow:5px 5px 15px rgba(0,0,0,0.2)}
.contentCarrier .contentBlock h4{font-size: 18px;margin-bottom: 8px;color: var(--crmBlue);}
.contentCarrier .contentBlock a{color: #000;}
.contentCarrier .contentBlock a.locateAnchor{background: #eaf1f4;color: #000;padding: 2px 10px 2px 5px;border-radius: 10px;margin: 10px 0;display: inline-block;}
.contentCarrier .themeParag{line-height: 18px;font-size: 14px;}
.alertDateCom{font-size: 12px;bottom: 0;left: 10px;padding: 2px 4px;margin-top: 5px;}
h4.monthHead{font-size: 18px;padding-top: 15px;margin-left: 10px;color: var(--crmBlue);}

.contentCarrier .flagimage{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;margin-top: 5px;}

.colorFoter{background: var(--crmBlue);height: 15px;margin-top: 0px;}

.rightBoard h2{font-size: 35px;color: #705f5e;line-height:35px;}
.rightBoard h2 br{display: none;}
.rightBoard h2 span{font-size: 20px;font-weight: normal;}
.timeDateKnow{vertical-align: middle;margin-top: 16px;margin-bottom: 10px;}
.timeDateKnow span{vertical-align: middle;padding: 2px 10px;border-radius: 4px;font-size: 18px;}
.timeDateKnow span.day{background: #f7f4b1;}
.timeDateKnow span.date{background: #fddae0;}
.timeDateKnow span.time{background: #c9e9e8;font-weight: 600;}

.dashBoardContent{margin-top: 20px;gap: 10px;}
.dashBoardContent .blk{border-radius: 10px;padding: 20px 20px 30px 20px;width: calc(93%/5);color: #333;margin-top: 15px;}
.dashBoardContent .blk span.txt{font-size: 26px;font-weight: 600;}
.dashBoardContent .blk .goIcon{font-size: 25px;padding: 8px;background: #fff;color: #124d9e;border-radius: 50%;margin-top: 8px;float: right;}
.dashBoardContent .blk:nth-child(1){background: url(../images/time-bg.jpg) no-repeat;background-size: cover;flex-grow: 2;justify-content: center;align-items: center;}
.dashBoardContent .blk:nth-child(1) h2{color: #fff;line-height: 30px;}
.dashBoardContent .blk:nth-child(2){background: #f3e1bb;}
.dashBoardContent .blk:nth-child(3){background: #ffe6e4;}
.dashBoardContent .blk:nth-child(4){background: #d2f0d8;}
.dashBoardContent .blk:nth-child(5){background: #e7e4dd;}
.dashBoardContent .blk span.subtext{font-size: 16px;margin-top: 0px;line-height: 16px;}


.subSectionContent {}
.subSectionContent .blockCarry{justify-content: space-between;}
.subSectionContent .blockCarry:first-child{width:100%;}

.subSectionContent .block{width: calc(95%/5);border-radius: 8px;background: #fff;margin-top: 15px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);padding: 20px;display: flex;align-content: flex-end;flex-wrap: wrap;cursor: pointer;position: relative;overflow: hidden;}
.subSectionContent .block:after{background: #def6ff;position: absolute;content: "";left: -20%;bottom: -80px;width: 0%;height: 0%;z-index: 0;border-radius: 0%;transition: 0.8s ease;opacity: 0;}
.subSectionContent .block:hover:after{width: 160%;padding-top: 160%;border-radius: 50%;opacity: 1;}
.subSectionContent .block h3{font-weight: 500;color: #124d9e;font-size:20px;width: 100%;line-height: 25px;margin-bottom: 10px;}
.subSectionContent .block .buttons{margin-top: 20px;}
.subSectionContent .block .buttons .but{color: #333;background: #e5e5e5;padding: 6px;border-radius: 50%;font-size: 14px;transition: 0.4s;cursor: pointer;}
.subSectionContent .block:hover .buttons .but{background: #fff;color: #333;}
.subSectionContent .block .buttons .but:hover{background: #333;color: #ddd;}
.but.dlt:hover{background: #c30008!important;color: #fff!important;}
.but.edit:hover{background: #666!important;color: #fff!important;}
.doneServiceHistory {max-height: 30px;overflow: hidden;transition: 0.6s linear;}
.doneServiceHistory.show{max-height:fit-content;}
.doneServiceHistory ul li{font-size: 14px;border-bottom: 1px #ddd solid;padding: 5px 0;transition: 0.4s;}
.doneServiceHistory ul li:hover{background: #e0fffe;padding-left: 2px;}
.moreLessBut{color: #33b7b2;font-size: 13px;padding: 4px 6px 4px 35px;margin-top: 5px;position: relative;}
.moreLessBut:after{content: 'More';position: absolute;left: 0;top: 2px;}
.moreLessBut span{font-size: 18px;transform: rotate(-180deg) translateY(3.8px);transition: 0.5s;}
.moreLessBut.show:after{content: 'Less';}
.moreLessBut.show span{transform: rotate(0deg) translateY(-2.5px)!important;}

.numNadCont{vertical-align: top;}
.numNadCont span{vertical-align: top;}
.numNadCont span.noSide{margin-right: 10px;border: 1px #ddd solid;padding: 6px;border-radius: 50%;font-size: 13px;}

.historyBlock .block{justify-content: space-between;}
.historyBlock .earnBlk{font-size: 13px;margin-top: 5px;}
.historyBlock .lve{background: #ffe6e6;}

.conformationPopup{width: 0%;height: 0%;background: rgba(255,255,255,.1);z-index: 12;backdrop-filter: blur(5px);justify-content: center;align-items: center;transition: 0s;overflow: hidden;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.conformationPopup.show{width: 100%;height: 100%;transition: 0.6s ease;}
.conformationPopup .block{background: #333;border-radius: 8px;padding:40px 20px;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.conformationPopup h3{font-size: 24px;font-weight: 500;color: #fff;}
.conformationPopup .conformationBut{cursor: pointer;background: #FFF;color: #000;padding: 10px 20px;border-radius: 5px;margin-top: 15px;font-size: 18px;box-shadow: 0px 0px 0px rgba(255,255,255,.0);transition: 0.6s;}
.conformationPopup .conformationBut:hover{box-shadow: 0px 0px 15px rgba(255,255,255,.8);}
.conformationPopup .closePopup{right: 15px;top: 15px;cursor: pointer;font-size: 30px;color: #fff;border-radius: 50%;  padding: 2px;text-align: center;font-weight: 700;}

.rightBoard .head .addButton{background: #2666a7;color: #fff;font-size: 16px;padding: 12px 20px;border-radius: 50px;cursor: pointer;}
.rightBoard .head .addButton span{font-size: 15px;transform: translateY(-1px);}

.editAddBlock{right:-10%;top: 0;width: 0%;height: 100%;background: rgba(255,255,255,.1);backdrop-filter: blur(6px);z-index: 10;border-left: 2px rgba(40,60,90,0.1) solid;align-items: center;justify-content: center;overflow-y: auto;min-width: 0px;transition: 0;}
.editAddBlock.show{width: 35%;min-width: 250px;transition: 0.3s ease;right: 0;}
.editAddBlock .carryBlk{width:85%;background: #fff;border-radius: 10px;padding: 25px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.editAddBlock .carryBlk h3{margin-bottom: 15px;}
.inputComn{width: 100%;border-bottom: 1px #ddd solid;padding: 8px 0;font-size: 16px;}
.inputComn.submt{background: #231F20;color: #fff;padding:12px 16px;margin-top: 8px;border-radius: 5px;cursor: pointer;}
.cancelBut{padding: 6px;cursor: pointer;font-weight: 600;font-size: 16px;}
.cancelBut span{font-size: 18px;}
.PagesMenuSection{border-top: 1px #d3eafe solid;margin-top: 20px;}
.PagesMenuSection .dashBoardContent{margin-top: 0;}
.PagesMenuSection .blk img{display: none;}

.miniBrief{font-size: 14px;color: #666;line-height: 25px;}

.PagesMenuSection{width:88%;padding-bottom: 45px;}
.PagesMenuSection .dashBoardContent .blk:nth-child(1){display: none;}
.PagesMenuSection .dashBoardContent .blk .goIcon{float: left;}

.serviceSelector span{font-size: 13px;border: 1px #ddd solid;padding: 5px 8px;border-radius: 5px;margin: 6px 6px 0 0px;}
.serviceSelector h4{font-size: 13px;margin-bottom: 4px;display: block;}
.serviceSelector h4 .carry{font-size: 12px;font-weight: normal;border: 0;padding: 0;color: #666;}
.serviceSelector h4 .carry span{margin: 0;background: #e5bbc3;height: 12px;width: 12px;padding: 0;border: 0;border-radius: 0;}
.serviceSelector span.bookedSlot{background: #e5bbc3;cursor: none;color: #fff;}
.serviceSelector span.bookedSlot input{display: none;}

.bookingCarry .blockCarry .block{width: calc(100%/1);padding: 5px 10px;margin-bottom: 5px;box-shadow: none;cursor: default;}
.bookingCarry .blockCarry .block .blk{width: calc(100%/4);font-size:15px;color: #333;}
.bookingCarry .blockCarry .block .blk .whatSpan{font-size: 13px;color: #2666a7;width: 100%;margin-bottom: 5px;display: inline-block;}
.bookingCarry .blockCarry .block .blk.statusDiv{justify-content: space-between;}
.bookingCarry .blockCarry .block.bkd .blk.statusDiv {color: #008937;}
.bookingCarry .blockCarry .block.pndg .blk.statusDiv .statblk{color: #d68d00;}
.bookingCarry .blockCarry .block.cncl{opacity: 0.5;}
.bookingCarry .blockCarry .block.cncl .blk.statusDiv {color: #e71c1c;}
.bookingCarry .blockCarry .block::after{display: none;}
.bookingCarry .btnBlk .but{cursor: pointer;border-radius: 50%;background: #E9F8FF;padding: 4px;margin: 0 5px;color: #333;position: relative;z-index: 4;}
.bookingCarry .btnBlk .but span{font-size: 24px!important;}
.bookingCarry .btnBlk .but.aprv{background: #008937;color: #fff;}

.rate.earn{color: #078338;padding: 2px 5px;}
.rate.earn b{font-size: 35px;padding: 0 5px;}
.paymentBlock .block h3{color: #333;}
.sts{font-size: 12px;margin-top: 10px;color: #666;font-weight: 600;background: #f1f1f1;padding: 2px 10px 3px 10px;border-radius: 15px;}
.sts.pndg{color:#d68d00;background: #fff3dc;padding: 2px 10px 3px 10px;border-radius: 15px;}
.sts.prsg{color:#1544a3;background: #e7efff;padding: 2px 10px 3px 10px;border-radius: 15px;}
.sts.giv{color:#129907;background: #e0ffde;padding: 2px 10px 3px 10px;border-radius: 15px;}
.sts.cncl{color:#e40001;background: #ffe0e0;padding: 2px 10px 3px 10px;border-radius: 15px;}
.filcomn.dateFromTo {font-size: 13px;width: auto;}
.filcomn.dateFromTo .inputsComn{width: auto;}
.submitDateFrmTo{background: #333;color: #fff;padding: 6px 10px;border-radius: 20px;cursor: pointer;}
.dateFromTo{padding-left: 6px;padding-right: 6px;}
.dateFromTo .inputsComn{padding-left: 0;}

.filterBlock{box-shadow: none;background: none;border: 1px #d4dfe9 solid;border-radius: 8px;}

.locSubButns a{color: #333;border-radius: 8px;border: 1px #ccc solid;padding: 6px 14px;font-size: 15px;}
.locSubButns a span{font-size: 16px;}

.addsubbutn{font-size: 12px;color: #666;margin-right: 5px;border-bottom: 1px #999 solid;margin-top: 6px;}

.inactive{box-shadow: 0 0 0 0!important;position: relative!important;}
.inactive:after{width: 100%!important;height: 100%!important;position: absolute!important;background: rgba(235,242,245,0.6)!important;content: "";top: 0!important;left:0!important;display: block!important;opacity: 1!important;pointer-events: none;}
.inactive:hover:after{width: 100%!important;border-radius: 0px!important;}
.inactive:before{width: 100px;height: 22px;position: absolute;background: #eeeeee;content: "Inactive";border-radius: 15px;z-index: 2;top: 0;left:0;right: 0;bottom: 0;margin: auto;text-align: center;color: #999;text-transform: uppercase;padding-top: 5px;font-size: 14px;font-weight: 600;}

.viewBLockCary{margin-bottom: 10px;width: 48%;padding: 10px;}
.viewBLockCary.addrsblk{width: 100%;}
.viewBLockCary .head{color: #666;font-size: 14px;margin-bottom: 4px;}
.SelectRoleFrmLst{margin-top: 8px;}
.SelectRoleFrmLst .sub{margin-top: 6px;border-bottom: 1px #ddd solid;padding-bottom: 6px;}
.SelectRoleFrmLst .sub .blk{margin-right: 6px;font-size: 14px;color: #666;}
.contRoleMini{font-size: 13px;}

.timeChairShow{font-size: 12px;margin-top: 6px;line-height: 17px;color: #666;}


.profileHeader{align-items: center;}

.responsiveNaBlock, .resPonsiveSearch, .filtCloseRes, .filterBlock h3{display: none;}
.resMenu, .closeRes{display: none;cursor: pointer;}
.hideHeight{height: 0!important;padding: 0!important;margin: 0!important;border: 0!important;box-shadow: none!important;background: none!important;}

.chairTimeSlotCarry{font-size: 14px;padding-top: 4px;padding-left: 4px;}
.chairTimeSlotCarry a{color: #333;width: 30px;height: 30px;background: #E9F8FF;padding-top: 3px;color: #333;font-size: 30px;border-radius: 50%;margin-left: 4px;margin: 4px 5px 0 5px;}
.chairTimeSlotCarry a span{}


@media (max-width:1600px) {

}
@media (max-width:1200px) {
  .dashBoardContent .blk span.txt{font-size: 22px;}
  .dashBoardContent .blk:nth-child(1) h2{font-size: 28px;}
  .editAddBlock.show{width: 50%;}
  .rightBoard h2 br{display: block;}
 
}
@media (max-width:990px) {
  .profileHeader, .settingsButn{display: none;}
  .leftBoard .carrier .companyLogo{max-width: 145px;}
  .resMenu, .closeRes{display: block;font-size: 30px;}
  .closeRes{right: 0px;top: 0;}

  .mainMenusBlock{display: none;}
  .responsiveNaBlock{width: 50%;min-width: 250px;background: rgba(245,245,245,0.6);backdrop-filter: blur(6px);height: 100%;right: -101%;top: 0;z-index: 15;border-left: rgba(0,0,0,0.1) solid 1px;justify-content: center;align-items: center;display: flex;transition: 0.4s;}
  .responsiveNaBlock.show{right: 0;}

.responsiveNaBlock .blockCarry{overflow-y: auto;width: 80%;height: 85%;}
.responsiveNaBlock .blockCarry .profileHeader{display: flex;color: #333;border-bottom: 1px #fff solid;padding-bottom: 8px;}
.responsiveNaBlock .blockCarry .profileHeader .pic{width: 60px;height: 60px;border-radius: 50%;overflow: auto;}
.responsiveNaBlock .blockCarry .profileHeader h4{width: 50%;margin-left: 5px;font-size: 14px;font-weight: normal;}
.responsiveNaBlock .blockCarry .profileHeader h4 b{font-size: 15px;}
.responsiveNaBlock .blockCarry a{font-size: 20px;color: #333;font-size: 20px;margin-bottom: 5px;padding:4px 0;}
.responsiveNaBlock .blockCarry a span{font-size: 16px;}

.rightBoard h2{font-size: 26px;}
.dashBoardContent .blk:nth-child(1) h2{font-size: 22px;line-height: 24px;}
.rightBoard h2 span{font-size: 14px;}
.dashBoardContent .blk span.txt{font-size: 18px;margin-top: 8px;}
.dashBoardContent{margin-top: 0;padding: 0;}
.dashBoardContent .blk span.subtext{font-size: 14px;}
.dashBoardContent .blk{width: calc(93%/3);margin-top: 0;}
.rightBoard h2{line-height: 26px;}
.dashboradMenCarry{justify-content: center;}

.subSectionContent .block{width: calc(95%/4);}
.PagesMenuSection{padding-top: 20px;}
.backtoDashBut .letterDash, .rightBoard .head .addButton .lettrAdd{display: none;}
.rightBoard .head .addButton{padding: 6px;}
.rightBoard .head .addButton .material-symbols-outlined{font-size: 25px;font-weight: 600;}
.rightBoard h2{font-size: 22px;}

.bookingCarry .blockCarry .block .blk{width: calc(100%/2);}

.searchThings{display: none;}

.resPonsiveSearch{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5px;align-items: center;}
.resPonsiveSearch .searchDashBar{height: auto;padding-left: 0;width: 220px;}
.resPonsiveSearch .searchDashBar .searchIcon{right: 2px;}

.filterBlock{position: fixed;width: 60%;top: 0;right: -101%;height: 100%;background: rgba(255,255,255,.8);z-index: 15;padding: 0px;border: 0;overflow-y: auto;backdrop-filter: blur(5px);transition: 0.5s;}
.filterBlock.show{right: 0;padding: 20px;}
.resFilter{cursor: pointer;}
.filcomn{width: 100%;border-bottom: 1px #ddd solid;border-right: 0;}
.filtCloseRes{display: block;top: 5px;right: 10px;cursor: pointer;}
.filterBlock h3{display: block;margin-top: 25px;}

.filcomn.dateFromTo{width: 100%;}

}
@media (max-width:768px) {  
.subSectionContent .block{width: calc(95%/3);}
.editAddBlock.show{width: 60%;}
.filterBlock{width: 80%;}
}
@media (max-width:585px) { 
  .dashboradMenCarry{margin-top: 10px;padding-bottom: 40px;}
  .dashbordCont{margin-top: 40px;}
  .dashBoardContent{justify-content: left;}
  .dashBoardContent .blk:nth-child(1){flex-grow: 0;width:98%;height: 120px;}
  .dashBoardContent .blk{width: calc(97%/2);}
  .dashBoardContent .blk{padding-bottom: 15px;}
  .rightBoard h2{text-align: center;}
  .dashBoardContent .blk span.txt{width: 100%;display: block;}
.subSectionContent .block{width: calc(96%/2);}
.subSectionContent .block:hover::after{padding-top: 220%;left: -30%;}
.filcomn .downArrow{font-size: 15px;}

.editAddBlock.show{width: 100%;}
.editAddBlock .carryBlk{width: 94%;}
.conformationPopup .block{width: 90%;padding: 50px 20px 40px 20px;}

.bookingCarry .blockCarry .block .blk{width: calc(100%/1);}
.rightBoard h2{margin-bottom: 5px;display: block;}
.locSubButns a{padding: 6px 5px;font-size: 12px;}
.locSubButns a span {font-size: 14px;}

}
@media (max-width:480px) {  
  .logoutAnchor{display: none;}
  .dashBoardContent .blk{width: calc(94%/2);}
  .dashBoardContent .blk img{width: 60%;}
  .dashBoardContent .blk .goIcon{float: left;padding: 4px;}
  .subSectionContent .block{padding: 14px;}
  .subSectionContent .block h3{font-size: 16px;    line-height: 18px;}
  .filterBlock{margin-top: 0;}
  .subSectionContent .block{width: calc(99%/1);}
}

.errorMsg{font-size: 12px;background: #ffedef;color: #9c0000;padding: 2px 6px;display: none;}
.errorMsg span{font-size: 14px;}
.errorMsg.show{display: inline-block;}

.sucsMsg{font-size: 14px;background: #f2ffe8;color: #056303;padding: 2px 6px;display: none;}
.sucsMsg span{font-size: 16px;}
.sucsMsg.show{display: inline-block;}

.scrollBarCustom{padding-right: 5px!important;overflow: hidden;overflow-y: auto;}
.scrollBarCustom::-webkit-scrollbar {width: 2px;}
.scrollBarCustom::-webkit-scrollbar-track {background: #ddd;}
.scrollBarCustom::-webkit-scrollbar-thumb {background: #999;}
.scrollBarCustom::-webkit-scrollbar-thumb:hover {background: #666;}
.scrollBarCustom{scrollbar-width: thin;scrollbar-color: none;scrollbar-track-color: #ddd;}

.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,
  'opsz' 48}