.card.rounded20.active{background:#fff;}
span.h-item{padding: 3px 8px;font-size: 12px;}
.defaulds-btn {background: linear-gradient(180deg, #cfdef7, #ffffff);padding: 5px 15px;display: inline-flex;border: 1px solid #dbe7ff;border-radius: 20px;color: #141b5f;}
.defaulds-btn:hover{background: linear-gradient(180deg, #ffffff, #cfdef7);}
.defaulds-btn2 {background:#fff;padding: 5px 10px;display: inline-flex;border:2px solid #bcc5d9;border-radius:20px;color: #424246;font-weight: 400;gap: 5px; font-size:13px;}
.defaulds-btn2:hover{background:linear-gradient(180deg, #cfcbcb42, #d0d8e58c);}
.statusInfo {border: 1px solid #8aade1;}
.card {box-shadow: none;padding: 25px;}
.higlight-items span.h-item {font-weight: 500;border-radius: 5px;padding: 5px 8px;font-size: 13px;border: 1px solid #bcc3d1;}
.higlight-items span.h-item.highl-1{border-color:#95d7b8;}
.higlight-items span.h-item.highl-2{border-color:#fdcaa2;}
.higlight-items span.h-item.highl-3{border-color:#91a7d1;}
.higlight-items span.h-item.highl-4{border-color:#91a7d1;}
.higlight-items span.h-item.highl-5{border-color:#a8d1eb;}
.higlight-items span.h-item.highl-6{border-color:#f9c157;}
.diclineAccept {display: flex;gap: 10px;align-items: center;flex-direction: row-reverse;}
.diclineAccept .defaulds-btn2 {padding: 8px 40px;}
.post-title{position: relative;}
.accetp-btn{padding:10px 30px;}
.acceptbox {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; gap: 15px;}
.job-card {width: 100%;max-width: 860px;background: #eefff4;border: 1px solid #b9f8cf;border-radius: 14px;padding: 18px 20px;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;}
.job-card .label {font-size: 14px;color: #6b7280;margin: 0 0 6px 0;font-weight: 500;}
.job-card .value {font-size: 26px;line-height: 1.1;color: #0f172a;margin: 0;font-weight: 800;letter-spacing: 0.2px;}
.job-card .icon {width: 46px;height: 46px;flex: 0 0 46px;display: grid; place-items: center;background: #35b9a6;border-radius: 40px;}
.job-card .icon svg {color: #fff;width: 30px;height: 30px;}
.defaulds-btn2.dark {background: #00a0ff;color: #fff;border: 2px solid #00a0ff;}
.vrfy {color: #35b9a6;font-weight: 500;display: flex;align-items: center;gap: 4px;}
.vrfy .bi {font-size: 18px;}
.validatorError button.close-btn {position: absolute;right: 15px;border: 0;background: #f10505;color: #fff;font-size: 24px;border-radius: 30px;}
.hideDetailPage {display: none;}
.activeTask .myTaskFixed.newsc .taskscroll.leadScroll .lead-tt .hideDetailPage {display: block;}

span.online {position: relative;}
span.pulse {position: relative;}
.pulse:before{inset-block-start: 0;inset-inline-end: 0;width: 10px;height: 10px;}
.status-success a{color:#0c6c5e;}
.status-success svg{color:#0c6c5e;}
span.status-default.sm {width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;}
span.status-default.sm svg {width: 14px;height: 14px;}
span.status-success.sm {width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;}
span.status-success.sm svg {width: 14px;height: 14px; color:#fff;}
.bg-gray.topspace.brsTaskTop.pt-4.ne {height: 100vh;min-height: 700px;}

.validatorError {position: relative;background: #ff08062e;color: #e90808;text-align: center;padding: 10px;margin-top: -24px;margin-bottom: 15px;}
textarea.form-control {height: auto;}

span.h-item.oneDoller{background:var(--blue); color:#fff; padding:0; padding-right:10px;}
.oneDoller span.icon-c{width:20px;height:20px;}
.dateTime {background: #eef4ff;font-size: 13px;padding: 2px 5px;border-radius: 5px;}
.leasTask.paginate {max-height: calc(72vh - 0px);}

@media screen and (min-width: 100px) and (max-width: 991px) {
.myTaskFixed.newsc {padding: 20px !important;}   
.footer-bottom {margin-bottom: 0;}
.bg-gray.topspace.brsTaskTop.pt-4.ne {height:auto;min-height: 700px;}
.browseTaskSide.newsc {max-height: inherit;}
.myTaskFixed.newsc {max-height: initial;padding-top:15px;}
.card.sdow{border-radius: 0;}
.hideDetails .hideOndetail{display:none !important;}
.finalLeadSidebar .card-header {position: fixed;top: 55px;left: 0;right: 0;padding: 0;z-index: 9;}
.finalLeadSidebar .leasTask.paginate {max-height: inherit;}
.bg-gray.topspace.brsTaskTop.pt-4.ne {background: #f3f7ff !important;padding-top: 100px !important;}
.card.sdow {border-radius: 0;background: transparent;border: 0;}
.leadPaginat {padding: 10px;border: 0;margin: 10px 0;position: relative;border-radius: 10px;}
.taskscroll {scrollbar-width: none;max-height: inherit;padding: 15px;}
.finalLeadDetail .card {box-shadow: none;padding: 15px;}
.hideDetailPage {display: block;}
.post-title .fixtitle {position: fixed;top: 53px;border-radius: 0 !important;left: 0;right: 0;padding: 7px;background: #fff;}
.post-title .fixtitle h3 {font-size: 18px;}
.post-title.card {background: transparent;border: 0;padding: 0;margin: 0 !important;}
.allbtns {background: #fff;padding: 10px;border-radius: 15px;border: 1px solid var(--line);margin-bottom: 15px;}
.taskscroll.side {padding: 10px 0;}  
.diclineAccept{flex-wrap: wrap;justify-content: center;}

.brsTaskTop {overflow: hidden;}
.finalLeadDetail{-webkit-transition: 450ms ease, width 450ms ease;transition: 450ms ease, width 450ms ease;-o-transition: 450ms ease, width 450ms ease;margin-left:0;}
.hideDetails .finalLeadDetail {margin-left: 100%;}
.post-title .fixtitle {position: fixed;top: 53px;border-radius: 0 !important;right: 0;padding: 7px;background: #fff;left:0;-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;}
.post-title .fixtitle h3 {font-size: 18px;}
.hideDetails .post-title .fixtitle{left:100%;}

.finalLeadSidebar{position: fixed;background: #eee;z-index: 99;-webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);top: 55px;padding: 0;height: 94%;overflow: auto;
-webkit-transition: left 450ms ease, width 450ms ease;transition: left 450ms ease, width 450ms ease;-o-transition: left 450ms ease, width 450ms ease;border-inline-end: 1px solid #e9edf4;inset-inline-start:0;}
.hideSidbar .finalLeadSidebar {inset-inline-start: -130%;}
.finalLeadSidebar .taskscroll.side {overflow-y: auto;padding:10px !important;}   
.finalLeadSidebar .card-header {position: relative;top: 0;left: 0;right: 0;padding: 0;z-index: 9;}
}

@media screen and (min-width:768px) and (max-width: 991px) {
 .myTaskFixed.newsc {max-height: initial;padding-top:65px;}  
}