.sa-menu-bar{display:flex;align-items:center;gap: 20px;}.el-dropdown-link{cursor:pointer}
.sa-new-dash,.sa-new-dash h4,.sa-new-dash .h4 {color: var(--sa-text-dark);}.sa-new-dash .el-icon-date:before {content: '\eac7';font-family: 'icomoon';font-size: 18px;pointer-events: none;}.sa-new-dash .el-input__prefix { left: auto; right: 10px; top: 5px; }.sa-new-dash .el-input--prefix .el-input__inner {padding-left: 40px;padding-right: 40px;}.el-input--small .el-input__suffix .el-select__caret { font-size: 14px; }.el-input--small .el-input__suffix {right: 5px;}.sa-cust-slct-bg .el-input__inner{background-color: #F0F0F0;border-color: #F0F0F0;}
.sa-dash-min-hgt {min-height:136px}.sa-dash-min-hgt .el-card__body{padding:calc(var(--sa-spacing-unit)* 10)}
.sa-dash-card { display: flex; }.sa-dash-circ { width: 44px; height: 44px; border-radius: 100%; background: #D9FCE5; line-height: 44px; text-align: center;font-size: 18px; }.sa-dash-circ.icon-hospital-sign {background:#FFE3F2;}.sa-dash-info { padding-left: 20px; position: relative; }.sa-dash-info-det {margin: 5px 0 10px 0;}.sa-vert-line { padding-left: 20px; margin-left: 20px;position: relative; }.sa-vert-line:before { width: 1px; height: 100%; background: #ddd; content: ''; position: absolute; top: 0; left: 0; }
.sa-dash-small {color:var(--sa-text-light);font-weight: normal;margin-left: 5px;}.sa-tot-cus-slct .el-input--small .el-input__inner{border-radius:calc(var(--sa-spacing-unit)* 10);background-color:#f1f3ff;border:none;}.sa-tot-cus-slct .el-select .el-input .el-select__caret{color:#646668;font-size:14px}
.sa-dash-grph-bg { background-color: #F5F8FF; border: none; border-radius: 10px; height: 340px; overflow: hidden; overflow-y: auto; }
.sa-apt-via-list,.sa-apt-via-list li span {position:relative; display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}.sa-apt-via-list li {display: inline-flex;align-items: center;justify-content: space-between;width:100%;padding:20px 0 0;}.sa-apt-via-list li span{color: #646668;}.sa-apt-via-list li i { font-size: 20px; margin-right: 10px; }.sa-apt-via-list:before {content: '';/*position: absolute;left: 50%;top: 20px;*/width: 1px;height: calc(100% - 20px);background-color: #E2EAEE;}.sa-dash-grph-bg p{font-size: 16px;}.sa-dash-grph-bg strong{font-size:16px;margin-left:10px;}.sa-apt-via-list li strong{font-size: 14px;}.sa-apt-via-list-det li i {width: 30px}
.sa-apt-content{display: var(--sa-flex); display: -webkit-flex; justify-content: var(--sa-space-between);}
.sa-apt-content span:nth-child(1){display: var(--sa-flex); display: -webkit-flex; align-items: var(--sa-center);}.sa-dsh-grph-details  .sa-chart-bod span{font-size: var(--sa-font-16);display: var(--sa-flex); display: -webkit-flex; align-items: var(--sa-center); }
.customtabs .el-tabs--border-card>.el-tabs__header .el-tabs__item {font-weight: normal;}
/*Appointment completed via styles start here (Junaid)*/
.sa-app-device{display: -webkit-flex; position: var(--sa-relative); flex-wrap: var(--sa-wrap);justify-content:space-around;border: var(--sa-border-solid) var(--sa-grey);border-radius:calc(var(--sa-spacing-unit)* 5);padding: calc(var(--sa-spacing-unit)* 5 + 5px);}.sa-app-deviceli{width:unset;line-height:40px}.sa-app-device li span {display: -webkit-flex; align-items: var(--sa-center); color: #646668;line-height: calc(var(--sa-spacing-unit)* 20);}.sa-app-device i { font-size: var(--sa-font-18); margin-right: calc(var(--sa-spacing-unit)* 4); }.sa-app-device h6 { margin-top: calc(var(--sa-spacing-unit)* 8); }.sa-app-device::before { background: #f2f5f8; height: 1.5px; content: ' '; position: var(--sa-absolute); width: calc(var(--sa-value)* 50); top: 55px; left: 0; }.icon-ops {color: #E87E32;}.sa-bupa-clr{color:#2F98B2;}.sa-huawei-clr{color: #E20021;}
/*Appointment completed via styles end here*/
/*Product details styles start here*/
.sa-pro-det .sa-tit{display: flex;text-align: left;}.sa-pro-det .sa-tit i{margin-right: 15px;color:#0048FF;padding-top: 5px;font-size: 20px;}.sa-pro-det .el-date-editor{width: 280px;margin-left: 25px;}.sa-pro-det .el-date-editor .el-range-separator {line-height: 43px;}
.sa-pro-det-graph{margin-top:50px;}.sa-pro-det-graph .apexcharts-legend { flex-wrap: wrap;    flex-direction: row!important; }
.sa-pro-det-graph .apexcharts-legend .apexcharts-legend-series { width: 48%; line-height: 26px; padding-left: 100px; }
.sa-pro-det-graph .apexcharts-legend-text strong{float: right;}.sa-pro-det-graph .apexcharts-legend-marker{top: 6px!important;margin-right: calc(var(--sa-spacing-unit)* 5)!important;}.sa-pro-det-graph .apexcharts-legend-text{font-family: inherit!important;}
/*Product details styles end here*/
/*Sales graph styles start here*/
.sa-sale-grp .apexcharts-legend.apx-legend-position-top.apexcharts-align-center{ top: -72px!important; border: 1px solid var(--sa-grey); border-radius: 8px; width: auto; z-index: 9; height: 50px; right: 360px!important; left: auto!important; }.sa-sale-grp svg:not(:root),.sa-sale-grp foreignObject {overflow: unset;}.sa-sale-grp .apexcharts-legend-series .apexcharts-legend-marker { width: 35px!important; height: 15px!important; border-radius: 10px!important; margin-right: 8px; }.sa-sale-grp .apexcharts-legend-series:first-child:after { content: ''; width: 1px; height: 30px; background: var(--sa-grey); margin: 0 15px 0 20px; }
/*Sales graph styles end here*/
/*Sales lis styles start here*/
.sa-sale-pop .el-dialog{width: 90%;border-radius: 20px;}.sa-sale-pop .el-dialog .el-dialog__header{padding: 20px 20px 10px;}.sa-sale-pop .el-dialog .el-dialog__header .el-dialog__headerbtn{border: 1px solid #000; border-radius: 100%; width: 28px; height: 28px; line-height: 28px; font-weight: bold;}.sa-sale-pop .el-dialog .el-dialog__body{padding: 10px 20px 10px;}.sa-sale-list li {position: var(--sa-relative);border: var(--sa-border-solid) rgb(178, 193, 216);border-radius: calc(var(--sa-spacing-unit)* 5);padding: 10px calc(var(--sa-spacing-unit)* 5 + 5px); min-height:  calc(var(--sa-spacing-unit)* 28);align-items: var(--sa-center); display: var(--sa-flex);display: -webkit-flex; margin-bottom: calc(var(--sa-spacing-unit)* 5);color:black;}.sa-sale-list-pop li {background-color: #F1F3FF;border:none;}.sa-sale-list-pop li.sa-sale-list-hdr {background-color: transparent; border: var(--sa-border-solid) rgb(178, 193, 216);}.sa-sale-list li span,.sa-sale-list li strong{width: calc(100%/9 - (1 - 1/9)*0px)}.sa-sale-list-pop li strong,.sa-sale-list-pop li span,.sa-sale-list-pop li .sa-sale-list-multi li small {width: calc(100%/10 - (1 - 1/10)*0px)}.sa-sale-list-multi { width: 100%; }.sa-sale-list li .sa-sale-list-multi li{padding: 0px;margin: 0;min-height: calc(var(--sa-spacing-unit)* 18);}.sa-sale-list li .sa-sale-list-multi li small {color: #6E8BB8;}.sa-sale-list li span.sa-serv {width: 22%;}.sa-sale-list li:before {position: var(--sa-absolute);content: '';top:-1px;bottom: -1px;left: -1px;border-radius: 10px 0 0 10px;width: 8px;}.sa-sale-list li.sa-serv-vid:before{border-left:8px solid var(--sa-info)}.sa-sale-list li.sa-serv-hom:before{border-left: 8px solid var(--sa-primary);}.sa-sale-list li.sa-serv-phy:before{border-left: 8px solid var(--sa-viol);}.sa-sale-list li.sa-serv-nur:before{border-left: 8px solid var(--sa-acnt);}.sa-sale-list li.sa-serv-cov:before{border-left:8px solid var(--sa-lgt-pnk)}.sa-sale-list li.sa-serv-dia:before{border-left:8px solid var(--sa-lgt-yel)}.sa-sale-list li.sa-serv-vit:before,.sa-sale-list li.sa-serv-vac:before{border-left:8px solid var(--sa-lgt-mar)}.sa-sale-list li.sa-serv-rad:before{border-left:8px solid var(--sa-info-lgt)}.sa-sale-list li.sa-serv-lab::before{border-left: 8px solid var(--sa-yellow);}
.sa-sales-apt-list,.sa-trend-sale {display: flex;flex-wrap: wrap;}.sa-sales-apt-list li:nth-child(3n){margin-right: 0;}.sa-sales-apt-list li { border: 1px solid #ddd; padding: 18px; border-radius: 10px; display: inline-flex; align-items: center; width: calc(100%/3 - (1 - 1/3)*20px); flex-wrap: wrap; margin: 20px 20px 0 0;justify-content: space-between;}.sa-sales-apt-list li i,.sa-trend-sale li i {height: calc(var(--sa-spacing-unit)* 7);width: calc(var(--sa-spacing-unit)* 7);border-radius: calc(var(--sa-spacing-unit)* 2);margin-right: 10px;display: inline-block;}.sa-sales-apt-list li:last-child { width: calc(100% - 35% + 9px); margin-right: 0;border-color: var(--sa-primary);font-weight: bold;display: inline-flex;justify-content: space-between; }.sa-sales-apt-list li:last-child strong{width: 230px;display: flex;text-align: right;}.sa-sales-apt-list .el-date-editor.el-range-editor.el-input__inner.el-date-editor--daterange { width: auto; height: auto; padding: 0; line-height: normal; border: none; display: unset; }.sa-sales-apt-list .el-date-editor .el-range-separator {line-height: normal;}.sa-user-reg .el-date-editor .el-range-separator{width: 10%;}.sa-sales-apt-list .el-date-editor .el-range__icon { font-size: var(--sa-font-14); color: #000; position: absolute; right: 0; top: 4px; line-height: normal; font-weight: bold; }.sa-sales-apt-list .el-date-editor .el-range-input {font-weight: bold;}.sa-trend-sale li {display: inline-flex; align-items: center; flex-wrap: wrap; margin: 0 15px 15px 0;width: calc(100%/6 - (1 - 1/6)*8px);position: relative;}.sa-trend-sale .sa-abs-ico {    position: absolute;z-index: 1;left: 15px;}.sa-trend-sale li .el-input__suffix {right: 34px;top: 5px;}.sa-user-reg .sa-sales-apt-list li { width: 100%; margin-top: 0; margin-bottom: 20px; padding: 10px 15px; }.sa-user-reg .sa-sales-apt-list .el-date-editor.el-range-editor.el-input__inner.el-date-editor--daterange {display: flex;align-items: center;}.sa-user-reg .sa-sales-apt-list .el-date-editor .el-range__icon {margin-right: 0;}.sa-user-reg .sa-sales-apt-list li:last-child strong {width: 250px;}
/*Sales lis styles end here*/
/*Insurance-styles-starts*/
.sa-ins-list {display: flex;}.sa-ins-list li { width: calc(100%/4 - (1 - 1/4)*20px); margin: 0 20px 0 0; padding: 20px; border: 1px solid #ddd; border-radius: 10px; }.sa-ins-list li:last-child{margin-right: 0;}.sa-ins-list li.sa-ins-tot {background-color: #E0FFF9;border-color: #E0FFF9;}.sa-ins-det{display:flex;align-items:center;margin-bottom: 20px;}.sa-ins-det img, .sa-ins-det i { width: 40px; height: 40px; border-radius: 8px; background: #FFF;text-align: center; line-height: 40px; font-size: 20px; color: #10C09E; }.sa-ins-det strong{padding-left:15px;font-weight: 600;}
.sa-ins-sub-list{display: flex;}.sa-ins-sub-list li {border: none;padding: 0;width: calc(100%/3 - (1 - 1/3)*0px);margin: 0;}.sa-ins-sub-list small {color: #989A9D;display: block;}.sa-ins-sub-list strong {font-weight: 600;font-size: 16px;margin-top: 5px;display: block;}
/*Insurance-styles-end*/
.sa-user-reg-list { padding: 0; border: none;margin-top: 20px; justify-content: flex-start;}.sa-user-reg-list li {display: flex;margin-bottom: 15px;margin-right:15px; }.sa-user-reg-list li span {line-height: normal;  flex-direction: column;align-items: flex-start;}.sa-user-reg-list li strong{display: block;color: #000;}.sa-user-reg-list::before {display: none;}.sa-user-reg-list li i.icon-takaful, .sa-apt-via-list li i.icon-takaful{font-size: 14px}
.sa-user-reg .el-radio{margin-right:8px}.sa-user-reg .el-radio__label{font-size:12px}.sa-user-reg .el-radio:last-child{margin-right:0}
.sa-user-reg .el-radio__inner{width:calc(var(--sa-spacing-unit)* 10);height:calc(var(--sa-spacing-unit)* 10);border:var(--sa-border-solid) #e5e5e5;border-width: 6px;}.sa-user-reg .el-radio__input.is-checked .el-radio__inner {background-color: transparent;border-color: var(--sa-primary);}
/*message styles start here*/
.sa-msg{padding: 15px;background-color: #ddd;font-size:12px;border-radius: 5px;text-align: center;margin: auto;} .sa-msg-warn{background-color: #FFF9DF;}.sa-msg-info{background-color: #E6F9FF;}.sa-msg-info-drk{background-color: #EBF3FF;}
.sa-user-reg .sa-msg{font-size:12px;border-radius: 10px;width:50%;}.el-row.sa-user-reg-card , .el-row.sa-user-reg-card>div {display: flex; flex-wrap: wrap;}.sa-user-reg-card .sa-user-reg { width: 100%; }
/*message styles end here*/
/* Services */
.el-date-editor.el-range-editor--medium {border-radius: 4px;}.el-date-editor.el-range-editor--medium .el-range__icon,.el-date-editor.el-range-editor--medium .el-range-separator {line-height: 30px;}
.sa-provider-list li{padding:calc(var(--sa-spacing-unit)* 10);font-weight:500;display: var(--sa-flex);display: -webkit-flex;position:var(--sa-relative);}.sa-provider-list li::before{content:' ';position:var(--sa-absolute);background:#eff2ff;height:var(--sa-spacing-unit);bottom:0;left:20px;right:0}.sa-provider-list li:first-child{border:var(--sa-border-solid) var(--sa-grey);border-radius:calc(var(--sa-spacing-unit)* 5);font-weight: 600;}.sa-provider-list li span { width: calc(100%/6 - (1 - 1/6)*0px); }.sa-provider-list img{width:calc(var(--sa-spacing-unit)* 10); margin-right: 10px; vertical-align: middle;}.sa-provider-list li:first-child::before,.sa-provider-list li:last-child::before{display:var(--sa-none)}
/*techincian-provider-details-styles-starts*/
.sa-tech-list { border-radius: 8px; overflow: var(--sa-overflow); background: #F4FBFF; padding: 10px 20px;}.sa-tech-list li {display: flex; justify-content: space-between; border-bottom: 2px dashed #E7E7E7; line-height: 46px;}.sa-tech-list li:last-child{border-bottom: none;}.sa-tech-list-warn{background-color: #FFF8E6}
/*techincian-provider-details-styles-end*
/* Services */
.sa-ref-rev-msg {border-radius: 8px;text-align: left;}
.sa-ref-list li { border-bottom: 1px dashed #DFE0E9; padding: 15px 0; color: var(--sa-dark); display: flex; position: var(--sa-relative);justify-content: space-between; flex-wrap: wrap;}.sa-ref-list li:last-child{border-bottom:none;}.sa-ref-list li small a {display: block;}.sa-ref-list li .sa-ref-img{width: calc(var(--sa-spacing-unit)* 10);margin-right: 15px;vertical-align: middle;}.sa-ref-list li span{display: flex;}.sa-ref-list li span figure{margin-right: 15px; background: #ddd; overflow: hidden;width: 24px;height: 24px;border-radius: 3px;}.sa-ref-list li span figure .sa-ref-img{width: 100%;object-fit: cover;}.sa-ref-list li span small {display: block;color: #727272;}.sa-ref-sub {width: 100%;}.sa-ref-sub li {font-size: 12px;text-decoration: underline; border: none;padding: 5px  0;color: var(--sa-primary);}.sa-ref-sub li pan+span {text-decoration: none;}
.sa-avrg-card{background-color:#f1f3ff;line-height:30px;border:none;font-weight:500;position: absolute; bottom: 0; top: 0; width:calc(25% - 30px) }.sa-avrg-sales {display: flex;}
.sa-sales-tabs{margin-top: 20px;position: relative;}.sa-sales-tabs .el-tabs__nav-wrap::after{background-color:transparent}.sa-sales-tabs .el-tabs__item{background:transparent;}.sa-sales-tabs .el-tabs__item.is-active {color: #000;}.sa-sales-compr { position: absolute; top: 0; right: 0; display: flex; align-items: center; }.sa-sales-compr .el-select{margin-left: 20px;}
.sa-avrg-graph .apexcharts-legend { inset: auto 0 0px!important;position: absolute;}.sa-avrg-graph .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text { margin-left: 10px;}
.sa-avrg-graph .apexcharts-legend .apexcharts-legend-series {display: flex !important; align-items: self-start !important;border: 1px solid #B2C1D8; border-radius: 10px; padding: 10px 15px;}
/*Helper styles start here*/
.sa-info-bg {background-color: var(--sa-info);}.sa-primary-bg {background-color: var(--sa-primary);}.sa-acnt-bg {background-color: var(--sa-acnt);}.sa-vlt-bg {background-color: var(--sa-viol);}.sa-ash-bg {background-color: var(--sa-ash);}.sa-warn-bg {background-color: var(--sa-yellow);}.sa-suc-bg {background-color: var(--sa-green);}.sa-suc-lgt-bg {background-color: var(--sa-suc-lgt);}.sa-hr-dot { border-bottom: 2px dotted #ddd; background: transparent; }.sa-brn-bg {background-color: #8A6CD8;;}.sa-info-lgt-bg {background-color: #103FEC;;}
/*Helper styles end here*/
.sa-pop-up .el-dialog{border-radius: 20px;} .sa-pop-up .sortby{border-bottom:1px dashed #DFE0E9;} .sa-pop-up .sa-ref-list li{border-bottom: none;padding:10px 0;} .sa-pop-up .el-dialog__body{padding:0 30px;}.sa-sales-compr .el-checkbox__inner::after{border:1.5px solid #37B600;border-left: 0;border-top: 0;left:7px;top:3px;}.sa-sales-compr .el-checkbox__input.is-checked .el-checkbox__inner{border-color:#DFE0E9;background-color: transparent;width:20px;height:20px;}.sa-rev-min-height{min-height: 500px;}


.sa-book-service {background-color: #f2f2f5;border-radius: 10px;border: var(--sa-border-solid) var(--sa-grey);padding: 20px;}
.sa-book-service::before {content: ' ';position: var(--sa-absolute);width:inherit;background: #FBFCFD;height: var(--sa-spacing-unit);top: 56px;right: 0; }
 .sa-search-con-list   .el-checkbox__inner::after{top:5px;left:10px;}.total-service .tod-serv-list { width: 220%; }
 .total-service{overflow: auto;}.total-service.sa-tot-ser .serv-avtar{margin-right:10px;}
 /* .sa-chart-box .chart-graph{width:calc(var(--sa-value)* 14);padding-left:10px;} */
 .sa-booking-text{margin-top:20px;display: flex;align-items: center;}.sa-dash-booking i{padding-right: 5px;}.sa-booking-text span{color:#103FEC!important;}
 .sa-booking-device span{color: #646668;line-height: calc(var(--sa-spacing-unit)* 16);display: flex;align-items: center;}
.sa-search-con-list  .el-checkbox{display: flex;align-items: center;} .sa-search-con-list .el-checkbox__inner{width:25px;height:25px;}
.sa-search-con-list{    margin-top: calc(var(--sa-spacing-unit)* 20);display: var(--sa-flex);display: -webkit-flex;align-items: var(--sa-center);flex-wrap: var(--sa-wrap);justify-content: var(--sa-space-between);}.sa-search-con-list li:last-child{border-right:none;}
.sa-search-con-list li {font-size: var(--sa-font-10);color: #798393;position: var(--sa-relative);padding-right: calc(var(--sa-spacing-unit)* 10);border-right:1px solid #E5E5E5;margin-right:10px;}
/* .sa-srch-tod-brdr .el-checkbox__inner{ border-color: #FC9E9E;}
.sa-srch-yes-brdr .el-checkbox__inner {border-color: #AC9EFF;}
.sa-srch-cur-brdr .el-checkbox__inner {border-color: #DE976E;}
.sa-srch-pre-brdr .el-checkbox__inner {border-color: #61A5E2;}
 .sa-srch-curentyr-brdr .el-checkbox__inner{border-color: #E261A1;}
.sa-srch-last-brdr .el-checkbox__inner {border-color: #1E4FFF;} */
.sa-search-con-list li span {color: #798393;display: var(--sa-block);font-weight:normal;}.sa-search-con-list strong{color:#000;}
.sa-chart-box {display: var(--sa-flex);border-right:1px solid #D8D8D8;display: -webkit-flex;align-items: var(--sa-center); flex-wrap: wrap;}.search-graph .dash-graph{margin-right:40px;}
.dash-graph .sa-chart-bod {font-size:18px;display: var(--sa-flex);display: -webkit-flex;flex-direction: column;padding: calc(var(--sa-spacing-unit)* 5) 0 calc(var(--sa-spacing-unit)* 5) calc(var(--sa-spacing-unit)* 10 + 5px);}
.sa-srch-tod-brdr .el-radio__inner{border-color: #FC9E9E;}

.sa-srch-yes-brdr .el-radio__inner {border-color: #AC9EFF;}
.sa-srch-cur-brdr .el-radio__inner{border-color: #DE976E;}
.sa-srch-pre-brdr .el-radio__inner {border-color: #61A5E2;}
 .sa-srch-curentyr-brdr .el-radio__inner{border-color: #E261A1;}
.sa-srch-last-brdr .el-radio__inner {border-color: #1E4FFF;}
.sa-search-con-list .el-radio__inner{width:25px;height:25px;border-radius:6px;}
.sa-search-con-list .el-radio__label{color:#798393;line-height: 20px;font-size: 12px;}.sa-search-con-list .el-radio__input.is-checked+.el-radio__label{color:#798393;}
.sa-search-con-list .el-radio__input.is-checked .el-radio__inner{background-color: var(--sa-primary-drk);border-color: var(--sa-primary-drk);}
.sa-search-con-list .el-radio__inner::after{left: 9px;position: absolute;content:'';height: 9px;width: calc(var(--sa-spacing-unit)* 2);border: 1.5px solid var(--sa-light);border-left: 0;border-top: 0;transform: rotate(45deg) scaleY(1)!important;background: transparent;border-radius: 0;top:5px;}  
.sa-search-con-list .el-radio{display: flex;align-items: center;}   
.search-graph .apexcharts-datalabels-group{transform: translate(0px, -6px);}
.insurance-list .el-progress-bar__inner{background-color: #000;}.insurance-list .el-progress{width: 100%;}.insurance-list .el-progress-bar{padding-right: 0;margin-right: 0;}.insurance-list .el-progress__text{display: none;}.sa-dark-green{color:#37B600}
