@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&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: "Work Sans", sans-serif;--whiteColor:#fff;--headFont:"Work Sans", sans-serif;--textFont:"Work Sans", sans-serif;--crmBlue:#474D59;
    --dashBG: #d5e6f0;--shadowBox:1px 1px 10px rgba(2,55,85,0.1);
  } 
  html, body{height: 100%;}
  html{padding: 0;list-style: none;}
  *{margin: 0;border: 0;box-sizing: border-box;font-family: var(--crmFont);}
  a{text-decoration: none;}
  a[href^=tel] {text-decoration:inherit;color: inherit;}
  div{padding: 10px;}form{width: 100%;}

  .orange-time{color: #d06405;}
  .red-time{color: #ff3a3a;}

  h1,h2,h3,h4,h5,h6{font-family: var(--headFont);font-weight: 100;}button{background: none;cursor: pointer;}.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!important;}input:focus, textarea:focus{outline: none;}.flexReverseRow{flex-direction: row-reverse;}.flexReverseColumn{flex-direction: column-reverse;}.flexRow{flex-direction: row;}.flexColm{flex-direction: column;}.jcc{justify-content: center;}.aic{align-items: center;}.jcsb{justify-content: space-between;}
  select{width: 100%;}select:focus{outline: none;}.textUppercase{text-transform: uppercase;}
  .curpoi{cursor: pointer;}textarea{height: 85px;}
  .mt05{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}
  .mb05{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.fw100{font-weight: 100;}.fw300{font-weight: 300;}.fw400{font-weight: 400;}.fw600{font-weight: 600;}.fw700{font-weight: 700;}
  .green{color:#16b306;}.orange{color:#de8410;}.red{color:#e10000;}
  form{width: 100%;}

  .trans04s{transition: 0.4s;}  .trans05s{transition: 0.5s;}  .trans06s{transition: 0.6s;}  .trans1s{transition: 1s;}

  .posAbsolute{position: absolute;}.posRelative{position: relative;}.posFixed{position: fixed;}
  .widthFull{width: 100%;}.widthHalf{width: 50%;}.widthQuarter{width: 25%;}.heightFull{height: 100%;}
  .heightVH{height: 100vh;}.heightHalfVH{height: 50vh;}.carrierSection{width: 99%;max-width: 1600px;padding: 15px;margin-left: auto;margin-right: auto;}
  
  .vertAlMiddle{vertical-align: middle;}.vertAlLeft{vertical-align: left;}.vertAlRight{vertical-align: right;}.vertAltop{vertical-align: top;}.vertAlbtm{vertical-align: bottom;}
  
  .z0{z-index: 0;}.z1{z-index: 1;}.z2{z-index: 2;}.z3{z-index: 3;}.z4{z-index: 4;}.z5{z-index: 5;}.z6{z-index: 6;}.z10{z-index: 10;}.coverCenterImage{object-fit: cover;align-items: center;width:100%;}.screenHeight{height: 100vh;}.halfHeight{height: 50vh;}.alignhorizCenter{justify-content: center;}.alignVertHorzCenter{align-items: center;margin: auto;}.backCover{background-size: cover!important;}
  .clearBoth:after{clear: both;display: block;width: 100%;height: 0px;}
  p{font-size: 18px;line-height: 32px;margin-top: 8px;word-wrap: anywhere;} 
  a{font-family: var(--contentFont);transition: 0.5s ease;}

  html{overflow-x: hidden;}
  body{position: relative;font-family: var(--contentFont);;max-width: 1920px;margin-left: auto;margin-right: auto;overflow-x: hidden;min-height:100%;}

  .fixThis{position: fixed;left: 0;top:0px;z-index: 10;}
  .width90{width: 90%;max-width: 1600px;}.width80{width: 80%;}


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

.editDltVwbtn{color: #333;font-size: 13px;border-radius: 6px;padding: 8px 10px;cursor: pointer;transition: 0.4s ease;border:1px #f1f1f1 solid;font-weight: 500;margin-bottom: 5px;background: #fff;}
.editDltVwbtn:hover{border: 1px #fff solid;background: #fff!important;box-shadow: 0px 0px 15px rgba(0,0,0,0.12);}
.textOverflowBlock{overflow: hidden;text-overflow: ellipsis;padding-right: 5px;white-space:nowrap}
.editDltVwbtn span{font-size: 14px;transform: translateY(-2px);}

.loginMainPage{}
.loginMainPage .left, .loginMainPage .loginformCarry{width: 100%;background: #fff;}

.formCarry{width: 400px;background: #fff;padding: 40px;box-shadow: 0px 0px 40px rgba(4,118,68,0.2);border-radius: 8px;}
.formCarry .logo{width: 60%;}
.textInputAll{width: 100%;border-bottom: 1px #ccc solid;padding: 8px 0;font-size: 14px;background: none;margin-top: 0;}
.textInputAll.ta{width: 100%;border-bottom: 1px #ccc solid;padding: 14px 0;font-size: 14px;background: none;resize: none;}
.textSubmitAll{background: #124d9e;width: 100%;font-size: 16px;padding: 14px 0;text-align: center;border-radius: 10px;color: #fff;cursor: pointer;margin-top: 20px;font-weight:500;text-transform: uppercase;}
.textSubmitAll span{font-size: 18px;}
.formCarry a{margin-top: 15px;font-size: 15px;color: #383F3C;}
.formCarry a span{font-size: 12px;}
.formCarry p{margin: 10px 0 8px 0;font-weight:500;letter-spacing: 0.5px;color: #666;font-size: 16px;}
.checkBoxOfAll{margin-left: 10px;}
.checkBoxOfAll:first-child{margin-left: 0px;}
.textSelectAll{width: 100%;padding: 8px 0;border-bottom: 1px #ccc solid;}

.mainCarrier{height: auto;}
.mainCarrier .blockCarrier{width: 100%;justify-content: space-between;}

.leftBoard{width:18%;justify-content: flex-start;height: 98vh;overflow-y: auto;margin-top: 1vh;background: #fff;border-radius: 10px;margin-left: 10px;}
.leftBoard .carrier{width: 90%;}
.leftBoard .carrier .companyLogo .compLogo{width: 150px;}
.navigations{width:90%;height: auto;margin-top: 0px;padding-bottom: 80px;}
.navigations span.arw{font-size: 15px;}
.navigations a, .navigations span.mn{margin-bottom: 5px;color: #333;font-size: 15px;cursor: pointer;transition: 0.8s;padding: 8px 8px;width: 100%;border-radius: 8px;position: relative;}
.navigations a.active{background: #ebf2ff;}
.navigations a:hover, .navigations span.mn:hover, .navigations span.mn.active{color: #39abf3;}


.manageChange{padding: 15px 25px 0px 25px;border-top: 1px #ddd solid;margin-top: 5px;}
.manageChange a{color: #444;font-size: 15px;font-weight: 600;margin-bottom: 6px;opacity: 0.8;}
.manageChange a.active{opacity: 1;background: #e6ffd0;padding: 3px 10px;border-radius: 30px;}
.manageChange a span{font-size: 18px;color: #fda135;font-variation-settings: 'FILL' 1;}
.manageChange a:first-child span{color: #4844fa;}

.allComingTime{width: 6px;height: 8px;border-radius: 80px;position: absolute;left: -2px;top:50%;bottom: 50%;transform: translate(-50%, -50%);}
.juattimecoming{background: #fcbe19;}
.itstimecoming{background: #ff3a3a;}

.navigations span.mn .hoverMatter{min-width: 180px;border-radius: 8px;padding: 0px;height:auto;transition: 0.8s ease;overflow: hidden;z-index: 2;font-size: 10px;background: #fff;padding: 10px;box-shadow: 0px 0px 14px rgba(0,0,0,0.25);display: none;left: 20px;}
.navigations span.mn:hover .hoverMatter{top: 28px;display: block;}

.navigations span .hoverMatter a{color: #000;margin-bottom: 0px;font-size: 14px;padding: 3px;opacity: 0.7;}
.navigations span .hoverMatter a:hover, .navigations span .hoverMatter a.active{opacity: 1;color: #7ec405;background: none;}
.navigations span.icon{font-size: 20px;}

.rightBoard{width:80%;height:auto;margin: 1vh 10px 0 0;}
.dashHeader{width: 100%;margin-top: 0px;background: #fff;border-radius: 10px;padding: 10px 15px;}
.dashHeader .headLeft{width: auto;}
.dashHeader .headLeft h4{font-weight: normal;}
.dashHeader .headLeft .dateTime{font-size: 14px;color: #000;padding: 0px;line-height: 20px;}
.timeSpan{font-size: 19px;margin-bottom: 0px;line-height: 14px;font-weight: 500;color: #4785da;}
.timeSpan .c{width: 23px;}
.timeSpan span{padding: 0 0.5px;display: inline-block;}
.timeSpan span.d{font-size: 12px;margin-left: 5px;}
.timeSpan .dateShow{font-size: 14px;padding-top: 2px;color: #666;}
.dashHeader .headLeft .dateTime i{font-size: 14px;animation: eyeBLink 12s infinite ease;}

.dashHeader .headRight{width: auto;line-height: 10px;vertical-align: middle;margin-left: 25px;border-radius: 15px;padding: 20px;background: #d8edff;box-shadow: var(--shadowBox);}
.notoficationsBlock{background: #fff;padding: 15px;border-radius: 15px;margin-left: 25px;width: 35%;box-shadow: var(--shadowBox);}
.profileHead{font-size: 14px;}
.profileHead a{color: #333;}
.profileHead a:hover{color: #124d9e;}
.profileHead a span{font-size: 13px;color: #999;}
.profileHead a span.arw{font-size: 16px;}
.timeblink{animation: timeBlink 1s infinite linear;    vertical-align: text-top;padding-top: 3px;}
@keyframes  timeBlink {
  0%{opacity: 1;}
  50%{opacity: 0;}
  100%{opacity: 1;}
}
.searchDashBar{height: auto;width: 33%;vertical-align: top;}
.searchDashBar .searchBox{padding: 8px 10px 8px 10px;height: 100%;border-radius: 5px;background: #fff;width: 80%;margin-bottom: 0px;}
.searchDashBar .searchIcon{font-size:14px;font-weight: bold;color: #333;border-radius: 8px;margin-top: 0px;transform: translateX(-30px);background: #fff;padding: 4px 8px 5px 5px;}
.searchDashBar .searchIcon span{font-size:20px;}
.searchDashBar .searchBox:focus{outline: none;}
.dashBoardContent{width: 100%;border-radius: 10px;height: 89vh;margin-top: 10px;}

.dashBoardContent{width: 100%;border-radius: 10px;height: 89vh;margin-top: 10px;}
.dashBoardContent h2{font-size: 25px;font-weight: 500;}
.dashBoardContent .dashCarry{margin-top: 20px;gap: 25px;}
.dashCarry .block{width: calc(96%/3);margin-bottom: 0px;border-radius: 15px;background: #fff;padding: 15px;border: 1px #eee solid;transition: 0s ease;z-index: 0;}
.dashCarry .block:hover{transition: 0.3s ease;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);z-index: 1;}
.dashCarry .block a{color: #333;}
.dashBoardContent h4{font-weight: 500;font-size: 16px;}
.dashBoardContent h3{font-size:25px; font-weight: 500;width: 100%;}
.dashBoardContent .conCarry{font-size: 15px;border-top: 1px #ddd solid;padding-top: 8px;margin-top: 8px;position: relative;z-index: 1;}
.dashBoardContent h3 span{font-size: 18px;font-weight: 500;color: #666;}
.dashBoardContent .conCarry .blk{width:auto}
.dashBoardContent .conCarry .blk.suddnly{width: 100%;}
.dashBoardContent .conCarry .blk.lv{background: #ffebeb;color: #a22525;padding: 4px 5px;border-radius: 5px;margin-top: 5px;font-size: 14px;}
.dashBoardContent .conCarry .blk.exp{margin-top: 5px;background: #fff9f0;color: #a5701d;padding: 2px 5px;border-radius: 5px;}
.dashBoardContent .conCarry a.span.lv b{font-size: 20px;font-weight: normal;}
.dashCarry .block.veh h3 span{font-size: 16px;font-weight: normal;color: #dd7373;}
.dashCarry .block .hoverDashBlock{background: #fff;border: 1px #ccc solid;left: 0;top: 102%;padding: 10px;border-radius: 5px;display: none;height: auto;max-height: 280px;overflow: hidden;overflow-y: auto;box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
.dashCarry .block .blk:hover .hoverDashBlock{display: block;z-index: 5;min-width: 200px;}
.dashCarry .block .hoverDashBlock a{font-size: 14px;border-bottom: 1px #ddd solid;padding: 5px 0;margin: 2px 0;}
.dashCarry .block .hoverDashBlock a b{font-size: 15px;}
.dashCarry .block .hoverDashBlock a span{background: #fff9ee;color: #a66c07;padding: 4px;margin-top: 4px;font-size: 13px;}
.dashCarry .block.sal h3 span{color: #333;font-size: 14px;}
.dashCarry .block.sal h3 span .paid{background: #e6ffe8;color: #318514;padding: 3px 5px;border-radius: 4px;margin-left: 5px;}
.dashCarry .block.sal  .hoverDashBlock a span{background: #e6ffe8;color: #318514;padding: 3px 5px;border-radius: 4px;}
.dashCarry .block .suddnly .hoverDashBlock a span{background: #ffeded;color: #a22525;}
.onCom{font-size: 13px;}
.onCom b{font-size:20px;font-weight: 400;border: 1px #ccc solid;padding: 0px 3px;background: #fff;line-height: 20px;}
.onCom:hover{z-index: 1;}
.dashCarry .block.proj{background: #f3fff7;}
.dashCarry .block.proj.amc{background: #fff4ea;}
.onCom .hoverDashBlock{width: 250px;}
.onCom:hover .hoverDashBlock{display: block;}
.dashCarry .block .hoverDashBlock a span.bd{border: none;background: none;font-size: 15px;font-weight: 600;color: #333;}
.dashCarry .block.proj.amc .onCom b{font-size: 18px;}
.acbkl span b{font-size: 17px;font-weight: 500;}
.acbkl span{z-index: 0;}.acbkl span:hover {z-index: 1;}
.acbkl span:hover .hoverDashBlock{display: block;width: 200px;}
.acbkl span:hover .hoverDashBlock .bd{background: none;font-size: 16px;color: #333;font-weight: 500;}
.acbkl .conCarry{gap: 5px 20px;}

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

.carrierOfContents{margin-top: 10px;height: 89vh;overflow: hidden;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.carrierOfContents h3{font-size: 30px;margin-bottom: 10px;}
.carrierOfContents .addButton{background: var(--crmBlue);color: #fff;font-weight: 500;padding: 8px 18px 8px 10px;border-radius: 50px;margin: 0px 0 0 20px;font-size: 14px;cursor: pointer;text-transform: uppercase;transform: translateY(-5px);}
.carrierOfContents .addButton i{background: #fff;color: var(--crmBlue);padding: 5px;border-radius: 50%;margin-right: 5px;font-weight: 600;transition: 0.8s ease;}
.carrierOfContents .addButton:hover i{transform: rotate(360deg) scale(1.1);}

.contentCarrier{padding-top: 8px!important;max-height: 74vh;overflow: hidden;overflow-y: auto;border-radius: 10px;padding-bottom: 10px!important;}
 h4.headofspecial{font-size: 22px;color: #124d9e;font-weight: 400;padding: 0px 10px 0 10px;}
span.mainMenuBred{font-size: 13px;color: #666;gap: 8px;padding-bottom: 5px;width: 100%;border-bottom: 1px #d6deed solid;font-weight: 500;color: #999;}
span.mainMenuBred a{color: #666;background: none;padding: 1px 10px;line-height: 11px;font-size: 12px;border-left: 1px #ddd solid;font-weight: normal;}
span.mainMenuBred a span{font-size: 10px;margin-top: .5px;}
 h4.headofspecial span.counts{margin-left: 4px;font-size: 14px;color: #666;font-weight: normal;} 
 .subCont{font-size: 12px;}
 .subCont .act{color: #16b306;}

 .contentCarrier .tableBlocks {position: relative;background: #fff;border-radius: 8px;margin-top: 0px;width: 23.5%;margin-bottom: 20px;font-size: 13px;color: #666;}
 .contentCarrier .tableBlocks:last-child{border-bottom: 0px;}
 .cmnCarryBLock .block{padding: 5px 20px;font-size: 14px;position: relative;z-index: 1;max-width: 20%;width: auto;}
span.headsofCont{font-size: 12px;color: #999;margin-bottom: 0px;}
 .tableBlocks .block:first-child{font-weight:400;color: #7ec405;font-size: 20px;}

 .addClick, .fuelButn,.docBtn{background: #124d9e;color: #fff;font-size: 14px;font-weight: 400;padding: 10px 18px 10px 22px;border-radius:25px;}
 .addClick span, .fuelButn span,.docBtn span{font-size: 18px;}

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

.contentCarrier .blockCont{background: #fff;border-radius: 5px;margin-bottom: 5px;z-index: 0;}
.pathCarry .blockCont .block{width: auto;flex: 1;}
.contentCarrier .blockCont.active, .contentCarrier .blockCont:hover{z-index: 1;}


.contentCarrier .blockCont:after{width:0%;height: 100%;background: linear-gradient(to right, #ddffff, #ddffed, #ffeadf, #fff);position: absolute;content: "";left: 0%;top:0%;z-index: 0;transition: 0s ease;opacity: 0;}
.contentCarrier .blockCont:hover:after{width: 160%;transition: 2s ease;opacity: 0.6;}
.contentCarrier .blockCont .editDltVwbtn{transition: 0.5s;}
.contentCarrier .blockCont:hover .editDltVwbtn{background: #edfbff;color: #0b2960;}


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

.inactive{box-shadow: 0 0 0 0!important;}
.inactive:after{width: 100%;height: 100%;position: absolute;background: rgba(239,241,246,0.95);content: "";top: 0;left:0;border-radius: 0px;}
.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;}
.inactive .block:last-child{position: relative;z-index: 4;}

.addBlock, .editBlock, .deletBlock, .viewBlock, .passwordBlock, .stockBlock, .documentBlock, .fuelBlock, .fuelHistoryBlock, .monthlyAttndnceBlock,.popBlocks, .viewBlock, .useseBlock ,.confirmBlock,.confirmPDFBlock{width: 100%;background:rgba(0,0,0,0.5);bottom: 0%;top:0;left: 0;right: 0;margin: auto;padding: 0px;height:100vh;z-index: 10;display: none;}
.addBlock .block, .editBlock .block, .deletBlock .block, .viewBlock .block, .passwordBlock .block, .stockBlock .block, .documentBlock .block, .fuelBlock .block , .fuelHistoryBlock .block, .monthlyAttndnceBlock .block, .popBlocks .block, .viewBlock .block, .useseBlock .block, .confirmBlock .block, .confirmPDFBlock .block{background: #fff;width: 70%;height: auto;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.1);padding: 25px 5px;max-height: 95vh;overflow: hidden;overflow-y: auto;font-size: 14px;}
.deletBlock .block, .confirmBlock .block,.confirmPDFBlock .block{width: auto;text-align: center;padding: 2.5%;}
.addBlock, .monthlyAttndnceBlock{z-index: 11;}
.editBlock{z-index: 12;}
.deletBlock, .confirmBlock,.confirmPDFBlock{z-index:40;}
.stockBlock, .documentBlock{z-index: 14;}
.deletBlock .block b,.confirmBlock .block b,.confirmPDFBlock .block b{font-size: 18px;}
.deletBlock .block, .confirmBlock .block,.confirmPDFBlock .block{font-size: 16px;margin-top: 4px;}
.addBlock .block .blk, .editBlock .block .blk, .deletBlock .block .blk, .stockBlock .block .blk, .monthlyAttndnceBlock .block .blk{margin: 10px 0;}
.closePopup ,.renwclosePopup{right: 25px;top: 25px;cursor: pointer;font-size: 25px;background: #dfe;border-radius: 50%;  padding: 2px;text-align: center;}
.closePopup.closeNow,.renwclosePopup.closeNow{background: none;font-size: 14px;margin-top: 10px;}
.addBlock.active, .editBlock.active,  .deletBlock.active, .viewBlock.active, .passwordBlock.active, .stockBlock.active, .documentBlock.active, .fuelBlock.active, .fuelHistoryBlock.active, .monthlyAttndnceBlock.active , .popBlocks.active, .viewBlock.active, .useseBlock.active, .confirmBlock.active, .confirmPDFBlock.active{display: flex;}
.addBlock label, .editBlock label, .monthlyAttndnceBlock label{margin-top: 15px;}
.addBlock h3, .editBlock h3, .deletBlock h3, .viewBlock .block h3, .passwordBlock .block h3, .stockBlock h3, .documentBlock h3, .fuelBlock h3 ,.fuelHistoryBlock h3, .monthlyAttndnceBlock h3, .useseBlock h3{font-size: 18px;font-weight: 500;color: #124d9e;padding: 0 10px;}
.addBlock label, .editBlock label{font-size: 14px;margin-top: 15px;color: #999;}
.addBlock .rolesSelector, .editBlock .rolesSelector{margin-top: 10px;}

.beforeElements{background: #f1f1f1;padding: 10px!important;}
.beforeElements, .afterElements{margin-top: 20px;}
.beforeElements .addMoreBut, .afterElements .addMoreBut{position: absolute;right: 0;background: #88a8cf;color: #fff;padding: 4px;font-size: 14px;
border-radius: 50%;cursor: pointer;}

.viewBlock .conBlock{transition: 0.3s ease;}
.viewBlock .conBlock:hover{background:linear-gradient(to right, #eefefe, #f7fefb, #fff4ef, #fff);padding: 0 6px ;}

#extra_contact_view .conBlock{width: 100%;}

.monthlyAttndnceBlock .block select{width: auto;color: #0b2960;font-size: 16px;}
.monthlyAllDayAttndnce{margin-top: 15px;}
.monthlyAllDayAttndnce .cry{width: 100%;padding: 0;margin: 0;}
.monthlyAllDayAttndnce .cry .blk{width: calc(100%/31);border: 1px #ddd solid;padding: 4px;text-align: center;margin: 0;font-size: 12px;}
.monthlyAllDayAttndnce .cry:first-child .blk{font-weight: 500;border-bottom: 0;}
.monthlyAllDayAttndnce .cry .blk .monthattn{font-size: 22px;}
.monthlyAllDayAttndnce .cry .blk .monthattn.attnd{color: #1f8001;background: #ebffe5;}
.monthlyAllDayAttndnce .cry .blk .monthattn.lev{color: #860d0d;background: #ffe3e3;}
.monthlyAllDayAttndnce .cry .blk .monthattn.hlf{color: #7f7008;background: #fff9d2;}
 .monthlyAllDayAttndnce .cry .blk.offSunDay{background: #ffb6b6;color: #d82c2c;}

.viewBlock .block .conBlock{width: calc(100%/3);margin-top: 20px;align-content: baseline;}
.viewBlock .editsBtnCarry{margin-top: 20px;} 
.viewBlock .carryDiv, .viewBlock .carryDiv table{width: 100%;}
.viewBlock .carryDiv table tr td{border-bottom: 1px #ddd solid;padding: 4px;}
.viewBlock .carryDiv .carryDiv{padding: 0px;}

.currntStstusOfLeave{font-size: 14px;display: inline-block;margin-bottom: 8px;}
.currntStstusOfLeave b{color: #fff;padding: 1px 3px;border-radius: 4px;}
.currntStstusOfLeave b:first-child{color: #b91919;background: #ffdbdb;}
.currntStstusOfLeave b:nth-child(2){color: #d06405;background: #ffdcbd;}
.currntStstusOfLeave b:nth-child(3){color: #1f8001;background: #daffce;}

.documentBlock .docuBlock{width: calc(86%/6);margin-bottom: 15px;position: relative;}
.documentBlock .docuBlock img{border: 1px #ddd solid;border-radius: 5px;}
.documentBlock .docuBlock p{font-size: 14px;margin-top: 5px;line-height: 15px;color: #333;}
.documentBlock .addDocument,.documentBlock .updateDocument{background: #fff;border-radius: 8px;margin: 10px 0 10px 10px;width: 60%;}
.documentBlock .addDocument .closeDoc{margin-top: 8px;cursor: pointer;margin-left: 10px;display: none;font-size: 14px;}
.documentBlock .updateDocument .closeDocs{cursor: pointer;margin-left: 10px;}

.documentBlock .addDocument .carriers{display: none;}
.documentBlock .addDocument.active{background: #e9f4f7;}
.documentBlock .addDocument h4{font-weight: 500;}
.addDocButnCarry{background: #124d9e;color: #fff;padding: 12px 20px;border-radius:40px;}
.addDocButnCarry button{color: #fff;font-weight: 600;cursor: pointer;}
.addDocButnCarry button span{font-size: 14px;margin-left: 4px;}
.addDocButnCarry {overflow: hidden;}
.addDocButnCarry .firstClick{width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.addDocButnCarry .firstClick.hide{display: none;}

.documentBlock .addDocument .closeDoc.hide{display: inline-block!important;}
.deleteDoc{background: #e9f4f7;font-size: 20px;top: 5px;right: 5px;border-radius: 50%;padding: 4px;cursor: pointer;}
.editDoc{background: #e9f4f7;font-size: 20px;top: 5px;left: 5px;border-radius: 50%;padding: 4px;cursor: pointer;}

.rolesSelector .cry{width: 50%;align-content: flex-start;}
.rolesSelector .cry h4{font-weight: 500;color: #7ec405;text-transform: uppercase;}
.rolesSelector .cry h5{font-weight: 600;color: #09077b;text-transform: uppercase;font-size: 13px;margin-bottom: 4px;margin-top: 4px;}
.rolesSelector .cry .blck{border: 1px #ddd solid;margin-top: 10px;width: 100%;padding-top: 0;}
.rolesSelector .cry .blck div{margin-top: 8px;}
.rolesSelector .cry .blck div span{margin-right: 12px;margin-bottom: 0px;}
.headerBlk{background: #d1f4ff;padding: 8px;margin-right: 0!important;margin-bottom: 4px;font-size: 16px;}
.headerBlk input{margin-right: 4px;}

.stockBlock table {width: 100%;border-collapse: collapse;}

.moreInputsBlock, .moreInputsBlockhoriz{padding: 8px 0;display: flex;flex-wrap: wrap;justify-content: space-between;background: #f2fdff;padding: 6px;border-radius: 5px;}
.moreInputsBlockhoriz{justify-content: space-between;}
.moreInputsBlock input{width: calc(98%/4);}
.moreInputsBlockhoriz input, .moreInputsBlockhoriz select{width: calc(99%/10);}
.moreInputsBlock .addMoreBut, .moreInputsBlockhoriz .addMoreBut{cursor: pointer;font-size: 18px;background: #88a8cf;padding: 2px;border-radius: 50%;color: #fff;position: absolute;bottom: 3px;right: 3px;z-index: 5;}
.moreInputsBlockhoriz .addMoreBut{}
.moreInputsBlock .addMoreBut:hover, .moreInputsBlockhoriz .addMoreBut:hover{background: #39abf3;}
.moreInputsBlock .pocInput{margin-top: 8px;}
.scrollBarCustom .subCont{font-size: 14px;color:#88a8cf;margin-bottom: 3px;}

.moreInputsBlockhoriz.uesMetirial .material-search-list{width: 75%;}
.moreInputsBlockhoriz.damagedMtrl .material-search-list{width: 48%;}

.moreInputsBlockhoriz.iniStockBlock .row-repeated{display: flex;justify-content: space-between;flex-wrap: wrap;}
.moreInputsBlockhoriz.iniStockBlock .row-repeated .subCont, .purchaseBlockFour.moreInputsBlockhoriz .subCont{width: 100%;margin-top: 6px;}
.moreInputsBlockhoriz.iniStockBlock input, .moreInputsBlockhoriz.iniStockBlock select{width: calc(99%/3);}
.moreInputsBlockhoriz.iniStockBlock .material-search-list input{width: 100%;}

.qoteAddBlock .adBlk input{width: 28%;}
.qoteAddBlock .adBlk input:first-child{width: 70%;}
.qoteAddBlock .addMoreBut{position: absolute;font-size: 16px;border-radius: 50%;background: #c1dbf1;color: #000;bottom: -10px;right: 0px;padding: 2px;cursor: pointer;}
.qoteAddBlock ul{padding-left: 0;margin-bottom: 10px;}
.qoteAddBlock ul li{list-style: none;}
.qoteAddBlock .addTrmsBlk{display: flex;flex-wrap: wrap;justify-content: space-between;border: 1px #ddd solid;padding-bottom: 15px;}
.qoteAddBlock .addTrmsBlk .addMoreBut.all{bottom: -17px;background: #2151cb;color: #fff;}
.qoteAddBlock .addTrmsBlk textarea{width:100%;}
.qoteAddBlock .addTrmsBlk .termsContBlk{width: 100%;}
.qoteAddBlock .addTrmsBlk .termsContBlk textarea{width: 100%;}
.qoteAddBlock .qutCBlk li{width: calc(98%/5);}
/* .qutCfullBlk .addMoreBut{bottom: 32px;} */

.qutCBlk .removeMoreBut{background: #f1f1f1!important;z-index: 3;top: -5px;}

.purchaseBlockFour.moreInputsBlockhoriz input, .purchaseBlockFour.moreInputsBlockhoriz select{width: calc(99%/8);}
.purchaseBlockFour .material-search-list{width: calc(99%/8);}
.purchaseBlockFour .material-search-list select{width: 100%;}
.purchaseBlockFour .row-repeated{align-items: end;}
.purchaseBlockFour .row-repeated span{position: absolute;top: -18px;font-size: 12px;}

#add_use_material_item_data{display: flex;flex-wrap: wrap;justify-content: space-between;}

.moreInputsBlockhoriz.rtnMtrl .row-repeated{display: flex;flex-wrap: wrap;justify-content: space-between;}
.moreInputsBlockhoriz.rtnMtrl .row-repeated .material-search-list{width: 48%;}

#id_return_note{width: 100%;}
#initial_stock_items_view, #project_services_view{width: 100%;}
#initial_stock_items_view tr td .subCont, #project_services_view tr td .subCont{color: #666;font-size: 13px;}
#initial_stock_items_view tr td, #project_services_view tr td{border-bottom: 1px #ddd solid;padding: 4px 0;}

#add_extra_contact_data{display: flex;width: 100%;justify-content: space-between;}

.stockBlock .headPaymentHist{gap: 20px;}
.stockBlock .headPaymentHist .comn{width: calc(96%/3);padding: 15px 20px;border: 1px solid;border-radius: 6px;}
.stockBlock .headPaymentHist .comn h2{font-size: 28px;font-weight: 600;}
.stockBlock .headPaymentHist .comn span.sh{color: #000;opacity: 0.6;margin-bottom: 5px;}
.stockBlock .headPaymentHist .comn.come{background: #fbffea;border: 1px #d1ea67 solid;}
.stockBlock .headPaymentHist .comn.out{background: #fff4f2;border: 1px #f7c5bc solid;}

.moreInputsBlockhoriz .row-repeated{width:100%;}
.material-search-list{padding: 0;width: 100%;}
.material-search-list input{width: 100%!important;}
.SalaryviewBlock .blkCarry.a .blk{width: calc(98%/3);}
.SalaryviewBlock .blkCarry .blk .label{font-size: 13px;color: #666;margin-bottom: 6px;}
.SalaryviewBlock .blkCarry .blk h3{font-size: 17px;font-weight: 500;}
.SalaryviewBlock .blkCarry .blk.lve{color: #da3232;} 
.SalaryviewBlock .blkCarry .blk.csulve{color: #37b33d;} 
.SalaryviewBlock .blkCarry .blk.ttlatn{color: #375db3;} 

.SalaryviewBlock .blkCarry.a h3.pa{color: #31b750;}
.SalaryviewBlock .blkCarry.a h3.pn{color: #ca9542;}
.SalaryviewBlock .blkCarry.a h3.hd{color: #2151cb;}useseBlock
.SalaryviewBlock .blkCarry.a h3.cc{color: #ca4242;}

.SalaryviewBlock .blkCarry.b{border: 1px #ddd solid;width: 98%;border-radius: 5px;}
.SalaryviewBlock .blkCarry.b .blk{width: calc(98%/4);}

.SalaryviewBlock .blkCarry.c .blkAD{width: calc(98%/2);border: 1px #ddd solid;border-radius: 5px;}
.SalaryviewBlock .blkCarry.c .blkAD h2{font-size: 20px;font-weight: 400;}
.SalaryviewBlock .blkCarry.c .blkAD h4{font-size: 20px;font-weight: 600;margin-top: 10px;}
.SalaryviewBlock .blkCarry.c .blkAD .blk{border-bottom: 1px #ddd solid;}

.SalaryviewBlock .blkCarry.d {border: 1px #ddd solid;border-radius: 5px;width: 98%;background: linear-gradient(to left, #f8fffa, #eefff2);}
.SalaryviewBlock .blkCarry.d  h3{font-size: 24px;font-weight: 600;}

.useseBlock .blck{width:45%;border: 1px #ddd solid;border-radius: 5px;padding: 20px;}
.useseBlock .carryblk{gap: 15px;}
.useseBlock .blck h4{font-size: 22px;font-weight: 500;margin-bottom: 15px;}
.useseBlock .blck ul{margin-left: -15px;}
.useseBlock .blck ul li{list-style: none;font-size: 18px;padding: 5px 0;}
.useseBlock .blck table{width: 100%;}
.useseBlock .blck table tr th,
.useseBlock .blck table tr td{padding: 5px 6px;border-bottom: 1px #eee solid;text-align: left;}
.useseBlock .blck table tr:nth-child(even) td{background: #efefef;}

.workersSupprt{background: #f1fcff;padding: 0px 10px;border-radius: 5px;font-size: 15px;margin-bottom: 15px;}
.workersSupprt tr td{border: none;}

.salariSlip .block .head .logoImage{width:260px ;}
.salariSlip .block .detailsHead{border: 1px #ccc solid;width: 98%;}
.salariSlip .block .detailsHead .blk{font-size: 16px;font-weight: 500;border-left: #ccc solid 1px;width: calc(98%/3);}
.salariSlip .block .detailsHead .blk:first-child{border-left: #ccc solid 0px;}
.salariSlip .block .detailsHead .blk span{font-size: 12px;font-weight: normal;}
.salariSlip .block .detailsHead .line{height:50px;border-right: 1px #ccc solid;}

.salariSlip .addDedect{width: 98%;margin-top: 15px;}
.salariSlip .addDedect .block{box-shadow: none;width: calc(98%/2);border: 1px #ccc solid;border-radius: 2px;padding: 10px;}
.salariSlip .addDedect .block h4{font-size: 16px;font-weight: 600;padding-left: 10px;}
.salariSlip .addDedect .block .blk{border-bottom: 1px #ccc solid;}
.salariSlip .addDedect .block .blk:last-child{border-bottom: 0px #ccc solid;}
.salariSlip .addDedect .block .blk.ttl{font-size: 16px;font-weight: 500;}

.totalpayment{border: 1px #ccc solid;width: 98%;margin-top: 10px;}
.totalpayment h4{font-size: 20px;font-weight: 500;}

.AuthorizedBlock{width: 98%;margin-top: 10px;}

.ck-editor__main{padding: 0!important;}

.noInterNetPopup.no-connection{bottom: 5%;opacity: 1;}
.noInterNetPopup{width: 30%;bottom:-101%;right: 50%;background: #fff;border-radius: 20px;box-shadow: 0px 0px 15px rgba(0,0,0,0.2);overflow: hidden;opacity: 0;transition: 0.5s ease;left: 50%;transform: translate(-50%);z-index: 10;}
.noInterNetPopup .block{width: calc(98%/2);}
.noInterNetPopup .block.a{background: #333;padding: 50px 0;}
.noInterNetPopup .block.a img{width: 100px;}
.noInterNetPopup .block h2{font-weight: 600;font-size: 18px;color: #4785da;}
.noInterNetPopup .block p{font-size: 14px;color: #666;margin-top: 8px;line-height: 18px;}
.noInterNetPopup .block p b{display: inline-block;margin-top: 5px;}

.editBlock input, .editBlock select{margin-bottom: 5px;}
.editBlock .repeatdiv{gap: 0px;display: flex;
  flex-wrap: wrap;justify-content: space-between;}
.repeatdiv {position: relative;justify-content: space-between;}
.repeatdiv .removeMoreBut{position: absolute;
  right: 0px;font-size: 13px;background: #fff;
  width: 25px;padding: 7px;border-radius: 50%;cursor: pointer;}

.stockBlock table tr td{font-size:15px;font-weight: 400;text-align: left;padding: 14px 5px;border-bottom: 1px #d0fdff solid;}
.stockBlock table tr:nth-child(even) td{background: #f3ffff;}
.stockBlock table tr:hover td{border-bottom: 1px #88a8cf solid;}
.stockBlock table tr td span{color: #333;margin-bottom: 3px;}

.moreInputsBlockhoriz.rtnMtrl input, .moreInputsBlockhoriz.rtnMtrl select{width: calc(99%/12);}
.moreInputsBlockhoriz.damagedMtrl input, .moreInputsBlockhoriz.damagedMtrl select{width: calc(99%/4);}
.moreInputsBlockhoriz.slsLst input, .moreInputsBlockhoriz.slsLst select, .moreInputsBlockhoriz.paymntLst input, .moreInputsBlockhoriz.paymntLst select, .moreInputsBlockhoriz.rcptLst input, .moreInputsBlockhoriz.rcptLst select{width: calc(96%/7);}
.moreInputsBlockhoriz.rcptLst.edt input, .moreInputsBlockhoriz.rcptLst.edt select{width: calc(96%/6);}

.moreInputsBlockhoriz.paymntLst.edt input, .moreInputsBlockhoriz.paymntLst.edt select{width: calc(96%/6);}

.stockBlock.paymntHistBlk table tr:nth-child(even) td{background:none;}
.stockBlock.paymntHistBlk table tr td .status{padding: 2px 8px;border-radius: 6px;margin-top: 6px;font-size: 12px;}
.stockBlock.paymntHistBlk table tr td .status.pd{background: #046f18;color: #f8fff1;} 
.stockBlock.paymntHistBlk table tr td .status.py{background: #a22525;color: #fff5f5;} 

.logout_butn{background: #fff3f3;color: #ec3737!important;padding: 5px 10px;border-radius: 8px;margin-left: 10px;font-size: 16px;}
.logout_butn span{color: #ba3838!important;}

.expoertCarry select{margin:  6px;padding: 5px 6px;}
.expoertCarry button{background: #124d9e;color: #fff;font-size: 14px;padding: 4px 10px;border-radius: 5px;}

.atndnceCarry .blockCont .block{font-size: 14px; flex: 1.5;position: relative;padding-right: 5px;cursor: pointer;}
.overflowText{overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90%;transition: 0.5s ease;font-size: 13px;}
.atndnceCarry .blockCont .block:hover .overflowText{white-space: normal;position: absolute;left: 10px;top:20px;background: #383F3C;color: #fff;border-radius: 4px;padding: 4px;}

.approveThis{border-bottom: 1px #16b306 solid;color: #046f18;margin-top: 4px;cursor: pointer;padding-bottom: 2px;font-size: 12px;}
.approvedOt{color: #046f18;font-size: 16px;margin-left: 1px;transform: translateY(4px);}

.atndnceCarry .blockCont .block.inout{flex: 1.6;}
.atndnceCarry .blockCont .block.butons{flex:2.2;text-align: right;}
.atndnceCarry .blockCont .block.date{flex:1.4;}
.atndnceCarry .blockCont .block .overflowCont{background: #fff;border: 1px #ddd solid;left: 0;top: 0;border-radius: 4px;padding: 5px;z-index: 5;}

.absndPrsnd{padding: 4px 10px;border-radius: 6px;margin-top: 2px;display: inline-block;line-height: 14px;font-size: 13px;}
.absndPrsnd.prsnd{background: #e4ffe9;color: #046f18;}
.absndPrsnd.absnd{background: #ffe3e3;color: #6f0404;}
.absndPrsnd.halfday{background: #ffecca;color: #805201;}

.allMsgCarry{display: none;}
.allMsgCarry.show{display: block;}
.errorMsgOf{background: #ffe6e6;color: #b91919;font-size: 13px;padding: 5px 8px;border-radius: 3px;margin-top: 5px;font-weight: 500;}
.sucssMsgOf{background: #f7fff4;color: #318514;font-size: 13px;padding: 5px 8px;border-radius: 3px;margin-top: 5px;font-weight: 500;}
.allMsgCarry .closeMsg{right: 5px;top: 4px;font-size: 18px;cursor: pointer;}

.hideHeight{height: 0px!important;border: 0;box-shadow: 0 0 0 #fff!important;padding: 0!important;}

.inProjectCont input, .inProjectCont select{width: calc(96%/9)!important;margin-bottom: 0px;}
.headCarry .buttons a{border: 1px #bbb solid;padding: 10px 20px;border-radius: 25px;font-size: 15px;color:#333;}
.plusCarry{margin-top: 10px;padding: 0;margin-bottom: 5px;}
.plusCarry input,.plusCarry select{width: calc(96%/4)!important;margin-bottom: 0px;}

.fireGuardLogo{width: 100%;bottom: 0;left: 50%;right: 0;
  transform: translate(-50%, -50%);background: #fff;
  border-top: 1px #ddd solid;display: flex;flex-wrap: wrap;justify-content: center;padding: 0;padding-top: 8px;}
.fireGuardLogo img{width: 60%;}

.ibirdblock{font-size: 12px;color: #666;bottom: 0;letter-spacing: 0.2px;}
.ibirdblock img{width: 17px;margin-left: 5px;mix-blend-mode: luminosity;opacity: 0.6;cursor: pointer;}

.addSimpleButn{font-size: 11px;color: #164cb9;text-decoration: underline;margin-top: 3px;margin-left: 2px;}

 .addOnListBlock{top: 0;left: 0;background: #fff;width: 100%;padding: 5px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);border-radius: 5px;display: none;z-index: 0;}
.addOnListBlock.active{display: block;z-index: 1;}
.addOnListBlock button{border: 1px #124d9e solid;padding: 2px 4px;color: #124d9e;font-size: 12px;margin-top: 4px;cursor: pointer;}
.addOnListBlock .a input, .addOnListBlock .a {justify-content: space-between;}
.addOnListBlock .a input, .addOnListBlock .a select{width: 48%;}
.addOnListBlock input, .addOnListBlock select{border:none;border-bottom: 1px #ccc solid;padding: 2px 5px;margin-bottom: 4px;}

.dashCarry .block.amc .onCom{margin-right: 5px;}

#piechart{padding: 0;z-index: 0;position:relative;}

#piechart div{padding: 0;}
#piechart div div{padding: 0;margin: -16px auto 0 auto;}
#piechart div div div{top:30px!important;}
#piechart div div div:after{position:absolute;height: 45%;width: 60%;background: #ddd;top: 10%;left: 10%;content: "";border-radius: 50%;z-index: 0;padding: 35% 10% 0 10%;content: 'Please add attendance to show the chart.';text-align: center;font-size: 14px;color: #8c8c8c;}
#piechart div div div svg{z-index: 1;position: relative;}
#piechart div div div svg rect{fill:none!important;}

#amcGraph div div div{top:-30px!important;}

#projectsGraph rect{fill:none!important;}
#projectsGraph g rect{fill:#4889cc!important;} 

.comnChartClass, .comnChartClass div, .comnChartClass div div, .comnChartClass div div div {padding: 0;}

#amcGraph rect{fill:none!important;}
#amcGraph g rect{fill:#9fc851!important;} 
#amcGraph, #amcGraph div, #amcGraph div div, #amcGraph div div div {padding: 0;}

.editBlock #add_extra_contact_data{display: block;}
.QuotItem .addMoreBut{bottom: -4px;z-index: 3;}
.qoteAddBlock .removeMoreBut{font-size: 12px;font-weight: bolod;width: auto;padding: 4px;}

#fuelHistoryTable a p{font-size: 14px;color: #333;border: 1px #ccc solid;padding: 5px 14px;border-radius: 20px;line-height: 14px;}

#initial_stock_edit .moreInputsBlockhoriz input{width: calc(98%/6);}
.suggestions-box{width: 200px!important;}
.saleServices.moreInputsBlockhoriz.slsLst input{width: calc(96%/5);}
#view_terms_conditions h4 span{font-weight: 250;}

.material-error-span{font-size: 12.5px!important;color: #f00;font-weight: 400;margin-top: 2px;display: inline-block;position: absolute!important;top:auto!important;bottom:auto;width: 400px;}
.material-error-span.rtn{bottom:-6px!important}
.auto-sale-project-class.saleServices.moreInputsBlockhoriz.slsLst select, .auto-sale-project-class.saleServices.moreInputsBlockhoriz.slsLst input{width: calc(96%/5);}
.auto-sale-amc-class.saleServices.moreInputsBlockhoriz.slsLst select, .auto-sale-amc-class.saleServices.moreInputsBlockhoriz.slsLst input{width: calc(96%/4);}
.saleServices.moreInputsBlockhoriz.slsLst input, .saleServices.moreInputsBlockhoriz.slsLst select{width: calc(96%/4);}

.fournotfourCaary h2{display: block;width: 100%;font-size: 250px;margin-top: 10%;text-align: center;color: #9deebb;font-weight: 800;text-shadow:  0px 0px 0px rgba(0,0,0,0.6);opacity: 0.5;line-height: 220px;letter-spacing: -280px;}
.fournotfourCaary .mintex{width: 100%;display: inline-block;text-align: center;color: #456392;font-size: 18px;}
.fournotfourCaary p{width: 100%;display: inline-block;text-align: center;color: #757e8c;font-size: 15px;margin-top: 0;}

.filterPayPaid{text-align: center;border-bottom: 1px #f1f1f1 solid;}
.filterPayPaid span{font-size: 14px;cursor: pointer;border: 1px #ddd solid;padding: 3px 15px;display: inline-block;border-radius: 8px;}

.no-item{margin: 0 auto;opacity: 0.4;position: relative;}
.no-item:after{position: absolute;content: "!";right: -8px;top: 0;font-size: 20px;}

.table_for_items tr td{padding: 6px 0;vertical-align: top;}
.table_description{border: 1px #ddd solid;border-spacing: 0px;margin-top: 20px;}
.table_description tr td, .table_description tr th{padding: 8px;font-size: 14px;}
.table_description tr td{text-align: center;border-bottom:1px solid #ddd;}
.table_description tr th{background: #ddd;}
.table_description tr:last-child td{border-bottom:0px solid #ddd;}
.table_description tr:nth-child(even) td{background: #f1f1f1;}
.table_description tr td input{background: none;border:1px solid #ddd;}
.table_for_items tr td:nth-child(1){width: 24%;}
.amcAddBlocks label{color: #666;margin-bottom: 5px;}
.amcAddBlocks .qutCBlk.repeatdiv{padding: 10px!important;}

.amcAddBlocks .addAftBefImageHead{margin-top: 20px;margin-bottom: 8px;font-size: 15px;color: #222;}

.amcAddBlocks .QuotItem .addMoreBut{bottom: -4px;z-index: 3;position: absolute;right: 0;background: #88a8cf;color: #fff;padding: 4px;
font-size: 14px;border-radius: 50%;cursor: pointer;}

.table_fire_pump{border: 1px #ddd solid;border-spacing: 0px;margin-top: 20px;}
.table_fire_pump tr td, .table_fire_pump tr th{padding: 8px;font-size: 14px;text-align: left;}
.table_fire_pump tr th{background: #ddd;}
.table_fire_pump tr td:nth-child(1){color: #999;width: 60px;}
.table_fire_pump tr td{border-bottom:1px solid #ddd;}
.table_fire_pump tr:last-child td{border-bottom:0px solid #ddd;}
.table_fire_pump tr:nth-child(even) td{background: #f1f1f1;}
.table_fire_pump tr td input{background: none;border:1px solid #ddd;}
.table_fire_pump tr td textarea{height: 60px;}

.table_deluge_system{border: 1px #ddd solid;border-spacing: 0px;margin-top: 20px;}
.table_deluge_system tr td, .table_deluge_system tr th{padding: 8px;font-size: 14px;text-align: left;}
.table_deluge_system tr th{background: #ddd;}
.table_deluge_system tr td:nth-child(1){color: #999;width: 60px;}
.table_deluge_system tr td{border-bottom:1px solid #ddd;}
.table_deluge_system tr:last-child td{border-bottom:0px solid #ddd;}
.table_deluge_system tr:nth-child(even) td{background: #f1f1f1;}
.table_deluge_system tr td input{background: none;border:1px solid #ddd;}
.table_deluge_system tr td textarea{height: 60px;}

.table_fire_extinguiser{border: 1px #ddd solid;border-spacing: 0px;margin-top: 20px;}
.table_fire_extinguiser tr td, .table_fire_extinguiser tr th{padding: 8px;font-size: 14px;text-align: left;}
.table_fire_extinguiser tr th{background: #ddd;}
.table_fire_extinguiser tr td:nth-child(1){color: #999;width: 60px;}
.table_fire_extinguiser tr td{border-bottom:1px solid #ddd;}
.table_fire_extinguiser tr:last-child td{border-bottom:0px solid #ddd;}
.table_fire_extinguiser tr:nth-child(even) td{background: #f1f1f1;}
.table_fire_extinguiser tr td input{background: none;border:1px solid #ddd;}
.table_fire_extinguiser tr td textarea{height: 60px;}

.table_fire_hose_heel{border: 1px #ddd solid;border-spacing: 0px;margin-top: 20px;}
.table_fire_hose_heel tr td, .table_fire_hose_heel tr th{padding: 8px;font-size: 14px;text-align: left;}
.table_fire_hose_heel tr th{background: #ddd;}
.table_fire_hose_heel tr td:nth-child(1){color: #999;width: 60px;}
.table_fire_hose_heel tr td{border-bottom:1px solid #ddd;}
.table_fire_hose_heel tr:last-child td{border-bottom:0px solid #ddd;}
.table_fire_hose_heel tr:nth-child(even) td{background: #f1f1f1;}
.table_fire_hose_heel tr td input{background: none;border:1px solid #ddd;}
.table_fire_hose_heel tr td textarea{height: 60px;}

.folderCarry{width: 95%;margin: 20px auto 0 auto;gap: 50px;}
.folderCarry a{color: #333;font-size: 16px;overflow: hidden;}
.folderCarry a span{font-size: 80px;transition: 0.5s;}
.folderCarry a:hover span{scale: 1.1;}
.folderCarry a  p.fileName{font-size: 12px;line-height: 12px;}
.folderCarry a  p.cratDate{font-size: 15px;line-height: 15px;margin-top: 5px;}




@media (max-width:1600px) {

}
@media (max-width:1200px) {
 
}
@media (max-width:990px) {
  
}
@media (max-width:768px) {  
  
}
@media (max-width:585px) { 
 
}
@media (max-width:480px) {  
  
}

.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,
  'opsz' 48}
  
  .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: auto;scrollbar-color: none;scrollbar-track-color: #ddd;}

  .amcRenwlBlock.two input, .amcRenwlBlock.two select{width: calc(97%/2);}
  .amcRenwlBlock.four input, .amcRenwlBlock.four select{width: calc(97%/4);}