html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { margin: 0; padding: 0; font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 1.42857143; color: #111; font-weight:500; position: relative; z-index: 998; }
body.jprint-page{margin : 0cm !important}
.bg-white{background-color: #fff;  margin: 0px 10px 10px; border-radius: 2px;}
.jblue-color-title{color: rgba(4, 76, 157, 1); font-weight: 600;}
.jd-line:before {content: ""; border-left: 2px solid; position: absolute; left: 10px; width: 100%; height: 68%; top: 7px; }
.jd-line.jd-enquiry:before{border-color: rgba(221, 78, 90, 1);}
.jd-line.jd-confirmed:before{border-color: rgba(12, 161, 246, 1)}
* { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Manrope', sans-serif; }
.no-margin{ margin: 0 !important; }
.no-bottom-margin{ margin-bottom: 0 !important; }
.no-top-margin{ margin-top: 0 !important; }
.no-left-margin{ margin-left: 0 !important; }
.no-right-margin{ margin-right: 0 !important; }
.no-padding{ padding: 0 !important; }
.no-bottom-padding{ padding-bottom: 0 !important; }
.no-top-padding{ padding-top: 0 !important; }
.no-left-padding{ padding-left: 0 !important; }
.no-right-padding{ padding-right: 0 !important; }
.no-border{ border: 0 !important; }
.no-top-border{ border-top: 0 !important; }
.no-bottom-border{ border-bottom: 0 !important; }
.errorelement { border-bottom: 1px solid red !important; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: none }
a { margin: 0; padding: 0; vertical-align: baseline; background: transparent }
.no-border{ border: 0 !important }
.text-upper{ text-transform: uppercase !important;}
.text-lower{ text-transform: lowercase !important;}
.text-upper::placeholder { text-transform: none !important; }
ins { background-color: #ff9; color: #000; text-decoration: none }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }
table { border-collapse: collapse; border-spacing: 0 }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 }
input, select { vertical-align: middle; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
ul { list-style: none; margin: 0; padding: 0; }
h1 { font-size: 28px; font-weight: bold; }
h2 { font-size: 20px; font-weight: bold; }
h3 { font-size: 16px; font-weight: bold; }
h4 { font-size: 14px; font-weight: bold; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 12px; font-weight: bold; }
a:hover, a:active, a:focus, a:visited { cursor: pointer; text-decoration: none; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; }
p { padding: 3px 0; }
input:required { box-shadow: none; }
button {cursor: pointer; transition: all ease 0.3s;} button:focus{outline: none;}
option:disabled { background: #DFDFDF; }
img { vertical-align: middle; max-width: 100%; }
.theme-color{ color: #044c9c; }
.strong{ font-weight: 600; }
.row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.no-padding{ padding: 0 !important; }
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
.col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
.col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
.col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
.order-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
.order-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; }
.order-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }
.order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
.order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; }
.order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; }
.order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; }
.order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; }
.order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; }
.order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; }
.order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; }
.order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; }
.order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; }
.order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; }
.order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; }
.offset-1 { margin-left: 8.333333%; }
.offset-2 { margin-left: 16.666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.333333%; }
.offset-5 { margin-left: 41.666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.333333%; }
.offset-8 { margin-left: 66.666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.333333%; }
.offset-11 { margin-left: 91.666667%; }
.order-buttons.enquiries-btn-container { display: flex; justify-content: flex-end; margin-top: 10px; }
.order-buttons.enquiries-btn-container .submit-btn { margin-left: 20px; }
.submit-btn.btn-forgot:hover { background-color: rgba(20, 92, 173,1); }
.order-buttons.enquiries-btn-container .submit-btn.reject-btn { background: #ff3e3e; }
.odm-table td .price-box input[type="text"] { width: 50px; text-align: center; margin-left: 10px; height: 24px; font-size: 14px; margin-right: 30px; outline: none; border: 1px solid #dfdfdf; }
.odm-table td .price-box { display: flex; align-items: center; justify-content: flex-end; padding: 0; }
table.update-price { width: 130px; }
.price-box i.fas { font-weight: 400; font-size: 14px; }
td.price-box label { position: relative; display: inline-block; width: 20px; text-align: right; }
td.price-box label:before { position: absolute; content: "x"; top: 0; left: -16px; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/* Common Css Start */
button.jnot-permission{background-color: rgba(17, 17, 17, 0.2) !important; color: rgba(17, 17, 17, 0.2) !important;}
.jnot-permission p { color: rgba(17, 17, 17, 0.2) !important; }
.jnot-permission .fas, .jnot-permission .fas { color: rgba(17, 17, 17, 0.2) !important; }
#freshworks-container iframe#launcher-frame { min-width: 85px !important; max-width: 85px !important; }
.jblue-button{background-color: rgba(12, 161, 246, 1); cursor: pointer; height: 30px; border: 0; border-radius: 2px; padding: 0px 15px; font-size: 14px; color: #fff; font-weight: 600; margin-left: 10px; display: flex; align-items: center; justify-content: center; min-width: 70px;} 
.jblue-button:hover, a.jblue-button:hover{background-color: rgba(20, 169, 254, 1)}
a.jblue-button{background-color: rgba(12, 161, 246, 1); border-radius: 2px; height: 30px; line-height: 30px; min-width: 80px; text-align: center; font-size: 14px; color: #fff; font-weight:500; padding: 0px 15px; display: block; margin-left: 0px; display: flex; align-items: center; justify-content: center;}
.jnew-patient-content-btn .jblue-button .fas { color: #fff ; font-size: 12px; margin-left: 5px; }
.jnew-patient-content-btn .jblue-button .fas:hover{color: #fff;}
.jdisplay-flex{display: flex; flex-wrap: wrap;}
.jnew-patient-content-btn{display: flex; align-items: center;}
.mat-optgroup-label{ font-family: 'Manrope', sans-serif !important;}
.jcustomers-view-list .jsales-order-payment .jblue-button{margin-left: auto; padding: 0px 10px;}
.jtext-capitalize{text-transform: capitalize !important;}
.jtext-uppercase{text-transform: uppercase !important;}
.jtext-lowercase{text-transform: lowercase !important;}
.mat-input-element{box-sizing: border-box !important;}
/* Common Css End */
.pick-up .order-details-container .order-medicine-list .discount-box span.minus {left: 30px; }
.order-details-container .order-medicine-list .discount-box span.plus {right: 30px; }
.pick-up .order-rejected.order-inquiries{color: #044c9d !important;}
.order-statuss.accepted, .order-status.accepted{background-color: #044C9D !important}
.order-statuss.completed, .order-status.completed{background-color: #00C5DC !important}
.order-statuss.rejected, .order-status.rejected{background-color: rgba(221, 78, 90, 1) !important}
.order-statuss.assigned, .order-status.assigned{background-color: #FFB822 !important}
.order-statuss.shipped, .order-status.shipped{background-color: #706FD3 !important}
.order-statuss.rejected, .order-status.rejected{background-color: rgba(221, 78, 90, 1) !important}
.order-statuss.cancelled, .order-status.cancelled{background-color: rgba(221, 78, 90, 1) !important}
.modal .modal-contain .modal-header .orderdates .item { display: block; margin-block-end: 6px; text-align: right; font-weight: 600; }
.modal .modal-contain .modal-header .orderdates .item strong { font-weight: normal; min-width: 140px; display: inline-block; font-size: 13px; }
.modal.reject-order .modal-contain { max-width: 500px; }
.modal.reject-order .modal-contain .form textarea { resize: none; height: 100px; }
.modal.reject-order .modal-contain button.submit-btn { background-color: rgba(221, 78, 90, 1); }
.modal.reject-order .modal-contain button.submit-btn:hover{background-color: rgba(237, 94, 104, 1);}
.modal.prescription-slider.open .modal-contain { max-width: 600px; margin-top: 50px; }
.modal.prescription-slider.open .modal-contain .item .img { width: 100%; height: 600px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.prescription-image-list .owl-nav .owl-prev span { font-size: 40px; font-weight: 600; position: absolute; top: 45%; color: #185298; }
.prescription-image-list .owl-nav .owl-next span { font-size: 40px; font-weight: 600; position: absolute; top: 45%; left: 0; color: #185298; }
.modal .modal-loading-container { min-height: 300px; display: flex; align-items: center; }
.modal .modal-loading-container .loading { margin: 0 auto; }
.patient_details p { font-size: 14px; font-weight: 600; margin-bottom: 9px; line-height: 22px; padding: 0; }
.patient_details p .label { color: #999999; display: block; font-weight: 400; font-size: 14px; }
.patient_details p .label.orderno { font-weight: 600; font-size: 18px; color: #185298; }
.hide { display: none !important; } .text-center { text-align: center; }
.container { max-width: 1230px; padding-right: 15px; padding-left: 15px; margin-left: auto; margin-right: auto; }
.log-privacy{padding: 20px 0px}
.log-privacy .gray-shadow {height: auto;}
.page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }
.site-header { position:relative; color: #fff; background-color: #044c9d; padding: 0px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; height: 50px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center;}
.mobile-menu { display: none; }
.site-header .right { display: -webkit-box; display: -ms-flexbox; margin-left: auto; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.site-header .right .center {display: flex; align-items: center; margin-right: 20px;}
.site-header .right .center .item .fas{transition: all ease 0.3s;}
.site-header .right .center .item .fas:hover{color: rgba(12, 161, 246, 1);}
.jheader-sales-button{position: relative;}
.jheader-sales-button button {background-color: rgba(12, 161, 246, 1); transition: all ease 0.5s; border: 0px; height: 32px; padding: 0; border-radius: 2px; font-size: 14px; font-weight:500; color: rgba(255, 255, 255, 1); display: inline-block; }
.jheader-sales-button button:focus{outline: none;}
.jheader-sales-button button:hover{background-color: rgba(20, 169, 254, 0.5);}
.jheader-sales-button button span{padding: 0px 15px;}
.jheader-sales-button .fas {margin-right: 12px; font-size: 14px; }
.site-header .text-logo .fas { font-size: 20px !important; color: #fff !important; transition: all ease 0.4s;}
.site-header .text-logo .fas:hover{color: rgba(12, 161, 246, 1) !important; transform: rotate(360deg); transition: all ease 0.4s;}
.site-header .text-logo img{
height: 40px;
}

.site-header .right .item {
margin-right: 30px;
}

.site-header .right .item:last-child {
margin-right: 0;
}

.notifications .notification-count{height: 18px;width: 18px;top: 5px;right: 0;background-color: #ffb822;border-radius: 50%;text-align: center; line-height: 1.6; font-size: 11px; position: absolute; font-weight: bold;color: #044C9D;}
.site-header .noti-icon { position: relative; font-size: 18px; color: white; }
.site-header .noti-icon i.fa-bell { font-size: 18px; }
.site-header .noti-icon i.fa-bell:hover{animation: ring 1.5s ease;}
.site-header .noti-icon i.fa-bell.animate-notification{animation: ring 1.5s infinite ease;}
.site-header .noti-icon .count{ position: absolute; background: rgba(255, 184, 34, 1); font-size: 8px; color: #fff; height: 10px; width: 10px; text-align: center; border: 2px solid rgba(4, 76, 157, 1); border-radius: 50%; top: 10px; right: -2px;}
.site-header .notifications{ position: relative; }
.site-header .notifications .notifications-list{ position: absolute; background: #fff; color: #111; z-index: 1; right: 0; min-width: 300px; max-width: 350px; top: 100%; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08); box-shadow: 0 0 20px rgba(0, 0, 0, .28); padding: 5px 0px; border-radius: 2px; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 12px; visibility: hidden; opacity: 0; }
.site-header .show-notification-count .noti-icon .count { opacity: 1; }
.site-header .open .notifications-list{transform: translateY(3px);-webkit-transform: translateY(3px);visibility: visible;opacity: 1;}
.notifications-list ul{overflow-y: auto;}
.notifications-list ul li{border-bottom: 1px solid #eee;}
.notifications-list ul li:last-child{ border: 0; }
.notifications-list ul li > a{display: block;padding: 8px 15px;transition: all .3s ease;}
.notifications-list ul li > a:hover{background: #f2f2f2;}
.notifications-list .item{display: flex;align-items: center;}
.notifications-list .item .img{margin-right: 10px;}

.notifications-loading {
display: flex;
justify-content: center;
}


.notifications-list ul li.newNoti > a {
background: rgba(4,76,157,0.6);
}
.notifications-list .item .img img{
max-width: 40px;
}
.notifications-list ul li.newNoti .noti-text{ color: #fff;}
.notifications-list .item .noti-text{line-height: 17px;}
.notifications-list .item .time{margin-top: 3px;font-size: 12px;font-weight:500;}
.notifications-list .all-notifications{border-top: 1px solid #eee;text-align: center;padding: 8px 0 3px 0;}

.dropdown .caret {
margin-left: 3px;
vertical-align: middle;
}
.dropdown > a:hover{color: rgba(255,255,255,0.8);}

.dropdown {
position: relative;
}

.site-header .dropdown {
padding: 0px 0 3px;
}
.site-header .dropdown div{text-align: right;}

.site-header .dropdown ul {
color: #111;
}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal{min-width: 350px !important; max-width: 350px !important; min-height: 300px; transform: translateY( calc(((270px - 100vh) / 2))) !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-large{min-width: 650px !important; max-width: 720px !important; min-height: 420px; transform: translateY( calc(((450px - 100vh) / 2))) !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-large .mat-bottom-sheet-container-xlarge{width: 100%;max-width: 720px !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-xmedium{min-width: 470px !important; max-width: 470px !important; min-height: 530px; transform: translateY( calc(((470px - 100vh) / 2))) !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-xmedium .mat-bottom-sheet-container-xlarge{min-width: 470px !important;max-width: 470px !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-medium{min-width: 450px !important; max-width: 600px !important; min-height: 370px; transform: translateY( calc(((380px - 100vh) / 2))) !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-small-height{min-width: 420px !important;max-width: 420px !important;min-height: 520px; transform: translateY(calc(((460px - 100vh) / 2))) !important;}
.cdk-overlay-pane.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal .mat-bottom-sheet-container-xlarge{max-width: 350px !important; min-width: 350px !important;min-height: 300px;}
.cdk-overlay-pane.cdk-overlay-pane-rejection-popup-modal{min-width: 350px !important; max-width: 350px !important; min-height: 410px; transform: translateY( calc(((270px - 100vh) / 2))) !important;}
.cdk-overlay-pane.cdk-overlay-pane.cdk-overlay-pane-rejection-popup-modal .mat-bottom-sheet-container-xlarge{max-width: 350px !important; min-width: 350px !important;min-height: 300px;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-annual-plan-bottomsheet{width: 80% !important; max-width: 1200px !important;margin-bottom: 13% !important;border: none !important;border-radius: 4px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-video-sidebar { transform: translateX(100%) translateY(0px) !important; min-width: 640px !important; max-width: 600px !important; min-height: 100vh !important; max-height: 100vh !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-video-sidebar .mat-bottom-sheet-container { max-height: 100vh; min-height: 100vh; }
.cdk-overlay-pane.cdk-overlay-pane-subscription-modal { min-width: 720px !important; max-width: 720px !important; min-height: 600px; }
.cdk-overlay-pane.cdk-overlay-pane-subscription-modal .mat-bottom-sheet-container{max-height: none;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-dist-bottomsheet{min-width: 740px !important; max-width: 740px !important; min-height: 250px;}
.cdk-overlay-pane.cdk-overlay-pane-sms-setting-bottomsheet-modal{min-width: 600px !important; max-width: 600px !important; min-height: 250px;}
.cdk-overlay-pane.cdk-overlay-pane-po-edit-bottomsheet-modal{min-width: 600px !important; max-width: 600px !important; min-height: 300px!important;}
.cdk-overlay-pane.cdk-overlay-pane-sms-setting-bottomsheet-modal .mat-bottom-sheet-container-xlarge{max-width: 640px !important; min-width: 640px !important}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-add-update-pos-bottomsheet{min-width: 600px !important; max-width: 800px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-placeorder-bottomsheet{min-width: 800px !important; max-width: 800px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-placeorder-bottomsheet.cdk-overlay-pane-nontradeditem-bottomsheet{min-width: 1000px !important; max-width: 1000px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-placeorder-bottomsheet .mat-bottom-sheet-container {max-height: 710px !important;overflow: hidden !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-upgrade-plan-bottomsheet{min-height: 480px !important;min-width: 640px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-marketplace-multipleoffer-bottomsheet{min-width: 850px !important; max-width: 850px !important;height: 540px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-receipt-bottomsheet, .cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-disclaimer-bottomsheet{min-width: 930px !important; max-width: 930px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal{min-width: 720px !important; max-width: 720px !important; min-height: 400px;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-zoho-bottomsheet-modal{min-width: 900px !important; max-width: 900px !important; min-height: 650px; max-height: 650px;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal .mat-bottom-sheet-container{max-height: 680px; max-width: 640px !important; min-width: 100%;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-disclaimer-bottomsheet .mat-bottom-sheet-container{max-height: 860px; max-width: 900px !important; min-width: 100%;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-mapping-bottomsheet .mat-bottom-sheet-container{overflow: hidden;}
.cdk-overlay-pane.cdk-overlay-pane-f3-modal{min-height: 400px !important;min-width: 1000px !important;max-width: 1000px !important; max-height: 730px; height: 100%;}
.cdk-overlay-pane.cdk-overlay-pane-mini-bottomsheet-modal.cdk-overlay-pane-mini-receipt-bottomsheet {min-width: 450px !important;max-width: 450px !important;min-height: 400px;}
.cdk-overlay-pane.cdk-overlay-pane-mini-bottomsheet-modal.cdk-overlay-pane-placeorder-bottomsheet{min-height: 300px!important;min-width: 450px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-chart-bottomsheet{min-width: 900px !important;max-width: 900px !important;max-height: 650px !important;}

.cdk-overlay-pane.cdk-overlay-pane-subscription-modal .mat-bottom-sheet-container, .cdk-overlay-pane.cdk-overlay-pane-f3-modal .mat-bottom-sheet-container{max-height: none;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-aggregate-sidebar { transform: translateX(100%) translateY(0px) !important; min-width: 640px !important; max-width: 600px !important; min-height: 100vh !important; max-height: 100vh !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-aggregate-sidebar .mat-bottom-sheet-container { max-height: 100vh; min-height: 100vh; min-width: 600px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-placeorder-bottomsheet.gate-btmsht{min-width: 1000px !important;max-width: 1000px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.staff-logout-popup .mat-bottom-sheet-container{max-height: 680px;max-width: 310px !important;min-width: 310px;transform: translate(-60%, -70%) !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.logs-btmsht{min-width: 900px !important;max-width: 900px!important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.product-insight-btmsht{min-width: 1050px !important;max-width: 1050px!important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.compare-challan-btmsht{min-width: 980px !important;max-width: 980px !important;min-height: 640px !important;max-height: 640px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.transfer-vitalcoin-btmsht{min-width: 530px !important;max-width: 530px !important;min-height: 500px !important;max-height: 500px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cash-deposit-btmsht{min-width: 500px !important;max-width: 500px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cash-deposit-btmsht-history {
  min-width: 990px !important;
  max-width: 990px !important;
}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-dispute-bottomsheet{min-width: 750px !important;max-width: 750px !important;min-height: 650px !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-dispute-bottomsheet .mat-bottom-sheet-container{max-height: 720px !important;}
.cdk-overlay-pane.cdk-overlay-pane-mini-bottomsheet-modal.cdk-overlay-pane-edit-item-bottomsheet {min-height: 500px !important;min-width: 700px !important;max-width: 700px !important;}
.cdk-overlay-pane.cdk-overlay-pane-mini-bottomsheet-modal.cdk-overlay-pane-edit-item-bottomsheet .mat-bottom-sheet-container{min-height: 500px !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-cash-management-confirmation{min-width: 350px !important;max-width: 350px !important;min-height: 385px;transform: translateY(calc(((270px - 100vh) / 2))) !important}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-cash-management-confirmation .mat-bottom-sheet-container-xlarge{min-width: 350px !important;max-width: 350px !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-cash-management-business-payment-view{min-width: 350px !important;max-width: 350px !important;min-height: 350px;transform: translateY(calc(((270px - 100vh) / 2))) !important;}
  .cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-cash-management-business-payment-view .mat-bottom-sheet-container-xlarge{min-width: 350px !important;max-width: 350px !important;min-height: 350px;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-edc-config-bottomsheet{min-width: 100%;max-width: 640px !important;max-height: 80vh !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-self-csv-bottomsheet {min-height: 650px !important;max-height: 80vh !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.purchase-return-preference{min-width: 900px !important; max-width: 900px !important;}
.cdk-overlay-pane.cdk-overlay-pane-rejection-popup-modal{min-width: 350px !important; max-width: 350px !important; min-height: 410px; transform: translateY( calc(((270px - 100vh) / 2))) !important;}
.cdk-overlay-pane.cdk-overlay-pane.cdk-overlay-pane-rejection-popup-modal .mat-bottom-sheet-container-xlarge{max-width: 350px !important; min-width: 350px !important;min-height: 300px;}
/* Mat Tab Common Css Start */
.jmat-tab .mat-tab-label-content { font-size: 16px; color: rgba(102, 102, 102, 1); }
.jmat-tab .mat-tab-label-active .mat-tab-label-content { color: rgba(12, 161, 246, 1); }
.jmat-tab .mat-tab-group.mat-primary .mat-ink-bar, .jmat-tab .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: rgba(12, 161, 246, 1); }
/* Mat Tab Common Css End */
.jdownload-select .jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-label { top: 0; left: 0; color: rgba(12, 161, 246, 1); }
.jmenu-dropdown ul li {padding: 13px 20px; border-bottom:1px solid rgba(4, 76, 157, 0.1); cursor: pointer; }
.jmenu-dropdown ul li:hover{background-color: rgba(12, 161, 246, 1)}
.jmenu-dropdown ul li:hover a, .jmenu-dropdown ul li:hover a span{color: #fff;}
.jmenu-dropdown ul li a{font-weight: 600; font-size: 16px; color: rgba(4, 76, 157, 1);}
.jmenu-dropdown ul li a span{font-size: 13px; color: rgba(17, 17, 17, 1); display: block; font-weight:500;}
.jmenu-dropdown ul li.separator { border-bottom: 1px solid #eee; padding-bottom: 10px; }
.jmenu-dropdown ul li.separator + li { padding-top: 10px; }
.jmenu-dropdown ul li i { margin-right: 3px; }
.jmenu-dropdown.open ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.main-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.main-content .sidebar { color: #fff}
.sidebar-content { width: 240px; background-color: #111;  padding-top: 20px; padding-bottom: 20px; height: calc(100vh - 52px); overflow-x: hidden; overflow-y: auto;}
.main-content .content-area { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;  height: calc(100vh - 50px); overflow-x: hidden; overflow-y: auto; padding: 20px 20px 0px; background-color: rgba(153, 153, 153, 0.1); }
.main-content.content-with-subscription-box .content-area.dash-content-area{height: calc(100vh - 86px);}
.main-content .content-area.dash-content-area{background-color: #fff; height: calc(100vh - 50px); overflow-x: hidden; overflow-y: overlay;}
.jskeleton div{text-overflow:unset !important; white-space: normal !important; overflow: hidden !important;}
.content-area .digital-rx, .content-area .tutorials { padding: 0px 0px 30px !important;}
.content-area .digital-rx .container, .content-area .tutorials .container{ max-width: 100% !important;}
.content-area .content-full { border-radius: 2px; }
.content-area .content-full.pick-up{padding: 15px 20px; }
.content-area .content-full.pick-up{min-height: calc(100vh - 84px); height: auto;}
.sidebar .sidebar-content .menu ul.jinventory-ul li.opacity_color{padding-left: 25px !important}
.sidebar .sidebar-content .menu ul li.opacity_color {color: rgba(17, 17, 17, 0.6); transition: all ease 0.5s; font-weight: 600; padding-left: 57px !important; }
.sidebar .sidebar-content .menu ul li.opacity_color:first-child{padding-left: 25px !important}
.sidebar .sidebar-content .menu ul li.opacity_color:hover, .sidebar .sidebar-content .menu ul li.opacity_color.active:hover{ color: #fff; cursor: pointer; }
.sidebar .sidebar-content .menu ul li.opacity_color.active{color: rgba(12, 161, 246, 1);}
.sidebar .sidebar-content .menu ul li.opacity_color:hover .fas{color: #fff;}
.jinventory-ul li:hover .fas.fa-rupee-sign{border-color:#fff}
.sidebar .sidebar-content .menu ul li.opacity_color:hover span{color: #fff !important;}
body.open-sidebar .mobile-menu .hamburger:hover:before, .mobile-menu .hamburger:hover:after{background-color: rgba(12, 161, 246, 1);}
.sidebar .sidebar-content .menu ul.bg-white li { position: relative; padding: 11px 25px; cursor: pointer; border-bottom: 1px solid rgba(112, 112, 112, 0.1); }
.sidebar .sidebar-content .menu ul.bg-white li:hover{background-color: rgba(12, 161, 246, 1)}
.sidebar .sidebar-content .menu ul li.jblue-color-title:hover{background-color: transparent; cursor: default;}
.sidebar .sidebar-content .menu ul li:last-child{border-bottom: 0px}
.sidebar .sidebar-content .menu ul li .fas { margin-right: 10px; text-align: center; width: 1.25em; color: rgba(12, 161, 246, 1); }
.sidebar .sidebar-content .menu ul li .separator { border-top-color: rgba(112, 112, 112, 1); margin: 20px 0; }
.sidebar .sidebar-content .menu ul li.devider{padding: 0px;}
.sidebar .sidebar-content .menu ul li span { position: absolute; left: 22px; border-radius: 20%; padding: 0px; font-size: 12px; background-color: transparent !important; color: rgba(12, 161, 246, 1) !important; font-size: 14px; font-weight: 600; }
.sidebar .sidebar-content .menu ul li span.enquiries { background: #dd4e5a; }
.sidebar .sidebar-content .menu ul li span.confirmed{background-color: rgba(0, 197, 220, 1)}
.sidebar .sidebar-content .menu ul li span.myorders{ background: #ffb822; }
.sidebar .sidebar-content .menu ul li span{background-color: rgba(255, 255, 255, 0.2); min-width: 24px; text-align: center;}
.sidebar .sidebar-content .menu ul li span.shipped { background: #00c5dc; }
.sidebar .sidebar-content .menu ul li span.completed { background: #2ca189; }
.sidebar .sidebar-content .menu ul > li:last-child { margin-bottom: 0; }
.sidebar .sidebar-content .menu ul ul > li:before { content: ""; position: absolute; left: -15px; height: 4px; width: 4px; border-radius: 50%; background: #fff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sidebar .sidebar-content .menu ul li a { position: relative; }
.sidebar .sidebar-content .menu ul li a:after { content: ""; height: 2px; width: 0; background: #fff; position: absolute; bottom: -5px; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sidebar .sidebar-content .menu ul li.active > a { font-weight: bold; }
.sidebar .sidebar-content .menu ul li.has-submenu { margin-bottom: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sidebar .sidebar-content .menu ul li.has-submenu.open { margin-bottom: 30px; }
.sidebar .sidebar-content .menu ul li.has-submenu > .sub-menu-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; }
.sidebar .sidebar-content .menu ul li.has-submenu > .sub-menu-control .caret { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all .3s ease; transition: all .3s ease; }
.sidebar .sidebar-content .menu ul li.has-submenu.open > .sub-menu-control .caret { -webkit-transform: rotate(0); transform: rotate(0); }
.sidebar .sidebar-content .menu ul li.has-submenu > ul { max-height: 0; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sidebar .sidebar-content .menu ul li.has-submenu.open > ul { max-height: 150px; }
.sidebar .sidebar-copy { font-size: 12px; font-weight: 400; opacity: 0.6; position: absolute; bottom: 15px; left: 45px; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset; }
.form .form-field { position: relative; margin-bottom: 20px }
.form .form-field:last-child { margin-bottom: 0; }
.form label { display: block; font-weight: 400; font-size: 12px; }
label.error { color: red !important; font-size: 12px !important; position: absolute; bottom: -17px; font-weight: 600 !important; line-height: normal !important; left: 0; padding-bottom:0 !important;}
.form label.currect { display: none; font-size: 18px !important; color: #044c9d !important; position: absolute; bottom: 3px; right: 0; }
[class*="col-"] > label.currect { right: 15px; }
.form label.currect.show { display: block; }
.form input[type=text], .form input[type=email], .form input[type=number], .form input[type=password], .form select, .form textarea { font-size: 14px; width: 100%; height: 30px; border: 0; border-bottom: 1px solid #e7e7e7; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; outline: none; border-radius: 0; background: transparent; font-weight:500; }
.form select { background: url(../images/select.png); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; padding: 0 0px 0 3px !important; }
.form select.multiselect { background: transparent; height: auto; padding: 0 !important; overflow: hidden; }
.form select.multiple { height: 90px; background: transparent; margin-top: 5px; padding: 0 !important; }
body.login-page { padding-top: 0 !important; }
.lrf-container{background-color: #fff;}
.lrf-logo { width: 100%; display: flex; align-items: center; position: absolute;background-color: transparent;padding: 17px 30px 17px 40px;z-index: 2;}
.lrf-logo .text-logo { font-size: 28px; color: #fff; }
.lrf-logo .text-logo img { max-width: 200px; width: 100%; }
.lrf-desc{display: flex; flex-wrap: wrap; background-color: #02264E;}
.lrf-desc-left{width: calc(100% - 480px); height: 100vh; background-position: bottom center !important; background-repeat: no-repeat !important; }
.lrf-box { width: 480px; height: 100vh; overflow: auto; }
.lrf-box .header, .lrf-box .lrf-content { padding: 35px 0; }
.lrf-box .lrf-content{padding: 0px 80px 35px;}
.lrf-box .header { color: #044b9b; padding-left: 80px; padding-right: 80px; margin-top: 60px;}
.lrf-box .lrf-buttons a { font-size: 24px; color: #044C9D; line-height: 29px; }
.lrf-box .lrf-buttons a:last-child{margin-right: 0px;}
.lrf-box .lrf-buttons a:hover { opacity: 0.85; }
.form-field .disable:hover{background-color: #0000001f;}
.form-field .disable{background-color: #0000001f;color:#00000042;}
.lrf-box .form input[type=text], .lrf-box .form input[type=email], .lrf-box .form input[type=number], .lrf-box .form input[type=password], .lrf-box .form select, .lrf-box .form textarea { font-size: 18px; border: 0; height: 34px; font-weight: 600; }
.banner-bottom { position: absolute; bottom: 20px; left: 20px; }
.banner-bottom img{max-width: 175px;}
.lrf-box .form label { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; }
.lrf-box .form .form-field { border-bottom: 1px solid #e7e7e7; padding: 0 ; margin-bottom: 30px; }
.lrf-box .form .form-field:last-child { border: 0; margin-bottom: 0; padding: 0; margin-top: 55px; }
.lrf-box .submit-field { text-align: center; margin-top: 20px; }
.lrf-box .submit-field button{ width: 100%; }
.lrf-box .submit-field .btnbeforetxt { font-size: 18px; opacity: 0.4; margin-right: 20px; }
.terms-condition.chk-box .ck { font-size: 14px; }
.chk-box label.ck-lbl { font-size: 12px; padding-left: 5px; }
.terms-condition a{ color: #044c9d; text-decoration: underline; }
.jjoin-as-lab {background-color: rgba(12, 161, 246, 0.1); margin: 35px 00px 0px; padding: 16px 35px; border-radius: 2px; text-align: center;}
.jjoin-as-lab span {line-height: 18px; color: #044C9D; font-size: 14px; font-weight: 600; }
.jjoin-as-lab a {font-size: 14px; display: block; text-decoration: none; line-height: 18px; font-weight: 600; color: #0CA1F6; padding-top: 4px; }
.submit-btn { font-size: 16px; color: #fff; padding: 13px 25px; text-align: center; border-radius: 2px; background-color: #044c9d; -webkit-box-shadow: 0 4px 8px rgba(4, 76, 157, .4); box-shadow: 0 4px 8px rgba(4, 76, 157, .4); -webkit-transition: all .3s ease; transition: all .3s ease; display: inline-block; font-size: 18px; font-weight:500; outline: none; border: none; }
.submit-btn .fas { font-size: 14px; }
.btn-disabled {background: rgba(117, 117, 117,0.4) !important;cursor: default;color: rgba(117, 117, 117,0.8) !important; }
.btn-loading { background: #717171; cursor: progress; }
.btn-danger{ background: red !important; }
.btn-round { font-size: 18px; width: 60px; height: 60px; padding: 0; line-height: 60px; text-align: center; border-radius: 50%; }
.btn-round:hover { opacity: 0.85; }
.form-input-info { color: #044b9b; font-size: 12px; position: absolute; right: 20px; top: 2px; }
.lrf-box .ff-header .btn-round { float: left; margin-right: 30px; }
.ff-header h3{font-size: 24px; color: #044C9D; line-height: 29px; font-weight:500;}
.gray-shadow { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .08); box-shadow: 0 0 40px rgba(0, 0, 0, .08); background-color: #FFF; min-height:calc(100vh - 123px); }
.gray-shadow.jmargin-bottom{margin-bottom:40px}
.gray-shadow.gray-shadow-with-header-button{min-height:calc(100vh - 130px);}
.gray-shadow.gray-shadow-header{height: auto; min-height: unset;}
.jinventory-item-list.gray-shadow{min-height: calc(100vh - 149px);}
.jinventory-item-list.gray-shadow.jmedicine-details{min-height: calc(100vh - 118px);}
.gray-shadow.content-full.jorder-medicine-selected-list { min-height: calc(100vh - 378px); }
.gray-shadow.content-full.jorder-checkout{ min-height: unset; height: auto; margin-top: 0px;position: relative;}
.gray-shadow.jcustomers-view-list{min-height: calc(100vh - 226px);}
.deskboard-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; }
.deskboard-content .dashboard-reports { border-radius: 2px; overflow: hidden; }
.dashboard-reports .dashboard-reports-inner { padding: 40px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }
.dashboard-reports .filter ul li { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.dashboard-reports .filter ul li:last-child { margin-right: 0; }
.dashboard-reports .filter ul li a { color: #044c9d; -webkit-transition: all .3s ease; transition: all .3s ease; display: inline-block; padding: 2px 11px; border-radius: 40px; }
.dashboard-reports .filter ul li a:hover { opacity: .85; }
.dashboard-reports .filter ul li a.active { background: #044c9d; color: #fff; }
.dashboard-reports .earnings-graph-container{ display: flex; margin-top: 35px; }
.dashboard-reports .earnings {margin-right: 30px;}
.dashboard-reports .earnings .item {margin-bottom: 20px;}
.dashboard-reports .earnings .item:last-child { margin-bottom: 0; }
.dashboard-reports .earnings .label { opacity: 0.4; }
.dashboard-reports .earnings .weight { font-size: 36px; }
.dashboard-reports .earnings .item.earnings-item .weight { font-weight: bold; color: #044c9d; white-space: nowrap; }
.dashboard-reports .graph { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.deskboard-content .order-links {display: flex;flex-wrap: wrap;justify-content: space-between;}
.deskboard-content .order-links .item { margin-bottom: 30px; height: 95px; position: relative; border-radius: 2px; overflow: hidden; color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 30px; max-width: 24%; }
.deskboard-content .order-links .item:last-child { margin-bottom: 0; }
.deskboard-content .order-links .item .weight { font-size: 36px; font-weight: bold; }
.deskboard-content .order-links .item a { font-weight: 600; /*text-transform: uppercase;*/ }
.deskboard-content .order-links .item .icon { font-size: 40px; color: #000; opacity: 0.2; position: absolute; right: 15px; top: calc(50% - 0px); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.deskboard-content .order-links .item.inquery { background: #dd4e5a; }
.deskboard-content .order-links .item.delivered { background: #2ca189; }
.deskboard-content .order-links .item.pending { background: #ffb822; }
.deskboard-content .order-links .item.shipped { background: #00c5dc; }
.deskboard-content .order-links .item.pending .weight { color: #e60000; }
.deskboard-content .order-links .item.pending a { color: #111; }
.lt-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* flex-direction: column; */ }
.lt-header .left { margin-bottom: 15px; }
.lt-header .right { margin-bottom: 10px; }
.lt-header .title { font-size: 16px; font-weight: 700; }
.lt-header .title span { color: #044c9d; }
.lt-header .pick-up-title{font-size: 16px; font-weight: 600; color: rgba(221, 78, 90, 1);}
.lt-header .pick-up-title span{color: rgba(221, 78, 90, 1);}
.lt-header .table-search input { width: 180px; font-size: 14px; background: transparent; -webkit-appearance: none; border: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
.lt-header .table-search .search { color: #044b9c; font-size: 16px; vertical-align: middle; display: inline-block; -webkit-appearance: none; background: transparent; border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
.table-search input[type="text"] { border-radius: 0; padding: 8px 10px; width: 350px; padding-left: 0; }
.table-search label { display: block; font-size: 14px; color: #2c2c2c; font-weight: 600; }
.table-search { display: flex; background: #e7edf4; border-radius: 2px; padding: 3px 10px; }
.table-search .search-item { margin-right: 12px; }
.table-search .search-item:last-child { margin-right: 0; }
.table-search .submit-btn { font-size: 14px; padding: 10px; height: 40px; }
.table-search .submit-btn:hover{opacity: 0.85;}
table { width: 100%; }
table tr { border-bottom: 1px solid rgba(17, 17, 17, .1); }
table tr:last-child { border: 0; }
table th, table td { text-align: left; padding: 8px 10px; }
.lt-table { min-height: .01%; overflow-x: auto; }
.order_table_body tr{ cursor: pointer; }
.listing-table tr:hover { background: #f2f2f2; }
.listing-table th, .listing-table td { padding: 5px 10px; }
.listing-table th { font-size: 12px; color: rgba(17, 17, 17, 0.4); }
.listing-table td { color: rgba(17, 17, 17, 0.8); padding: 10px 10px; }
.listing-table a { color: #044c9c; }
.listing-table strong { color: #111; }
.requests-table td img { width: 30px; height: 30px; border-radius: 50%; }
.requests-table th.icons { width: 120px; }
.listing-table .table-icons { font-size: 16px; display: inline-block; vertical-align: middle; color: #ddd; margin: 0 5px; }
.listing-table tr:hover .table-icons.view,
.listing-table tr:hover .table-icons.accept,
.listing-table .table-icons.view.active,
.listing-table .table-icons.accept.active { color: #044c9d; }
.listing-table tr:hover .table-icons.cancle,
.listing-table .table-icons.cancle.active { color: #f11e28; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; background-color: rgba(0, 0, 0, .6); visibility: hidden; opacity: 0; pointer-events: none; -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; }
.modal.open { opacity: 1; overflow-y: hidden; overflow-x: hidden; display: block; visibility: visible; pointer-events: all; -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.modal .modal-contain { width: 95%; max-width: 400px; margin: 0 auto; min-height: 100px; background-color: #fff; margin-top: 100px; margin-bottom: 30px; position: relative; padding: 25px; }
.modal .modal-contain { max-width: 930px; -webkit-box-shadow: 0 0 79px rgba(0, 0, 0, .08); box-shadow: 0 0 79px rgba(0, 0, 0, .08); border-radius: 2px; }
.modal .modal-contain .modal-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; }
.modal .modal-contain .modal-header .item { display: inline-block; vertical-align: middle; margin-right: 15px; }
.modal .modal-contain .modal-header .item.name { font-size: 24px; }
.modal .modal-contain .modal-header a { color: #044c9d; }
.modal .modal-close { position: absolute; font-size: 18px; width: 36px; height: 36px; border-radius: 18px; background-color: #fff; -webkit-box-shadow: 0 4px 8px rgba(4, 76, 157, .4); box-shadow: 0 4px 8px rgba(4, 76, 157, .4); text-align: center; line-height: 38px; color: #044c9d; top: -20px; right: -13px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; }
.modal .modal-close:hover { opacity: 0.85; }
.transition { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.order-modal-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.order-modal-body .left { -webkit-box-flex: 1.4; -ms-flex: 1.4; flex: 1.4; padding-right: 25px; border-right: 1px solid rgba(0, 0, 0, 0.2); }
.order-modal-body .right { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; padding-left: 25px; }
.order-modal-body .title { color: #999999; margin-bottom: 5px; }
.order-modal-body .name { font-size: 18px; color: #044b9b; margin-bottom: 5px; }
.order-modal-body .address p { margin: 0 0 3px 0; }
.order-modal-body .map { border-radius: 2px; overflow: hidden; margin-top: 25px; }
.order-details-modal { margin-top: 30px; }
.order-details-modal .odm-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.order-details-modal .odm-header a { color: #044b9b; }
.odm-table { margin-top: 20px; }
.odm-table tr { border: 0; }
.odm-table td { padding: 8px 0; }
.odm-table td.srn { width: 20px; }
.odm-table td.item-name { color: #044b9b; }
.odm-table td.qty { width: 130px; text-align: right; }
.odm-table td.total { width: 130px; text-align: right; }
.odm-table td.topborder { border-top: 1px solid rgba(0, 0, 0, 0.2); }
.odm-table td.highlight { color: #044b9b; }
.odm-table tr.topborder { border-top: 1px solid rgba(0, 0, 0, 0.2); }
.odm-table tr.bottomborder { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.odm-table td.final-total { font-size: 18px; }
.page-title { font-size: 24px; margin-bottom: 30px; }
.firm-form-container .item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; }
.firm-form-container .item:last-child { margin-bottom: 0; }
.firm-form-container .item .name { font-weight: bold; width: 160px; }
.firm-form-container .fields-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.firm-form-container .fields-container .fields-group .form-field,
.firm-form-container .fields-container .fields-group .form-field:last-child { margin-bottom: 15px; }
.firm-form .submit-item { text-align: right; }
.form.firm-form label { font-size: 14px; color: rgba(0, 0, 0, 0.6); font-weight:500; }
.notification { padding: 20px; margin-bottom: 20px; border-left: 5px solid transparent; border-radius: 2px; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08); box-shadow: 0 0 20px rgba(0, 0, 0, .28); min-width: 450px; } .notification-success { border-color: #4da74d; }
.notification-info { border-color: #66c7e2; }
.notification-warning { border-color: #f2b658; }
.notification-danger { border-color: #de5e59; }
.notification .close { float: right; font-size: 21px; font-weight: 600; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: .2; position: relative; top: -14px; right: -12px; color: inherit; }
.notification p{ padding: 0; font-weight: normal; }
.notification p strong{ font-weight: 600; }
.notification.notification-fixed { position: fixed; top: 0; z-index: 1111; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -150px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.4s; }
.notification.notification-fixed.active { top: 4px; }
.common-message { position: absolute; top: 70px; left: 240px; right: 0; text-align: center; padding-top: 4px; }
.common-error{background-color: #FFF0EF; border-radius: 2px; max-width: 400px; width: 100%; color: #F60C54; font-size: 14px; line-height: 18px; padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 20px; z-index: 999999; }
.common-success{background-color: #DCFEF7; width: 100%; border-radius: 2px; color: #2ca189; font-size: 12px; line-height: 18px; padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 400px;  margin: 0 0 20px; }
.common-success .fas, .common-error .fas{font-size: 16px}
.text-error{ color: rgba(221, 78, 90, 1) !important; }
.common-message a { color: #185298; text-decoration: underline; font-weight: 600; transition: all ease 0.3s; }
.common-message p { font-weight: 400; padding: 0; font-size: 16px; }
.common-message a:hover { text-decoration: none; }
.form-field.file-uploader { position: relative; }
.chemist-document-container .document-file { width: 250px; height: 251px; border: 1px dashed #235793; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative; }
.chemist-document-container .document-file img{ position: absolute; top: 0; bottom: 0; height: 100%; }
.chemist-document-container .document-file .fa { color: #2357938f; font-size: 80px; }
.form.firm-form .file-uploader .file-upload-lbl { display: inline-block; padding: 10px 20px; color: #fff; background: #185298; border-radius: 2px; transition: all ease 0.3s; cursor: pointer; font-weight: 400; }
.form.firm-form .file-uploader .file-upload-lbl:hover { background: #185298c4; }
.form.firm-form .file-uploader input[type="file"] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width:0; height: 100%; opacity: 0; }
.text-note { font-size: 12px; font-weight:500; }
.documents-img { width: 100%; max-width: 400px; height: 250px; margin-top: 20px; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .28); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .28); box-shadow: 0 0 20px rgba(0, 0, 0, .28); background-position: top center; background-repeat: no-repeat; background-size: contain; }

/*custom radio button css*/
.rd-box {display: flex; justify-content: flex-start; margin: 5px 0; }
.rd-box input[type="radio"] {display: none; }
.rd-box .a-radio .rd {border: 2px solid #185298; width: 16px; height: 16px; display: inline-block; cursor: pointer; position: relative; border-radius: 100%; margin-right: 5px; }
.rd-box .a-radio .rd-lbl {font-size: 14px; color: rgba(0, 0, 0, 0.6); display: inline-block; cursor: pointer; }
.rd-box .a-radio {display: flex; align-items: center; margin-right: 20px; }
.rd-box .a-radio:last-child {margin-right: 0; }
.rd-box input[type="radio"]:checked+.rd:before {opacity: 1; }
.rd-box .rd:before {opacity: 0; width: 8px; height: 8px; position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity ease 0.1s; background: #185298; border-radius: 100%; }
/*Custom Radio button css end*/

.license-verified .fas { color: #4CAF50; font-size: 16px; }
.license-verified { color: #4CAF50; }
.document-reject .title { font-size: 18px; font-weight: 600; }
.document-reject { border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; }
.document-reject p { padding: 0; }
.pagination { margin: 10px 0; }
.pagination ul { display: flex; justify-content: flex-end; }
.pagination ul li { margin: 0 7px; }
.pagination ul li .digit { display: inline-block; width: 20px; height: 20px; border: 1px solid #185298; text-align: center; font-size: 12px; color: black; }
.pagination ul li .digit.active { background: #185298; color: white; }
.pagination ul li a { color: #185298; font-size: 12px; font-weight: 600; }
.blinkpoint { position: relative; }
.blinkpoint:before { position: absolute; content: ""; width: 10px; height: 9px; background: red; border-radius: 100%; top: 6px; left: -15px; -webkit-animation-name: blink; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */ -webkit-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; }
@-webkit-keyframes blink { 0%   {background-color: red;} 50%  {background-color: black;} 100% {background-color: red;} }
@keyframes blink { 0%   {background-color: red;} 50%  {background-color: black;} 100% {background-color: red;} }
/* popup start */
.popupalerts { position: fixed; width: 100%; height: 100vh; background: rgba(255,255,255,0.8); display: flex; display: -webkit-flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s ease; top: 0px; }
.popupalerts.show { opacity: 1; visibility: visible; pointer-events: all; z-index: 9999; }
.popupalerts .popupcontent { max-width: 400px; width: 98%; background: white; padding: 32px; border: 1px solid #95989A; text-align: center; position: relative; font-size: 16px; line-height: 1.5; top: 0px; }
.popupcontent .close { position: absolute; top: -13px; right: -13px; }
.popupcontent .close.hidden { display: none; }
.popupcontent .button { margin-top: 16px; display: flex; display: -webkit-flex; justify-content: space-around;}
.popupcontent .button a { height: 30px; line-height: 30px; background: #044c9d; color: white; width: 42%; font-size: 14px; opacity: 0.9; }
.popupcontent .button a:hover { opacity: 1; }
.popupcontent .button a.hidden { display: none; }
.popupcontent .close a { position: relative; background: #044c9d; width: 26px; height: 26px; display: block; border-radius: 100%; }
.popupcontent .close a:before { width: 2px; height: 16px; background: white; position: absolute; content: ""; transform: rotate(45deg); top: 5px; left: 12px; }
.popupcontent .close a:after { width: 2px; height: 16px; background: white; position: absolute; content: ""; transform: rotate(-45deg); top: 5px; left: 12px; }
/* popup end */
.notifications-lists { width: 100%; }
.notifications-lists ul li { position: relative; border-bottom: 1px solid #e7e7e7; padding: 5px 50px 5px 10px; cursor: pointer; transition: all ease 0.2s; }
.notifications-lists .notifications-tool { right: 10px; position: absolute; bottom: 4px; }
.notifications-lists .notification-text p { font-size: 12px; line-height: 20px; }
.notifications-lists .notification-time p { font-size: 12px; color: #8e8e8e; }
.notifications-lists .notification-time p .fas { color: #000000ad; margin-right: 3px; }
.notifications-lists ul li.unread { background: #edf2fa; }
.notifications-lists ul li:hover { background: #f6f6f7; }
.notifications-lists .notifications-tool a { font-size: 12px; color: #8e8e8e; opacity: 0; }
.notifications-lists ul li:hover .notifications-tool a { opacity: 1; }
.searchbox-container { position: relative; }
.site-header .searchbox-container input[type="text"] { border: 1px solid white; background: rgba(255, 255, 255, 1); color: rgba(4, 76, 157, 1); border-radius: 2px; outline: none; width: 240px; height: 42px; padding: 0 15px; font-size: 14px; font-weight: 600; }
.site-header .searchbox-container input[type="text"]:focus + button{color: rgba(4, 76, 157, 1)}
.searchbox-container button { position: absolute; background: transparent; color: rgba(4, 76, 157, 0.4);; font-size: 14px; border: 0; outline: none; -webkit-appearance: none; border-radius: 0; padding: 0; margin: 0; top: 50%; transform: translateY(-50%); right: 15px; }
.site-header .searchbox-container input[type="text"]::placeholder { color: rgba(4, 76, 157, 0.4); font-weight:500; }
.site-header .searchbox-container input[type="text"]:-ms-input-placeholder { color: rgba(4, 76, 157, 0.4); font-weight:500; }
.site-header .searchbox-container input[type="text"]::-ms-input-placeholder { color: rgba(4, 76, 157, 0.4); font-weight:500; }
.btn.loading { background: #777777 !important; cursor: progress; }
.loading > .fas:before { content: "\f110"; }
.loading > .fas { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset; }
.web-loading-container { position: fixed; top: 0; left: 0; right: 0; border: 0; z-index: 999999999; opacity: 0; visibility: hidden; transition: all ease 0.3s; }
body.showloading .web-loading-container { opacity: 1; visibility: visible; }
.web-loading-container:after { position: absolute; content: ""; background: #0000003d; left: 0; right: 0; bottom: 0; top: 0; height: 100vh; }
.web-loading-container .loading-section { display: flex; height: 100vh; justify-content: center; align-items: center; width: 100%; position: relative; z-index: 99999; }
.web-loading-container .loading-section .fas { font-size: 40px; color: black; }
.extra-search-items .submit-btn { font-size: 16px; padding: 10px 25px; border-radius: 2px; }
.extra-search-items ul { display: flex; align-items: center; justify-content: center; }
.extra-search-items ul li { margin-right: 10px; }
.completed-order-search .table-search { background: transparent; border-radius: unset; padding: 0; }
.completed-order-search .table-search input[type="text"] { background: #e8edf3; border-radius: 2px; padding: 11px 10px; width: 240px; font-weight: 600; }
.completed-order-search .search-item.date-box { position: relative; }
.jcompleted-order-list.pick-up-enquiries .lk-row.lk-head .jorder-type{padding-left: 8px;}
.search-item.date-box .mat-button-focus-overlay{background-color: transparent;}
.completed-order-search .search-item.date-box  .mat-datepicker-toggle{position: absolute !important; top: 0px;}
.mat-icon-button{position: relative; left: -45px;}

.completed-order-search .search-item.date-box .fas {
position: absolute;
right: 6px;
top: 10px;
font-size: 18px;
color: #185298;
}
.referralstatus .orderplaced {
color: #2ca189;
}

.referralstatus .ordernotplaced {
color: #f22d4e;
}

.referralstatus .paid {
color: #2ca189;
}

.referralstatus .notpaid {
color: #f22d4e;
}
.lt-header.referral-statistics {
justify-content: flex-start;
margin-bottom: 20px;
}

.referral-statistics .statistics-box {
margin-right: 40px;
}

.referral-statistics .statistics-box p {
font-size: 14px;
color: rgba(17, 17, 17, 0.4);
}

.referral-statistics .statistics-box h3 {
font-size: 22px;
}

.referral-statistics .statistics-box.totalearning h3 {
color: #1192f6;
}

.referral-statistics .statistics-box.paymentreceived h3 {
color: #2ca189;
}

.referral-statistics .statistics-box.paymentdue h3 {
color: #f22d4e;
}
.chk-box.referral-filter-chk {
margin-top: 10px;
margin-bottom: 0;
}

.lk-table-container{
margin-top: 15px;
min-height: .01%;
overflow-x: auto;
}
.lk-table .lk-row:hover{
background: #f2f2f2;
}
.lk-table .lk-row.lk-head:hover{

background: transparent !important;
}
.btn{
padding: 5px 12px;
font-size: 12px;
transition: all .3s ease;
background: transparent;
outline: none;
-webkit-appearance: none;
border-radius: 0;
border: 0;
white-space: nowrap;
}
.btn:hover{
opacity: 0.85;
}
.dark-btn{
background: #044c9c;
color: #fff;
}
.rounded-btn{
border-radius: 100px;
}
.btn .icon-right .fas{
margin-left: 3px;
}
.order-notes {
margin: 5px 0;
}

.order-notes h3 {
font-size: 14px;
}

.order-notes ul li {
font-size: 14px;
line-height: 18px;
text-align: justify;
margin-bottom: 10px;
}
.order-notes ul {
list-style: square;
list-style-position: outside;
padding-left: 20px;
}

.order-notes ul li:last-child {
margin-bottom: 0;
}
.btn.btn-shipped-single {
background: #1192f6;
}
.btn.btn-delivered-single{
background: #2ca189;
}
.rating-container .left {
display: flex;
align-items: center;
}

.rating-container .left .ratings-tabs ul {display: flex;}

.rating-container .left .ratings-tabs {
margin-left: 30px;
}

.rating-container .left .ratings-tabs ul li {
font-size: 14px;
font-weight:500;
margin: 0 10px;
padding: 4px 10px;
border-radius: 19px;
cursor: pointer;
}

.rating-container .left .ratings-tabs ul li.active, .rating-container .left .ratings-tabs ul li:hover {
background: #044c9c;
color: white;
}

.rating-container .left .ratings-tabs ul li:first-child {
margin-left: 0;
}

.rating-container .left .ratings-tabs ul li:last-child {
margin-right: 0;
}

.rating-container .right .avg-star {
font-size: 16px;
}
.rating-container .ratings .fa.fill {
color: #044c9c;
}

.rating-container .ratings .fa {
color: #044c9c21;
}

.rating-container .wc-tabel .ratings {
width: 120px;
}

.rating-container .wc-tabel .name {
width: 150px;
}

.rating-container .wc-tabel .order {
width: 150px;
}
.rating-container .wc-tabel .item.item-head>a {padding-top: 5px;padding-bottom: 0px;}

.rating-container .wc-tabel .item.item-head>a div {padding-top: 5px;padding-bottom: 5px;font-size: 12px;color: rgba(0, 0, 0, 0.4);font-weight: bold;}
.table-search .search-item .btn-search {
height: 40px;
border-radius: 5px;
width: 100px;
font-weight:500;
font-size: 16px;
}
/* Pagination css Start */
.pagination { text-align: right; }
.pagination a { height: 28px; line-height: 28px; display: inline-block; vertical-align: middle; font-size: 12px; font-weight: bold; border-radius: 50%; width: 28px; text-align: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.pagination a:hover, .pagination a.active { background: #044c9d; color: #fff;}
.pagination a.prev,.pagination a.next, .pagination a.first, .pagination a.next { background: #044c9d; color: #fff; width: auto; padding: 0 20px; border-radius: 100px;}
/* Pagination css End */
/* Faq Css Start */
.faq .header{min-height: auto; position: relative; }
.faq .banner{max-width: none; text-align: left; position: relative; z-index: 1; margin-top: -128px;}
.faq .banner h2 {font-weight: 600;color: #fff;padding-bottom: 8px;}
.faq .banner h4 {color: rgba(12, 161, 246, 1); }
.faq-content-inner {display: flex; flex-wrap: wrap; box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16); border-radius: 8px; background-color: #fff; padding: 50px;}
.faq-content {padding: 0px 0px 65px;  margin-top: 20px; z-index: 8; position: relative;}
.faq-content-left { padding-right: 30px; }
.faq-content-left ul li a {font-size: 18px; font-weight: 700; color: rgba(51, 51, 51, 1); text-decoration: none; }
.faq-content-left ul li.active a, .faq-content-left ul li:hover a{color: rgba(12, 161, 246, 1); position: relative;}
.faq-content-left ul li.active a:before{content: ""; width: 5px; height: 28px; background-color: rgba(12, 161, 246, 1); border-radius: 4px; position: absolute; left: -23px;}
.faq-content-left ul li {padding-bottom: 27px; list-style-type: none; padding-left: 23px; }
.faq-content-left ul li:last-child{padding-bottom: 0px;}
.faq-content-rblock {display: flex; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 20px 0px; border-bottom: 1px solid rgba(112, 112, 112, 0.4); } .faq-content-right > div:first-child .faq-content-rblock:first-child{border-top: 1px solid rgba(112, 112, 112, 0.4); height: max-content;}
.faq-content-rblock-desc{width: 100%;}
.faq-content-rblock-no {font-size: 24px; width: 50px; line-height: 32px; font-weight: 700; color: rgba(4, 76, 157, 1); padding-right: 24px; }
.faq-content-rblock-que {font-size: 18px; position: relative; padding-right: 20px; cursor: pointer;  font-weight: 600; color: rgba(51, 51, 51, 1);	 line-height: 24px; }
.faq-content-rblock-ans {max-height:0; overflow-y: hidden; -webkit-transition: max-height 0.3s ease-in-out; -moz-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; transition: max-height 0.3	s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.faq-content-rblock-ans p{font-weight: 600; color: rgba(51, 51, 51, 1); line-height: 24px; padding-top: 12px; font-size: 16px;}
.faq-content-rblock-ans ul {padding-top: 10px; }
.faq-content-rblock-ans ul p{padding-bottom: 10px;}
.faq-content-rblock-ans ul li {font-size: 14px; padding-left: 45px; font-weight: 600; position: relative; color: rgba(51, 51, 51, 1); padding-bottom: 10px; }
.faq-content-rblock-ans ul li:before{content: "\f111"; position: absolute; left: 23px; top: 5px; font-size: 6px; font-weight: 600; font-family: 'Font Awesome 5 Free' !important}
.faq-content-rblock.active .faq-content-rblock-ans {max-height: fit-content; padding: 15px 0 0px; font-size: 17px;}
.faq-content-rblock-que:after{content: "\f054"; position: absolute; top: 0; right: 0; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 16px; color: rgba(4, 76, 157, 0.4);}
.faq-content-rblock.active .faq-content-rblock-que:after{content: "\f078"; color: rgba(4, 76, 157, 1);}
.faq .fixed-header {position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(4, 76, 157, 1); z-index: 999; box-shadow: 0 0 12px rgba(0, 0, 0, 0.8); padding: 20px 20px;}
.faq .fixed{position: fixed;}
.faq-content-rblock a{color: rgba(10, 41, 77, 0.5); transition: all ease 0.5s; font-weight: 700;}
.faq-content-rblock a:hover{color: rgba(10, 41, 77, 1); text-decoration: none;}
.faq-content-rblock.active .faq-content-rblock-que{color: rgba(4, 76, 157, 1)}
.faq-title h3{color: rgba(4, 76, 157, 1); font-weight: 700; padding-bottom: 28px;}
.faq-content-left.faq_sticky{position: fixed; top: 130px;}
/* Faq Css End */
/* Order details css start*/
.order-details-container { padding: 10px; display: flex; }
.order-details-container .order-summary { width: 100%; max-width: 300px; background: #044c9d; border-radius: 10px; max-height: 600px; }
.order-details-container .order-blocks { flex: 1; margin-right: 40px; }
.order-blocks .order-no-info ul { display: flex; justify-content: flex-start; flex-direction: column; }
.order-blocks .order-no-info { margin-bottom: 20px; border-bottom: 1px solid #c5c5c5c9; padding-bottom: 10px;  display: flex; align-content: center; justify-content: space-between;  }
.order-no-info .order-status, .order-no-info .order-statuss { display: flex; align-items: center; justify-content: space-between;  border-radius: 4px; padding: 3px 9px; }
.order-no-info .order-statuss{justify-content: center; text-align: center;}
.order-no-info .order-statuss .fas{margin-right: 10px;}
.order-no-info .order-statuss p{padding: 0px}
.order-no-info .order-status .fas, .order-no-info .order-statuss .fas{color: #fff !important;}
.pick-up-confirmed .order-no-info .order-status{margin-right: 15px;}
.order-no-info .order-status.accepted {margin-left: 0;}
.order-no-info .order-status, .order-no-info .order-statuss{padding: 7px 14px; background-color: rgba(0, 197, 220, 1); border-radius: 22px; color: #fff; font-size: 14px; font-weight:500; border: 0;}
.order-no-info .order-status p {text-transform: capitalize; color: #fff; padding: 0; font-weight: 600; }
.order-blocks .order-no-info ul li { margin-right: 20px; padding-right: 20px;}
.order-blocks .order-no-info ul li { color: #044c9d; font-weight: 600;}
.order-blocks .order-no-info ul label { font-weight: 300; color: #044c9d8a; margin-right: 10px; }
.order-blocks .order-customer-info { display: flex; justify-content: flex-start; padding-bottom: 10px; }
.order-customer-info-group{border-bottom: 1px solid #c5c5c5c9; padding-bottom: 15px;  margin-bottom: 20px;}
.jorder-customer-info-notes { background-color: rgba(255, 201, 109, 0.2); border-radius: 2px; padding: 11px 20px; font-size: 14px; color: rgba(17, 17, 17, 1); }
.order-customer-info .oc-name { display: flex; margin-right: 20px; width: 30%;}
.order-blocks .order-customer-info .oc-label label { font-weight: 300; display: block; color: #044c9d8a; margin-bottom: 5px; }
.order-customer-info .oc-name .image img { max-width: 50px; width: 100%; border-radius: 100%; }
.order-customer-info .oc-name .image { margin-right: 20px; }
.order-customer-info .oc-mobile { margin-right: 20px; width: 18%;}
.order-customer-info .oc-address{width: 52%;}
.order-customer-info .oc-address .address .address-type { text-transform: capitalize; font-weight: 600; }
.order-customer-info .oc-address .address p { padding: 0; }
.order-blocks .order-patient-note { background: #fef4e2; padding: 6px 10px; border-radius: 5px; }
.order-blocks .order-patient-note p { font-weight: 300; padding: 0; }
.order-details-container .order-summary .os-heading { border-bottom: 1px solid #83b0e2; padding: 17px 20px; padding-top: 24px; margin-bottom: 20px; }
.order-details-container .order-summary .os-heading p { font-size: 16px; color: #83b0e2; padding: 0; line-height: 16px; font-weight: 600; }
.order-details-container .order-summary .price-block { padding: 0 20px; display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center; }
.order-details-container .order-summary .price-block .os-pb-value { color: white; font-weight: 600; font-size: 14px; }
.order-details-container .order-summary .price-block .os-pb-label { color: #83b0e2; font-size: 12px; font-weight: 600; line-height: 12px; }
.order-details-container .order-summary .price-block .os-pb-label.os-pb-label-discount span { display: block; font-size: 10px; color: white; margin-top: 1px; font-weight: 400; }
.order-details-container .order-medicine-list .discount-box {width: 80px;display: flex;border-radius: 4px;justify-content: space-around; align-items: center; padding: 5px 5px;}
.order-details-container .order-medicine-list .discount-box span, .ml-mrp span { color: rgba(4, 76, 157, 0.4); cursor: pointer; position: absolute; height: 37px; width: 13px; }
.ml-mrp span{position: relative; height: auto;}
.order-details-container .order-medicine-list .discount-box input[type="text"] {background-color: rgba(12, 161, 246, 0.1); color: #044C9D;  border-radius: 4px; text-align: center; padding: 0px 25px 0px 25px; height: 37px; font-size: 14px; font-weight: bold; border: 0px; width: 100%;}
.order-details-container .order-medicine-list .discount-box span.minus:before, .ml-mrp span.minus:before { position: absolute; content: ""; width: 13px; height: 3px; background: #53c6dc; top: 18px; left: 0;}
.order-details-container .order-medicine-list .discount-box span.plus:before, .ml-mrp span.plus:before { position: absolute; content: ""; width: 13px; height: 3px; background: #53c6dc; top: 18px; right: 0px; }
.order-details-container .order-medicine-list .discount-box span.plus:after, .ml-mrp span.plus:after{ position: absolute; content: ""; width: 13px; height: 3px; background: #53c6dc; top: 18px; transform: rotate(90deg); right: 00px; }
.order-details-container .order-summary .price-block.os-discount { align-items: center; }
.order-details-container .order-summary .price-block.os-netpayable { border-top: 1px solid white; padding-top: 10px; align-items: center; border-bottom: 1px solid white; padding-bottom: 10px; }
.order-details-container .order-summary .price-block.os-netpayable .os-pb-value { font-size: 20px; }
.order-details-container .order-summary .price-block.os-netpayable .os-pb-lable { color: white; }
.order-details-container .order-summary .price-block.os-netpayable .os-pb-label { color: white; }
.ml-mrp span.minus:before{left: 10px}
.ml-mrp span.plus:before{right: 10px}
.ml-mrp span.plus:after{right: 10px;}
.order-details-container .order-blocks .separator { margin: 20px 0; }
.order-details-container .order-blocks .separator hr { border: 1px solid #c5c5c5c9; margin: 0; border-top: 0; }
.order-medicines-container .om-heading { font-weight: 600; font-size: 16px; color: #044c9d8a; margin-bottom: 10px; }
.order-medicines-container .order-medicine-list.ml-heading { display: flex; align-items: center; color: #044c9d8a; margin-bottom: 15px; }
.order-medicine-list .ml-left { display: flex; flex: 1; margin-right: 30px; }
.order-medicine-list .ml-right {display: flex; flex-wrap: wrap; align-items: center;  width: 100%;max-width: 240px;justify-content: flex-end;}
.order-medicine-list .ml-left .ml-medicine {flex: 1;}
.order-medicine-list .ml-right .ml-mrp { width: 100%; max-width: 60px; }
.order-medicine-list .ml-right .ml-mrp input[type="text"] {background: #e6f5fe;border: none;width: 70px;height: 30px;text-align: center;font-size: 14px;outline: none;border: 2px solid #e6f5fe;padding: 0;color: #044c9d;font-weight: 600;border-radius: 4px;}
.order-medicine-list .ml-right .ml-mrp label {font-size: 12px;color: rgba(4, 76, 157, 0.4);}
.order-medicines-container .order-medicine-list { display: flex; margin-bottom: 15px; }
.order-medicine-list .ml-right .ml-amount {width: 110px;margin-left: 30px; text-align: right !important;}
.order-medicine-list .ml-right .ml-amount span {font-size: 12px;color: gray;}
.order-medicine-list .ml-right .ml-qty {width: 50px;margin-left: 30px;text-align: center;}
.order-medicine-list .ml-right .ml-qty span{ display: none; }
.order-medicine-list .ml-left .ml-medicine .ml-m-name {padding: 0 10px 0 0;color: #044c9d;line-height: 19px;}
.order-medicine-list .ml-left .ml-medicine p { padding: 0; }
.order-medicine-list .ml-left .ml-medicine .ml-m-manufacturer { color: rgba(17, 17, 17, 0.4); font-size: 12px; }
.order-medicine-list .ml-left .ml-medicine .ml-m-packing {color: black;font-size: 10px;}
.order-medicine-list .ml-left .ml-discount { width: 90px; }
.order-prescription { margin-top: 20px; padding: 0px 20px 10px; }
.order-prescription .op-heading { font-weight: 600; font-size: 16px; color: #044c9d8a; margin-bottom: 10px; }
.order-prescription .op-list { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 10px;}
.order-prescription .op-list img { width: 60px; height: 60px;  border-radius: 7px; cursor: pointer; }
.order-all-notes { padding: 0 20px; }
.order-all-notes label { display: block; color: #83b0e2; font-weight: 600; margin-bottom: 10px; }
.order-all-notes p { color: #FFFFFF; font-size: 12px; padding: 0; margin-bottom: 10px; text-align: justify; }
.order-button-actions { padding: 0 20px; margin: 20px 0; }
.btn-order { color: #fff; padding: 8px 10px; text-align: center; border-radius: 4px; background-color: #044c9d; display: inline-block; font-size: 16px; font-weight:500; outline: none; border: none; }
.order-button-actions .btn-order.btn-accept { background: #53c6dc; width: 100%; margin-bottom: 20px; }
.order-button-actions .btn-order.btn-reject { width: 100%; background: white; color: red; }
.order-button-actions .btn-order.btn-reject:hover { background-color: red !important; color: #fff; }
.order-button-actions .btn-order.btn-shipped { background: #00c5dc; width: 100%; margin-bottom: 20px; }
.order-button-actions .btn-order.btn-delivered { background: #2ca189; width: 100%; margin-bottom: 20px; }
.order-details-container .order-blocks .order-medicines-container.order-otcmedicines-container {  padding-top: 20px; }
/* Order details css end*/
.form-pickup-message p { text-align: center; font-size: 16px; line-height: 25px; padding: 0; } .form-pickup-message p .fas { font-size: 50px; color: red; margin-bottom: 20px; } .accept_pickup_order .pick-up-cancel-btn { background: transparent; border: none; color: red; font-size: 14px; font-weight:500; } .modal.open.accept_pickup_order .modal-contain { max-width: 550px; }
.reject_reasons .rd-box { flex-direction: column; } .reject_reasons .rd-box .a-radio { margin-bottom: 11px; }


.lk-row.lk-desc:hover {background-color: #f2f2f2; cursor: pointer;}
.jsales-order-list-desc  .jsd-block-group{padding-right: 0px;}
.jsd-block-title ,.jsd-block-group > div { display: flex; align-items: center; width: 100%; padding-right: 0px; border-bottom: 1px solid rgba(4, 76, 157, 0.1); padding: 8px 15px; border-radius: 2px; }
.jsd-block-group > div:last-child{border-bottom: 0   ;}
.jsales-order-list-desc .jsales-payment { position: absolute; text-align: left; border-radius: 2px; width: 200px; z-index: 9; padding-right: 0px; background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); top: 37px; left: 0; }
.jsales-payment img { max-width: 20px; margin-right: 10px; }
.jsales-payment p { font-size: 14px; color: #111111; font-weight:500; }
.jsales-payment .jsd-block-title p { font-size: 14px; color: rgba(12, 161, 246, 1); font-weight:500; }
/* Pick UP Enquiries Css Start */

.co-main .gray-shadow.content-full{min-height: calc(100vh - 121px); height: auto;}
.co-main .gray-shadow.content-full.jcompleted-order-list{min-height: calc(100vh - 138px);}
.pick-up-enquiries .lk-row.lk-head {
  padding: 15px 20px 8px;
}
.pick-up-enquiries .lk-row{display: flex;align-items: center; padding: 6px 20px; border-bottom: 1px solid rgba(112, 112, 112, 0.2)}
.pick-up-enquiries .lk-row.lk-head > div {color: rgba(17, 17, 17, 0.4); font-size: 12px; font-weight: 600; }
.pick-up-enquiries .lk-row .profile {width: 7%; }
.pick-up-enquiries .lk-row .pickup-patient-detail{width: 78%; display: flex; align-items: center;}
.pick-up-enquiries .lk-row .orderno {width: 20%; }
.pick-up-enquiries .lk-row .mobileno {width: 14%; }
.pick-up-enquiries .lk-row .orderid {width: 14%; }
.pick-up-enquiries .lk-row .order-rejected {width: 32%; }
.pick-up-enquiries.enquiries-status .lk-row .order-rejected{width: 20%;}
.pick-up-enquiries.enquiries-status.jcompleted-order-list .lk-row .order-rejected{width: 15.5%;}
.pick-up-enquiries.enquiries-status .lk-row .order-status{width: 12%;}
.pick-up-enquiries.enquiries-status.jcompleted-order-list .lk-row .order-status{width: 10%}
.pick-up-enquiries.jcompleted-order-list .lk-row .take-action{width: 10%}
.pick-up-enquiries.jcompleted-order-list .lk-row .profile{width: 6%}
.pick-up-enquiries.jcompleted-order-list .lk-row .orderno{width: 20%;}
.pick-up-enquiries .lk-row .take-action {width: 13%; text-align: right;}
.pick-up-enquiries .lk-row .profile img{width: 35px; height: 35px; border-radius: 50%;}
.jcompleted-order-list{margin-top: 40px; min-height: calc(100vh - 260px)}
.jcompleted-order-list.jrejected-order-list{margin-top: 10px;}
.pick-up-enquiries.jorder-search .lk-row .orderno{width: 17%}
.pick-up-enquiries.jorder-search .lk-row .orderid {width: 12%; }
.pick-up-enquiries .lk-row.lk-desc > div {color: rgba(17, 17, 17, 1); font-size: 14px; font-weight: 600; }
.pick-up-enquiries .lk-row.lk-desc .mobileno{font-weight:500; color: rgba(51, 51, 51, 0.9);}
.pick-up-enquiries .lk-row.lk-desc .orderid{color: rgba(4, 76, 157, 1)}
.pick-up-enquiries .lk-row.lk-desc .order-rejected span{color: rgba(221, 78, 90, 1)}
.pick-up-enquiries .lk-row.lk-desc .order-rejected {color: rgba(17, 17, 17, 1);}
.pick-up-enquiries .lk-row.lk-desc .take-action{color: rgba(4, 76, 157, 1); position: relative;}
.pick-up-enquiries .lk-row.lk-desc .take-action .fas{ font-size: 10px; position: relative; top: auto; right: auto;}
.pick-up-enquiries .lk-row.lk-desc .take-action:before, .lk-table .lk-row .lk-td.take-action:before {content: ""; position: relative; left: -31px; border-left: 2px solid rgba(112, 112, 112, 0.3); width: 100%; }
.order-payment-status {width: 80px;}
/* Pick Up Enquiries Css Start */
.pick-up .order-medicine-list .ml-left{flex: unset; width: 40%; margin-right: 2%;}
.pick-up .order-medicine-list .ml-left .ml-medicine{flex: unset; }
.pick-up .om-desc.order-medicine-list .ml-left .ml-medicine{border-left: 4px solid rgba(12, 161, 246, 1); padding-left: 15px;}
.pick-up .order-medicine-list .ml-left .ml-medicine .ml-m-nobatch-available { font-size: 12px; color: red; font-weight: 600; }
.pick-up .order-medicine-list .ml-right{width: 58%; max-width: 100%; position: relative;}
.pick-up .order-medicine-list .ml-right > div{width: 30%; margin: 0px; text-align: center;}
.pick-up .order-medicine-list .ml-right .ml-qty{width: 10%;}
.pick-up .order-blocks .order-no-info{ align-items: center; flex-wrap: wrap; }
.pick-up-confirmed-successful {width: 100%; font-size: 14px; font-weight: 600; color: rgba(12, 161, 246, 1); padding-top: 20px; }
.pick-up .orderno{color: rgba(4, 76, 157, 0.6); font-weight:500; margin-right: 20px;}
.pick-up .orderno span{font-weight: 600;}
.pick-up .order-rejected{color: rgba(221, 78, 90, 1) !important; font-size: 14px; font-weight:500;  margin-right: 0px;}
.pick-up .order-customer-info .oc-name .image img{width: 40px; height: 40px; border-radius: 50%;}
.pick-up .order-rejected span{color: rgba(17, 17, 17, 1);}
.pick-up .pick-up-order{border:0; padding: 0; margin-left: auto;}
.pick-up .pick-up-order:last-child{margin-left: 0; }
.pick-up-button-group{margin-left: auto; display: flex; align-items: center;}
.pick-up-button-group .pick-up-order{margin-left: 0;}
.pick-up .pick-up-order p, .pick-up .pick-up-order button{padding: 7px 14px; border: 0; height: 34px; background-color: rgba(12, 161, 246, 1); border-radius: 22px; color: #fff; font-size: 14px; font-weight:500;}
.pick-up-button-group .pick-up-order-group:last-child{margin-left: 20px;}
.pick-up .order-blocks .order-customer-info .oc-label label{font-weight:500; font-size: 14px; color: rgba(4, 76, 157, 0.4)}
.pick-up .order-blocks .order-customer-info .oc-label{font-weight: 600;}
.pick-up .order-medicines-container .om-heading{color: #0CA1F6; font-weight: 600;}
.pick-up .order-medicines-container .order-medicine-list.ml-heading .ml-left > div, .pick-up .order-medicines-container .order-medicine-list.ml-heading .ml-right > div{color: rgba(4, 76, 157, 0.4);  font-weight:500;}
.pick-up .order-medicine-list .ml-left .ml-medicine .ml-m-name{font-weight: 600; color: #0CA1F6}
.pick-up .om-desc.order-medicine-list .ml-right .ml-discount, .pick-up .om-desc.order-medicine-list .ml-right .ml-amount{color: rgba(4, 76, 157, 1); line-height: 37px; font-weight: 600;}
.pick-up .om-desc.order-medicine-list .ml-right .ml-amount{text-align: right;}
.pick-up .order-medicine-list .ml-right .ml-amount span{color: rgba(4, 76, 157, 0.4); font-weight: 600; font-size: 12px;}
.pick-up .om-desc.order-medicine-list .ml-right .ml-qty {color: rgba(51, 51, 51, 1); line-height: 37px;}
.pick-up .order-medicine-list .ml-right .ml-mrp {color: rgba(4, 76, 157, 1); margin: 6px 0px; text-align: right; width: 30%; font-weight: 600; max-width: 100%; position: relative;}
.pick-up .om-desc.order-medicine-list .ml-right .ml-mrp input{background-color: rgba(12, 161, 246, 0.1); color: #044C9D; text-align: right; border-radius: 4px; padding: 10px 40px 10px 25px; font-size: 14px; font-weight: bold;  border:0px; width: 100%; }
.pick-up .om-desc.order-medicine-list .ml-right .ml-mrp input[type=number]::-webkit-inner-spin-button,
.pick-up .om-desc.order-medicine-list .ml-right .ml-mrp input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;}
.pick-up .om-desc.order-medicine-list .ml-right .ml-mrp input:focus{outline: none;}
.om-desc.order-medicine-list .ml-right .ml-mrp:after {content: "\f0dc";font-family: "Font Awesome 5 Free"; color: #0CA1F6; position: absolute;top: 9px;right: 14px;font-size: 16px; display: none;}
.pick-up-confirmed .om-desc.order-medicine-list .ml-right .ml-mrp:after{content: "";}
.pick-up .om-desc.order-medicine-list .ml-left .ml-medicine .ml-m-manufacturer{color: rgba(68, 68, 68, 1);}
.pick-up .order-medicine-list .ml-left .ml-medicine .ml-m-packing{color: rgba(170, 170, 170, 1);}
.pick-up .om-desc.order-medicine-list{margin-bottom: 24px}
.pick-up .order-details-container .order-summary .os-heading{border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
.pick-up .order-details-container .order-summary .price-block .os-pb-label{color:rgba(255, 255, 255, 0.4) }
.pick-up .order-details-container .order-summary .price-block .os-pb-value span, .pick-up .order-details-container .order-summary .price-block .os-pb-value.discount, .pick-up .order-details-container .order-summary .price-block .os-pb-value.discount span, .pick-up .order-details-container .order-summary .price-block .os-pb-value.redeembalance span{color: rgba(255, 255, 255, 0.4); font-size: 14px; font-weight: 600;}
.pick-up .order-details-container .order-summary .price-block .os-pb-value span{color: rgba(255, 255, 255, 1);}
.pick-up .order-details-container .order-summary .price-block.os-discount{padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.pick-up .order-details-container .order-summary .price-block.os-discount .os-discount-drop{visibility: hidden; opacity: 0; transition: all ease 0.3s; padding-top: 3px;}
.pick-up .order-details-container .order-summary .price-block.os-discount .os-discount-drop span{color: rgba(255, 255, 255, 0.4);}
.pick-up .order-details-container .order-summary .price-block.os-discount .os-discount-drop.os-discount-visible{visibility: visible; opacity: 1;}
.pick-up .order-details-container .order-summary .price-block.os-redeem .os-pb-value{color: rgba(255, 255, 255, 0.4);}
.pick-up .order-details-container .order-summary .price-block.os-netpayable{border: 0px;}
.pick-up .order-details-container .order-summary .price-block.os-netpayable{background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; margin: 0px 20px;}
.pick-up .order-details-container .order-summary .price-block.os-netpayable .os-pb-label{color: #fff; font-weight:500; font-size: 12px;}
.pick-up .order-all-notes{padding-top: 30px; display: flex; flex-direction: column;}
.pick-up .order-all-notes .fas {font-size: 12px; color: #fff; width: 24px; padding-top: 4px; }
.pick-up .order-all-notes p{color: rgba(255,255,255,0.6);}
.pick-up .order-all-notes .anotes { display: flex; margin-bottom: 10px; } .pick-up .order-all-notes .anotes i { margin-right: 10px; }
.pick-up .order-button-actions button.btn-order.btn-not-available {border: 1px solid rgba(255, 255, 255, 0.1); width: 100%; text-align: center; font-size: 14px; font-weight:500; }
.pick-up-confirm-box {background-color: #00C5DC; transition: all ease 0.5s; border-radius: 4px; margin: 15px 20px 0px; padding: 16px 20px; }
.pick-up-confirm-box p {font-size: 12px; font-weight: 600; color: #fff; padding-bottom: 9px; }
.pick-up-confirm-box select {font-weight: 600; position: relative; width: 100%; padding: 8px 17px; border: 0; border-radius: 4px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.04); font-size: 12px; color: rgba(17, 17, 17, 1); -webkit-appearance: none; }
.pick-up-confirm-box button {width: 100%; margin-top: 10px; font-size: 12px; font-weight:500; }
.pick-up-confirm-box button .fas {font-size: 12px; }
.pick-up-confirm-box .pick-up-select{position: relative;}
.pick-up-confirm-box .pick-up-select:after {content: "\f078";font-family: "Font Awesome 5 Free"; color: rgba(17, 17, 17, 0.4); position: absolute;top: 9px;right: 8px;font-size: 10px; font-weight: 600;}
.pick-up .order-details-container .order-summary{max-height: unset; padding-bottom: 30px;}
.pick-up .order-details-container .order-medicine-list .discount-box{margin: 4px auto; padding: 0px 5px; position: relative;}
.pick-up .order-details-container .order-medicine-list .discount-box span.minus:before{left: 00px;}
/* HealthCare Css Start */
.pick-up .order-medicines-container.order-otcmedicines-container .om-heading{color: rgba(112, 111, 211, 1); font-weight: 600;}
.pick-up .order-medicines-container.order-otcmedicines-container .om-desc.order-medicine-list .ml-left .ml-medicine{border-left: 4px solid rgba(112, 111, 211, 1); padding-left: 15px;}
.pick-up .order-medicines-container.order-otcmedicines-container .om-desc.order-medicine-list .ml-left .ml-medicine .ml-m-name{color: rgba(112, 111, 211, 1);}
.pick-up-time-alloted{ transition: all ease 0.5s; padding: 19px 0px; margin: 15px 20px 15px; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2)}
.pick-up-time-alloted p{color: rgba(255, 255, 255, 0.4); font-weight:500; font-size: 14px; padding-bottom: 2px;}
.pick-up-time-alloted h5{font-size: 20px; font-weight: 600; line-height: 30px; color: rgba(0, 197, 220, 1);}
.pick-up .order-all-notes.pickup-confirmed{transition: all ease 0.5s; padding-top: 0px; margin-top: 0px;}
.order-summary-block .pickup-order-timing { padding: 10px 20px; }
.order-summary-block .pickup-order-timing label { color: white; font-size: 12px; }
.order-summary-block .pickup-order-timing select { background: white; border: none; width: 160px; height: 30px; font-size: 14px; color: black; outline: none; margin-top: 5px; }
.pick-up .order-details-container .order-medicine-list .ml-batch-container { width: 30%; margin: 0; text-align: center; display: flex; flex-direction: column; align-items: flex-start; }
.order-medicine-list .ml-batch-container .ml-batch-select { width: 70px; height: 30px; outline: none; background: white; } .ml-batch-mrplabel { color: rgba(4, 76, 157, 1); font-weight: 600; }


/* Pick Up Confirmed Details Page Css Start */
.pick-up .order-summary-block{max-width: 300px; width: 100%;}
.pick-up-confirmed .pick-up-order-group {display: flex; }
.pick-up-confirmed.pick-up .pick-up-order:last-child p{background-color: rgba(0, 197, 220, 1)}
.pick-up-confirmed.pick-up .order-rejected {color: rgba(4, 76, 157, 0.4)}
.pick-up-confirmed .pick-up-issue a {padding: 7px 20px; font-weight: 600;  border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; color: rgba(153, 153, 153, 1); }
.pick-up-confirmed .pick-up-issue {text-align: right; padding-bottom: 23px; position: relative;}
.pick-up-issue-reason {visibility: hidden; opacity: 0;  position: absolute; transition: all ease 0.5s; background-color: #fff; border-radius: 4px; width: 300px; right: 0; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.24); margin-top: 7px; padding: 17px 0px; text-align: left;}
.pick-up-confirmed .pick-up-issue:hover a{color: rgba(4, 76, 157, 1); border-color: rgba(4, 76, 157, 1);}
.pick-up-confirmed .pick-up-issue:hover  .pick-up-issue-reason {visibility: visible; opacity: 1; }
.pick-up-confirmed .pick-up-issue-reason p {font-size: 12px; color: rgba(4, 76, 157, 1); font-weight: 600; padding-left: 46px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 9px; }
.pick-up-confirmed .pick-up-issue-input-group .pick-up-issue-input {width: 100%; cursor: pointer; padding: 11px 0px; padding-left: 25px; font-weight:500;font-size: 12px; color: rgba(68, 68, 68, 1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: inline-block;}
.pick-up-confirmed .pick-up-issue-input-group .pick-up-issue-input:hover{background-color: rgba(4, 76, 157, 0.1); }
.pick-up-confirmed .pick-up-issue-input-group .pick-up-issue-input:hover  label{color: rgba(4, 76, 157, 1) !important;}
.pick-up-confirmed .pick-up-issue-submit{margin: 17px 20px 0px;}
.pick-up-confirmed .pick-up-issue-reason button {background-color: rgba(4, 76, 157, 1); border: 1px solid rgba(4, 76, 157, 1); border-radius: 4px; width: 100%; color: #fff; font-size: 12px; font-weight: 600; padding: 9px 0px; }
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:checked,
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:checked + label,
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:not(:checked) + label
{position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:checked + label:before,
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:not(:checked) + label:before {
content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid  rgba(112, 112, 112, 0.4); border-radius: 100%; background: #fff; }
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:checked + label:after,
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:not(:checked) + label:after
{content: ''; width: 10px; height: 10px; background: rgba(4, 76, 157, 1); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:not(:checked) + label:after
{opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.pick-up-confirmed .pick-up-issue-input-group input[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.pick-up-confirmed .pick-up-issue-input-group textarea{width: 91%; min-height: 110px; margin-top: 10px; background-color: #fff; resize: none; border: 0; border-radius: 4px; padding: 10px;}
.pick-up-confirmed .pick-up-issue-input-group textarea::placeholder {color: rgba(4, 76, 157, 1); font-size: 14px; font-weight: 600; }
.pick-up-confirmed .order-no-info .pick-up-issue{display: none}
.pick-up-confirmed .order-blocks .order-no-info .ordertime{ font-weight: 600;}
/* Pick Up Confirmed Details Page Css End */

#logineye, #registereye{position: absolute; top: 32px; right: 26px; cursor: pointer; color: rgba(17, 17, 17, 0.6);}
.forgot-psd a{color: #044b9b; font-size: 14px;  text-align: center;}
.forgot-psd{text-align: center; padding-top: 20px;}
.lrf-support {margin-left: auto; display: flex; cursor: pointer; }
.lrf-support .fas{display: none;}

.lrf-support span {font-size: 18px; font-weight:500; line-height: 24px; color:#0CA1F6; margin-right: 15px; }
.lrf-support a {font-size: 18px; color: #000; line-height: 24px; }
.get-app-on-mobile p {font-size: 15px; line-height: 21px; color: #044C9D; font-weight: 600; }
.get-app-on-mobile img {max-width: 160px; width: 100%; /* margin: 0 auto; */ margin-top: 20px; }
.get-app-on-mobile {margin: 0 auto; text-align: center; padding: 25px 0 0px; display: none;}


.print_group {display: flex; padding-bottom: 40px; }
.select-group.print_group {max-width: 268px; margin: 0 auto; }
.select-group.print_group select {position: relative; cursor: pointer; font-size: 14px; line-height: 18px; color: rgba(17, 17, 17, 1); font-weight: 600;}
.print_group select:focus{outline: none;}
.print_group select option { background-color: #fff; }
.select-group.print_group .form-field:first-child select {border-radius: 4px 0px 0px 4px; }
.select-group.print_group .form-field:last-child select {border-radius: 0px 4px 4px 0px; }
.select-group.print_group select {background-repeat: no-repeat; background-position: calc(100% - 8px) center; position: relative; background-image: url(https://d2ffmswuyj0h1d.cloudfront.net/storage/extra/evitalrx/guide-line-assets/down_arrow.png); background-size: 12px; }
.select-group.print_group {min-width: unset; }
.select-group {padding-bottom: 0px; justify-content: center; }
.print_group select {background-color: transparent; border: 0; padding: 9px 0px 9px 0px; border-radius: 4px; -webkit-appearance: none;}
.print_group .form-field .fas {position: relative; left: -22px; font-size: 10px; color: rgba(12, 161, 246, 1); }
.disable {opacity: 0.5; }
.select-check input[type=checkbox] { display:none; }
.select-check input[type=checkbox] + label:before {font-family: "Font Awesome 5 Free" !important; cursor: pointer; display: inline-block; font-size:16px; color: rgba(12, 161, 246, 1); font-weight: 600; }
.cls {display: flex; width: 100%; align-items: center;}
.select-check input[type=checkbox] + label:before {content: "\f0c8"; } /* unchecked icon */
.select-check input[type=checkbox] + label:before {letter-spacing: 10px; } /* space between checkbox and label */
.select-check input[type=checkbox]:checked + label:before {content: "\f14a"; } /* checked icon */
.select-check input[type=checkbox]:checked + label:before {letter-spacing: 5px; } /* allow space for check mark */
.select-group select option {background-color: #fff; }
.select-group .seperator {position: relative; }
.select-group .seperator:before {content: ""; position: absolute; top: 14px; left: -21px; border-top: 1px solid rgba(10, 41, 77, 1); width: 10%;}
.select-group.print_group.input-checked{border-bottom: 1px solid rgba(204, 204, 204, 1);}
.select-group.print_group.input-unchecked {border-bottom: 1px solid rgba(204, 204, 204, 0.2); background-color: rgba(221, 221, 221, 0.2);}
.select-group.print_group.input-unchecked select{cursor: default;}
.select-check input[type=checkbox]:checked ~ .time_day{opacity: 0.2}
.select-group .form-field{position: relative; max-width: 200px; width: 100%}
.select-group .form-field:after {content: "\f017";position: relative;top: 0px;left: -86px;font-family: 'Font Awesome 5 Free';font-size: 10px;color: rgba(12, 161, 246, 0.4);}
/* Timing */

.other-modal {left: 0; width: 100%; height: 100%; position: absolute; }

/* No Record Found */
.jno-record-found {text-align: center; display: flex; min-height: 65vh; align-items: center; justify-content: center; flex-direction: column; }
.jno-record-found .fas {font-size: 70px; color: #044c9c}
.jno-record-found p {font-size: 16px; font-weight: 600; color: #111; opacity: 0.6; padding-top: 20px; }
.jno-record-found .fa-search{transform: rotate(180deg); color:rgba(12, 161, 246, 0.2)}

#style-7::-webkit-scrollbar-track {
border-radius: 10px;
-moz-appearance: none !important;
}

#style-7::-webkit-scrollbar {
width: 6px;
-moz-appearance: none !important;
}

#style-7::-webkit-scrollbar-thumb {
border-radius: 10px;
-moz-appearance: none !important;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #044c9c), color-stop(0.72, #044c9c), color-stop(0.86, #044c9c));
}

#style-7 {
    -moz-appearance: none !important;
    /* scrollbar-color: rgba(4, 76, 156,0.44) rgba(4, 76, 156,0.86); */
    /* background: -moz-radial-gradient(rgba(4, 76, 156,0.44), rgba(4, 76, 156,0.72), rgba(4, 76, 156,0.86)); */
    /* scrollbar-width: thin; */
  }
.jnotification-add .mat-tab-label { padding: 0px; height: auto;}
.jnotification-add .mat-tab-label .mat-tab-label-content > span { padding: 0px 25px; height: 48px; display: flex; align-items: center;}
.jnotification-add.modal .modal-contain{max-width: 400px; margin-left: auto;}
.jnotification-add.modal{background-color: transparent;}
.show-password-icon {position: absolute; right: 40px; bottom: 9px; cursor: pointer;}
.jreferel .form-field{margin-top: 0px !important; margin-bottom: 30px !important;}
.jreferel a{color: #044c9d; font-weight: 600; padding-bottom: 15px;}
.jreferel input{border-bottom: 1px solid #e7e7e7 !important;}
.jpayment-option { min-width: 140px;  display: flex; align-items: center; border-radius: 2px; padding: 0px 10px; height: 30px;}
.other-payment-methods{width:100%;display:inline-flex;align-items: center;justify-content:space-between;}
.jpayment-option .mat-select-arrow{color: rgba(4, 76, 157, 0.4);}
.lt-header .right .jpayment-option .mat-form-field-ripple, .lt-header .right .jpayment-option .mat-form-field-underline{height: 0;}
.lt-header .right .jpayment-option.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
.lt-header .right .jpayment-option .mat-form-field-label-wrapper{top: -18px;}

.lt-header .right .jpayment-option .mat-form-field-label{display: none;}
.lt-header .right .jpayment-option.jpayment-view .mat-select-trigger{top: -4px;}
.jpayment-option.jpayment-view .mat-form-field-wrapper{padding-bottom: 0px;}
.lt-header .right .jpayment-option .mat-select-trigger{top: -12px;}
.jsales-order-amount .jpayment-option .mat-select-trigger{top: 5px;}
.jsales-order-amount .jpayment-option .mat-select-trigger .mat-select-arrow{color:rgba(12, 161, 246, 1)}
.jsales-order-amount .jpayment-option.mat-form-field-appearance-legacy .mat-form-field-infix{padding: 0px;
    border-top: 0.88px solid transparent;}
    .jprint-batch-list-head .jsod-location  .mat-form-field-appearance-legacy .mat-form-field-infix{    padding: 0; margin: 0; border-top: 0;}
.jpayment-option.mat-form-field .material-icons{font-size: unset; height: auto;}
.cdk-overlay-pane{min-width: 150px !important; transform: translateX(0px) translateY(0px) !important; justify-content: flex-end;}
.cdk-overlay-pane.cdk-overlay-pane-alert-bottomsheet.cdk-alert-frequency-select{transform: translateX(0px) translateY(-132px) !important;}
.cdk-overlay-pane.cdk-overlay-pane-bank-select {width: 550px !important;}
.cdk-overlay-pane.cdk-overlay-pane-expense-bank-select{width:420px !important}
.cdk-overlay-pane.cdk-overlay-pane-select { min-width: 300px !important; }
.cdk-overlay-pane.cdk-overlay-pane-filter-search{width: 300px !important;}
.cdk-overlay-pane.cdk-overlay-filter-option { width: 200px !important; left: 20px !important; margin-top: 9px; }
.cdk-overlay-pane .mat-select-panel-wrap{margin-top: 30px;}
.cdk-overlay-pane-select .mat-select-panel-wrap .mat-select-panel{height: 100%;}
.cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel::-webkit-scrollbar, .cdk-overlay-pane .mat-menu-panel::-webkit-scrollbar{width: 6px;height: 6px;}
.cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel::-webkit-scrollbar-track, .cdk-overlay-pane .mat-menu-panel::-webkit-scrollbar-track { border-radius: 10px;background-color: rgba(0,0,0,.05); }
.cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel::-webkit-scrollbar-thumb, .cdk-overlay-pane .mat-menu-panel::-webkit-scrollbar-thumb{width: 3px;background-color: rgba(4, 76, 157, 1);border-radius: 6px;}
.cdk-overlay-pane-select.cdk-overlay-pane .mat-option.jpayment-option-title:hover{background-color: transparent;}
.cdk-overlay-pane-select.cdk-overlay-pane .mat-option.jpayment-option-title:hover .mat-option-text{color: #fff;}
.cdk-overlay-pane-select.cdk-overlay-pane .mat-option:hover, .cdk-overlay-pane-select.cdk-overlay-pane .mat-option.mat-active:hover{background-color: rgba(12, 161, 246, 1);}
.cdk-overlay-pane-select.cdk-overlay-pane .mat-option:hover img{filter: brightness(0) invert(1);}
.cdk-overlay-pane-select.cdk-overlay-pane .mat-option:hover .mat-option-text, .cdk-overlay-pane-select.cdk-overlay-pane .mat-option:hover div{color: #fff !important;}
.cdk-overlay-pane-select.cdk-overlay-pane .mat-option.mat-selected{background:rgba(12, 161, 246, 1) ;}
.jsales-order-amount .jpayment-option .mat-select-value-text{color: rgba(4, 76, 157, 1); font-weight:500;}
.lt-header .right .jpayment-option .mat-select-value span{font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1); text-transform: capitalize;}
 .jpayment-option img,  .mat-option img{ max-width: 15px; margin-right: 10px;}
 .cdk-overlay-pane-select.cdk-overlay-pane .mat-option:last-child{border-bottom: 0px; }
 .cdk-overlay-pane-select.cdk-overlay-pane .mat-option:last-child:hover, .cdk-overlay-pane-select.cdk-overlay-pane .mat-option:first-child:hover{background-color: rgba(12, 161, 246, 1); }
 .jpayment-option-title span{font-size: 14px; font-weight:500; color: #0CA1F6;}
 .cdk-overlay-pane-select.cdk-overlay-pane .mat-option.jpayment-option-title:hover{background-color: transparent; cursor: default;}
 .cdk-overlay-pane.cdk-overlay-pane-select .material-icons{height: auto; font-size: unset;}
 .jadd-bank-account-details-left .mat-form-field { width: 100%; }
.jadd-bank-account-details-left .mat-form-field.mat-form-field-appearance-legacy .mat-form-field-underline { display: none; }
.jadd-bank-account-details-left .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { display: none; }
.jadd-bank-account-details-left .mat-form-field .mat-form-field-infix{border-top: 0;}
.jadd-bank-account-details-left .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
/* Profile Tab Css Start */
.japc-toggle-slide select { border: 1px solid rgba(12, 161, 246, 0.4); border-radius: 2px; height: 30px; padding: 0px 10px; background-color: rgba(12, 161, 246, 0.4); }
.japc-toggle-slide select option { padding: 5px 10px; min-height: 20px; }
.jchemist-profile .container{padding: 0px;}
.jchemist-profile-inner {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08); border-radius: 8px; background-color: #fff;}
.jap-content{height: calc(100vh - 160px); overflow: auto;}
.jap-content-inner {padding: 36px 30px 0px; min-height: 420px;}
.profile-menu{border-bottom: 1px solid rgba(12, 161, 246, 0.2)}
.profile-menu .mobile-nav-btn { display: none }
.profile-menu ul li {display: inline-block; width: 12.5%; height:71px}
.profile-menu ul li .tab-icon { font-size: 16px; margin-right: 5px; }
.profile-menu ul li a { font-size: 16px; display: block; border-radius: unset; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: rgba(17,17,17,.4); line-height: 19px; font-weight: 600; padding: 25px 12px; text-align: center;}
.profile-menu ul li.active a{border-bottom: 2px solid rgba(12, 161, 246, 1); border-radius: unset;}
.profile-menu ul li.active a,
.profile-menu ul li:hover a { color: rgba(12, 161, 246, 1) }
.profile-menu ul li.active a .fas,
.profile-menu ul li:hover a .fas { color: #044c9d }
.profile-menu ul li.jnot-permission a { background-color: rgba(17,17,17,.05)!important; color: rgba(17,17,17,.2)!important; border-radius: 0; border-bottom: 1px solid;}
.profile-menu ul li > a .fa-lock{display: none;}
.profile-menu ul li.jnot-permission > a .fa-lock { display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid; }
.jap-content-block {display: flex; flex-wrap: wrap; margin-bottom: 40px; align-items: flex-start;}
.jap-content-block-left {width: 100%; max-width: 282px;}
.jap-content-block-left h6 {font-size: 16px; font-weight: 600; line-height: 24px; color: rgba(17, 17, 17, 1); padding-top: 25px}
.jap-content-block-right {width: 100%; display: flex; align-items: center; max-width: 880px; flex-wrap: wrap;}
.jap-content-block-right label.error {bottom: -27px;}
.jap-content-block-right input:focus{outline: unset;}
.jap-content-block-right .form-field {width: 30%; margin-right: 5%; position: relative; }
.jap-content-block-right.japc-licence .form-field{width: 100%; max-width: 194px;}
.jchemistowner .jap-content-block-right .form-field:nth-child(3n), .jap-content-block-right .form-field:last-child{margin-right: 0px;}
.jap-content-block-right label {width: 100%; font-size: 14px; cursor: default; font-weight:500; color: rgba(4, 76, 157, 1); text-align: left; border-bottom: 0; padding-bottom: 8px; }
.jap-content-block-right input {display: block; border: 0;  background-color: transparent; border-bottom: 1px solid rgba(112, 112, 112, 0.2); padding-bottom: 8px; font-size: 16px; font-weight: 600; color: rgba(17, 17, 17, 1); width: 100%; }
.jap-content-block-right input::placeholder{color: rgba(17, 17, 17, 0.3); font-size: 12px;}
.jap-content-block-right label:after {background-color: transparent; }
.jpharmacy .jap-content-block-right .form-field:first-child {width: 65%; }
.jpharmacy .jap-content-block-right .form-field{width: 30%;}
.form-field.jco-email {width: 65%; margin-top: 20px;}
.form-field.jaddress {width: 100%; margin-bottom: 20px; margin-right: 0px; }
.form-field.jcity {width: 65%; }
.jsavecontinue input[type="submit"] {background-color: rgba(4, 76, 157, 1); min-width: 194px; display: inline-block; padding: 11px 30px; border-radius: 3px; font-size: 16px; color: #fff; font-weight: 600; cursor: pointer; box-shadow: 0px 6px 16px rgba(4, 76, 157, 0.24); }
.jsavecontinue .jap-content-block-left h6 {color: rgba(12, 161, 246, 1); padding-top: 10px; cursor: pointer;}
.jap-content-inner .mat-icon-button{position: absolute; top: 13px; left: 79%; color: #0CA1F6;}
.about-pharmacy-col .jap-content-inner .mat-icon-button{left: 92%;}
.jap-content-inner .mat-datepicker-toggle-default-icon{height: 20px}
.jap-content-block.jsavecontinue{padding: 36px 30px 40px; margin-bottom: 0px;}
.content-full.jchangepwd .jap-content-block.jsavecontinue{padding: 0px 0px 40px;}
.jap-content-block.jsavecontinue .form-field{text-align: center;}
.jpadd-order-details .jso-purchase-group { width: 100%; display: flex; align-items: center; padding-right: 0px; }
.jpadd-order-details .jso-purchase-group .jso-purchase-pack { margin-left: auto; padding-right: 0px; }
.jpadd-order-details .jso-item-name{ width: 100% !important;}
.jpadd-order-details .jso-item-name p{color:rgba(4, 76, 157, 1) !important;}
.jap-content-block.jsavecontinue .jap-content-block-right{align-items: flex-end; justify-content: flex-end; margin-left: auto; max-width: unset;}
.jap-content-block.jsavecontinue .jap-content-block-right .form-field{max-width: 250px;}
/* Profile Tab Css End */

/* stock column in medicine search in all billing screens CSS Starts  */
.jso-item-search-suggestion-box .jso-stock{width: 20% !important;white-space: nowrap;}
.jso-item-select-batch-desc .jso-stock{width: 20% !important;white-space: nowrap;padding-left: 4px !important;}
.jso-item-search-suggestion-box .jso-stock p{text-overflow: ellipsis;overflow-x:hidden;padding-left: 4px !important;}
.jso-item-search-suggestion-box .jso-stock.tooltips.tooltips-bottom:hover::before{left: unset;right: 10px;}
.jso-item-search-suggestion-box .jso-stock.tooltips.tooltips-bottom:hover::after{left: -48px !important;}
.jso-item-old-mrp{text-align: right;}
/* stock column in medicine search in all billing screens CSS Ends  */

/* Staff Members Css Start */
.jstaff-contact-person-note {font-size: 12px; line-height: 18px; color: rgba(12, 161, 246, 1); padding-top: 20px; }
.form-group input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.form-group label {position: relative; font-size: 16px; cursor: pointer; line-height: 20px; font-weight: 600; color: rgba(17, 17, 17, 1);}
.form-group label:before {content:"\f0c8"; -webkit-appearance: none; font-weight: 600; font-family: 'Font Awesome 5 Free'; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 20px; color: rgba(12, 161, 246, 0.4);}
.form-group input:checked + label:before {content: '\f14a'; color: rgba(12, 161, 246, 1);}
.jstoretiming-header {margin-bottom: 13px; max-width: 475px;}
/* Staff Members Css End */

.content-area .content-full.jchangepwd {padding: 43px 30px; }
.jchangepwd .form-field {margin-bottom: 25px !important;}
.jchangepwd .form label.error{bottom: -25px; left: 15px;}
.jchangepwd .form.firm-form label {color: rgba(4, 76, 157, 1); padding-bottom: 8px;}
.jchangepwd .fas {color: rgba(17, 17, 17, 0.6);cursor: pointer;}
.jchangepwd .submit-item {text-align: left; margin-top: 15px; }
.jchangepwd .submit-item button{font-size: 16px; line-height: 19px; font-weight: 600; color: #fff; background-color: rgba(4, 76, 157, 1); padding: 11px 42px; min-width: 160px; display: inline-block; border-radius: 3px; box-shadow: 0px 6px 16px rgba(4, 76, 157, 0.24);}
.jstatus-button {padding: 7px 14px; background-color: rgba(0, 197, 220, 1); border-radius: 22px; color: #fff; font-size: 14px; font-weight:500; border: 0; max-width: 108px; text-align: center; }
.modal-other-part {left: 0; width: 100%; height: 100%; position: absolute; }
.jmedicine-setting-checkbox .mat-checkbox-inner-container{margin: 0px; top: 3px;}
.jmedicine-setting-checkbox.jmat-checkbox .mat-checkbox-label{max-width: 100%; cursor: pointer; font-size: 16px; color: rgba(4, 76, 157, 1); margin-left: 12px; font-weight: 600; line-height: 20px;}
.jmedicine-setting-checkbox.jmat-checkbox .mat-checkbox-checked + .jmedicine-setting-checkbox-group {visibility: visible; opacity: 1;}
.jnext-expired-items.jmat-checkbox .mat-checkbox-label,.btmsht-detail .jmat-checkbox .mat-checkbox-label { max-width: unset; }
/* Dashboard new Css Start */
.jdashboard-content-today-revenue {border: 1px solid rgba(112, 112, 112, 0.1); margin-bottom: 20px; border-radius: 2px; padding: 15px 30px; display: flex; }
.deskboard-content.jdashboard {display: flex; flex-wrap: wrap; flex-direction: row;}
.jdashboard-content-left {width: 66%;margin-right: 2%;}
.jdashboard-content-right {width: 32%; }
.jdc-today-revenue-left-title p {font-size: 14px; line-height: 18px; color: rgba(17, 17, 17, 1); font-weight:500; padding-bottom: 7px; }
.jdc-today-revenue-left-title h2 {font-size: 40px; font-weight: 600; color: rgba(4, 76, 157, 1); line-height: 50px; }
.jdc-today-revenue-left-title h2 .fas {font-size: 16px; }
.jdc-today-revenue-left {display: flex; flex-wrap: wrap; align-items: flex-end; }
.jdc-today-revenue-left-title {margin-right: 20px; }
.jdc-today-revenue-left-details span {display: block; font-size: 14px; font-weight: 600; line-height: 18px; padding-bottom: 5px; }
span.jrevenue-order {color: rgba(12, 161, 246, 1); }
span.jrevenue-refer {color: rgba(0, 197, 220, 1); }
.jdc-today-revenue-right {margin-left: auto;  cursor: pointer; max-width: 260px;background-color: rgba(4, 76, 157, 0.1);width: 100%;border-radius: 2px;padding: 11px 13px;display: flex;align-items: center;}

.jdc-today-revenue-right .jdc-revenue-icon  {width: 50px; height: 50px; border-radius: 50%; background-color: #fff; text-align: center; }
.jdc-revenue-icon .fas.fa-wallet{font-size: 24px; color: rgba(12, 161, 246, 1); line-height: 50px; }
.jdc-wallet {margin-left: 13px;}
.jdc-wallet p {font-size: 14px; line-height: 18px; font-weight: 600; color: rgba(4, 76, 157, 1); }
.jdc-wallet h4 {font-size: 24px; line-height: 29px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jdc-wallet h4 .fas.fa-rupee-sign {font-size: 14px; }
.jdc-wallet h4 .fas.fa-chevron-right {font-size: 10px; line-height: 16px; position: relative; top: -4px; }
.drop-down .selected a{background:#fff no-repeat scroll right center; text-align: center; font-size: 16px; line-height: 19px; font-weight: 600; display:block; padding: 10px 15px;  border:1px solid rgba(112, 112, 112, 0.2); width:170px; border-radius:2px; text-decoration:none; color:rgba(12, 161, 246, 1); }
.drop-down .selected a span{cursor:pointer; display:block;  }
.drop-down .options{position:relative; }
.drop-down .options ul{background:#fff none repeat scroll 0 0;     box-shadow: 0 0 10px rgba(0, 0, 0, .16); display:none; list-style:none; padding:0px 0px; position:absolute; left:0px; top:4px; width:auto; min-width:170px; border:1px solid #d7d7d7; }
.drop-down .selected span.value, .drop-down .options span.value{display: none; }
.drop-down .options ul li a{padding:8px; display:block; text-decoration:none; color:#111; font-weight: 600;}
.drop-down .options ul li a:hover{background:rgba(4, 76, 157, 1); color:#fff; transition:0.2s ease; }
.drop-down .selected a{position: relative;}
.drop-down .selected a .fas {position: absolute; top: 11px; right: 19px; }

.jgraph {border: 1px solid rgba(112, 112, 112, 0.1); border-radius: 2px; padding: 20px 30px; }
.jgraph-head {display: flex; flex-wrap: wrap; align-items: flex-start;  padding-bottom: 15px;}
.jgraph-content{height: 300px;}
.jgraph-head-block:first-child{width: 25%;}
.jgraph-head-block {width: 36%;text-align: center; cursor: pointer;}
.jgraph-head-title {font-size: 14px; color: rgba(17, 17, 17, 1); line-height: 18px; font-weight:500; padding-right: 15px;}
.jgraph-head-amount {font-size: 24px; line-height: 34px; color: rgba(4, 76, 157, 1); font-weight: 600; padding-right: 10px;}
.jgraph-head-amount .fas {font-size: 12px; color: rgba(4, 76, 157, 1);}
.jgraph-head-detail {font-size: 14px; line-height: 18px; color: rgba(17, 17, 17, 0.4); font-weight: 600; }
.jgraph-head-amount.jgraph-review, .jgraph-head-amount.jgraph-review .fas{color: rgba(0, 197, 220, 1)}

.jdashboard-total-enquiry {box-shadow: 0px 0px  32px rgba(0, 0, 0, 0.16); padding: 24px 20px; margin-bottom: 20px;}
.jdashboard-total-enquiry p {font-size: 14px; line-height: 18px; color: rgba(17, 17, 17, 1); font-weight: 600; padding-bottom: 14px; }
.jdashboard-total-enquiry-block {display: flex; cursor: pointer; align-items: center; margin-bottom: 15px;}
.jdashboard-total-enquiry-block:last-child{margin-bottom: 0px;}
.jdashboard-total-enquiry-details {display: flex; background-color: rgba(12, 161, 246, 0.1); align-items: center; width: calc(100% - 42px); height: 42px; /* line-height: 42px; */ padding: 11px 18px; }
.jdashboard-total-enquiry-icon {width: 42px; height: 42px; background-color: rgba(12, 161, 246, 1); line-height: 49px; text-align: center; border-radius: 2px 0px 0px 2px; }
.jdashboard-total-enquiry-details p {font-size: 14px; line-height: 18px; color: rgba(12, 161, 246, 1); padding-bottom: 0px; }
.jdashboard-total-enquiry-details p .fas {font-size: 8px; position: relative; top: -2px;}
.jdashboard-total-enquiry-details h4 {font-size: 24px; line-height: 700; color: rgba(12, 161, 246, 1); line-height: 29px; margin-left: auto; border-radius: 0px 2px 2px 0px; }
.jdashboard-total-enquiry-icon .fas {font-size: 22px; color: #fff; }
.jhome-delivery .jdashboard-total-enquiry-details {background-color: rgba(4, 76, 157, 0.1); }
.jhome-delivery .jdashboard-total-enquiry-details p, .jhome-delivery .jdashboard-total-enquiry-details h4{color:  rgba(4, 76, 157, 1);}
.jhome-delivery .jdashboard-total-enquiry-icon {background-color: rgba(4, 76, 157, 1); line-height: 42px;}
.jhome-delivery .jdashboard-total-enquiry-icon .fas {font-size: 16px; }
.jmissed-order .jdashboard-total-enquiry-details {background-color: rgba(221, 78, 90, 0.1); }
.jmissed-order .jdashboard-total-enquiry-icon {background-color: rgba(221, 78, 90, 1);  line-height: 46px;}
.jmissed-order .jdashboard-total-enquiry-details p, .jmissed-order .jdashboard-total-enquiry-details h4{color:  rgba(221, 78, 90, 1); margin-left: 0px;}
.jmissed-order .jdashboard-total-enquiry-icon .fas {font-size: 20px}
.jmissed-order-ruppes {background-color: #fff; margin-left: auto; font-size: 16px; font-weight: 700; color: rgba(221, 78, 90, 1); padding: 3px 10px; margin-right: 23px; }
.jrevenue-loss {border: 2px solid rgba(17, 17, 17, 0.1); cursor: pointer; margin-bottom: 20px; border-radius: 2px; padding: 22px 0px 16px; }
.jrevenue-loss-inner {display: flex; align-items: center; padding: 0px 20px 18px; border-bottom: 1px solid rgba(112, 112, 112, 0.2); }
.jrevenue-loss-left p {font-size: 14px; font-weight: 600; line-height: 18px; color: rgba(221, 78, 90, 1); padding-bottom: 2px; }
.jrevenue-loss-left h3 {font-size: 31px; font-weight: 600; color: rgba(221, 78, 90, 1); }
.jrevenue-loss-left h3 .fas {font-size: 18px; }
.jrevenue-loss-left h6 {font-size: 18px; line-height: 22px; color: rgba(17, 17, 17, 1); }
.jrevenue-loss-left h6 .fas {font-size: 8px; color: rgba(17, 17, 17, 0.4); position: relative; top: -2px; }
.jrevenue-loss-right {margin-left: auto; background-color: rgba(221, 78, 90, 0.1); width: 83px; height: 83px; text-align: center; line-height: 83px; border-radius: 50%; font-size: 33px; color: rgba(221, 78, 90, 1); transform: rotate(230deg); }
.jrevenue-loss-note {font-size: 12px; line-height: 15px; color: rgba(17, 17, 17, 0.6); padding: 14px 20px 0px;}
.jrevenue-loss-note .fas {font-size: 15px; color: rgba(221, 78, 90, 1); }
.jdashboard-ratings {background-color: rgba(0, 197, 220, 1); cursor: pointer; border-radius: 2px; padding: 26px 21px; }
.jdashboard-ratings-block {display: flex; flex-wrap: wrap; align-items: center; }
.jdashboard-ratings-block p {font-size: 14px; line-height: 18px; color: rgba(255, 255, 255, 1); font-weight: 600; }
.jdashboard-ratings-block-left .fas.active{font-size: 16px; color: rgba(255, 255, 255, 1); font-weight: 600; margin-right: 7px; }
.jdashboard-ratings-block-left .fas {font-size: 16px; color: rgba(255, 255, 255, 1); margin-right: 7px; font-weight: 400;}
.jdashboard-ratings-block-right {margin-left: auto; }
.jdashboard-ratings-block h2 {font-size: 38px; color: rgba(255, 255, 255, 1);}
.jdashboard-ratings-block-right .fas {font-size: 10px; }
.jdashboard-ratings-block-right .jreview-all{cursor: pointer;}
/* Dashboard new Css End */
.jsidebar-help-support {background-color: rgba(12, 161, 246, 1); border-radius: 2px; padding: 10px 20px; margin: 10px 10px 0px; display: flex; align-items: center;}
.jsidebar-help-support-left p {font-size: 12px; font-weight: 600; line-height: 15px; }
.jsidebar-help-support-left a {font-size: 14px; line-height: 18px; font-weight:500; }
.jsidebar-help-support-left {margin-right: 23px; }
.jsidebar-help-support-right .fas {font-size: 32px; color: rgba(255, 255, 255, 0.4); }
.lt-header .right{display: flex;align-items: center;}
.lt-header .right p {color: rgba(17, 17, 17, 1); font-size: 14px; font-weight: 600; margin-right: 20px; }
.lt-header .right span.mat-checkbox-label > p{font-weight:500; padding: 0px; color:rgba(4, 76, 157, 1);     text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.lt-header .right p:last-child {margin-right: 0px; }
.home-status {color: #706FD3 !important; font-size: 18px !important;}
.pickup-status {color: rgba(12, 161, 246, 1) !important; font-size: 18px !important;}
.jorder-type .pickup-status.tooltips .fas{color: rgba(12, 161, 246, 1) !important; font-size: 18px !important;}
.jorder-type .home-status.tooltips .fas{color: #706FD3 !important; font-size: 18px !important;}
.jorder-type{width: 5%;}
.reject_reasons {padding: 20px 20px 0px; }
.jshow-qr p {font-size: 12px; padding: 0px; padding-right: 8px; cursor: pointer; color: rgba(255, 255, 255, 0.4); font-weight:500;}
.jshow-qr span{font-size: 12px; color: rgba(255, 255, 255, 1); font-weight: 600;}
.site-header .right .item.menu{margin: 0px;}
.site-header .right .jshow-qr.item{display: flex; align-items: center; justify-content: flex-end;}
.order-medicines-container {border-bottom: 1px solid #c5c5c5c9; padding-bottom: 20px; }
/* Sales Order Listing Css Start */
.jsales-order .lt-header .title{font-weight: 700; color: rgba(4, 76, 157, 1); font-size: 16px; line-height: 22px; text-transform: capitalize;}
.jsales-order .lt-header .title a{color: rgba(12, 161, 246, 1)}
.jsales-order .lt-header .title a:hover{color: rgba(12, 161, 246, 0.6)}
.jsales-order .lt-header .right .title a{color: rgba(4, 76, 157, 1); transition: all ease 0.3s;}
.jsales-order .lt-header .right .title a:hover{color: rgba(12, 84, 165, 1); padding-right: 5px;}
.jsales-order .lt-header .right .title a.fas{color: rgba(4, 76, 157, 1); font-size:10px }
.jsales-order-search input {border: 1px solid rgba(112, 112, 112, 0.4); height: 30px; text-transform: capitalize; line-height: 30px; border-radius: 2px; width: 100%; padding:8px 25px 8px 10px; font-size: 14px; font-weight: 600; color: rgba(4, 76, 157, 1); }
.jsales-order-search input::placeholder {font-size: 14px; text-transform: capitalize; font-weight: 500; line-height: normal; color: rgba(4, 76, 157, 0.4); }
.jsales-order-search input:focus {border: 1px solid #0CA1F6}
.jsales-order .jsales-order-search{width: auto;}
.jsales-order-search {position: relative; width: 20.6%; margin-right: 20px;}
.jsales-order-search .fas {position: absolute; top: 10px; right: 15px; font-size: 12px; color: rgba(4, 76, 157, 0.4); }
.jsales-order-search .fas:hover{color: rgba(4, 76, 157, 1); cursor: pointer;}
.jsales-order-list-block {display: flex; position: relative; align-items: center; padding: 6px 20px; border-bottom: 1px solid rgba(4, 76, 157, 0.2); }
.jsales-order-list-block .jsales-order-no {width: 19%; }
.jsales-refer-no{width: 9%;}
.jsales-order-list-block .jsales-order-date {width: 30%; position: relative; }
.jsales-order-list-block .jsales-order-patient {width: 30%; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jsales-order-list-block .jsales-order-items {width: 21%; }
.jsales-order-list-block .jsales-order-amount {width: 17%; padding-right: 20px; text-align: right;}
.jsales-order-list-block .jsales-order-amount .jpayment-list img{max-width: 15px; margin-right: 5px; margin-left: 5px;}
.jsales-order-list-desc:hover > .jpayment-list img{filter: brightness(0) invert(1);}
.jpurchase-order-list .jsales-order-list-block .jsales-order-amount{width: 19%;}
.jsales-order-amount .mat-form-field{width: 100%; max-width: 150px;}
.jsales-order-amount.jamount-margin { text-align: right; padding-right: 92px;}
.jpurchase-order-list .jsales-order-list-head  .jsales-order-amount.jamount-margin{text-align: right;}
.jpurchase-order-list .jsales-order-list-head .jsales-order-amount.jamount-margin{ padding-right: 92px;}
.jmedicinetab .jsales-order-list-head .jsales-order-amount.jamount-margin{padding-right: 96px; text-align: right;}
.jmedicinetab .jsales-order-list-block .jsales-order-amount{width: 21%; padding-right: 0px;}
.jsales-order-list-block .jsales-order-edit{width: 7%; color: rgba(155, 183, 216, 1); display: flex; justify-content: flex-end;}
.jsales-order-list-block .jsales-order-edit p:hover .fa-times-circle{color: rgba(221, 78, 90, 1)}
.jsales-order-list-block .jsales-order-edit p .fas, .jsales-order-list-block .jsales-order-edit p .fab{font-size: 16px;}
.jsales-order-list-block .jsales-order-edit p .fab{margin-left: 10px; font-size: 18px; color:#25D366}
.jsales-order-list-desc:hover .jsales-order-edit p a.disabled .fab{color:rgba(17, 17, 17,0.3) !important}
.jsales-order-list-desc:hover .jsales-order-edit p .fab, .jsales-order-list-desc:hover .jsales-order-edit p .fas{color: #fff !important;}
.jsales-order-patient.jorder-search .mat-form-field-appearance-legacy .mat-form-field-underline{display: none;}
.jsales-order-patient.jorder-search .mat-form-field-wrapper{padding-bottom: 0px; padding-top: 0px;}
.jinventory-item-list .jsales-order-patient.jorder-search .mat-form-field-wrapper{padding-bottom: 0px; padding-top: 0;}
.mat-autocomplete-panel .mat-option.jno-patient-found{height: 44px; display: flex; align-items: center; justify-content: center; text-align: center; cursor: default; }
.cdk-overlay-pane  .mat-autocomplete-panel .mat-option.jno-patient-found:hover, .cdk-overlay-pane .mat-autocomplete-panel .mat-option.jso-add-new-patient:hover, .cdk-overlay-pane .mat-autocomplete-panel .mat-option.jso-add-new-patient span, .cdk-overlay-pane .mat-autocomplete-panel .mat-active.mat-option.jso-add-new-patient span{background-color: transparent !important; cursor: pointer; color:rgba(17,17,17,1) !important}
.cdk-overlay-pane  .mat-autocomplete-panel .mat-option.jno-patient-found:hover span, .cdk-overlay-pane .mat-autocomplete-panel .mat-option.jso-add-new-patient:hover span, .cdk-overlay-pane  .mat-autocomplete-panel .mat-option.jno-patient-found.active span, .cdk-overlay-pane .mat-autocomplete-panel .mat-active.mat-option.jno-patient-found span{color:rgba(17,17,17,1)}
.cdk-overlay-pane .mat-autocomplete-panel .mat-option.jso-add-new-patient{padding:10px 16px !important}
.jsales-order-patient.jorder-search .mat-form-field-appearance-legacy .mat-form-field-infix{padding: 0; border-top: 0.88px solid transparent;}
.jsales-order-patient.jorder-search .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.jsales-order-date input.mat-input-element{border: 1px solid rgba(17, 17, 17, 0.2) ; font-size: 14px; font-weight: 600; color: rgba(4, 76, 157, 1); padding: 0px 10px; height: 30px; border-radius: 2px;}
.jsales-order-patient.jorder-search .mat-form-field-appearance-legacy .mat-form-field-label { top: 18px; left: 10px; color: rgba(17, 17, 17, 0.6); font-weight: 500; }
.jsales-order-date input.mat-input-element:focus{border: 1px solid #0CA1F6}
.jsales-order-date .mat-form-field-underline{height: 0px !important;}
.jsales-order-date .mat-form-field-wrapper{padding-top: 0px !important; padding-bottom: 0px !important;}
.jsales-order-date .mat-form-field-infix{padding: 0px !important; border-top: 0.88px solid transparent;}
.jsales-order-date .mat-icon-button{height: auto !important;}
.jsales-order-date .mat-form-field.mat-focused .mat-form-field-ripple{background-color: transparent;}
.jsales-order-date .mat-icon-button{left: -28px; top: -9px;}
.jsales-order-date .mat-form-field{width: 100%}
.jsales-order-date span{color: rgba(4, 76, 157, 0.4)}
.jsales-order-date .mat-form-field-label-wrapper{padding-top: 0px !important; top: 0 !important}
.jsales-order-list-head > div {font-size: 14px; font-weight:600; line-height: 20px; color: rgba(4, 76, 157, 1); }
.jsales-order-list-head > div .fas{font-size: 12px;}
.jmedicinetab .jsales-order-list-head-group > div:first-child {padding-bottom: 8px;  padding-top: 8px;}
.jsales-order-list-desc .jsales-order-no, .jsales-order-list-desc .jsales-order-amount {font-size: 14px; line-height: 20px; font-weight: 600; color: rgba(4, 76, 157, 1); }
.jsales-order-list-desc .jsales-order-no{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform: uppercase;}
.jsales-order-list-desc .jsales-order-amount{display: flex; justify-content: flex-end;}
.jsales-order-list-block .jsales-order-no input{text-transform: uppercase;}
.jsales-order-list-block .jsales-order-no input::placeholder{text-transform: capitalize;}
.jsales-order-list-block .jsales-order-no.active a{color: #044C9D;}
.jsales-order-list-block .jsales-order-no.active .fas{color: #0CA1F6;}
.jsales-order-list-desc .jsales-order-date {font-size: 14px; font-weight:500; color: rgba(17, 17, 17, 1); line-height: 20px; }
.jsales-order-list-desc .jsales-order-date span {font-weight: 600; }
.jsales-order-list-desc .jsales-order-patient {font-size: 14px; line-height: 20px; color: rgba(51, 51, 51, 1); font-weight:500; }
.jsales-order-list-desc .jsales-order-items {font-size: 14px; color: rgba(102, 102, 102, 1); line-height: 20px; }
.jsales-order-list-desc:hover {background-color: rgba(12, 161, 246, 1); cursor: pointer;}
.jsales-order-list-desc:hover div{color: #fff !important;}
.jsales-order-list-desc > div{position: relative; padding-right: 20px; word-break: break-all;}
.jsales-order-list-desc .jsales-order-payment div{ padding-right: 0px; }
.jsales-order-list-desc .jsales-order-payment .mat-checkbox .mat-checkbox-frame{ border: 1px solid rgba(4, 76, 157, 0.4);
  background-color: transparent;}
.jsales-order-list-desc:hover:after, .jinventory-item-list-desc:hover:after{content: "\f054"; font-weight: 600; top: 50%; margin-top: -10px;; font-family: 'Font Awesome 5 Free'; top: 12; right: 20px; position: absolute; font-size: 14px; color: #fff}
.jinventory-item-list-desc:hover:after{top: 50%; right: 30px; margin-top: -10px;}
.jinventory-item-list-desc:hover .jil-stock, .jinventory-item-list-desc:hover .jil-level .fas, .jinventory-item-list-desc:hover .jil-purchase-medicine p{color:#FFF !important}
.jinventory-item-list-desc-group { min-height: calc(100vh - 372px); }
.jmedicinetab .jinventory-item-list-desc-group{min-height: calc(100vh - 310px);}
.jmedicinetab.jsales-order-list-inner .jinventory-item-list-desc-group{min-height: calc(100vh - 381px);}
.jinventory-item-list-desc:hover { background-color: rgba(12, 161, 246, 1); cursor: pointer; }
.jinventory-item-list-desc:hover div{color:#fff}
.jmedicine-details .jinventory-item-list-desc:hover { background-color: transparent; cursor: default; }
.jmedicine-details .jinventory-item-list-desc:hover div{color: inherit;}
.jmedicine-details .jinventory-item-list-desc:hover .jmd-expired{color:rgba(221, 78, 90, 1)}
.jmedicine-details .jinventory-item-list-desc:hover .jmd-mrp,.jmedicine-details .jinventory-item-list-desc:hover .jmd-qty{color:rgba(4, 76, 157, 1)}
.jmedicine-details .jinventory-item-list-desc:hover:after{content: "";}
.jinventory-item-list-head .jil-medicine.active a{color: rgba(4, 76, 157, 1); }
.jinventory-item-list-head .jil-medicine.active a .fas{color: rgba(12, 161, 246, 1);}
.jinventory-item-list-desc > div{position: relative;}
.jsales-order-list-group {display: flex; width: 80%;  align-items: center; padding-right: 0px !important;}
.jsales-order-list-group form{display: flex; align-items: center; width: 100%}
.jsales-order-list-group form > div{padding-right: 20px;}
.jsales-order-amount.jdue-amount {color: rgba(221, 78, 90, 1);}
.jsales-order-amount.jdue-amount span.mat-button-wrapper {background-color: rgba(221, 78, 90, 1); transition: all ease 0.3s; border-radius: 2px; color: #fff; font-size: 14px; font-weight:500; padding: 2px 0px 3px 4px; }
.jsales-order-amount.jdue-amount span.mat-button-wrapper:hover{background-color: rgba(236, 94, 104, 1);}
.jsales-order-amount.jdue-amount span.mat-button-wrapper .fas { background-color: rgba(0, 0, 0, 0.2); font-size: 12px; color: #fff; padding: 5px 5px; }
.jsales-order-amount.jdue-amount {display: flex; align-items: center; justify-content: flex-end;}
.jsales-order-amount.jdue-amount p {width: calc(100% - 95px); padding-right: 10px}
.jsales-order-amount.jdue-amount .jsales-payment p{width: 100%;}
.jexpired-only{transition: all ease 0.5s;}
.jorder-due-btn.active, .jexpired-only.active, .jcustomers-list .jdue-btn.jorder-due-btn.active { background-color: rgba(221, 78, 90, 1); border: 0; transition: all ease 0.5s;}
.jexpired-only .mat-checkbox-frame{border: 0;}
.jexpired-only .mat-checkbox-background{background-color: rgba(221, 78, 90, 0.2);}
.jexpired-only {border: 1px solid rgba(17, 17, 17, 0.2); height: 32px; padding: 3px 12px; border-radius: 2px; }
.jorder-due-btn.active span.mat-checkbox-label, .jcustomers-list .jorder-due-btn.jdue-btn.active span.mat-checkbox-label, .jexpired-only.active  span.mat-checkbox-label{ color: #fff; }
.jorder-due-btn.active .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jorder-due-btn.active .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.jcustomers-list .jdue-btn.jorder-due-btn.active .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jcustomers-list .jdue-btn.jorder-due-btn.active .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.jexpired-only.active .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jexpired-only.active .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { background-color: #fff; }
.pac-container{z-index: 1005;}
.jcustomers-list .jorder-due-btn.jdue-btn.active path.mat-checkbox-checkmark-path{stroke: rgba(221, 78, 90, 1) !important;} .jsales-order-amount .jpayment-option { background-color: transparent; border: 1px solid rgba(17, 17, 17, 0.2); border-radius: 2px; height: 30px;}
.jsales-order-amount .jpayment-option span.mat-form-field-ripple, .jsales-order-amount .jpayment-option .mat-form-field-underline { height: 0; }
.jshow-result p { color: rgba(12, 161, 246, 1); font-size: 14px; font-weight:500; padding: 0; }
.jshow-result { padding: 0px 20px; }
.jshow-result p span { font-weight: 600; }
.jorder-edit-details .jsod-amount{background-color: #044b9b;width: 90px !important;margin-left: auto;}
.jorder-edit-details .jsod-amount .jorder-edit-block p { color: #fff !important;}
.jorder-edit-details .jsod-amount .jorder-edit-block p .fas { color: #fff !important; }
.jorder-due-btn.active path.mat-checkbox-checkmark-path, .jexpired-only.active path.mat-checkbox-checkmark-path{ stroke: rgba(221, 78, 90, 1) !important; }
.jsales-order-details-break.jpayment-due{background-color: rgba(221, 78, 90, 1);}
.jsales-order-details-break.jpayment-due .jsod-break-total-items{  opacity: 1; visibility: visible;}
.jsales-order-details-break .jsod-break-total-items{ width: 18%;  margin-left: auto; opacity: 0; visibility: hidden; display: none;}
.jpurchase-order-details .jsales-order-details-break .jsod-break-total-items{opacity: 1; visibility: visible;}
.jnew-sales-order-detail .jsales-order-details-break.jpayment-due .jsod-break-total-qty{margin-left: 0;}
.jnew-sales-order-detail .jsales-order-details-break .jcash-calculate{width: 160px; background-color: rgba(255, 255, 255, 0.2); height: 44px;}
.jsales-order-details-break.jpayment-due .jsod-break-total-qty{margin-left: 0px;}
.jsales-order-details-break .jsod-break-net span{opacity: 0; visibility: hidden; max-width: 0px; transition: all ease 0.5s;}
.jsales-order-details-break.jpayment-due .jsod-break-net span {max-width: 45px; text-align: center; opacity: 1; visibility: visible; margin-left: 10px; padding: 1px 4px; background-color: #fff; border-radius: 2px; font-size: 14px; color: rgba(221, 78, 90, 1); font-weight:500; }
.jsales-order-details-break .jsod-break-net{justify-content: flex-end; margin-left: auto;}
.lt-header .right .jorder-payment .mat-checkbox-checked.mat-accent .mat-checkbox-background, .lt-header .right .jorder-payment .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color: rgba(12, 161, 246, 1);}
.jsales-order-amount .fa-rupee-sign { font-size: 12px; }
/* Sales Order Listing Css End */
/* Sales order details page css start */
button.jsales-print, a.jsales-print {background-color: rgba(12, 161, 246, 1); transition: all ease 0.3s; border: 0; height: 32px; min-width: 100px; font-size: 18px; font-weight: 600; color: #fff; border-radius: 2px; }
a.jsales-print{padding: 4px 15px; font-size: 15px; border-right: 1px solid rgba(255, 255, 255, 0.4);}
.jsales-order .lt-header .right button.jsales-print:hover {background-color: rgba(20, 169, 254, 1);}
.jsales-order .lt-header .left .lt-header-new-button button{padding: 0px 10px; font-size: 16px; height: 30px;}
.jsales-order .lt-header .left .lt-header-new-button button .fas{font-size: 12px;}
button.jsales-print:last-child{padding: 0px 18px; margin-left: 9px;}
.jsales-order .lt-header .title{display: flex; align-items: center;}
.jsales-order .lt-header{margin-bottom: 10px;}
.jsales-order .lt-header .right, .jsales-order .lt-header .left{margin-bottom: 0px;}
.jsales-order .lt-header .title .fas {font-size: 14px; color: rgba(4, 76, 157, 1); padding-right: 6px; }
.jsales-order .lt-header .right .title .fas{color: rgba(4, 76, 157, 1); padding-right: 0px;}
.report-main-header .lt-header .title{display: flex;align-items: baseline;}
.jsales-patient-details {display: flex; flex-wrap: wrap; padding: 10px 20px;}
.jsales-order-details .jsales-patient-details{border-bottom: 1px solid rgba(4, 76, 157, 0.2)}
.jpadd-order-details .jsales-patient-details{border-bottom: 0;}
.jsales-patient-details.jnew-sales-order{border-bottom: 0;}
.jsales-patient-details-left {width: 29%; margin-right: 3%; }
.jnew-sales-order .jsales-patient-details-left{cursor: pointer;}
.jsp-left-inner {display: flex; flex-wrap: wrap;}
.jsp-left-inner-ord-no {width: 50%; position: relative;}
.jsp-left-inner-ord-date {width: 50%; position: relative;}
.jsp-left-inner span {font-size: 14px; color: rgba(4, 76, 157, 0.6); font-weight:500; line-height: 17px; }
.jsp-left-inner h6 {font-size: 16px; font-weight: 600; color: #044C9D; line-height: 26px; text-transform: uppercase;}
.jsales-patient-details-right { width: 29%; position: relative;}
.jsales-patient-details-center{width: 36%; margin-right: 3%; position: relative;}
.jso-form-icon{width: 30px; margin-right: 15px;}
.jso-form-icon img { max-width: 30px; border-radius: 50%; height: 100%;max-height: 30px;}
.jsp-right-inner-block {display: flex; }
.jsp-right-inner span {font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 0.6);}
.jsp-right-inner-block h6 {font-size: 18px; color: rgba(17, 17, 17, 1); line-height: 22px; margin-right: 10px; font-weight: 600; }
.jsp-right-inner p {font-size: 18px; font-weight:500; line-height: 22px; color: rgba(17, 17, 17, 1); padding: 0px; }
.jsp-right-inner p .fas, .jso-after-search h6 .fas {font-size: 14px; color: rgba(12, 161, 246, 1); }
.jso-after-search {display: flex; align-items: center; width: calc(100% - 50px); margin-right: 3%; border-bottom: 1px solid rgba(4, 76, 157, 0.1);}
.jsales-order-details  .jso-after-search{border-bottom: 0px; padding-bottom: 0px;}
.jso-after-search h6 {font-size: 16px; text-transform: capitalize; line-height: 19px; color: rgba(4, 76, 157, 1); font-weight: 600; margin-right: 15px; }
.jso-after-search p {font-size: 16px; color: rgba(4, 76, 157, 1); line-height: 19px; font-weight:500; }
.jso-after-search .fa-times {margin-left: auto; transition: all ease 0.5s; font-size: 12px; color: rgba(4, 76, 157, 0.4); }
.jso-after-search .fa-times:hover{color: rgba(221, 78, 90, 1); cursor: pointer;}
.jsales-order-details-head {display: flex; align-items: flex-end; }
.jsales-order-details-head .jsales-order-details-block-left{padding:20px 0px 8px 20px}
.jsales-order-details-desc .jsod-group {width: calc(100% - 150px); flex-wrap:wrap;padding: 12px 00px 0px 20px;}
.jsales-order-details .jsp-left-inner-ord-no label{font-size: 16px; line-height: 26px; font-weight: 600; color: rgba(4, 76, 157, 1); display: block;}
.jsod-group {width: calc(100% - 150px); display: flex; flex-wrap:wrap;padding: 8px 0px 8px 20px; position: relative;}
.jnew-sales-order-detail .jsales-order-details-head .jsod-group{padding: 20px 0px 8px 20px;}
.jnew-sales-order-detail .jsales-order-details-desc .jsod-group{padding: 8px 0px 0px 20px;}
.jsod-itemdetails-group {display: flex; width:calc(100% - 25%); padding-right: 0px !important;}
.jnpr-order .jsod-itemdetails-group { width: calc(100% - 33%); }
.jsod-itemdetails-group > div{padding-right: 10px;}
.jsod-itemdetails-block1 {display: flex; width:38%; padding-right: 0px !important;}
.jsod-itemdetails-block2{display: flex; width: 29%; padding-right: 0 !important;}
.jsales-order-details .jsales-order-details-block .jsod-itemdetails-block1{width: 42%;}
.jsales-order-details .jsales-order-details-block .jsod-itemdetails-block2{width: 33%;}
.jsod-itemdetails-block1  > div, .jsod-itemdetails-block2 > div{padding-right: 15px;}
.jsales-order-details-block-right {max-width: 150px;  width: 100%; text-align: right; padding: 8px 20px 8px 0px; }
.jsod-head-title {font-size: 18px; color: rgba(17, 17, 17, 1); font-weight: 600; line-height: 28px; padding-bottom: 8px; }
.jsod-group > div {font-size: 14px; font-weight:600; color: rgba(4, 76, 157, 1); line-height: 18px;}
.jsod-group > div{padding-right: 10px;}
.jsales-order-details-head .jsod-amount{font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:600;}
.jsales-order-details-group{position: relative; padding-bottom: 40px;}
.jsales-order-details-group:after, .jnew-purchase-order-item-right:after{content: "";background-color: rgba(12, 161, 246, 0.1);top: 0;right: 0;width: 150px;height: 100%;position: absolute;}
.jdisc-price { padding-bottom: 20px; }
.jnew-purchase-order-item-right:after{width: 150px;}
.jsod-amount-overlay, .jsales-order-details-break {position: relative; }
.jsales-order-details-break > div{display: flex; align-items: center;}
.jsales-order-details-break:after{background-color: rgba(0, 0, 0, 0.1)}
.jsales-order-details-head{border-bottom: 1px solid rgba(112, 112, 112, 0.4)}
.jsales-order-details-block .jsod-itemname {width: 25%; display: flex; }
.jsales-order-details-block .jsod-itemname p{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jsales-order-details-block .jsod-pack{width: 8%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jsales-order-details-block .jsod-itemname p{padding: 0px; margin-right: auto;}
.jnew-sales-order-detail .jsales-order-details-block{cursor: pointer;}
.jsod-itemname .fas { font-size: 18px; color: rgba(4, 76, 157, 0.4); cursor: pointer; transition: all ease 0.3s; }
.jsod-itemname .fa-times:hover { color:rgba(221, 78, 90, 1); }
.jsales-order-details-block .jsod-itemdetails-block1 > div{width: 25%; text-align: right; position: relative;}
.jnew-sales-order-detail .jsod-itemdetails-block1 .jsod-unit{width: 15%;}
.jnew-sales-order-detail .jsod-itemdetails-block1 .jsod-batch{width: 35%;}
.jnew-sales-order-detail .jsod-itemdetails-block1 .jsod-expiry{width: 25%;}
.jnew-sales-order-detail .jsod-itemdetails-block1 .jsod-baseprice {width: 25%;}
.jnew-sales-order-detail .jsales-order-details-block .jsod-pack{width: 10%;}
.jnew-sales-order-detail .jsod-itemdetails-block1{width: 36%;}
.jnew-sales-order-detail .jsod-itemdetails-block2 .jsod-qty, .jnew-sales-order-detail .jsod-itemdetails-block2 .jsod-gst{width: 20%;}
.jnew-sales-order-detail .jsod-itemdetails-block2 .jsod-disc{width: 23%;}
.jnew-sales-order-detail .jsod-itemdetails-block2 .jsod-disc-price{width: 37%;}
.jsales-order-details-block .jsod-itemdetails-block2 > div{width: 25%; position: relative; text-align: right;}
.jsales-order-details-block input, .jsales-order-details-block .mat-select{ border:0; padding-bottom: 15px;  border-bottom: 2px solid rgba(4, 76, 157, 0.4); background-color: transparent; width: 100%; font-size: 14px; line-height: 19px; font-weight:500; color: rgba(17, 17, 17, 1);}
.jsales-order-details-block select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.jsales-order-details-desc .jsales-order-details-block-left:hover .mat-select{border-color: rgba(4, 76, 157, 0.4);}
.jsales-order-details-block .jsod-edit input{text-align: right;}
.jsales-order-details-block input:focus, .jsales-order-details-block select:focus{outline: none; border-color: rgba(4, 76, 157, 1)}
.jsales-order-details-block input:focus, .jsales-order-details-block .mat-select:focus{outline: none; border-color: rgba(4, 76, 157, 1)}
.jsales-order-details-desc.jsod-itemdetails-block2 .jsod-disc-price{font-weight: 600; color: rgba(4, 76, 157, 1)}
.jsales-order-details-block .jsod-unit {width: 8%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jsales-order-details-block .jsod-batch {width: 15%;}
.jsales-order-details-block .jsod-batch .mat-form-field{width: 100%;}
.jsales-order-details-block .jsod-batch .mat-form-field-infix, .jinventory-item-list-head .mat-form-field-appearance-legacy .mat-form-field-infix{padding: 0; border-top: 0;}
.jsales-order-details-block .jsod-expiry {width: 15%; }
.jsales-order-details-block .jsod-baseprice {width: 20%; text-align: right;}
.jsales-order-details-block .jsod-group .jsod-baseprice{text-align: right;}
.jsales-order-details-block .jsod-gst {width: 20%; }
.jsales-order-details-desc .jsod-gst .mat-form-field span{background-color: transparent; margin-left: 0; padding: 0; text-align: right;}
.jsales-order-details-desc .jsod-gst .mat-form-field-infix{padding: 0; border-top: 0;}
.jsales-order-details-desc .jsod-gst .mat-select-value-text span{font-size: 16px; line-height: 19px; font-weight:500; color: rgba(17, 17, 17, 1);}
.jsales-order-details-desc .jsod-gst .mat-select-arrow{color: rgba(4, 76, 157, 0.4);}
.jsales-order-details-block .jsod-gst .mat-form-field{width: 100%;}
.jsales-order-details-desc div{ word-break: break-all;}
.jsales-order-details-block .jsod-qty {width: 23%; position: relative;}
.jsales-order-details-desc.jsales-order-details-block{display: flex; padding: 0px;}
.jsales-order-details-desc.jsales-order-details-block:hover, .jsales-order-details-desc.jsales-order-details-block.active{background-color: rgba(12, 161, 246, 0.2) !important;}
.jsales-order-details-desc.jsales-order-details-block:first-child{min-height: unset; overflow: unset;}
.jsales-order-details-desc.jsales-order-details-block:hover .jsod-edit input{border-color: rgba(4, 76, 157, 0.4)}
.jsales-order-details-desc.jsales-order-details-block:hover .jsod-edit input:focus{border-color: rgba(4, 76, 157, 1)}
.jsales-order-details-desc.jsales-order-details-block:hover .jsod-edit input.error,.jsod-common-disc input.error{border-color: rgba(221, 78, 90, 1)}
.jsales-order-details-desc.jsales-order-details-block.active .jsod-edit input.error{border-color: rgba(221, 78, 90, 1)}
.jsales-order-details-desc.jsales-order-details-block:hover .jsod-edit input.error:focus,.jsod-common-disc input.error:focus{border-color: rgba(221, 78, 90, 1)}
.jsales-order-details-desc.jsales-order-details-block:hover .jsod-edit .mat-focused input.error{border-color: rgba(221, 78, 90, 1)}
.jsales-order-details-desc.jsales-order-details-block .jsod-edit .mat-focused input.error{border-color: rgba(221, 78, 90, 1)}
.jsales-order-details-gross-discount .jsales-order-details-block-left{height: auto !important}
.jsales-order-details-desc .jsod-group{ padding: 8px 0px 8px 20px;}
.jsales-order-details-gross-discount  .jsales-order-details-block-left:last-child .jsod-group, .jsales-order-details-gross-discount  .jsales-order-details-block-left:last-child .jsod-amount{height: auto;}
.jsales-order-details-desc div{font-size: 14px;  line-height: 19px; font-weight:500; color: rgba(17, 17, 17, 1)}
.jsales-order-details-desc .jsod-group .jsod-itemdetails-group{padding-right: 0px;}
.jsales-order-details-desc div.jsod-itemname{font-weight: 600; position: relative;}
.jsales-order-details-desc .jsod-baseprice {color: rgba(4, 76, 157, 1);  }
.jsales-order-details-desc .jsod-gst span {font-size: 12px;font-weight: 600;color: #fff;background-color: rgba(12, 161, 246, 1);padding: 1px 4px;min-width: 30px;margin-left: 10px;}
.jsales-order-details-desc .jsod-amount {font-size: 16px !important; text-align: right; padding-right: 0px; color: rgba(4, 76, 157, 1); font-weight: 600; width: 150px; padding: 8px 20px 8px 0px;}
.jsales-order-details-desc .jsod-amount.jsod-add{ padding: 10px 20px 12px 10px; background-color: rgba(12, 161, 246, 1); display: flex; flex-wrap: wrap;     align-items: center;}
.jsales-order-details-desc .jsod-amount.jsod-add p{color: #fff; margin-left: auto;}
.jsales-order-details-desc .jsod-amount button{  border: 0; position: relative; z-index: 1; background-color: transparent; font-size: 14px; color: #fff; font-weight: 600; padding: 0px;}
.jsales-order-details-gross-discount.jsales-order-details-desc .jsod-group, .jsales-order-details-gross-discount.jsales-order-details-desc .jsod-amount{min-height: unset; padding: 0px; height: auto;}
.jsales-order-list-head-group > div:first-child {border-bottom: 0; padding-bottom: 5px; padding-top: 15px;}
.jsales-order-list-head-group > div:last-child { padding-top: 5px; }
.jsales-order-details-gross-discount .jsod-itemdetails-group{margin-left: auto; }
.jsales-order-details-gross-discount .jsod-gross{margin-left: auto; text-align: right; padding-right: 20px !important;}
.jsales-order-details-gross-discount {background-color: rgba(0, 197, 220, 0.1); }
.jsod-gross > div {font-size: 14px; line-height: 17px; color: rgba(17, 17, 17, 1); font-weight: 400; }
.jsod-gross-title {padding-bottom: 20px; }
.jsales-order-details-gross-discount.jsales-order-details-desc .jsod-group  div{padding-right: 0px;}
.jsales-order-details-gross-discount.jsales-order-details-desc .jsod-group{padding: 13px 30px 13px 0px;}
.jsod-amount .jsod-gross-total {font-size: 18px; color: rgba(4, 76, 157, 1); font-weight: 600; text-align: center; padding: 10px; border-bottom: 1px solid rgba(4, 76, 157, 0.4); }
.jsod-amount .jsod-discount-group {display: flex; align-items: center; justify-content: center; padding: 9px; }
.jsod-amount .jsod-discount-group  div {font-size: 18px; color: rgba(4, 76, 157, 1); font-weight: 400; }
.jsod-amount .jsod-discount-percentage{padding-right: 20px; border-right: 1px solid rgba(4, 76, 157, 0.2);  margin-right: 20px;}
.jsales-order-details-break .jsod-amount-overlay:before{background-color: rgba(0, 0, 0, 0.1)}
.jsales-order-details-break {display: flex; height: 44px; border-radius: 0px 0px 2px 2px; align-items: center; background-color: rgba(4, 76, 157, 1); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08); padding: 0px 0px 0px 20px; flex-wrap: wrap; position: fixed; bottom: 0;  left: 0; right: 0; margin:0 20px}
.jsales-order-details-break .jsod-break-base-price {width: 22%; }
.jsales-order-details-break .jsod-amount{width: 150px; height: 48px; position: relative; z-index: 9; font-size: 18px; justify-content: flex-end; padding-right: 20px;}
.jsales-order-details-break span {font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 1); margin-right: 15px; }
.jsales-order-details-break div {font-size: 14px; color: rgba(255, 255, 255, 1); font-weight: 600; line-height: 22px; }
.jsales-order-details-break div.jsales-order-details-break-left{padding-right: 0px;}
.jsales-order-details-break  div.jsales-order-details-break-left > div{padding-right: 20px; margin-right: 20px; border-right: 2px solid #fff;}
.jsales-order-details-break  div.jsales-order-details-break-left > div:last-child{margin-right: 0; border-right: 0px;}
.jsales-order-details-break .jsod-amount .fas {font-size: 14px; padding-right: 10px; }
.jmedicine-edit{visibility: hidden; opacity: 0; position: absolute !important; z-index: 99; top: 23px; right: -118px; background-color: #fff; border-radius: 2px; width: 150px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);}
.jmedicine-edit.open{visibility: visible; opacity: 1;}
.jmedicine-edit-box {padding: 12px; border-bottom: 1px solid rgba(4, 76, 157, 0.1); cursor: pointer;}
.jmedicine-edit-box:hover {background-color: rgba(4, 76, 157, 0.1); }
.jmedicine-edit-box p {font-size: 14px; color: rgba(17, 17, 17, 1); font-weight:500; }
.jmedicine-edit-box p .fa {color: rgba(108, 107, 204, 1); }
.jmedicine-edit-box p .fa-exclamation-circle {color: rgba(108, 107, 204, 1); }
.jmedicine-edit-box p .fa-times-circle {color: rgba(221, 78, 90, 1); }
.jmedicine-edit-box p .fa-arrow-circle-right, .jmedicine-edit-box p .fa-print{color: rgba(12, 161, 246, 1)}
.jnew-sales-return .jsales-patient-details-center{width: 36%; margin-right: 0px;}
.jpayment-option.jpayment-view { background-color: transparent; height: 30px; }
.jpayment-option.jpayment-view p {font-size: 16px; font-weight:500; color: rgba(4, 76, 157, 1); padding-right: 15px; margin-right: 15px; border-right: 2px solid rgba(4, 76, 157, 0.2); }
.jpayment-option.jpayment-view span { font-size: 16px; line-height: 18px; color: rgba(4, 76, 157, 0.6); font-weight: 600; }
.jpayment-option.jpayment-view span .fas { color: rgba(12, 161, 246, 1); font-size: 14px; }
/* Sales order details page css End */
/* No Record Found Css Start */
.jsales-order-list-inner .jno-sales-order-found, .jinventory-item-list .jno-sales-order-found{height: 50vh;  text-align: center;}
.jcustomers-list .jno-sales-order-found{height: 50vh;}
.jsales-order-list-inner .jno-sales-order-found .fas, .jinventory-item-list .jno-sales-order-found .fas{transform: rotate(180deg);}
.jsales-order-list-inner .jno-sales-order-found p, .jinventory-item-list .jno-sales-order-found p   {font-size: 14px;}
.jno-sales-order-found {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 70vh; }
.jno-sales-order-found .fas {font-size: 79px; color: rgba(12, 161, 246, 0.2); }
.jno-sales-order-found p {font-size: 14px; font-weight: 600; color: rgba(153, 153, 153, 1); padding-top: 15px; }
.jno-sales-order-found button {background-color: rgba(12, 161, 246, 1); border: 0; border-radius: 2px; padding: 12px 30px; margin-top: 20px; font-size: 14px; font-weight:500; color: #fff; }
.jno-sales-order-found button .fas {font-size: 14px; color: #fff; }
/* No Record Found Css End */
/* New Sales Order Css Start */
.jcash-calculate-inner { display: flex; align-items: center; max-width: 100%;}
.jcash-calculate-inner input { width: 100%; background-color: transparent; border: 0; font-size: 18px; color: #fff; font-weight: 600; padding-right: 10px; }
.jcash-calculate-inner input:focus{outline: none; text-align: right; width: 50%;}
.jcash-calculate-inner input:focus::placeholder{font-size: 14px;}
.jcash-calculate-remain{width: 0; opacity: 0; visibility: hidden; transition: all ease 0.3s;}
.jcash-calculate-remain.jcash-calculate-remain-open{width: 100%; opacity: 1; visibility: visible; transition: all ease 0.3s;}
.jsod-break-block .jcash-calculate-remain span { background-color: #fff; color: #000; padding: 1px 10px; text-align: right; margin-left: 10px; border-radius: 2px; font-size: 14px; color: rgba(12, 161, 246, 1) !important; font-weight: 600; }
.jcash-calculate input{background-color: transparent; border: 0; width: 100%; height: 100%; padding: 0px 10px; font-size: 14px; color: rgba(255, 255, 255, 1); font-weight:500;}
.jcash-calculate input::placeholder{font-size: 14px; color: rgba(255, 255, 255, 0.4); font-weight:500;}
.jnew-sales-order .jsp-left-inner-ord-no{width: 100% !important;}
.jnew-sales-order .search-item.date-box{position: relative; padding-top: 4px;}
.jnew-sales-order .jsp-left-inner span svg{width: 16px; height: 16px}
.jsp-left-inner-ord-no input, .jsp-left-inner-ord-date input {padding-bottom: 8px; width: 100%; border: 0; font-size: 16px; line-height: 22px; color: rgba(4, 76, 157, 1); font-weight: 600; background-color: transparent; border-bottom: 1px solid rgba(4, 76, 157, 0.8); }
.jsp-left-inner-ord-no input::placeholder{color: rgba(4, 76, 157, 0.6); font-size: 12px; font-weight:500;}
.jsp-left-inner-ord-no input:hover, .jsp-left-inner-ord-date input:hover{border-color: rgba(4, 76, 157, 0.4)}
.jsp-left-inner-ord-no input:focus, .jsp-left-inner-ord-date input:focus{outline: none; border-color: rgba(4, 76, 157, 0.4)}
.search-item .mat-datepicker-toggle{position: absolute; top: -6px;}
.jnew-sales-order .jsp-right-inner span{font-size: 14px; font-weight:500; color: rgba(4, 76, 157,1);}
.jso-form-field {max-width: 243px; display: flex; flex-direction: column; }
.jsp-right-inner .jso-form-field{width: 100%}
.jso-item-search .jso-form-field .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-empty.mat-form-field-label {display: none;}
.jso-item-search .jso-form-field .mat-form-field-appearance-legacy .mat-form-field-infix{border-top: 0; padding-bottom: 0px; padding-top:0px; padding-top: 4px;}
.jso-item-search .mat-form-field-wrapper{ padding-bottom: 0px;}
.jso-item-search .mat-form-field-wrapper .mat-form-field-label{color:#673ab7; font-size: 14px; font-weight: 600;}
.jso-item-search.jshb-dist .mat-form-field-wrapper .mat-form-field-label, .jso-item-search.jshb-dist .mat-form-field.mat-focused .mat-form-field-label{color:rgba(17,17,17,.4);}
.jso-item-search .mat-form-field.mat-focused .mat-form-field-label{font-size: 14px; color: rgba(4, 76, 157, 0.6); font-weight: 600;}
.jso-item-search .mat-form-field-subscript-wrapper{display: none;}
.jso-form-field label {font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; padding-bottom: 4px; }
.jso-form-field input {font-size: 16px; width: 100%; color: rgba(4, 76, 157, 1); font-weight: 600; border: 0;  border-bottom:1px solid rgba(4, 76, 157, 0.8); padding-bottom: 13px; text-transform: capitalize;}
.jso-form-field input:hover{border-color: rgba(4, 76, 157, 0.4)}
.jso-form-field input:hover + .fas{color: rgba(4, 76, 157, 0.4)}
.jso-form-field input:focus + .fas{color: rgba(4, 76, 157, 1)}
.jso-form-field input:focus{outline: none; border-color: rgba(4, 76, 157, 1)}
.jpo-add-item .jso-form-field input{color: rgba(17, 17, 17, 1);}
.jpo-add-item .jso-form-field .fas { bottom: 14px; top: auto; right: 16px; }
.jso-form-field select { border: 0; font-size: 16px; width: 100%; color: rgba(4, 76, 157, 1); font-weight: 600; border: 0; border-bottom: 1px solid rgba(4, 76, 157, 0.1); padding-bottom: 10px; }
.jso-form-field select:focus { outline: none; }
.jso-form-field input::placeholder{font-weight: 600; font-size: 14px; color: rgba(245, 245, 245, 0.6);}
.jso-form-field { position: relative; width: 48%; margin-right: 4%; max-width: none;}
.jso-form-field .fas {position: absolute; top: 4px; right: 16px; color: rgba(4, 76, 157, 0.4); font-size: 12px; }
.jso-form-field .fa-times:hover{color: rgba(221, 78, 90, 1); cursor: pointer;}
.jsales-order-details-desc .jso-form-field .fas{right: 15px;}
.jso-patient-found-group{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); width: 97%; position: absolute; left: 0px; margin-top: 6px; z-index: 99; background-color: #fff; max-height: 280px; overflow: auto;}
.jsp-right-inner .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
.jsp-right-inner .mat-form-field-appearance-legacy .mat-form-field-underline{height: 0; background-color: transparent;}
.jsp-right-inner .mat-form-field.mat-focused .mat-form-field-ripple{background-color: transparent; height: 0;}
.jsp-right-inner .mat-form-field-infix{padding: 0px !important; border-top: 0;}
.mat-autocomplete-panel .jso-patient-found-group{box-shadow: unset; position: relative; margin-top: 0px; width: 100%;}
.jso-patient-found-container{display: flex;align-items: center;}
.jso-patient-found-container .blocked-distributor{color: rgba(221, 78, 90, 1);font-size: 14px;width: 16px;}
.bank-details-option{display: flex;}
.blocked-account{color: rgba(221, 78, 90, 1);font-size: 11px;min-width: 11px;margin-right: 2px;}
.jso-patient-found { cursor: pointer; padding: 10px 0px;}
.jso-patient-found h6 {font-size: 16px; font-weight: 600; text-transform: capitalize; color: rgba(4, 76, 157, 1); line-height: 19px; padding-bottom: 4px; }
.jso-patient-found p {font-size: 14px; line-height: 17px; color: rgba(17, 17, 17, 1); font-weight:500; padding: 0; }
.jso-form-field-group {display: flex;  margin-top: 5px;}
.jso-form-field:last-child {margin-right: 0px; }
.mat-autocomplete-panel .mat-option.jso-add-new-patient { width: 100%; margin-top: 0; padding: 15px; }
.jsales-patient-details-center .mat-form-field-appearance-legacy .mat-form-field-label span, .jsales-patient-details-right .mat-form-field-appearance-legacy .mat-form-field-label span{top: 31px; color: rgba(17, 17, 17, 0.6);}
.jsales-patient-details-center .mat-form-field-appearance-legacy .mat-form-field-label, .jsales-patient-details-right .mat-form-field-appearance-legacy .mat-form-field-label{top: 33px; color: rgba(17, 17, 17, 0.6);}
.jpadd-order-details .jsales-patient-details-right .mat-form-field-appearance-legacy .mat-form-field-label, .jpadd-order-details .jsales-patient-details-center .mat-form-field-appearance-legacy .mat-form-field-label,.jnew-wholesale-order-detail .jsales-patient-details-right .mat-form-field-appearance-legacy .mat-form-field-label{top: 15px;}
.jsales-patient-details-center .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,  .jsales-patient-details-right .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.jsales-patient-details-center .mat-form-field{width: 100%;}
.jso-add-new-patient {width: 100%; left: 0;  margin-top: 6px; z-index: 99; background-color: #fff; cursor: pointer; width: 280px; position: absolute; padding: 10px 18px; display: flex; }
.jso-add-new-patient .mat-option-text{display: flex;}
.jso-add-new-patient .fas {font-size: 18px; color: rgba(12, 161, 246, 1); padding-top: 5px; padding-right: 12px; }
.jso-add-new-patient-title h6 {font-size: 18px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jso-add-new-patient-title p {font-size: 14px; color: rgba(12, 161, 246, 1); font-weight:500; }
/* .jso-new-patient .modal-contain {max-width: 640px; margin-bottom: 0px; border-radius: 0px; -webkit-transform: translateY(400px); transform: translateY(400px); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); padding: 0; } */
/* .jso-new-patient.jpo-new-patient.open .modal-contain{ -webkit-transform: translateY(360px); transform: translateY(360px); margin-top: 0px;} */
.jnew-patient-content-head {padding: 15px 20px; display: flex; align-items: center; border-bottom: 1px solid rgba(4, 76, 157, 0.4); background-color: #044C9D;}
.jnew-patient-content-head h4 {font-size: 24px; color: #fff; font-weight: 600; }

.jnew-patient-content-btn {margin-left: auto; }
.jnew-patient-content-btn .fas {font-size: 18px; margin-left: 20px; color:#fff; cursor: pointer; transition: all ease 0.5s; }
.jnew-patient-content-btn .fas.fa-times:hover {color: rgba(12, 161, 246, 1);}
.jnew-patient-content-btn button:hover {background-color: rgba(20, 169, 254, 1); }
.jnew-patient-content-desc {padding: 20px 20px; }
.jnp-content-desc-sent-otp {font-size: 14px; font-weight:500; color: rgba(12, 161, 246, 1); padding-bottom: 27px; }
.jnp-form-field {display: flex; flex-direction: column; margin-bottom: 20px; position: relative; }
.jnp-form-field label {font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; padding-bottom: 6px; }
.jnp-form-field input { padding-bottom: 6px; border: 0; border-bottom: 1px solid rgba(4, 76, 157, 0.8); font-size: 18px; color: rgba(17, 17, 17, 1); font-weight:600; }
.jnp-content-desc-otp.jnp-form-field {width: 40%;}
.jnp-form-field input:focus {outline: none; }
.jnp-content-desc-otp.jnp-form-field span {position: absolute; cursor: pointer; left: 14em; top: 31px; color: rgba(12, 161, 246, 1); font-size: 14px; font-weight:500; }
.jnp-content-desc-form-froup {display: flex; flex-wrap: wrap; }
.jnp-content-desc-form-froup .jnp-form-field {margin-right: 25px; }
.jnp-content-desc-form-froup .jnp-form-field:last-child {margin-right: 0px; }
.jso-item-search {width: 100%; position: relative;}
.jso-item-search .jso-form-field {width: 25%; padding-right: 10px;}
.jso-item-search .jso-form-field input::placeholder{color: rgba(4, 76, 157, 0.6); font-size: 16px;}
/* .jso-item-search .jso-form-field .mat-focused .mat-form-field-label{font-size: 14px !important; color: rgba(4, 76, 157, 0.4);} */
.jso-item-search .jso-form-field input{font-size: 16px; font-weight: 600; color: rgba(4, 76, 157, 1);}
.jso-item-search.jso-new-search .mat-form-field-wrapper .mat-form-field-label{ padding: 0px 20px; }
.jso-item-search-suggestion-box {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); border-radius: 2px;  padding-right: 0px !important; position: absolute; background-color: #fff; width: 100%; z-index: 99;}
.jso-item-search-suggestion-box.jso-alternate .jso-item-name p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jso-item-search-suggestion-box.jso-alternate .jso-item-number {width: 20%;}
.jso-item-search-suggestion-box.jso-alternate .jso-item-margin {width: 14%;}
.jso-item-search-suggestion-box.jso-alternate {max-width: 48%; min-height: 200px;}
.jso-item-search-group{max-height: 225px; overflow: auto;}
.cdk-overlay-pane.cdk-overlay-pane-medicine-search { width: 750px !important; }
.cdk-overlay-pane.cdk-overlay-pane-medicine-search.cdk-overlay-pane-promotion-medicine{width: 610px !important; margin-left: -47px;}
.cdk-overlay-pane.cdk-overlay-pane-batch-dropdown{width: 700px !important; margin-top:36px}
.cdk-overlay-pane-medicine-search .mat-menu-panel { width: 100%; min-width: auto; max-width: 100%;margin-top:17px; }
.jmat-menu.mat-menu-panel{min-height: auto !important; min-width: auto !important;}
.jmat-menu.mat-menu-panel button{height: 36px; line-height: 36px; color:#000; text-align:center; font-size:14px; font-weight:600;}
.cdk-overlay-pane.cdk-overlay-pane-batch-dropdown .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:unset}
.cdk-overlay-pane-medicine-search .jso-item-search-suggestion-box{position: unset; padding:0px 16px !important; box-shadow: unset; border-bottom: 1px solid rgba(4, 76, 157, 0.1);}
.cdk-overlay-pane-medicine-search .jso-item-search-suggestion-box:hover{background-color: rgba(12, 161, 246, 1);}
.cdk-overlay-pane-medicine-search .jso-item-search-suggestion-box.jnew-item-search:hover{background-color: unset;}
.mat-autocomplete-panel .jnew-item-search .jso-newly-requested{width: 20px;}
.mat-autocomplete-panel .jnew-item-search .jso-newly-requested .fas { font-size: 12px; color: rgba(12, 161, 246, 1); padding-right: 5px;}
.cdk-overlay-pane .mat-option:hover .jso-newly-requested .fas { color: #fff; }
.cdk-overlay-pane.mat-datepicker-popup{width: auto !important; }
.cdk-overlay-pane.batch-select-cdk-overlay-pane{width: 400px !important;}
/* .cdk-overlay-pane-select.cdk-overlay-pane{width: 175px !important; top: 140px; min-width: unset; transform: translateX(-16px) translateY(32px) !important;} */
.cdk-overlay-pane .negetive-qty-option .mat-option.jso-item-search-suggestion-box{border-bottom: 0;}
.cdk-overlay-pane .mat-option{padding: 0px 16px !important; cursor: pointer; border-bottom:1px solid rgba(4, 76, 157, 0.1);}
.cdk-overlay-pane .mat-option.mat-active.jso-add-new-patient, .cdk-overlay-pane .mat-option.mat-active.jno-patient-found{background-color: transparent !important; color: rgba(17,17,17,1) !important;}
.cdk-overlay-pane .mat-option:hover, .cdk-overlay-pane .mat-option.mat-active{background-color: rgba(12, 161, 246, 1) !important; color: #fff !important;}
.cdk-overlay-pane .mat-option:hover .jso-item-select-batch-desc > div, .cdk-overlay-pane .mat-option.mat-active .jso-item-select-batch-desc > div{color:#fff !important}
.cdk-overlay-pane .mat-option.mat-option-disabled:hover ,.cdk-overlay-pane .mat-option.mat-option-disabled:hover span{background-color: unset !important; color:#0CA1F6 !important}
.cdk-overlay-pane .mat-option:hover span, .cdk-overlay-pane .mat-option.mat-active span{color: #fff;}
.cdk-overlay-pane .mat-option:hover img, .cdk-overlay-pane .mat-option.mat-active img{filter: brightness(0) invert(1);}
.cdk-overlay-pane.cdk-pane-jmedicine-suggestion-box{width: 100% !important; max-width: 950px;}
.cdk-overlay-pane.cdk-pane-dist-suggestion-box{max-width: 328px;}
.cdk-overlay-pane.cdk-pane-jmedicine-suggestion-box .mat-autocomplete-panel{ max-height: 400px !important;}
.cdk-overlay-pane .mat-autocomplete-panel{max-width: 100% !important;  max-height: 300px !important;}
.cdk-overlay-pane .mat-autocomplete-panel .jso-item-search-suggestion-box{ box-shadow: unset; margin-top: 0px;}
.mat-autocomplete-panel .jnew-item-search .jso-item-name, .jso-item-search-suggestion-box.jso-alternate .jso-item-name { width: calc(100% - 51% - 20px) !important; display: flex; align-items: center; margin-right: auto;}
.cdk-overlay-pane .mat-option.jrequest-medicine-option:hover{background-color: transparent !important;}
.jsales-order-details-block .mat-form-field-appearance-legacy .mat-form-field-ripple,.jinventory-item-list-head .mat-form-field-appearance-legacy .mat-form-field-ripple{top: 0; height: 0;}
.jsales-order-details-block .mat-form-field-appearance-legacy .mat-form-field-underline,.jinventory-item-list-head .mat-form-field-appearance-legacy .mat-form-field-underline{height: 0;}
.jsales-order-details-block .mat-form-field-appearance-legacy .mat-form-field-wrapper,.jinventory-item-list-head .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
.jso-form-field-group .mat-form-field-wrapper{padding-bottom: 0px;}
.jnew-sales-order .jsales-order-patient.jorder-search{width: 100%;}
.jsales-order-details-desc .jso-form-field .mat-form-field-flex .fas{right: 0; top: 12px;}
.dso-no-suggestion { min-height: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.dso-no-suggestion .fas { color: rgba(12, 161, 246, 0.5); font-size: 26px; }
.dso-no-suggestion p { font-size: 14px; font-weight: 600; color: rgba(153, 153, 153, 1); }
.jso-item-search-suggestion-desc:hover{background-color: rgba(12, 161, 246, 1) !important; cursor: pointer;}
.jso-item-search-suggestion-group {display: flex; flex-wrap: wrap; align-items: center; padding: 10px 0px;}
.jso-item-search-suggestion-group > div{padding-right: 10px;}
.jso-item-search-suggestion-group > div:last-child{padding-right:0px}
.jso-item-search-suggestion-box-right {margin-left: auto; padding-right: 0px !important;}
.jso-item-search-suggestion-box-left ul li {display: inline-block; font-size: 12px; color: rgba(17, 17, 17, 1); font-weight:500; margin-right: 17px; }
.jso-item-search-suggestion-box-left p {font-size: 14px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jso-item-search-suggestion-box-left ul li span {color: rgba(17, 17, 17, 0.4); }
.jso-item-search-suggestion-box-right p {font-size: 12px; color: rgba(17, 17, 17, 1); font-weight:500; }
.jso-item-search-suggestion-box-right.jso-item-amount p{font-weight: 600; color: rgba(12, 161, 246, 1);}
.jsod-itemname .fa-times,.jsod-itemname .fa-ellipsis-h {position: relative; right: 0px; font-size: 14px; z-index: 9; top: 4px;color: rgba(4, 76, 157, 0.4); margin-left: auto;}
.jsod-itemname .fas.fa-ellipsis-h:hover{color: rgba(4, 76, 157, 1);}
.jsod-itemname .fa-times:hover {color:rgba(221, 78, 90, 1);cursor: pointer;}
.jsod-itemname .jitem-name-line{display: flex;margin-right: auto;padding-right: 10px;align-items: center;}
.jsod-itemname .jitem-name-line p{margin-right: 0;}
.jsales-order-details-block .jsod-qty .fas {font-size: 14px; color: rgba(12, 161, 246, 1); position: absolute; top: 10px; right: 68px; }
.jsod-edit:before{content: ""; position: absolute; font-family: 'Font Awesome 5 Free'; top: 3px; font-weight: 600; right: 20px; color: rgba(4, 76, 157, 0.2); font-size: 14px;}
.jsod-batch.jsod-edit:before{content: "";}
.jsod-batch.jsod-edit .fas{color: rgba(4, 76, 157, 0.2);}
.jsod-edit{padding-right: 10px;}
.jso-item-search-suggestion-box .jso-item-search-suggestion-head > div p{color: rgba(17, 17, 17, 0.4); font-size: 14px}
.jso-item-search-suggestion-box .jso-item-name {width: 45%; }
.jso-item-search-suggestion-box .jso-item-number {width: 18%; }
.jso-item-search-suggestion-box .jso-item-stock {width: 10%; text-align: right;}
.jso-item-search-suggestion-box .jso-item-amount {width: 15%; text-align: right;}
.jso-item-search-suggestion-box .jso-item-amount .fas{font-size: 12px;}
.jso-item-search-suggestion-box .jso-item-amount p{font-size: 14px; margin-left: 15px; color: rgba(4, 76, 157, 1); font-weight:500; }
.jso-item-search-suggestion-box .jso-item-stock p{color: rgba(12, 161, 246, 1); font-weight:500; font-size: 14px;}
.jso-item-search-suggestion-box .jso-item-number p{font-size: 14px; color: rgba(17, 17, 17, 1); font-weight:500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding:0px}
.jso-item-search-suggestion-box .jso-item-name p{font-size: 14px; color: rgba(17, 17, 17, 1);}
.jso-item-batch-group {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); background-color: #fff; z-index: 9; position: absolute !important; width:600px; border-radius: 2px; }
.jso-item-select-batch {display: flex; align-items: center;  padding:10px 0px; width: 100%;}
.jso-item-select-batch.jso-item-select-batch-head > div{font-size: 12px; font-weight:500; color: rgba(4, 76, 157, 1) !important;}
.jso-item-select-batch-desc:hover{ cursor: pointer;}
.jso-item-select-batch-desc:hover > div{color:#fff !important}
.jso-item-select-batch-desc:hover .jso-item-batch {color: rgba(4, 76, 157, 1)}
.jso-item-select-batch > div {width: 17%; font-size: 14px; }
.jso-item-select-batch .jso-item-batch{width: 26%;}
.jso-item-select-batch .jso-item-batch, .jso-item-select-batch .jso-item-expiry {color: rgba(17, 17, 17, 1); text-align: left;}
.jso-item-select-batch .jso-item-qty{color: rgba(12, 161, 246, 1); font-weight:500; text-align: right;}
.jso-item-select-batch .jso-item-price{color: rgba(4, 76, 157, 1); font-weight: 600; text-align: right;}
.jso-item-select-batch .jso-item-margin{color: rgba(12, 161, 246, 1); font-weight: 600; text-align: right;}
.jso-item-batch-group .jso-add-batch {display: flex; align-items: center; width: 100%; padding: 12px;}
.jso-item-batch-group .jso-add-batch-left {font-size: 12px; transition: all ease 0.3s; color: rgba(12, 161, 246, 1); font-weight:500; }
.jso-item-batch-group .jso-add-batch-left:hover { color: rgba(28, 177, 262, 1);font-weight:500;}
.jso-item-batch-group .jso-add-batch-left:hover .fas{color: rgba(4, 76, 157, 1);}
.jso-item-batch-group .jso-add-batch-right {font-size: 12px; transition: all ease 0.3s; font-weight:500; margin-left: auto; color: rgba(108, 107, 204, 1); }
.jso-item-batch-group .jso-add-batch-right:hover { color: rgba(124, 123, 220, 1); font-weight:500;}
.jso-item-batch-group .jso-add-batch-right:hover .fas{color: rgba(4, 76, 157, 1);}
.jso-item-select-batch-group{max-height: 220px !important; overflow-x: hidden !important; overflow-y: overlay !important;}
.jnew-sales-order-detail .jsod-batch .mat-select-arrow{margin-top: 7px;}
.jsod-batch.jsod-edit .mat-select .mat-select-arrow{margin-top:0px}
.jnew-sales-order-detail .jsod-batch .mat-form-field-label-wrapper{top: -1.1em;}
.mat-select-panel .mat-option{height: auto; line-height: normal; width: 100%; padding: 0px;}
.mat-select-panel .mat-option:first-child,.mat-select-panel .mat-option:last-child{background: unset;}
 .mat-select-panel .mat-option.jso-item-batch-group{width: 100%;}
 .jnew-sales-order .jsp-left-inner-ord-no .jnew-search label.date-range-picker-icon{left: -55px; top: -14px !important; background-color: rgba(12, 161, 246, 1); right: auto !important; width: 40px; height: 40px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-color: rgba(12, 161, 246, 1); border-radius: 50%; color: #fff !important; margin-right: 10px;}
 .jnew-sales-order .jsp-left-inner .jnew-search span{color: rgba(255, 255, 255,1);}
 .jnew-sales-order .jsp-left-inner .jnew-search .md-drppicker span{color: rgba(4, 76, 157, 1);}
 .jnew-sales-order .jsp-left-inner .jnew-search .md-drppicker td.active span{color:#fff}
 .jno-medicine-added { display: flex; align-items: center; justify-content: center; flex-direction: column; height:40vh; }
.jno-search .fas { font-size: 40px; width: 80px; height: 80px; background-color: rgba(12, 161, 246, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(12, 161, 246, 0.2); }
.jno-medicine-icon-group { position: relative; }
.jno-left-plus .fas { position: absolute; top: 35%; left: -27px; font-size: 19px; color: rgba(12, 161, 246, 0.2); }
.jno-right-plus .fas { position: absolute; top: -23px; right: -17px; font-size: 27px; color: rgba(12, 161, 246, 0.8); }
.jno-medicine-added p { font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 0.6); padding: 27px 0px 0px; }
 /* New Sales Order Css End */
/* Purchase Listing Css Start */
.jpurchase-order-list .jsales-order-list-block .jsales-order-date{width: 28%}
.jpurchase-order-list .jsales-order-list-block .jsales-order-patient{width: 33%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jsales-order-list-block .jsales-sales-person{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.lt-header .right span.mat-checkbox-label {font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1); }
.jmat-checkbox{margin-left: 10px;}
.jmat-checkbox .mat-checkbox-frame{border: 0; background-color: rgba(12, 161, 246, 1);}
.marketplace-shortbook-checkbox .jmat-checkbox .mat-checkbox-label { max-width: 180px; font-size: 16px; color: rgba(12, 161, 246, 1); }
.marketplace-shortbook-checkbox .jmat-checkbox.jmat-checkbox-border .mat-checkbox-frame { border: 1px solid rgba(12, 161, 246, 1); }
.jbatch-mat-table .jmat-checkbox .mat-checkbox-disabled .mat-checkbox-frame{background-color: rgba(12, 161, 246, 0.2);}
.jsales-order-list-desc:hover  .jmat-checkbox .mat-checkbox-frame{border: 0; background-color: rgba(255, 255, 255, 1);}
.jsales-order-list-desc:hover  .jmat-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:  rgba(12, 161, 246, 0.5);}
.jmat-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jmat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color: rgba(12, 161, 246, 1)}
.lt-header .right .new-sales-payment .mat-checkbox-checked.mat-accent .mat-checkbox-background, .lt-header .right .new-sales-payment .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color: rgba(221, 78, 90, 1);}
.lt-header .right .new-sales-payment .mat-checkbox-checked span.mat-checkbox-label{color: rgba(221, 78, 90, 1);}
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color: transparent;}
.jpadd-order-details .jsp-left-inner span svg{width: 18px; height: 18px;}
.jpurchase-order-details .jsales-order-details-break { background-color: rgba(221, 78, 90, 1); }
.jpurchase-order-details .jsales-order-details-group:after { background-color: rgba(221, 78, 90, 0.1); }
.jpurchase-order-details .jsales-order-details-desc  .jsales-order-details-block-left.active, .jpurchase-order-details .jsales-order-details-desc  .jsales-order-details-block-left:hover { background-color: rgb(4, 76, 157,0.1); }
.jsales-order-details-desc .mat-select-value{text-align: right;}
/* Purchase Listing Css End */
/* Purchase Order Details Css Start */
.jpurchase-patient-details .jsp-right-inner-block h6 {font-size: 16px; line-height: 26px; color: rgba(4, 76, 157, 1); font-weight: 600; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jpurchase-patient-details .jsales-patient-details-left {width: 60%;}
.jpurchase-patient-details .jsales-patient-details-right{width: 37%;}
.jpurchase-patient-details.jp-details .jsales-patient-details-left{width: 65%}
.jpurchase-patient-details.jp-details.jpurchase-return .jsales-patient-details-left{width: 40%}
.jpurchase-patient-details.jp-details.jpurchase-return .jsales-patient-details-right{width: 56%}
.jpurchase-patient-details.jp-details .jsales-patient-details-right{width: 31%; }
.jpurchase-order-details .jsales-order-details-block .jsod-batch{width: 14%;}
.jpurchase-order-details .jsales-order-details-block .jsod-expiry{width: 10%}
.jpadd-order-details .jsod-mrp{width: 12%;}
.jpadd-order-details .jsales-order-details-block .jsod-qty, .jpadd-order-details .jsales-order-details-block .jsod-fr{width: 9%;}
.jpurchase-order-details .jsod-mrp{width: 11%; text-align: right;}
.jpurchase-order-details .jsales-order-details-block .jsod-unit{width: 14%;}
.jpurchase-order-details .jsod-qty{width: 6%; text-align: right;}
.jpurchase-order-details .jsod-fr{width: 6%; text-align: right;}
.jpurchase-order-details .jsales-order-details-desc .jsod-fr{text-transform: uppercase;}
.jpurchase-order-details .jsod-ptr{width: 8%; text-align: right;}
.jpurchase-order-details .jsod-disc{width: 14%; text-align: right;}
.jpurchase-order-details .jsod-tax {width: 13%; text-align: right;}
.jsales-order-details-desc .jsod-mrp, .jsales-order-details-desc .jsod-ptr {color: #111111; font-weight: 600; }
.jsales-order-details-desc .jsod-disc{color: #044C9D; font-weight: 600;}
.jsales-order-details-desc .jsod-disc span {background-color: #0CA1F6; border-radius: 2px; margin-left: 5px; padding: 1px 2px; font-size: 11px; color: #fff;min-width: 35px; display: inline-block; text-align: center;}
.jpurchase-order-details .jsod-disc span.tooltips{background-color: transparent; margin-left: 0px; padding: 0px;}
.jpurchase-order-details .jsales-order-details-block .jsod-baseprice{width: 13%; text-align: left;}
.jpurchase-order-details .jsales-order-details-block .jsod-gst{width: 8%; text-align: right;}
.jpurchase-order-details .jsales-order-details-desc.jsales-order-details-block > div{font-size: 14px; position: relative; word-break: break-word;}
.jpurchase-order-details .jsales-order-details-desc .jsod-baseprice{color: #111111;}
.jpurchase-order-details .jsales-order-details-desc .jsod-gst{font-weight: 600;}
.jpurchase-order-details.jsales-order-details .jpurchase-return.jsales-patient-details{border-bottom: 1px solid rgba(4, 76, 157, 0.1)}
.jpurchase-order-list .jpurchase-return .jsales-order-date {width: 30%; }
.jpurchase-order-list .jpurchase-return .jsales-order-patient{width: 38%; }
.jpurchase-order-list .jpurchase-return .jsales-order-list-group{width: 78%;}
.jpurchase-order-list .jpurchase-return .jsales-order-amount{width: 22%}
.jmedicine-edit-box p .fas {position: inherit; }
/* Purchase Order Details Css End */
/* Add Purchase Order Css Start */
.jpadd-order-details .jsales-order-details-desc{cursor: pointer;}
.jpadd-order-details .jsp-left-inner > div{width: 30.66%; margin-right: 4%;}
.jpadd-order-details .jsp-left-inner > div:last-child{margin-right: 0%;}
.jpurchase-order-details .jsp-left-inner-ord-no{width: 28%; margin-right: 4%;}
.jpurchase-order-details .jsp-left-inner-ord-date{width: 21%; margin-right: 4%; position: relative;}
.jpurchase-order-details .jsp-left-inner-bill-no{width: 14%; margin-right: 4%; position: relative;}
.jpurchase-order-details .jp-details .jsp-order-status{width: 13%; margin-right: 2%;}
.jpurchase-order-details .jp-details .jsp-left-inner-ord-no{width: 25%; margin-right: 2%;}
.jpurchase-order-details .jp-details .jsp-left-inner-ord-date{width: 19%; margin-right: 2%; position: relative;}
.jpurchase-order-details .jp-details .jsp-left-inner-bill-no{width: 14%; margin-right: 2%; position: relative;}
.jsp-left-inner-ord-date .mat-datepicker-toggle{top: 11px; right: -45px;}
.jadd-purchase-order .jsp-left-inner-ord-no input{margin-top: 10px;}
.jadd-purchase-order .search-item.date-box{margin-top: 10px;}
.jadd-purchase-order .jso-form-field input{font-size: 16px; color: #044C9D; font-weight:500; width: 100%; border-bottom:1px solid rgba(4, 76, 157, 0.8); }
.jadd-purchase-order .jso-form-field{width: 100%}
.jadd-purchase-order .jso-form-field .fas, .jpurchase-order-details .jso-form-field .fas{top: 3px;}
.jpo-add-item .jnew-patient-content-head{padding: 0px; border-bottom: 0;}
.jpo-add-item .jnew-patient-content-head-group{padding: 29px 20px 22px; border-bottom: 1px solid rgba(4, 76, 157, 0.4);}
.jnew-patient-content-head span { font-size: 14px; color: rgba(17, 17, 17, 1); font-weight:500; }
.jnew-purchase-order-item {padding-top: 4px; }
.jnew-purchase-order-item h4 {font-size: 24px; line-height: 29px; color: rgba(4, 76, 157, 1); }
.jnew-purchase-order-item-details {display: flex; align-items: center; padding-top: 3px; }
.jnew-purchase-order-item-details p {font-size: 14px; font-weight: 600; color: rgba(17, 17, 17, 1); padding-right: 15px; border-right: 1px solid rgba(4, 76, 157, 0.4); margin-right: 15px; line-height: 17px; }
.jnew-purchase-order-item-details span {font-size: 14px; line-height: 17px; color: rgba(17, 17, 17, 1); }
.jnew-purchase-order-item-inner {display: flex; flex-wrap: wrap; }
.jnew-purchase-order-item-inner form{width: 100%;}
.jbottomsheet.jpo-add-item .jnew-purchase-order-item-left {width: calc(100% - 150px); padding: 40px 20px;}
.jnew-purchase-order-item-right{padding: 40px 30px 26px 20px;}
.jpo-add-item .jnew-purchase-order-item-inner:last-child .jnew-purchase-order-item-left{padding: 18px 23px 18px 42px; text-align: right;}
.jnew-purchase-order-item-inner:last-child .jnew-purchase-order-item-right{padding: 18px 20px 18px;}
.jnew-purchase-order-item-right.jsod-amount-overlay {width: 150px; }
.jpo-add-item .jnew-patient-content-desc{padding: 0px;}
.jnew-purchase-order-item-left .jso-form-field{width: 31%; margin-right: 3.5%; margin-bottom: 15px;}
.jnew-purchase-order-item-left .jso-form-field select{color: rgba(17, 17, 17, 1);}
.jnew-purchase-order-item-left .jso-form-field:last-child{margin-right: 0px;}
.jnew-purchase-order-item-right {padding: 40px 20px 35px; text-align: right; display: flex; flex-direction: column; justify-content: flex-end; }
.jnew-purchase-order-item-right p {font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; padding-bottom: 4px; }
.jnew-purchase-order-item-right h4 {font-size: 24px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jso-new-patient.open.jpo-add-item .modal-contain{-webkit-transform: translateY(225px); transform: translateY(225px); margin-top: 0px;}
.jnew-purchase-order-item-right h6{font-size: 18px; color: rgba(4, 76, 157, 1);}
.jpo-add-item .jnew-purchase-order-item-inner.jnew-final-ampount { background-color: rgba(4, 76, 157, 0.05); }
.jpo-add-item .jnew-purchase-order-item-inner:last-child .jnew-purchase-order-item-left p { font-size: 14px; color: rgba(4, 76, 157, 0.4); font-weight: 600; }
.jpo-add-item .jnew-purchase-order-item-inner:last-child .jnew-purchase-order-item-left h6 { font-size: 18px; color: rgba(4, 76, 157, 1); }
.jpo-add-item .jnew-purchase-order-item-inner:last-child .jnew-purchase-order-item-left h6 span { background-color: rgba(12, 161, 246, 1); font-size: 12px; color: #fff; padding: 2px 4px; border-radius: 2px; }
/* Add Purchase Order Css End */
/* Inventory Item  Css Start */
.jinventory {text-align: center; min-height: 75vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.jinventory-head {display: flex; flex-wrap: wrap; align-items: center; padding: 15px 20px 10px; }
.jinventory-purchase-order-icon .fas {color: rgba(12, 161, 246, 0.2); font-size: 79px; }
.jinventory p {font-size: 12px; color: rgba(153, 153, 153, 1); font-weight: 600; padding-top: 16px; }
.jinventory button {background-color: rgba(12, 161, 246, 1); border: 0; border-radius: 2px; padding: 13px 8px; min-width: 160px; margin-top: 20px; font-size: 14px; font-weight:500; color: #fff; }
.jinventory button:hover{background-color: rgba(18, 169, 254, 1); }
.jinventory-separator{position: relative; width: 100%; max-width: 586px;}
.jinventory-separator:before {content: "";border-top: 1px solid rgba(170, 170, 170, 0.4);height: 1px;top: 26px;left: -30px;position: absolute;width: 51%;}
.jinventory-separator:after {content: "";border-top: 1px solid rgba(170, 170, 170, 0.4);height: 1px;top: 26px; right: -30px;position: absolute;width: 51%;}
.jsales-order .lt-header .left {display: flex; align-items: center; flex-wrap: wrap;}
.jinventory-item-warn, .jinventory-purchase {background-color: #fff; cursor: pointer; height: 40px; line-height: 40px; border:1px solid rgba(17, 17, 17, 0.1); margin: 0px 20px;}
.jinventory-item-warn.active{background-color: rgba(221, 78, 90, 1)}
.jinventory-item-warn.active p, .jinventory-item-warn.active p span{color: #fff}
.jinventory-item-out-of-stock.active{background-color: rgba(12, 161, 246, 1)}
.jinventory-item-out-of-stock.active p, .jinventory-item-out-of-stock.active p span{color: #fff}
.jinventory-item-warn p , .jinventory-purchase p, .jinventory-sales p{font-size: 14px; color: rgba(221, 78, 90, 1); font-weight:500; padding: 0px 13px; }
.jinventory-item-warn p span, .jinventory-purchase p span, .jinventory-sales p span{font-weight: 600; font-size: 16px; margin-left: 16px}
.jinventory-item-out-of-stock , .jinventory-sales{background-color: #fff; cursor: pointer; height: 40px; line-height: 40px; border:1px solid rgba(17, 17, 17, 0.1);}
.jinventory-item-out-of-stock p {font-size: 14px; color: rgba(12, 161, 246, 1); padding: 0px 13px; font-weight:500; }
.jinventory-item-out-of-stock p span {font-weight: 600; margin-left: 16px;}
.jinventory-purchase p, .jinventory-purchase p span{color: rgba(4, 76, 157, 1)}
.jinventory-sales p, .jinventory-sales p span{color: rgba(108, 107, 204, 1)}
.jinventory-item-list-block {display: flex; align-items: center; padding: 18px 30px 8px; }
.jinventory-purchase.active{background-color: rgba(4, 76, 157, 1);}
.jinventory-purchase.active p, .jinventory-purchase.active p span {color: #fff;}
.jinventory-sales.active{background-color:rgba(108, 107, 204, 1);}
.jinventory-sales.active p, .jinventory-sales.active p span {color: #fff;}
.jinventory-item-list-head.jinventory-item-list-block {border-bottom: 1px solid rgba(4, 76, 157, 0.2); padding: 10px 20px 10px;}
.jinventory-item-list-block .jil-itemname {width: 25%; }
.jinventory-item-list-block .jil-stock {width: 10%; text-align: right;}
.jinventory-item-list-block .jil-stock.jil-stock-by-ptr{width: 13%;}
.jinventory-item-list-block .jil-batch {width: 10%; }
.jinventory-item-list-block .jil-expdate {width: 15%; }
.jinventory-item-list-block .jil-sellprice {width: 15%; }
.jinventory-item-list-block .jil-mrp {width: 12%; }
.jinventory-item-list-block .jil-medicine {width: 22%; text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;}
.jinventory-item-list-block .jil-unit {width: 10%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jinventory-item-list-block .jil-total-by-mrp, .jinventory-item-list-block .jil-total-by-ptr { width: 14%; text-align: right; padding-right: 20px; }
.jinventory-item-list-desc .jil-unit, .jinventory-item-list-desc .jil-manufacture {font-weight:500;}
.jinventory-item-list-desc .jil-total-by-mrp{color: rgba(51, 51, 51, 1);}
.jinventory-item-list-desc .jil-total-by-ptr{color: rgba(17, 17, 17, 1);}
.jinventory-item-list-block .jil-manufacture {width: 21%;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.jinventory-item-list-block .jil-qty-on-hand {width: 12%;}
.jinventory-item-list-block .jil-level {width: 10%;display: flex;align-items: center;justify-content: center;}
.jinventory-item-list-block .jil-purchase-medicine { width: 14%; text-align: right; padding-right: 30px;}
.jinventory-item-list-block .jil-qty-on-hand{text-align: right; padding-right: 20px;}
.jinventory-item-list-desc .jil-qty-on-hand{color: #044C9D}
.jinventory-item-list-desc > div.jil-stock {color:rgba(4, 76, 157, 1); font-weight:700}
.jinventory-item-list-desc > div.jil-stock span{font-size: 12px; font-weight:500}
.jinventory-item-list-desc > div.jil-stock-due, .jinventory-ipxtem-list-desc .jil-level .fa-sort-down {color:rgba(221, 78, 90, 1);}
.jinventory-item-list-desc .jil-level .fa-sort-up{color:rgba(0, 197, 220, 1);}
.jinventory-item-list-desc .jil-level .fas{font-size: 30px; height: 15px;}
.jinventory-item-list-desc .jil-purchase-medicine{display: flex; align-items: center; justify-content: flex-end;}
.jinventory-item-list-desc .jil-purchase-medicine p.jil-purchase-addlist{color:rgba(12, 161, 246, 1); cursor: pointer; padding: 0px; width: 100%;}
.jinventory-item-list-desc .jil-purchase-medicine p.jil-purchase-added{color:rgba(0, 197, 220, 1);}
.jinventory-item-list-head > div {font-size: 14px; line-height: 20px; color: rgba(4, 76, 157, 1); font-weight:600; padding-right:10px}
.jinventory-item-list-head > div .fas {font-size: 10px; color: rgba(4, 76, 157, 0.2); }
.jinventory-item-list-block.jinventory-item-list-desc{padding: 7px 20px; position: relative; border-bottom: 1px solid rgba(4, 76, 157, 0.2);}
.jinventory-item-list-desc > div{font-size: 14px; color: rgba(51, 51, 51, 1); font-weight: 600; padding-right: 10px;}
.jinventory-item-list-desc > div.jil-batch{font-weight:500;}
.jinventory-item-list-desc > div.jil-mrp, .jinventory-item-list-desc > div.jil-purrate{color: rgba(4, 76, 157, 1);}
.jinventory-item-list-desc > div.jil-sellprice{color: rgba(12, 161, 246, 1)}
.jinventory-item-list-desc > div.jil-warn{color: rgba(221, 78, 90, 1)}
.jmedicine-details .jinventory-all.active {background-color: rgba(12, 161, 246, 1); }
.jmedicine-details .mat-tab-label{height: 34px;}
.jmedicine-details .jinventory-all {background-color: transparent; border: 1px solid rgba(17, 17, 17, 0.1); }
.jmedicine-details .jinventory-all p {color: rgba(12, 161, 246, 1); }
.jmedicine-details .jinventory-all p span {color: rgba(12, 161, 246, 1); }
.jmedicine-details .jinventory-all.active p, .jmedicine-details .jinventory-all.active p span{color: #fff}
.jinventory-item-list-block .jmd-batch {width: 12%; }
.jinventory-item-list-block .jmd-qty {width: 8%; }
.jinventory-item-list-block .jmd-exp-date {width: 12%; }
.jinventory-item-list-block .jmd-mrp, .jinventory-item-list-block .jmd-purerate {width: 11%; }
.jinventory-item-list-desc .jmd-qty, .jinventory-item-list-desc .jmd-mrp{color: rgba(4, 76, 157, 1)}
.jinventory-item-list-desc .jmd-expired{color: rgba(221, 78, 90, 1);}
.jmedicine-details .jinventory-head p span{border-left: 1px solid rgba(0, 0, 0, 0.1); padding-left: 16px;}
.jmedicinetab{display: none;}
.jmedicinetab.open{display: block;}
.jorder-search input::placeholder {color: rgba(17, 17, 17, 0.6); font-size: 14px; font-weight: 500;}
.jsales-order-date .mat-form-field-label-wrapper .mat-form-field-label span{color: rgba(17, 17, 17, 0.6);}
.jsales-order-date .mat-form-field-label-wrapper .mat-form-field-label {top: 7px; left: 10px; color: rgba(4, 76, 157, 0.4); font-weight: 500;}
.jexpired-only .mat-checkbox-layout .mat-checkbox-label{color: rgba(221, 78, 90, 1);}
.jmedicine-details .mat-tab-label .mat-tab-label-content, .dbottomsheet .mat-tab-label .mat-tab-label-content, .rx-mat-tabs .mat-tab-label .mat-tab-label-content{font-size: 16px; color: black;}
.jmedicine-details .mat-tab-label.mat-tab-label-active .mat-tab-label-content, .dbottomsheet .mat-tab-label.mat-tab-label-active .mat-tab-label-content, .rx-mat-tabs .mat-tab-label.mat-tab-label-active .mat-tab-label-content{color: rgba(12, 161, 246, 1);}
.dbottomsheet .jmat-checkbox .mat-checkbox-label{max-width: 260px;}
.jmedicine-details .mat-tab-group.mat-primary .mat-ink-bar, .jmedicine-details .mat-tab-nav-bar.mat-primary .mat-ink-bar, .dbottomsheet .mat-tab-nav-bar.mat-primary .mat-ink-bar, .dbottomsheet .mat-tab-group.mat-primary .mat-ink-bar, .rx-mat-tabs .mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color: rgba(12, 161, 246, 1);}
.jinventory-item-list-block .jmd-totalmrp { width: 12%; text-align: right; padding-right: 20px;}
.jinventory-item-list-block .jmd-totalptr { width: 12%; text-align: right; padding-right: 20px;}
.jinventory-item-list-block .jsales-order-amount { margin-left: auto; }
.jinventory-item-list-block .jsales-order-amount .jorder-due-btn{max-width: 100%;}
.jmedicine-details .jno-sales-order-found{height: 70vh}
.jquickinventory-search .mat-form-field-infix, .jquickinventory-search .mat-form-field{width: 100%; border-top: 0 !important;}
.jquickinventory-search .mat-form-field-appearance-legacy .mat-form-field-underline, .jquickinventory-search .mat-form-field-appearance-legacy .mat-form-field-ripple{height: 0;}
.jbottomsheet .jquickinventory-search .jso-form-field input{border: 0; padding-bottom: 0px; font-size: 16px; color: #fff;}
.jquickinventory-search  .mat-form-field-label{padding-bottom: 0px; top: 20px !important; }
.jquickinventory-search  .mat-form-field-label span{font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.5); line-height: 22px;}
.jquickinventory-search .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.jquickinventory-search .mat-form-field-prefix{border-right: 1px solid rgba(112, 112, 112, 1); padding-right: 10px; margin-right: 10px;}
.jquickinventory-search .mat-form-field-prefix .fas{font-size: 18px; color: #fff;}
.jquickinventory-search  .mat-form-field-label-wrapper{top: -16px;}
.jquickinventory-search .mat-form-field-wrapper{padding-bottom: 0px !important;}
.jquickinventory-desc-details .mat-form-field .mat-input-element{font-size: 18px; color: rgba(17, 17, 17, 1); font-weight:500;}
.jquickinventory-desc-details .mat-form-field .mat-form-field-label{color:rgba(17, 17, 17, 0.2); font-size:18px; font-weight:500; top: 16px;}
.jquickinventory .jquickinventory-desc-details .mat-form-field.mat-focused .mat-form-field-label, .jquickinventory .jquickinventory-desc-details .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none !important;}
.jquickinventory .jquickinventory-desc-details .mat-form-field-appearance-legacy .mat-form-field-underline{background-color: rgba(4, 76, 157, 0.4);}
.jbottomsheet.jquickinventory .mat-datepicker-toggle{top: -19px; right: -38px;}
/* Inventory Item  Css End */
.jheader-sales-button button {display: flex; align-items: center; }
.jheader-sales-drop {padding: 0px; width: 35px; height: 32px; background-color: rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; }
.jheader-sales-drop .fas {margin-right: 0px; }
.jorder-drop {position: absolute; visibility: hidden; opacity:0; transition: all ease 0.3s; background-color: #fff; z-index: 9; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); border-radius: 2px; width: 185px; top: 47px; left: 0; }
.jorder-drop.jopen-drop{visibility: visible; opacity: 1;}
.jorder-drop-inner li a {font-size: 13px; font-weight:500; color: rgba(17, 17, 17, 1); }
.jorder-drop-inner li {padding: 10px 20px; cursor: pointer; border-bottom: 1px solid rgba(4, 76, 157, 0.1); display: flex; align-items: center;}
.jorder-drop-inner li p{padding:0px}
.jorder-drop-inner li:hover{background-color: rgba(12, 161, 246, 1); color: #fff;}
.jorder-drop-inner li:hover a{color:#fff;}
.jorder-drop-inner li:hover a .fas{color:#fff;}
.jskeleton:hover{background-color: transparent !important; cursor: default !important;}
.jskeleton:hover:after{content: "" !important;}
.jorder-drop-inner a .fas {font-size: 14px; }
.jorder-drop-inner a .fa-redo, .jorder-drop-inner a .fa-minus {color: rgba(221, 78, 90, 1); }
.jorder-drop-inner a .fa-box{color: rgba(12, 161, 246, 1);}
.jorder-drop-inner a .fa-plus {color: rgba(12, 161, 246, 1); }
.jinventory-all {background-color: transparent; border: 1px solid rgba(17, 17, 17, 0.1); height: 40px; line-height: 40px; padding: 0px 13px; border-radius: 2px; cursor: pointer; }
.jinventory-all.active{background-color: rgba(4, 76, 157, 1);}
.jinventory-all.active p, .jinventory-all.active p span{color: #fff}
.jinventory-all p {padding: 0px;font-size: 14px;color: rgba(4, 76, 157, 1);}
.jinventory-all p span {color: rgba(4, 76, 157, 1); margin-left: 15px; border-left: 1px solid rgba(255, 255, 255, 0.1);}
.jso-item-new-medicine p{font-size: 12px; color: #0CA1F6; font-weight:500;}
.jso-item-new-medicine p .fas{font-size: 14px;  color: #0CA1F6}
.jso-new-patient mat-datepicker-toggle.mat-datepicker-toggle {top: 16px; position: absolute; right: -52px; }
.jso-new-patient .jso-form-field-group{margin-bottom: 20px;}
.jpagination {padding: 10px 20px; text-align: center;}
.jpagination ul li {display: inline-block; font-size: 14px; transition: all ease 0.5s; font-weight:500; color: rgba(170, 170, 170, 1); width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right: 10px;}
.jpagination ul li.jpage-prev, .jpagination ul li.jpage-next{height: 26px; line-height: 26px; min-width: 60px; font-size: 14px; width: auto;}
.jpagination ul li.active{color: rgba(12, 161, 246, 1);}
.jpagination ul li a{display: block;}
.jorder-search input {border: 1px solid rgba(17, 17, 17, 0.2); font-size: 14px; font-weight: 600; color: rgba(4, 76, 157, 1); padding: 0px 25px 0 10px; width: 100%; height: 30px; border-radius: 2px; text-transform: capitalize;}
.jorder-search input:focus{border: 1px solid #0CA1F6; outline: unset;}
.jorder-search .fas {position: absolute; top: 9px; right: 27px; font-size: 14px; }
.jorder-search .fa-times:hover{cursor: pointer; color: rgba(221, 78, 90, 1);}
.jsales-order-date .fas {position: absolute; top: 9px; right: 6px; font-size: 14px; }
.jsales-order-date .fa-times:hover{cursor: pointer; color: rgba(221, 78, 90, 1);}
.jsales-order-patient.jorder-search .fas{right: 11px;}
.jsales-order-patient.jorder-search .mat-form-field{width: 100%;}
.jorder-search {position: relative;}
.jsales-order-details .jsales-order-list-desc-group{min-height: calc(100vh - 260px); padding-bottom: 48px;}
.jsales-order-details-break.jorder-due-amount { background-color: rgba(221, 78, 90, 1); }
.jsales-order-details-break.jorder-due-amount .jsod-break-net span { background-color: #fff; visibility: visible; opacity: 1; color:rgba(221, 78, 90, 1); max-width: 45px; margin-left: 10px; border-radius: 2px; padding: 1px 4px; }
.jorder-type .fas{position: relative; top: auto; right: auto;}
.jsales-order-filter {display: flex; align-items: center; padding: 20px 30px 0px; }
.jsales-total-order {display: flex; align-items: center; transition: all ease 0.3s; min-width: 120px; margin-right: 10px !important; }
.jsales-total-order:last-child {margin-right: 0px; }
.jsales-total-order p {font-size: 16px; font-weight:500; }
.jsales-total-order span {font-size: 16px; font-weight: 600; padding-left: 13px; margin-left: 13px; border-left: 1px solid rgba(17, 17, 17, 0.1); }
.jsales-total-order.jsales-total { padding: 6px 15px; border-radius: 2px; border: 1px solid rgba(17, 17, 17, 0.1); color: rgba(4, 76, 157, 1); }
.jsales-total-order.jsales-paid, .jsales-total-order.jsales-due {border: 1px solid rgba(17, 17, 17, 0.1); padding: 5px 15px; border-radius: 2px; color: rgba(12, 161, 246, 1); }
.jsales-total-order.jsales-due.active{background-color: rgba(221, 78, 90, 1); color: #fff}
.jsales-total-order.jsales-total.active {background-color: rgba(4, 76, 157, 1);  color: #fff}
.jsales-total-order.jsales-paid.active{background-color: rgba(12, 161, 246, 1);  color: #fff}
.jsales-total-order.jsales-paid span, .jsales-total-order.jsales-due span {border-color: rgba(17, 17, 17, 0.1); }
.jsales-total-order.jsales-due{color: rgba(221, 78, 90, 1)}
.jsales-total-order:hover{box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08)}
.lt-header .right .jil-right-group {display: flex; align-items: center; }
.jil-right-group .jil-packing {font-size: 14px; font-weight: 600; color: rgba(17, 17, 17, 1); }
.jil-right-group .jil-manufacture {font-size: 14px; font-weight:500; color: rgba(17, 17, 17, 1); padding-left: 15px; border-left: 1px solid rgba(17, 17, 17, 0.2); margin-left: 15px; }
.jpatient-suggestion {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); max-height: 280px; overflow: auto; background-color: #fff; visibility: hidden; opacity: 0; border-radius: 2px; position: absolute; width: 249px; z-index: 1000; top: 33px; left: 0;}
.jpatient-suggestion.open{visibility: visible; opacity: 1}
.jpatient-suggestion-box {padding: 10px 18px; border-bottom: 1px solid rgba(170, 170, 170, 1);}
.jpatient-suggestion-box:last-child{border-bottom: 0;}
.jpatient-suggestion-box:hover{background-color: rgba(4, 76, 157, 0.1); cursor: pointer;}
.jpatient-suggestion-box h6 {font-size: 16px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jpatient-suggestion-box p {font-size: 14px; font-weight:500; color: rgba(17, 17, 17, 1); padding: 0px; }
.jpadd-order-details .jsod-break-total-qty{margin-left: 0px;}
.jorder-due-btn {border: 1px solid rgba(17, 17, 17, 0.2); height: 30px; max-width: 114px; margin-left:20px; padding: 0px 12px; display: flex; justify-content: center; align-items: center; border-radius: 2px; }
.jcustomer-list-row .jorder-due-btn{max-width: 100%;}
.jcustomer-list-row .jorder-due-btn.jdue-btn{margin-left: auto;}
.jorder-due-btn span.mat-checkbox-label {color: rgba(221, 78, 90, 1); font-size: 14px; font-weight:500; }
.jorder-due-btn .mat-checkbox-frame{border: 0px; width: 14px; background-color: rgba(221, 78, 90, 0.1); height: 14px;}
.jorder-due-btn .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jorder-due-btn .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{width: 14px; height: 14px; background-color: rgba(221, 78, 90, 1); color: #fff}
.jcustomers-list .jorder-due-btn.jdue-btn span.mat-checkbox-label {color: rgba(221, 78, 90, 1); font-size: 14px; font-weight:500; }
.jcustomers-list .jorder-due-btn.jdue-btn .mat-checkbox-frame{border: 0px; width: 14px; background-color: rgba(221, 78, 90, 0.1); height: 14px;}
.jcustomers-list .jorder-due-btn.jdue-btn .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jorder-due-btn .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{width: 14px; height: 14px; background-color: rgba(221, 78, 90, 1); color: #fff}
.jsales-order-details-break.jpayment-done { background-color: rgba(12, 161, 246, 1); }
.jpadd-order-details .jsales-order-details-break .jsod-break-net span{background-color: rgba(255,255,255,1); max-width: 0px; padding: 1px 4px; border-radius: 2px; color: rgba(12, 161, 246, 1);}
.jsales-order-details-break.jpayment-done .jsod-break-net span { visibility: visible; opacity: 1; max-width: 45px; margin-left: 10px;}
.jnew-sales-order-detail .jsales-order-list-desc-group{min-height: calc(100vh - 400px);}
.jsales-return.jnew-sales-order-detail .jsales-order-list-desc-group{min-height: calc(100vh - 266px);}
.jsales-order-details-block .jsod-edit .mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height: 0;}
.lt-header .right .jmat-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background, .lt-header .right .jmat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:rgba(12, 161, 246, 1)}
/* Bottom Sheet Css Start */
.jbottomsheet.modal{display: flex; align-items: flex-end; z-index: 1004;  -webkit-transform: translateY(100%); transform: translateY(100%); transition: all ease 0.3s;}
.jbottomsheet.modal.jpo-new-medicine .modal-contain{min-height: 400px;}
.jbottomsheet.modal .modal-contain{max-width: 640px; min-height: 400px; width: 100%; transition: all ease 0.3s; padding: 0px; border-radius: 0px; margin-bottom: 0px;}
.jbottomsheet.modal.open{-webkit-transform: translateY(0); transform: translateY(0); transition: all ease 0.3s; }
.jbottomsheet .jnew-purchase-order-item-left{width: 100%; padding: 0px;}
.jbottomsheet.jpo-add-item  .jnew-purchase-order-item-left .jso-form-field-group.jso-manu .jso-form-field{width: 65%; margin-top: 15px; }
.jbottomsheet .jso-form-field .fas{top: 30px;}
.jbottomsheet .jso-form-field .mat-form-field-infix .fas{top: 3px; right: 0; font-size: 14px;}
.jbottomsheet .jso-form-field input{font-size: 18px; color: #111111;}
.jbottomsheet-note p {font-size: 14px; color: #0CA1F6; font-weight:500; margin-top: 10px;}
.jbottomsheet .jnew-patient-content-head.jbatch-head{align-items: unset;}
.jbottomsheet-product h6 {font-size: 18px; color: #fff; font-weight: 600; }
.jbottomsheet-product p {font-size: 14px; color: #fff; font-weight:500; }
.jnew-patient-content-btn .tooltips .fas { color: rgba(255,255,255,1) !important; font-size: 18px !important; }
.jnew-patient-content-btn .tooltips .fas:hover { color: #fff !important; }
 .jbottomsheet-product p span {font-weight: 400; padding-left: 10px; border-left: 1px solid rgba(255, 255, 255, 0.4); color:rgba(255, 255, 255, 0.4); margin-left: 10px; }
.jbottomsheet .jbatch-desc .jso-form-field{width: 31%; margin-right: 3.5%; margin-bottom: 20px;}
.jbottomsheet .jbatch-desc .jso-form-field:nth-child(3n){margin-right:0px}
.jbottomsheet .mat-datepicker-toggle {position: absolute; top: 16px; right: -51px; }
.mat-calendar-body-begin-range:not(.mat-calendar-body-end-range){border-radius: 100% 0 0 100%; background-color: #c5cae9; }
.mat-calendar-body-end-range:not(.mat-calendar-body-begin-range){border-radius: 0 100% 100% 0; background-color: #c5cae9;}
.mat-calendar-cell-semi-selected {background-color: #c5cae9 !important;}
.mat-calendar-body-selected {background-color: #673ab7; color: #fff; }
.mat-calendar-body-today.mat-calendar-body-selected{box-shadow: unset !important;}
.mat-raised-button:not([class*=mat-elevation-z]) {box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); }
.jother-content{ position: absolute; width:100%; height: 100%; left: 0; top: 0; z-index: 1;}
.jpo-new-medicine .jso-form-field { width: 100%; margin-bottom: 15px; }
.jpo-new-medicine .jso-form-field-group .jso-form-field { width: 31%; }
.jpo-new-medicine .jso-form-field-group .jso-field-text { width: 42%; }
.jso-form-field-group .jso-field-text p{ font-size: 12px; color: #0CA1F6; padding-top: 10px;}
.jso-form-field-group .jso-field-text .fas{position: relative; top: 0;}
.jso-form-field.radio-after-text .mat-radio-container { order: 2; margin-left: 5px; }
.text-align-right.jso-form-field label{justify-content: flex-end !important;}
.jso-form-field.list-heading .mat-radio-container{margin-right: 5px;}
.jso-form-field.list-heading .mat-radio-label-content{ font-size: 14px; font-weight: 600; color: rgba(4, 76, 157, 1); line-height: 18px; padding-left: 0px;}
.jso-form-field .mat-radio-outer-circle{border: 0; width: 14px; border:1px solid rgba(17, 17, 17, 0.6); height: 14px;}
.jso-form-field .mat-radio-checked.mat-radio-button.mat-accent .mat-radio-outer-circle{border:1px solid #0CA1F6}
.jso-form-field .mat-radio-checked.mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:#0CA1F6}
.jso-form-field .mat-radio-button.mat-accent .mat-radio-inner-circle{background-color: #fff; height: 14px; width: 14px;}
.jso-form-field .jform-field.content-selection .mat-radio-button.mat-accent .mat-radio-inner-circle{background-color: #0CA1F6;}
.jso-form-field .jform-field.content-selection .mat-radio-outer-circle{background-color: transparent; border: 1px solid rgba(17, 17, 17, 0.6);}
.jso-form-field .jform-field.content-selection .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border: 1px solid #0CA1F6;}
.jso-form-field .mat-radio-container{width: 14px; height: 14px;}
.jso-form-field .mat-radio-button{margin-right: 15px;}
.jso-form-field  .mat-radio-label-content{font-size: 18px; color: rgba(17, 17, 17, 1);}
.jso-form-field .jform-field.content-selection .mat-radio-label-content{font-size: 14px; color:rgba(17, 17, 17, 0.6)}
.jso-form-field .jform-field.content-selection  .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-label-content{font-size: 14px; color:rgba(12, 161, 246, 1)}
.jpo-new-medicine .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
.jpo-new-medicine .mat-form-field-appearance-legacy .mat-form-field-underline{height: 0; background-color: transparent;}
.jpo-new-medicine .mat-form-field.mat-focused .mat-form-field-ripple{background-color: transparent; height: 0;}
.jpo-new-medicine .mat-form-field-infix{padding: 0px !important; border-top: 0;}
.mat-autocomplete-panel .jso-patient-found-group{box-shadow: unset; position: relative;  width: 100%;}
.jpo-new-medicine .mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(4, 76, 157, 1); font-size: 14px;}
.jpo-new-medicine .mat-form-field.mat-focused .mat-form-field-label{color:rgba(4, 76, 157, 1); font-size: 14px;}
.jpo-new-medicine.advanced-search-bottomsheet .mat-form-field.mat-focused .mat-form-field-label{color:rgba(4, 76, 157, 0.6); font-size: 14px;}
.jpo-new-medicine .mat-input-element{font-size: 18px; caret-color: #111111;}
.jbottomsheet .jso-form-field label.mat-form-field-label{color: rgba(4, 76, 157, 0.4);}
.jbottomsheet.advanced-search-bottomsheet .jso-form-field label.mat-form-field-label{color: rgba(153, 153, 153, 0.8);}
.jpo-new-medicine.advanced-search-bottomsheet .mat-form-field.mat-focused .mat-form-field-label{color:rgba(153, 153, 153, 0.6);}
.jbottomsheet .jdistributor-select .jso-form-field label.mat-form-field-label span{color: rgba(0, 0, 0, .4);}
.jbottomsheet .jdistributor-select .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
/* Bottom Sheet Css End */
/* Order Medicine Css Start */
.jinventory-title .lt-header .right .jo-medicine-btn button { background-color: rgba(108, 107, 204, 1) !important; font-size: 14px; padding: 4px 23px; border-radius: 2px; }
.jinventory-title .lt-header .right .jo-medicine-btn button:hover{background-color: rgba(116, 115, 212, 1) !important;}
.jinventory-title .lt-header .right .jo-medicine-btn button span { font-size: 12px; display: block; }
.jinventory-title .lt-header .right .jo-medicine-btn button.jimport-backup { background-color: rgba(12, 161, 246, 1) !important; height: 40px; padding: 4px 12px; color: #fff; font-weight:500; }
.jinventory-title .lt-header .right .jo-medicine-btn button.jimport-backup .fas{font-size: 14px;}
.jinventory-title .lt-header .right .jo-medicine-btn{display: flex; align-items: center;}
.jorder-medicine-head .jmedicine-row { display: flex; flex-wrap: wrap; align-items: center; padding: 10px 20px 5px; }
.jmedicine-row-group .jmedicine-row:last-child{padding-bottom: 10px;}
.jmedicine-row-group { min-height: 248px; overflow-x: hidden; overflow-y: overlay; }
.jorder-medicine-head .jmedicine-head-col { border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 2px; height: 34px; display: flex; align-items: center; }
.jorder-medicine-search .jsearch-medicine input { border: 0; padding: 10px 20px; width: 100%;  font-size: 16px; font-weight: 500; color: rgba(4, 76, 157, 1);}

.jorder-medicine-head .jorder-medicine-search { width: 20% !important;position: relative; margin-right: 20px;}
.jorder-medicine-head .jorder-distributor-search{ width: 30%;position: relative; margin-right: 20px;}
.jorder-distributor-search .jmedicine-suggestion-box > div{border-bottom: 1px solid rgba(4, 76, 157, 0.1);}
.jorder-distributor-search .jmedicine-suggestion-box > div:last-child{border-bottom: 0px;}
.jorder-distributor-search .jmedicine-suggestion-box{box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);}
.jorder-medicine-head input:focus{outline: none;}
.jorder-medicine-search .jsearch-medicine { position: relative; width: 100%; }
.jorder-medicine-search .jsearch-medicine .fas { position: absolute; top: 12px; right: 20px; font-size: 14px; color: rgba(12, 161, 246, 1); }
.jsearch-medicine .jso-form-field{width: 100%;}
.jsearch-medicine input::placeholder { font-size: 16px; font-weight: 500; color: rgba(4, 76, 157, 0.4); }
.jsearch-medicine .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
.jsearch-medicine .mat-form-field-appearance-legacy .mat-form-field-label{padding: 0px 10px; color: rgba(4, 76, 157, 0.4); font-weight:500; font-size: 14px;}
.jsearch-medicine .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.jsearch-medicine .mat-form-field.mat-focused .mat-form-field-ripple{height: 0; background-color: transparent;}
.jsearch-medicine .mat-form-field-infix{padding: 0px !important; border-top: 0;}
.jsearch-medicine .mat-form-field-appearance-legacy .mat-form-field-underline{height: 0;}
.jmedicine-suggestion-box { position: absolute; max-height: 250px; z-index: 9; left: -1px; overflow: auto; background-color: #fff; border-radius: 2px;  }
.jmedicine-suggestion-box .jsuggestion-row{display: flex; align-items: center; padding: 10px 0px;}
.jmedicine-suggestion-box{border-bottom: 1px solid rgba(4, 76, 157, 0.2);}
.jmedicine-suggestion-box .jsuggestion-row > div{padding-right: 10px; font-size: 14px;}
.jmedicine-suggestion-box .jsuggestion-row > div:last-child{padding-right: 0px;}
.jmedicine-suggestion-head > div { font-size: 14px; color: rgba(4, 76, 157, 0.6); font-weight:500; line-height: 20px; }
.jsuggestion-row .jom-medicine-name span { color: rgba(12, 161, 246, 1); }
.jmedicine-suggestion-desc.jsuggestion-row:hover {cursor: pointer; }
.jsuggestion-row .jom-medicine-name { width: 30%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jsuggestion-row .jom-medicine-pack { width: 20%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jsuggestion-row .jom-medicine-manufacture { width: 35%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jsuggestion-row .jom-medicine-mrp { width: 17%; text-align: right;}
.jmedicine-suggestion-desc .jom-medicine-name { color: rgba(17, 17, 17, 1); font-weight: 600; }
.jmedicine-suggestion-desc .jom-medicine-mrp { color: rgba(17, 17, 17, 1); font-weight: 600; }
.jorder-distributor-search .jod-selected-Distributor { display: flex; align-items: center; width: 100%; padding: 0px 10px;}
.jorder-distributor-search .jseleted-distribute-name p{ font-size: 14px; color: rgba(17, 17, 17, 1); line-height: 18px; font-weight: 600; }
.jorder-distributor-search .jseleted-distribute-name{margin-right: auto;}
.jorder-distributor-search .jseleted-distribute-disc span{ background-color: rgba(0, 197, 220, 0.1); padding: 3px 10px; border-radius: 2px; margin-left: auto; font-size: 12px; color: rgba(0, 197, 220, 1); }
.jorder-distributor-search .jseleted-distribute-ptr p{ font-size: 14px; color: rgba(12, 161, 246, 1); font-weight: 600; padding: 0px 10px; }
.jorder-distributor-search .jseleted-distribute-drop-icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: rgba(12, 161, 246, 0.1); border-radius: 50%; }
.jorder-distributor-search .jseleted-distribute-drop-icon .fas { font-size: 12px; color: rgba(12, 161, 246, 1); cursor: pointer; }
.jorder-medicine-head .jmedicine-qty { width: 65px; justify-content: center; margin-right: 20px; position: relative;}
.jorder-medicine-head .jmedicine-qty input { width: 100%; border: 0; font-size: 16px; line-height: 26px; color: rgba(4, 76, 157, 1); font-weight: 600; padding:0px 8px;}
.jorder-medicine-head .jmedicine-qty input::placeholder{color: rgba(4, 76, 157, 0.4); font-size: 14px;}
.jorder-medicine-head .jmedicine-qty .fas{font-size: 12px; color: rgba(12, 161, 246, 1); position: absolute; right: 10px;}
.jorder-medicine-head .jmedicine-button{border: 0;}
.jmedicine-button .jblue-button{margin-left: 0px;}
.jorder-med .jso-form-field-group .jso-form-field:first-child { width: 60%; }
.jorder-med .jso-form-field-group { padding-top: 20px; }
.jrequest-dist.jmedicine-head-col { justify-content: flex-end; width: 22%; border: 0; }
.jrequest-dist button { background-color: rgba(12, 161, 246, 1); border: 0; height: 42px; border-radius: 2px; font-size: 16px; font-weight: 600; color: #fff; padding: 11px; }
.jorder-medicine-head .jmedicine-selected { display: flex; align-items: center; background-color: rgba(12, 161, 246, 0.1); width: 100%; padding: 0 10px; height: 30px; border-radius: 2px; }
.jorder-medicine-head .jm-selected-medicine-name { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jorder-medicine-head .jm-selected-medicine-pack { margin-left: auto; font-size: 14px; color: rgba(51, 51, 51, 1); margin-right: 15px; }
.jorder-medicine-head .jm-selected-medicine-ptr { font-size: 14px; color: rgba(12, 161, 246, 1); font-weight: 600; text-align: right;}
.jorder-medicine-head .jm-selected-medicine-close-icon .fas { transition: all ease 0.5s; font-size: 16px; color: rgba(12, 161, 246, 1); }
.jorder-medicine-head .jm-selected-medicine-close-icon .fas:hover { cursor: pointer; color: rgba(221, 78, 90, 1); }
.jorder-distributor-search .jsearch-distribute {width: 100%; }
.jorder-distributor-search .jsearch-distribute input { border: 0; border: 0; padding: 10px 20px; width: 100%; font-size: 16px; font-weight:500; color: rgba(4, 76, 157, 1); }
.jorder-distributor-search .jsearch-distribute .fas { position: absolute; top: 12px; right: 20px; font-size: 14px; color: rgba(12, 161, 246, 1); }
.jorder-distributor-search .jsearch-distribute input::placeholder { font-size: 16px; font-weight: 500; color: rgba(4, 76, 157, 0.6); }
.jorder-distributor-search .jmedicine-suggestion-box{width: 438px; top: 42px;}
.jorder-distributor-search  .jom-medicine-name { width: 80%; display: flex; align-items: center; margin-right: 15px;}
.jorder-distributor-search  .jom-medicine-manufacture{width: 15%;}
.jmedicine-suggestion-desc .jom-medicine-name span { background-color: rgba(0, 197, 220, 0.1); padding: 3px 10px; border-radius: 2px; margin-left: auto; font-size: 12px; font-weight:500; color: rgba(0, 197, 220, 1);}
.jorder-distributor-search .jmedicine-suggestion-desc .jom-medicine-pack { color: rgba(12, 161, 246, 1); font-weight: 600; }
.jorder-distributor-search .jmedicine-suggestion-desc .jom-medicine-manufacture { color: rgba(12, 161, 246, 1); font-weight: 600; }
.jorder-medicine-selected-list { padding: 15px 0px 0px; margin-top: 15px; }
.jorder-medicine-selected-title { padding: 0px 20px; }
.jorder-medicine-selected-title h6 { font-size: 16px; font-weight: 500; color: rgba(12, 161, 246, 1); }
.jorder-medicine-selected-list .jom-selected-row { display: flex; align-items: center; padding: 6px 20px; border-bottom: 1px solid rgba(4, 76, 157, 0.2); }
.jom-selected-row .jom-selected-group1 { width: 42%; display: flex; align-items: center; padding-right: 0px;}
.jom-selected-row .jom-selected-group2 { width: 32%; display: flex; align-items: center; padding-right: 0px;}
.jom-selected-row .jom-selected-group1 > div, .jom-selected-row .jom-selected-group2 > div{padding-right: 10px;}
.jom-selected-row .jom-selected-medicine-name { width: 25%;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jom-selected-row .jom-selected-medicine-pack { width: 20%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jom-selected-row .jom-selected-medicine-dist { width: 40%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jom-selected-row .jom-selected-medicine-mrp { width: 20%; }
.jom-selected-row .jom-selected-medicine-ptr { width: 20%; }
.jom-selected-row .jom-selected-medicine-disc { width: 34%; }
.jom-selected-row .jom-selected-medicine-qty { width: 22%; }
.jom-selected-row .jom-selected-medicine-free { width: 22%; }
.jom-selected-row .jom-selected-medicine-gst { width: 22%; }
.jom-selected-row .jom-selected-medicine-amount { width: 12%; text-align: right;}
.jom-selected-row .jom-selected-medicine-remove { width: 3%; text-align: right;}
.jom-selected-list-head > div { font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 0.6); padding-right: 10px; }
.jom-selected-list-desc > div { padding-right: 10px; }
.jom-selected-list-desc:hover { background-color: rgba(4, 76, 157, 0.1); cursor: pointer; }
.jom-selected-list-desc div { font-size: 14px; color: rgba(17, 17, 17, 1); }
.jom-selected-list-desc .jom-selected-medicine-name { color: rgba(4, 76, 157, 1); font-weight: 600; padding-right: 10px;}
.jom-selected-list-desc .jom-selected-medicine-mrp { font-weight: 600; }
.jom-selected-list-desc .jom-selected-medicine-ptr { font-weight: 600; color: rgba(12, 161, 246, 1); }
.jom-selected-list-desc .jom-selected-medicine-disc { color: rgba(4, 76, 157, 1); font-weight: 600; }
.jom-selected-list-desc .jom-selected-medicine-disc span { background-color: rgba(12, 161, 246, 1); padding: 1px 2px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 1); border-radius: 2px; margin-left: 8px; }
.jom-selected-list-desc .jom-selected-medicine-qty { color: rgba(4, 76, 157, 1); font-weight: 600; }
.jom-selected-list-desc .jom-selected-medicine-free { font-weight: 600; color: rgba(0, 197, 220, 1); }
.jom-selected-list-desc .jom-selected-medicine-amount { color: rgba(4, 76, 157, 1); font-weight: 600; font-size: 18px;}
.jom-selected-medicine-remove .fas { color: rgba(4, 76, 157, 0.4); transition: all ease 0.3s;}
.jom-selected-medicine-remove .fas:hover{color: rgba(221, 78, 90, 1);}
.jorder-medicine-selected-list .jom-selected-list-desc-group { min-height: 230px; overflow-x: hidden; overflow-y: overlay; padding-bottom: 50px;}
.jorder-bottom-count { display: flex; flex-wrap: wrap; align-items: center;  border-radius: 0px 0px 2px 2px; }
.jorder-bottom-count-group{display: flex; align-items: center; width: calc(100% - 180px); height: 40px;  background-color: rgba(4, 76, 157, 1);}
.jo-bottom-total-item { margin-left: auto; display: flex; align-items: center; width: 17%;}
.jorder-bottom-count p { font-size: 14px; color: #fff; font-weight:500; color:rgba(255,255,255,0.4)}
.jorder-bottom-count span { font-size: 18px; color: #fff; font-weight: 600; margin-left: 14px; }
.jo-bottom-total-qty { display: flex; align-items: center; width: 17%; }
.jo-bottom-total-amount { display: flex; align-items: center; width: 17%; }
.jo-bottom-continue-btn button{ width: 180px; background-color: rgba(12, 161, 246, 1); border: 0; font-size: 16px; color: #fff; cursor: pointer; height: 40px; display: flex; align-items: center; justify-content: center; }
.jo-bottom-continue-btn .fas { font-size: 12px; }
.jo-bottom-continue-btn button:hover{background-color: rgba(20, 169, 254, 1);}
.jom-selected-row .jom-selected-block { width: calc(100% - 15%); display: flex; align-items: center; padding-right: 0px; }
.jmedicine-head-col .mat-form-field-appearance-fill .mat-form-field-flex{background-color: transparent;}
.jmedicine-head-col .mat-form-field-appearance-fill .mat-form-field-infix{padding: 0px; border-top:0 ;}
.jmedicine-head-col .mat-form-field-underline{display: none;}
.jmedicine-head-col .mat-form-field-appearance-fill .mat-select-arrow-wrapper{transform: translateX(-10px);}
.jmedicine-head-col .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.jmedicine-head-col .mat-form-field-type-mat-select .mat-form-field-label, .jmedicine-head-col .mat-select-value-text{color: rgba(4, 76, 157, 1); font-size: 14px; font-weight: 600; text-transform: capitalize;}
.jmedicine-head-col .mat-select-arrow{color: rgba(12, 161, 246, 1); font-size: 12px;}
.jshb-status .mat-form-field-type-mat-select .mat-form-field-label, .jshb-status  .mat-select-value-text{color: rgba(17, 17, 17, 1);}
.jshb-status .mat-form-field.mat-focused.mat-primary .mat-select-arrow, .jshb-status .jmedicine-head-col  .mat-select-arrow{color:rgba(112, 112, 112, 0.4)}
.jshb-dist .mat-form-field-type-mat-select .mat-form-field-label, .jshb-dist  .mat-select-value-text{color: rgba(17, 17, 17, 1);}
/* Order Medicine Css End */
/* Checkout Css Start */
.jorder-medicine-selected-list.jorder-checkout{margin-bottom: 15px; padding: 15px 0px 0;}
.jorder-checkout .jorder-medicine-selected-title h6{font-weight: 600;}
.jorder-checkout .jorder-medicine-selected-title h6 span{color: rgba(4, 76, 157, 1);}

.jorder-medicine-selected-list.jorder-checkout .jom-selected-list-desc-group{max-height: 200px; min-height:unset; overflow-x: hidden; overflow-y: overlay; padding-bottom:40px;}
.jom-additional-charges { padding: 12px 30px; display: flex; align-items: center; justify-content: flex-end; }
.jom-additional-charges p { font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1); }
.jom-additional-charges span { font-size: 18px; font-weight: 600; color: rgba(4, 76, 157, 1); text-align: right; width:100px ;}
.jorder-checkout .jorder-bottom-count-group{width: 100%; padding: 0px 30px;}
.jorder-checkout .jorder-bottom-count span{color:#fff}
.jorder-checkout .jorder-bottom-count p{color:rgba(255,255,255,0.6)}
.jorder-checkout .jo-bottom-total-amount{justify-content: flex-end; margin-left: auto;}
.jorder-checkout .jorder-bottom-count .jo-bottom-total-amount span{width: 100px; margin-left: 0px; text-align: right; color: #fff;}
.jorder-checkout .jo-bottom-total-item{margin-left: 0px;}
.jorder-bottom-count.jorder-checkout-total-count .jorder-bottom-count-group{width: calc(100% - 180px); border-radius: 2px 0px 0px 2px; padding: 0px 20px;}
.jorder-bottom-count.jorder-checkout-total-count .jo-bottom-continue-btn button{border-radius: 0px 2px 2px 0px;}
.jorder-checkout-total-count .jo-bottom-total-item{margin-left: 0px;}
.jorder-checkout-total-count .jo-bottom-total-amount{width: 30%; margin-left: auto; justify-content: flex-end;}
/* Checkout Css End */
/* Online Purchase Css Start */
.jonline-purchase-row { display: flex; flex-wrap: wrap; align-items: center; padding: 8px 20px; border-bottom: 1px solid rgba(4, 76, 157, 0.2); }
.jonline-purchase-row .jo-purchase-order-no { width: 12%;     text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jonline-purchase-row .jo-purchase-ref-no{width: 8%;}
.jonline-purchase-row .jo-purchase-order-date { width: 13%; }
.jonline-purchase-row .jo-purchase-order-status { width: 11%; }
.jonline-purchase-row .jo-purchase-order-distributor { width: 19%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jonline-purchase-row .jo-purchase-order-amount { width: 11%; text-align: right; padding-right: 0px;}
.jonline-purchase-row.jonline-purchase-head > div { font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 0.6); }
.jonline-purchase-row.jonline-purchase-desc > div { font-size: 14px; color: rgba(17, 17, 17, 1); padding-right: 20px;}
.jonline-purchase-row.jonline-purchase-desc .jo-purchase-order-no { color: rgba(4, 76, 157, 1); font-weight: 600; text-transform: uppercase;}
.jonline-purchase-row.jonline-purchase-desc .jo-purchase-order-amount { color: rgba(4, 76, 157, 1); font-weight: 600; }
.jonline-purchase-desc{position: relative; transition: all ease 0.5s;}
.jonline-purchase-desc:hover{background-color: rgba(12, 161, 246, 1); cursor: pointer;}
.jonline-purchase-desc:hover div{color: #fff !important;}
.jonline-purchase-desc:hover:after {content: "\f054";position: absolute;top: 13px;right: 20px;font-family: 'Font Awesome 5 Free';font-weight: 600;font-size: 14px;color: #fff;}
.jonline-purchase-row.jonline-purchase-desc .jo-purchase-order-status { font-size: 12px; }
.jo-purchase-order-status p { width: 90px; padding: 5px 0px; font-size: 14px; text-align: center; border-radius: 2px;}
.jo-purchase-order-status.jop-pending p{background-color:rgba(255, 184, 34, 1) ; color: #fff;}
.jo-purchase-order-status.jop-assigned p{background-color:rgba(255, 184, 34, 1) ; color: #fff;}
.jo-purchase-order-status.jop-accepted p{background-color:rgba(0, 197, 220, 1) ; color: #fff;}
.jo-purchase-order-status.jop-shipped p{background-color:rgba(108, 107, 204, 1) ; color: #fff;}
.jo-purchase-order-status.jop-delivered p{background-color:rgba(12, 161, 246, 1) ; color: #fff;}
.jo-purchase-order-status.jop-completed p{background-color:rgba(4, 76, 157, 1) ; color: #fff;}
.jo-purchase-order-status.jop-cancelled p{background-color:rgba(221, 78, 90, 1) ; color: #fff;}
.jonline-purchase-desc-group{height: calc(100vh - 281px); overflow-x: hidden; overflow-y: overlay;}
/* Online Purchase Css End */
/* Customers Css Start */
.jcustomers-list .jsales-order-list-head{padding-top: 20px;}
.jcustomer-list-row { display: flex; align-items: center; padding: 7px 20px; border-bottom: 1px solid rgba(4, 76, 157, 0.2); }
.jcustomers-list .jsales-order-list-head-group > div:last-child{padding-top: 12px;}
.jcustomers-list .jorder-medicine-selected-title h6{font-size: 14px;}
.jcustomers-list .jorder-due-btn span.mat-checkbox-label{color: rgba(12, 161, 246, 1);}
.jcustomers-list .jorder-due-btn .mat-checkbox-frame{background-color: rgba(12, 161, 246, 0.2);}
.jcustomers-list .jorder-due-btn .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jcustomers-list .jorder-due-btn .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{ background-color:  rgba(12, 161, 246, 1); }
.jcustomer-list-head.jcustomer-list-row { padding-top: 15px; }
.jcustomer-list-desc-group { height: auto;}
.jcustomers-list .jorder-due-btn.active path.mat-checkbox-checkmark-path{stroke:rgba(12, 161, 246, 1) !important;}
.jcustomers-list .jorder-due-btn.active .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color: #fff;}
.jcustomers-list .jorder-due-btn.active{background-color:  rgba(12, 161, 246, 1);}
.jcustomers-list .jorder-due-btn.active span.mat-checkbox-label{color: #fff;}
.jsales-order-list-head-group .jcustomer-list-row:first-child{border-bottom: 0;}
.jcustomer-list-row .jc-list-customer-name { width: 28%; margin-right: 20px;}
.jcustomer-list-row .jc-list-mobile-no { width: 18%; }
.jcustomer-list-row .jc-list-total-ordres { width: 14%; text-align: right; }
.jcustomer-list-row .jc-list-total-amount { width: 20%; text-align: right; }
.jcustomer-list-row .jc-list-total-due { width: 20%; text-align: right; }
.jcustomer-list-head > div { font-size: 14px; font-weight:600; color: rgba(4, 76, 157, 1); }
.jcustomer-list-row > div{padding-right: 10px;}
.jcustomer-list-desc > div { font-size: 14px; color: rgba(17, 17, 17, 1); font-weight:500;}
.jcustomer-list-desc > div:last-child{padding-right: 0px;}
.jcustomer-list-desc .customer-name {text-transform: capitalize;}
.jcustomer-list-desc:hover{background-color: rgba(12, 161, 246, 1); cursor: pointer;}
.jcustomer-list-desc .jc-list-total-amount { color: rgba(4, 76, 157, 1); font-weight: 600; }
.jcustomer-list-desc .jc-list-total-due { color: rgba(221, 78, 90, 1); font-weight: 600; }
.jc-list-customer-name span { background-color: rgba(12, 161, 246, 1); border-radius: 50%; font-size: 12px; color: #fff; display: inline-block; align-items: center; justify-content: center; width: 20px; height: 20px; text-align: center; margin-left: 10px; line-height: 20px; }
.jc-list-customer-name.jorder-search .fas {right: 20px; top: 10px;}
.jcustomers-view-list .mat-tab-label .mat-tab-label-content,.payment-transaction .mat-tab-label .mat-tab-label-content{color: rgba(102, 102, 102, 1); font-size: 16px; font-weight: 500;   line-height: 19px;}
.jcustomers-view-list .mat-tab-group.mat-primary .mat-ink-bar, .payment-transaction .mat-tab-group.mat-primary .mat-ink-bar{background-color: rgba(12, 161, 246, 1);}
.jcustomers-view-list .mat-tab-label.mat-tab-label-active .mat-tab-label-content, .payment-transaction .mat-tab-label.mat-tab-label-active .mat-tab-label-content{color: rgba(12, 161, 246, 1);}
.jbottomsheet-content .jform-field .mat-form-field-label, .jbottomsheet-content .jform-field .mat-form-field.mat-focused .mat-form-field-label{ font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500;}
.sales-bifurcation .jcustomers-view-list .mat-tab-label .mat-tab-label-content { font-size: 14px; font-weight: 600; }
.jbottomsheet-content .jform-field .mat-form-field{width: 100%;}
.jbottomsheet-content .jform-field .mat-form-field.mat-focused .mat-form-field-ripple{background-color: rgba(4, 76, 157, 0.4);}
.jbottomsheet-content .jform-field:first-child .mat-input-element{font-size: 26px;font-weight:500; color: rgba(17, 17, 17, 1);}
.jbottomsheet-content .jform-field .mat-input-element{font-size:16px; color:rgba(17, 17, 17, 1); font-weight:500}
.jbottomsheet .jform-field .mat-datepicker-toggle{top: -20px; right: -41px;}
.jcustomer-receipt .jbottomsheet-content-block{align-items: flex-end; margin-bottom: 0px;}
.jcustomer-receipt .jcustomer-payment{width: 100%; font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1); padding-bottom: 6px;}
.jcustomer-receipt .mat-radio-group,.jcustomer-receipt .mat-form-field{width: 100%;}
.jcustomer-receipt .mat-radio-button{width: 22%; margin-right: 4%; margin-bottom: 20px; border: 1px solid rgba(17, 17, 17, 0.2); height: 40px; border-radius: 2px;}
.jcustomer-receipt .mat-radio-button .mat-radio-label{padding: 9px 10px;}
.request-with-gtin-modal .jcustomer-receipt .mat-radio-button .mat-radio-label{padding: 9px 10px; display: flex; align-items: center; justify-content: center; }
.request-with-gtin-modal .jcustomer-receipt .mat-radio-container{order: 1; margin-left: 0px !important; margin-right: 10px;}
.jcustomer-receipt .mat-radio-button.mat-radio-checked{background-color: rgba(12, 161, 246, 1);}
.jcustomer-receipt .mat-radio-button:last-child{margin-right: 0px;}
.jcustomer-receipt .mat-radio-container{order: 2; margin-left: auto;}
.jcustomer-receipt .jbottomsheet-htitle h6{font-size: 24px; color:#fff;}
.jcustomer-receipt .mat-radio-button.mat-radio-checked .mat-radio-label-content{color: #fff;}
.jcustomer-receipt .mat-radio-button.mat-radio-checked img{filter: brightness(0) invert(1);}
.jcustomer-receipt  .mat-radio-label-content{ order: 1; padding-left: 0; font-size: 14px; color: rgba(17, 17, 17, 1); font-weight:500;}
.request-with-gtin-modal .jcustomer-receipt  .mat-radio-label-content{font-size: 16px; color:rgba(4, 76, 157, 1); font-weight: 600;}
.jcustomer-receipt .mat-radio-outer-circle{background-color: rgba(12, 161, 246, 0.2); border: 0;}
.jcustomer-receipt .mat-radio-button img { max-width: 18px; margin-right: 5px; }
.jcustomer-receipt .jbottomsheet-content-block .mat-form-field-flex{background-color: transparent; padding: 0px;}
.jcustomer-receipt .jbottomsheet-content-block .mat-form-field-label{font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1); padding-bottom: 6px;}
.jcustomer-receipt .jbottomsheet-content-block .mat-input-element{font-size: 16px; color: rgba(17, 17, 17, 1); line-height: 19px; font-weight:500;}
.jcustomer-receipt .jbottomsheet-content-block  .mat-radio-inner-circle:before {content: "\f058";font-weight: 600;font-family: 'Font Awesome 5 Free';font-size: 28px;top: -6px;position: relative;color: #fff;}
.jcustomer-receipt .mat-radio-button.mat-accent .mat-radio-inner-circle{background-color: transparent;}
.jcustomer-receipt .jbottomsheet-content-block textarea.mat-input-element{height: 25px;}
.jaccount-bottomsheet .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle:after, .request-with-gtin-modal .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle:after{ left: 5px; top: 2px; width: 3px; height: 7px; border: solid rgba(12, 161, 246, 1); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; content: ""; } 
.jaccount-bottomsheet .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle,.request-with-gtin-modal .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border:1px solid rgba(17, 17, 17, 0); background-color: #fff;} 
.jaccount-bottomsheet .jcustomer-receipt .mat-radio-outer-circle,.request-with-gtin-modal .jcustomer-receipt .mat-radio-outer-circle{border:1px solid rgba(17, 17, 17, 0.2); height:16px; width:16px; background-color:transparent}
.jaccount-bottomsheet .jcustomer-receipt .mat-radio-container,.request-with-gtin-modal .jcustomer-receipt .mat-radio-container{margin-left: auto; height: 16px; width: 16px;}
.jaccount-bottomsheet  .jcustomer-receipt .mat-radio-group{display: flex; align-items: center; flex-wrap: wrap; margin-top:8px}
.jaccount-bottomsheet .jcustomer-receipt .mat-radio-button{margin-bottom: 20px; height: 36px; display: flex; align-items: center; width: 130px;}
.jaccount-bottomsheet .jcustomer-receipt:first-child .mat-radio-button:nth-last-child(-n + 2) { margin-bottom: 0px; }
.jaccount-bottomsheet label.date-range-picker-icon.fa.fa-calendar{position: absolute; right: 0px; top: 24px; width: auto !important; color: rgba(4, 76, 157, 0.4); cursor: pointer;}
.jwithdrawl-button .mat-radio-label-content { color: rgba(221, 78, 90, 1); }
.jshorbook-block .jsearch-medicine .mat-form-field-appearance-legacy .mat-form-field-label { padding: 2px 10px; }
/* Customers Css End */
/* Customer View Css Start */
.customer-head-details { display: flex; align-items: center; margin-left: 15px; padding-left: 15px; border-left: 1px solid rgba(17, 17, 17, 0.2); }
.customer-head-details p { font-size: 16px; color: rgba(4, 76, 157, 1); font-weight:500; }
.lt-header .title .customer-head-details span { font-size: 14px; color: rgba(12, 161, 246, 1); font-weight:500; margin-left: 8px; }
.lt-header .title .customer-head-details span .fas{color: rgba(12, 161, 246, 1);}
.lt-header .title .title-text .fa-link { background-color: rgba(12, 161, 246, 1); font-size: 10px; padding-right: 0px; width: 18px; height: 18px; line-height: 19px; text-align: center; border-radius: 50%; color: #fff; }
.jcustomer-view-block { display: flex; align-items: center; padding: 7px 30px; border-bottom: 1px solid rgba(4, 76, 157, 0.2); }
.jcustomer-view-desc-group { height: calc(100vh - 326px); overflow-x: hidden; overflow-y: overlay; }
.jcustomer-view-block .jcv-medicine { width: 25%; }
.jcustomer-view-block .jcv-pack { width: 15%; }
.jcustomer-view-block .jcv-bought { width: 20%; }
.jcustomer-view-head > div { font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1); }
.jcustomer-view-desc > div { font-size: 14px; font-weight:500; color:rgba(17, 17, 17, 1); }
.jcustomer-view-desc .jcv-medicine { font-weight: 600; }
.jcustomer-view-desc .jcv-bought { color: rgba(4, 76, 157, 1); font-weight: 600; }
/* Customer View Css End */
/* Offer Css Start */
.jlanding-page .joffer.header { min-height: auto; padding: 20px 0px; }
.joffer-inner{margin-top: 30px; display: flex; flex-wrap: wrap;}
.joffer .joffer-title h6 { font-size: 18px; font-weight: 600; color: #044C9D; }
.joffer .joffer-title h6 a{color: #0CA1F6;}
.joffer .joffer-title h6 .fas{font-size: 14px;}
.joffer .joffer-left { width: 65%; }
.joffer-left .joffer-head-img img { max-width: 100%; border-radius: 5px; width: 100%; }
.joffer-left .joffer-head-img { padding-bottom: 30px; }
.joffer-left .joffer-content h6 { font-size: 18px; color: #0A294D; padding-bottom: 10px; }
.joffer-left .joffer-content p { font-size: 14px; color: #0A294D; line-height: 24px; }
.joffer-content { padding-bottom: 30px; }
.joffer-block-content { display: flex; align-items: center; margin-bottom: 5px; }
.joffer-block-content .blue-clr { padding: 12px 30px; height: 48px; display: flex; align-items: center;}
.joffer-block-content.joffer-block-content-head .blue-clr{background-color: rgba(12, 161, 246,0.8); color: #fff; font-weight: 600;}
.joffer-block-content.joffer-block-content-head .job-content-item p{color: #fff; font-weight: 600;}
.joffer-block-content.joffer-block-content-head .job-content-item span{color: #fff;}
.joffer-block-content:nth-child(2) .blue-clr { background-color: rgba(12, 161, 246,0.4);}
.joffer-block-content:nth-child(3) .blue-clr{background-color: rgba(12, 161, 246,0.3);}
.joffer-block-content:nth-child(4) .blue-clr{background-color: rgba(12, 161, 246,0.2);}
.joffer-block-content:nth-child(5) .blue-clr{background-color: rgba(12, 161, 246,0.1);}
.joffer-block-content:nth-child(6) .blue-clr{background-color: rgba(12, 161, 246,0.05);}
.joffer-block-content .job-content-item { width: calc(100% - 175px); font-size: 16px; color: #044C9D; font-weight:500; }
.joffer-block-content .job-content-item p{font-size: 16px; color: #044C9D; font-weight:500;}
.joffer-block-content .job-content-qty { margin-left: auto; width: 170px; text-align: right; font-size: 16px; color: #044C9D; font-weight:500; justify-content: flex-end;}
.joffer-block-content .job-content-item span { font-size: 18px; color: #044C9D; width: 180px; display: inline-block; font-weight: 600; margin-right: 22px; padding-right: 22px; border-right: 2px solid rgba(4, 76, 157,0.2); }
.joffer-block-content .blue-clr.job-content-qty{padding-right: 20px;}
.joffer-term-and-condition h6 {font-size: 18px;color: #0A294D;padding-bottom: 10px; cursor: pointer;}
.joffer-term-and-condition h6 .fas{font-size: 14px;}
.joffer-left ul li { position: relative; list-style-type: none; padding-left: 38px; color: rgba(10, 41, 77, 1); font-size: 14px; margin-bottom: 15px; font-weight:500; line-height: 20px; }
.joffer-left ul li:before { content: "\f138"; position: absolute;  left: 0; font-size: 16px; font-weight: 600; line-height: 20px; font-family: 'Font Awesome 5 Free' !important; color: rgba(12, 161, 246, 1); }
.joffer-left ul li span { color: rgba(10, 41, 77, 0.6); font-size: 12px; display: block; }
.joffer-term-and-condition ul { overflow-y: auto; visibility: hidden; opacity: 0; max-height: 0px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.joffer-term-and-condition ul.jopenterms{visibility: visible; opacity: 1; max-height: 100%;}
.joffer-content p a{font-size: 16px ; color: #044C9D; font-weight: 600;}
.joffer-left li ul li:before, .joffer-term-and-condition li ul li:before{content: "\f054"; font-size: 12px;}
.joffer-left li ul, .joffer-term-and-condition li ul{padding-top: 20px;}
.joffer-left li ul li, .joffer-term-and-condition li ul li{padding-left: 20px;}
.joffer-left ul li a{font-size: 16px; color: #044C9D; font-weight: 600;}
/* Offer Css End */
.pick-up .order-medicine-list .ml-right.ml-add-batches .ml-mrp { width: 15%; }
.pick-up .order-medicine-list .ml-right.ml-add-batches .ml-discount { width: 25%; }
.pick-up .order-medicine-list .ml-right.ml-add-batches .ml-batch { width: 29%; text-align: left; position: relative;}
.pick-up .om-desc.order-medicine-list .ml-right.ml-add-batches .ml-batch input{background-color: rgba(12, 161, 246, 0.1); color: #044C9D; border-radius: 4px; padding: 10px 20px; font-size: 14px; font-weight: bold; border: 0px; width: 100%;}
.pick-up .order-medicine-list .ml-right.ml-add-batches .ml-qty{width: 6%;}
.pick-up .order-medicine-list .ml-right.ml-add-batches .ml-amount{width: 25%;}
.pick-up .om-desc.order-medicine-list .ml-right.ml-add-batches .ml-mrp label{background-color: transparent; padding: 0px; color: #0CA1F6;}
.om-desc.order-medicine-list .ml-right.ml-add-batches .ml-mrp:after{content: "";}
.om-desc.order-medicine-list .ml-right.ml-add-batches .ml-batch:after{content: "\f0d7"; font-weight: 600; font-family: "Font Awesome 5 Free"; color: #0CA1F6; position: absolute; top: 8px; right: 23px; font-size: 16px; display: none;}
.pick-up .order-details-container .order-medicine-list .ml-add-batches .discount-box{width: 20% ; margin: 0px auto; margin-left: 0px;}
.pick-up .order-details-container .order-medicine-list .ml-add-batches .discount-box span.minus{left: 17px;}
.pick-up .order-details-container .order-medicine-list .ml-add-batches .discount-box span.plus{right: 17px;}
.pick-up .order-medicine-list .ml-right .ml-batch-group { position: absolute; width: 100%; border-radius: 2px; top: 50px; left: 0; z-index: 9; max-height: 250px; overflow: auto; max-width: 400px; background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); }
.ml-batch-block { display: flex; align-items: center; border-bottom: 1px solid rgba(4, 76, 157, 0.1); padding: 10px 10px; }
.ml-batch-block .ml-batch-name { width: 30%; text-align: left;}
.ml-batch-block .ml-batch-name p{padding: 0px;}
.ml-batch-block .ml-batch-name p.ml-expiry{font-size: 12px; color: rgba(17, 17, 17, 0.4);}
.ml-batch-block .ml-med-mrp { width: 25%; text-align: right;}
.ml-batch-block .ml-med-stock { width: 20%; text-align: right;}
.ml-batch-block .ml-med-margin { width: 25%; text-align: right;}
.ml-batch-head > div { font-size: 12px; color: rgba(17, 17, 17, 0.4); padding-right: 10px; font-weight: 600; }
.ml-batch-desc{border-left:1px solid transparent ;}
.ml-batch-desc > div { font-size: 14px; padding-right: 10px; }
.ml-batch-desc .ml-batch-name { color: rgba(17,17,17,1); font-weight: 600; }
.ml-batch-desc .ml-med-expiry { color: rgba(17,17,17,1); }
.ml-batch-desc .ml-med-stock { color: rgba(4,76,157,1); font-weight: 600;}
.ml-batch-desc .ml-med-mrp { color: rgba(12,161,246,1); font-weight: 600; }
.ml-batch-desc .ml-med-margin { color: rgba(0, 197, 220, 1); font-weight: 600; }
.ml-batch-desc:hover, .ml-batch-desc.ml-batch-desc-active {background-color: rgba(4, 76, 157, 0.05);cursor: pointer;border-left: 1px solid rgba(12, 161, 246, 1);}
.pick-up .order-medicine-list .ml-right.ml-add-batches > div{text-align: left;padding-right: 10px; }
/* Offer Leaderboard css start */
.joffer .joffer-right { width: 32%; margin-left: 3%; box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08); border-radius: 2px; background-color: #fff; padding: 25px 0px; }
.joffer-right .joffer-leaderboard-head { display: flex; align-items: center; flex-wrap: wrap; padding: 0px 30px}
.joffer-right .jol-head-right { margin-left: auto; }
.joffer-right .jol-head-left h6 { font-size: 18px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.joffer-right .jol-head-left span { font-size: 14px; color: rgba(12, 161, 246, 1); font-weight:500; }
.jol-head-right button { background-color: rgba(12, 161, 246, 1); border: 0; border-radius: 2px; height: 40px; display: flex; align-items: center; padding: 0px 12px; min-width: 128px; }
.jol-head-right button:hover{ background-color: rgba(28, 176, 262, 1);}
.jol-head-right button { font-size: 18px; color: rgba(255, 255, 255, 1); font-weight:500; }
.jol-head-right button p { margin-right: auto; }
.jol-head-right button .fas { font-size: 10px; position: relative; top: -2px; }
.joffer-right .jol-date-active { padding: 16px 30px 12px;  border-bottom: 1px solid rgba(4, 76, 157, 0.2);}
.jol-date-active .jol-head-left p.jdate { color: rgba(4, 76, 157, 1); }
.jol-date-active .jol-head-left p { font-size: 14px; color: rgba(12, 161, 246, 1); font-weight: 600; padding: 0px; }
.jol-date-active .jol-head-right p { font-size: 14px; color: rgba(12, 161, 246, 1); font-weight: 600; }
.joffer-right .jol-chemist-list { display: flex; flex-wrap: wrap;  }
.jol-chemist-list.active{background-color: rgba(12, 161, 246, 0.2);}
.jol-chemist-list .jol-chemist-img { width: 50px; }
.jol-chemist-list .jol-chemist-img img { width: 32px; height: 32px; border-radius: 50%; }
.jol-chemist-list .jol-chemist-details{width: calc(100% - 140px);}
.jol-chemist-list .jol-chemist-refer-count { margin-left: auto; width: 90px; text-align: right;}
.jol-chemist-list .jol-chemist-refer-count h4 { font-size: 24px; color: rgba(12, 161, 246, 1); font-weight: 600; padding-left: 15px; }
.jol-chemist-list .jol-chemist-details p { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight: 600; padding: 0px; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jol-chemist-list .jol-chemist-details span { color: rgba(17, 17, 17, 1); font-size: 14px; font-weight:500; }
.joffer-right .jol-chemist-list { padding: 10px 30px; }
.jol-no-chemist-list .fas { font-size: 70px; color: rgba(4, 76, 157, 0.4); }
.jol-no-chemist-list { text-align: center; min-height: 50vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.jol-no-chemist-list p { font-size: 16px; color: rgba(4, 76, 157, 1); font-weight: 600; padding-top: 15px; }
.joffers-rewards-link{display: none;}
/* Offer Css End */
/* Offer State Css Start */
.joffer-state .joffer-patient-list-block { display: flex; align-items: center; flex-wrap: wrap; }
.joffer-patient-list-block .jop-list-name { width: 50%; padding-left: 31px;}
.joffer-patient-list-block .jop-list-no { width: 25%; }
.joffer-patient-list-block .jop-list-date { width: 25%; text-align: right; }
.joffer-state .joffer-left { padding-right: 50px; }
.joffer-state .joffer-patient-list-head { padding-bottom: 6px; border-bottom: 1px solid rgba(4, 76, 157, 0.2); margin-bottom: 18px; }
.joffer-state .joffer-patient-list-head > div { font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 0.4); }
.joffer-state .joffer-patient-list-desc { padding-bottom: 20px; }
.joffer-state .joffer-patient-list-desc > div { font-size: 14px; font-weight:500; }
.joffer-patient-list-desc .jop-list-name {color: rgba(102, 102, 102, 1); font-weight: 600; }
.joffer-patient-list-desc .jop-list-name .fas { margin-right: 17px; display: none;}
.joffer-patient-list-desc .jop-list-no { color: rgba(51, 51, 51, 1); }
.joffer-patient-list-desc .jop-list-date { color: rgba(102, 102, 102, 1); }
.joffer-patient-list-desc .jop-refer-earn.jop-list-name{color: rgba(12, 161, 246, 1);}
.joffer-patient-list-desc .jop-refer-earn .fas{display: inline-block;}
.joffer-patient-list-block.joffer-patient-list-desc .jop-refer-earn.jop-list-name{padding-left: 0px;}
.joffer.joffer-state  .joffer-right { background-color: rgba(12, 161, 246, 0.1); box-shadow: unset; }
.josr-date-time h4 { font-size: 24px; font-weight: 600; color: rgba(12, 161, 246, 1); }
.josr-date-time p { font-size: 16px; color: rgba(4, 76, 157, 1); font-weight: 600; padding: 0px; }
.josr-date-time { margin-bottom: 20px; }
.joffer-right .jos-referral { display: flex; flex-wrap: wrap; padding-bottom: 22px; }
.joffer-right .jos-referral > div { width: 50%; }
.jos-referral .jos-active-referral p { font-size: 14px; color: rgba(12, 161, 246, 1); font-weight:500; padding: 0px; }
.jos-referral .jos-total-referral p { padding: 0px; font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; }
.jos-referral .jos-active-referral h3 { font-size: 32px; color: rgba(12, 161, 246, 1); font-weight: 600; }
.jos-referral .jos-total-referral h3 { font-size: 32px; font-weight: 600; color: rgba(4, 76, 157, 1); }
.jos-referral-note p { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; }
.jos-referral-note p span {font-weight: 600;color: rgba(12, 161, 246, 1);}
.joffer-state-refer-head { border-bottom: 3px solid rgba(4, 76, 157, 0.1); padding: 30px 30px; }
.joffer-state .joffer-right { padding: 0px; }
.joffer-right .joffer-refer-by-social { padding: 32px 30px; }
.joffer-referral-code p { font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1); padding: 0; }
.joffer-referral-link p { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; }
.joffer-referral-code { padding-bottom: 10px; }
.joffer-referral-link { padding-bottom: 18px; }
.joffer-referral-code h3 { font-size: 32px; font-weight: 600; color: rgba(12, 161, 246, 1); }
.joffer-referral-link h6 a { font-size: 16px; font-weight:500; color: rgba(12, 161, 246, 1); }
.joffer-social-icon { display: flex; align-items: center; flex-wrap: wrap; }
.joffer-social-icon > div { margin-right: 12px;  }
.joffer-social-icon > div a{ width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.joffer-social-icon > div:last-child { margin-right: 0px; }
.joffer-social-icon > div .fab { font-size: 20px; color: #fff; }
.joffer-social-icon .joffer-facebook a{ background-color: rgba(66, 103, 178, 1); }
.joffer-social-icon .joffer-twitter a{ background-color: rgba(29, 161, 242, 1); }
.joffer-social-icon .joffer-whatsapp a{ background-color: rgba(18, 140, 126, 1); }
.joffer-leaderboard-btn .jol-btn-title { background-color: rgba(12, 161, 246, 1); padding: 17px 20px; display: flex; align-items: center; }
.joffer-leaderboard-btn .jol-btn-title p { margin-left: auto; font-size: 14px; color: #fff; font-weight:500; }
.joffer-leaderboard-btn .jol-btn-title h6 { font-size: 18px; color: #fff; font-weight: 600; }
.joffer-leaderboard-btn .jol-btn-title h6 .fas{font-size: 10px; position: relative; top: -1px;}
.joffer-leaderboard-btn { position: fixed; top: auto; bottom: 0; width: 100%; left: 0; display: none; z-index: 9;}
 /* Offer State Css End */
/* Online purchase view css start */
.jsales-order .lt-header .right .jop-btn { background-color: rgba(4, 76, 157, 0.1); border: 0; transition: all ease 0.3s; padding: 0px 15px; font-size: 14px; font-weight:600; color: rgba(4, 76, 157, 1); height: 30px; display: flex; align-items: center; justify-content: center; margin-right: 20px; }
.jsales-order .lt-header .right .jop-btn:hover{ background-color: rgba(4, 76, 157, 0.2); cursor: pointer;}
.jsales-order .lt-header .right .jop-btn:last-child{margin-right: 0px;}
.lt-header .right .jop-btn .mat-checkbox-frame{background-color: #fff;}
.lt-header .right .jop-btn .mat-checkbox-inner-container{order: 2;}
.jsales-order .lt-header .right .jop-btn.jop-hide{max-width: 0; opacity: 0; display: none; visibility: hidden; transition: all ease 0.3s;}
.jsales-order .lt-header .right .jop-btn{max-width: unset; opacity: 1; visibility: visible; }
.jsales-order .lt-header .right .jorder-payment.jop-btn{margin-right: 0px; margin-left: 30px;}
.jsales-order .lt-header .right .jorder-payment p{font-size: 16px; color: rgba(4, 76, 157, 1); font-weight: 600;}
.jsales-order .lt-header .right .jorder-payment p .fas{color:rgba(12, 161, 246, 1);}
.jso-after-search.jop-status h6{font-size: 12px; color: #fff; font-weight: 600;}
.jop-status h6{border-radius: 2px; padding: 5px 18px;}
.jop-status h6.jop-shipped{background-color: rgba(108, 107, 204, 1); line-height: unset !important;}
.jop-status h6.jop-pending{background-color: rgba(255, 184, 34, 1); line-height: unset !important;}
.jop-status h6.jop-accepted{background-color: rgba(0, 197, 220, 1);line-height: unset !important;}
.jop-status h6.jop-delivered{background-color: rgba(12, 161, 246, 1);line-height: unset !important;}
.jop-status h6.jop-completed{background-color: rgba(4, 76, 157, 1);line-height: unset !important;}
.jop-status h6.jop-canceled{background-color: rgba(221, 78, 90, 1);line-height: unset !important;}
.jpurchase-order-details .jonline-purchase-view .jsp-left-inner-ord-no{width: 100%;}
.jno-dist-found.jmedicine-head-col { border: 0; width: 38%; }
.jno-dist-found p{font-size: 14px; font-weight:500; color: rgba(221, 78, 90, 1);}
.jno-import-data-btn .jdetermonate.mat-progress-bar .mat-progress-bar-fill::after{background-color: rgba(12, 161, 246, 1);}
.jno-import-data-btn .jdetermonate .mat-progress-bar-buffer{background-color: rgba(12, 161, 246, 0.2);}
.jno-import-data-btn .jdetermonate .mat-progress-bar-background{fill:transparent;}
.jnew-sales-order-detail .jso-form-field-group, .jpurchase-patient-details .jso-form-field-group{margin-top: 4px;}
.jbrowse-bill-btn input{position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; opacity: 0; -webkit-appearance: none; z-index: 5; cursor: pointer; width: 100%;}
.jbrowse-bill { display: flex; max-width: 500px; margin: 0 auto; text-align: center; align-items: center; justify-content: center; flex-direction: column; height: 300px; }
.jbrowse-bill-btn { position: relative; width: 100%;display: flex; align-items: center; justify-content: center;}
.jbrowse-bill-icon .fas { font-size: 24px; color: #0CA1F6; transform: rotate(-45deg); margin-bottom: 15px; }
.jbrowse-bill-text p { font-size: 14px; color: #999999; font-weight:500; margin-bottom: 16px; }
.jbrowse-bill-btn button { background-color: rgba(12, 161, 246, 1); border: 0; height: 40px; border-radius: 2px; padding: 13px 26px; font-size: 14px; color: #fff; font-weight:500; }
.jbrowse-bill-btn .error { top: 45px; left: 0; right: 0; }
.jso-item-search-suggestion-box.mat-option:focus:not(.mat-option-disabled), .jso-item-search-suggestion-box.mat-option:hover:not(.mat-option-disabled),.jso-item-search-suggestion-box.mat-option.mat-active, .jdistributor-select.mat-option.mat-active, .mat-option.mat-active{background-color: rgba(12, 161, 246, 1) !important; color:#fff !important}
.jso-expired-item .jso-item-search-suggestion-box.mat-option:focus:not(.mat-option-disabled), .jso-expired-item .jso-item-search-suggestion-box.mat-option:hover:not(.mat-option-disabled),.jso-expired-item .jso-item-search-suggestion-box.mat-option.mat-active, .jso-expired-item .mat-option.mat-active,.jso-expired-item .mat-option{background-color: #dd4e5a4f !important; }
.jso-expired-item .mat-option p{color: #fff !important}
.jso-item-search-suggestion-box.mat-option:focus:not(.mat-option-disabled) p, .jso-item-search-suggestion-box.mat-option:hover:not(.mat-option-disabled) p, .jso-item-search-suggestion-box.mat-option.mat-active p, .jso-item-search-suggestion-box.mat-option.mat-active .fas, .jso-item-search-suggestion-box.mat-option:hover .fas{color: #fff !important;}
.mat-option.mat-active.jrequest-medicine-option{background-color: transparent !important;}
.jso-item-search-suggestion-box.mat-option:focus:not(.mat-option-disabled) div, .jso-item-search-suggestion-box.mat-option:hover:not(.mat-option-disabled) div, .jso-item-search-suggestion-box.mat-option.mat-active div, .jso-item-search-suggestion-box.mat-active{color: #fff !important;}
.jso-patient-found-group.mat-option:focus:not(.mat-option-disabled), .jso-patient-found-group.mat-option:hover:not(.mat-option-disabled), .jso-patient-found-group.mat-option.mat-active{background-color: rgba(12, 161, 246, 1);}
.jso-patient-found-group.mat-option:focus:not(.mat-option-disabled) p, .jso-patient-found-group.mat-option:hover:not(.mat-option-disabled) p, .jso-patient-found-group.mat-option.mat-active p{color: #fff;}
.marketplace-filter-search-result-group .jso-patient-found-group.mat-option:focus:not(.mat-option-disabled), .marketplace-filter-search-result-group .jso-patient-found-group.mat-option:hover:not(.mat-option-disabled),.marketplace-filter-search-result-group .jso-patient-found-group.mat-option.mat-active{background-color: transparent !important;}
.marketplace-filter-search-result-group .jso-patient-found-group.mat-option:focus:not(.mat-option-disabled) p, .marketplace-filter-search-result-group .jso-patient-found-group.mat-option:hover:not(.mat-option-disabled) p, .marketplace-filter-search-result-group .jso-patient-found-group.mat-option.mat-active p{color: rgba(17, 17, 17, 1) !important;}
.marketplace-filter-search-result-group .jso-patient-found-group.mat-option:focus:not(.mat-option-disabled) h6,.marketplace-filter-search-result-group .jso-patient-found-group.mat-option:hover:not(.mat-option-disabled) h6,.marketplace-filter-search-result-group .jso-patient-found-group.mat-option.mat-active h6{color: rgba(17, 17, 17, 1) !important;}
.jso-patient-found-group.mat-option:focus:not(.mat-option-disabled) h6, .jso-patient-found-group.mat-option:hover:not(.mat-option-disabled) h6, .jso-patient-found-group.mat-option.mat-active h6{color: #fff;}
.jsales-order .lt-header .left button.pending-tag-btn { background-color: rgba(255, 184, 34, 1); transition: all ease 0.3s; margin-left: 20px; border: 0; padding: 6px 13px; border-radius: 2px; height: 32px; color: #fff; font-size: 14px; font-weight: 600; }
.jsales-order .lt-header .left button.pending-tag-btn:hover{background-color: rgba(263, 172, 42, 1);}
.jpending-tag-inner { position: absolute; z-index: 9; max-height: 400px; overflow: auto; top: 37px; left: 20px; background-color: #fff; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16); width: 360px; }
.jpending-tag-popup { position: relative; }
.jpending-tag-block { display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(4, 76, 157, 0.4); align-items: center; padding: 10px 20px; transition: all ease 0.3s; }
.jpending-tag-block:last-child{border-bottom: 0}
.jpending-tag-block p { font-size: 14px; font-weight: 600; color: rgba(4, 76, 157, 1); }
.jpending-tag-block .fas { margin-left: auto; font-size: 14px; color: rgba(4, 76, 157, 0.4);  transition: all ease 0.3s;}
.jpending-tag-block:hover { background-color: rgba(12, 161, 246, 1); cursor: pointer; }
.jpending-tag-block:hover p, .jpending-tag-block:hover .fas { color: #fff; }
.jpending-tag-block .fas:hover{color: rgba(221, 78, 90, 1);}
.btn-loader { font-size: 24px; color: #fff; padding: 10px; background: rgba(4, 76, 157, 1); border-radius: 40px; display: none; margin-right: 20px; }
.timeline_scroll_loader{text-align: center; padding: 40px 0px; height: calc(100vh - 72px); display: flex; align-items: center; justify-content: center;}
.timeline_scroll_loader p.fa{font-size: 30px; color: rgba(4, 76, 157, 1);}
.mat-autocomplete-panel .jso-purchase-group { width: 100%; display: flex; align-items: center; padding-right: 0px; }
.mat-autocomplete-panel .jso-purchase-group .jso-purchase-pack { margin-left: auto; padding-right: 0px; }
.mat-autocomplete-panel .jso-item-name{ width: 100% !important;}
.mat-autocomplete-panel .jso-item-name p, .jso-item-search-suggestion-group .jso-item-name p{color:rgba(4, 76, 157, 1); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mat-autocomplete-panel .mat-option{white-space: inherit; height: auto; line-height: unset; padding: 0px;}
.mat-autocomplete-panel .jso-purchase-manu-name{padding-right: 20px;}
.mat-autocomplete-panel .jso-purchase-group > div{font-size: 14px; line-height: 19px; word-break: break-all; font-weight:500; color: rgba(17, 17, 17, 1);}
.mat-autocomplete-panel::-webkit-scrollbar-track { border-radius: 10px; }
.mat-autocomplete-panel::-webkit-scrollbar { width: 6px; }
.mat-autocomplete-panel::-webkit-scrollbar-thumb { border-radius: 10px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #044c9c), color-stop(0.72, #044c9c), color-stop(0.86, #044c9c)); }
.mat-form-field-flex{padding-right: 0 !important;}
.mat-autocomplete-panel .jnew-item-search .jso-item-name, .jso-item-search-suggestion-group .jnew-item-search .jso-item-name{flex-direction: column; align-items: baseline;}
.mat-autocomplete-panel  p.mfg-name, .jso-item-search-suggestion-group  p.mfg-name { padding: 0; color: black; font-size: 12px; font-weight: 600; max-width: 300px;     padding: 0; line-height: 18px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.mat-autocomplete-panel .jso-item-number p.mfg-name, .jso-item-search-suggestion-group .jso-item-number p.mfg-name{text-transform: uppercase;}
.mat-autocomplete-panel .jso-item-name p.product-name, .jso-item-search-suggestion-group .jso-item-name p.product-name{ padding: 0; line-height: 18px; font-weight: 600; padding: 0; line-height: 18px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
/*css for landing pages of eVital*/
 .container{max-width: 1200px; margin: 0 auto; padding: 0px;}
.jlanding-page h1{font-size: 48px; font-weight: 700; line-height: 1.2;}
.jlanding-page h2{font-size: 40px; font-weight: 700; line-height: 1.2; opacity: 1 !important;}
.jlanding-page h3{font-size: 32px; font-weight: 600; line-height: 1.2;}
.jlanding-page h4{font-size: 24px; font-weight: 600; line-height: 1.2;}
.jlanding-page h5{font-size: 20px; font-weight: 600; line-height: 1.2;}
.jlanding-page h6{font-size: 16px; font-weight: 600; line-height: 1.2;}
a.cta{font-weight: 600; font-size: 18px; color: #fff; transition: all ease 0.5s; background-color: rgba(4, 76, 157, 1); box-shadow: 0px 8px 16px rgba(4, 76, 157, 0.24); border-radius: 4px; padding: 19px 20px; min-width: 240px; display: inline-block; text-align: center; text-decoration: none;}
a.cta:hover{background-color: rgba(4, 76, 157, 0.7);}
/* Header Css Start */
.jlanding-page .header {padding: 20px;}
.jlanding-page .header-nav ul li a.active:after {content:""; position: absolute; padding-bottom: 10px; border-bottom: 1px solid #fff; width: 100%; height: 100%; left: 0; top: 0; right: 0; margin: 0 auto;}
.jlanding-page .header .header_sticky{position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(4, 76, 157, 1); z-index: 999; box-shadow: 0 0 12px rgba(0, 0, 0, 0.8); padding: 20px 20px;}
.jlanding-page .header .header_sticky img{max-width: 150px;}
.header-inner {display: flex; align-items: center; flex-wrap: wrap; }
.header-logo img {max-width: 185px; width: 100%; }
.header-nav {margin-left: auto; }
.header-nav ul li {display: inline-block; list-style-type: none; padding: 0px 25px; }
.header-nav ul li:last-child{padding-left: 35px; padding-right: 0px; border-left: 1px solid rgba(255, 255, 255, 0.3)}
.header-nav ul li a {text-decoration: none; position: relative; font-size: 18px; font-weight:500; color: #fff; }
.header-nav ul li:hover a{color: rgba(255, 255, 255, 0.6)}
.header-nav ul li:hover a.active:after{border-bottom: 1px solid rgba(255, 255, 255, 0.6)}
.header-nav ul li .mat-menu-trigger.mat-button{font-size: 18px; font-weight:500; color: #fff; padding: 0px;}
.header-nav ul li:hover .mat-menu-trigger.mat-button{color:rgba(255, 255, 255, 0.6)}
.header-nav ul li .mat-button:hover .mat-button-focus-overlay{opacity: 0;}
.cdk-overlay-pane.cdk-overlay-pane-features .mat-menu-item{color: rgba(4, 76, 157, 1); font-size: 16px; font-weight:500;}
.cdk-overlay-pane.cdk-overlay-pane-features .mat-menu-item:hover{background-color: rgba(12, 161, 246, 1); color: #fff;}
.cdk-overlay-pane.cdk-overlay-pane-features { width: 180px !important; }
.cdk-overlay-pane.cdk-overlay-pane-update-dialog .mat-dialog-container { padding: 0px; width: 100%;}
.nav {width: 100%; position: relative; }
.nav > .nav-header {display: inline; }
.nav > .nav-header > .nav-title {display: inline-block; }
.nav > .nav-btn {display: none; }
.nav > .nav-links {display: inline; float: right; font-size: 18px; }
.nav > #nav-check {display: none; }
.jheader-rewards { display: flex; align-items: center; cursor: pointer;}
.jheader-rewards-icon .fas { font-size: 18px; color: #fff; }
.jheader-rewards-text p { font-size: 14px; color: #fff; font-weight: 600; padding: 0px; }
.jheader-rewards-text span { font-size: 12px; color: rgba(4, 76, 157, 1); background-color: #fff; padding: 1px 4px; border-radius: 2px; font-weight: 600; }
.jbtn-loader {text-align: center;}
/* Header Css End */
/* Banner Css Start */
.banner { position: relative; margin-top: -34em;}
.banner-inner img, .jlanding-page .banner, .jlanding-page .banner .owl-carousel .owl-stage-outer{border-radius: 16px;}
.banner .banner-inner img, .banner .mobile-banner img {cursor: pointer;}
.banner .owl-carousel div:not(.owl-controls){height: auto;}
.banner .owl-theme .owl-controls .owl-page.active span,
.banner .owl-theme .owl-controls.clickable .owl-page:hover span{ background: #3F51B5; }
.banner .owl-carousel .owl-controls{top: auto; bottom: 20px;}
.banner h3{color: rgba(255, 255, 255, 0.8)}
.banner h2, .banner h4{color: rgba(255, 255, 255, 1)}
.banner h4{padding-top: 21px;}
.banner-cta{padding-top: 20px;}
.jlanding-page .banner-bottom{position: absolute; bottom: 30px; right: 30px;left:auto}
.jlanding-page .owl-theme .owl-dots{position: relative; margin-top: -52px; z-index: 9;}
.jlanding-page .owl-theme .owl-dots .owl-dot.active span, .jlanding-page .owl-theme .owl-dots .owl-dot:hover span{background: rgba(12, 161, 246, 1);}
.jlanding-page .owl-theme .owl-dots .owl-dot span{background: rgba(4, 76, 157, 1);}
.mobile-banner{display: none;}
/* Banner Css End */
/* About Us Css Start */
.about-us{background-color: #044C9D;}
.about-us h3 {color: #fff; padding-bottom: 18px; text-align: center; padding-bottom: 30px;}
.owl-slide-content p {font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.6); font-weight:500; padding-bottom: 30px; }
.chemist-detail span {font-size: 18px; font-weight: 600; color: rgba(255, 255, 255, 1); }
.chemist-detail p {font-size: 16px; font-weight:500; color: #fff; padding-bottom: 0px;}
/* Owl Carousle Css Start */
.about-us-inner{position: relative; padding: 40px 0px;}
.owl-carousel {position: relative; height: 100%; }
.owl-carousel div:not(.owl-controls) {height: 100%; }
.owl-carousel .owl-slide {display: flex; }
.jcarousel{display: flex;}
.jlanding-page .about-us-inner  .owl-carousel .owl-controls { position: absolute; top: auto; left: 0; right: 0; bottom: 0; }
.jlanding-page .about-us-inner .owl-theme .owl-controls .owl-page span{background: rgba(255, 255, 255, 0.5);     border: 0; color: white; font-size: 1em; padding: 0.2em 1.2em; outline: none; margin-right: 5px; border-radius: 5px; height: auto;}
.jlanding-page .about-us-inner .owl-theme .owl-dots{margin-top: -29px; left: 14px;}
.jlanding-page .about-us-inner  .owl-theme .owl-controls .owl-page.active span, .jlanding-page .about-us-inner  .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #fff;}
.jlanding-page .about-us-inner .owl-carousel{margin-bottom: 30px;}
.owl-carousel div.owl--text {position: absolute; bottom: 4em; left: 2em; width: 20em; height: 8em; background: rgba(255, 255, 255, 0.5); }
.owl-carousel .owl-controls {position: absolute; top: 50%; left: 0; right: 0; }
.owl-carousel .owl-controls .owl-buttons div {position: absolute; top: 0; bottom: 0; display: inline-block; zoom: 1; margin: 0; width: 50px; height: 50px; line-height: 45px; text-align: center; font-size: 1em; border-radius: 30px; color: #FFF; background: #000; opacity: .6; border-radius: 50px; }
.custom-control {position: absolute; top: 30.5em; z-index: 99; left: 38em; }
.custom-control button {background: rgba(255, 255, 255, 0.5); border: 0; color: white; font-size: 1em; padding: 0.2em 1.2em; outline: none; margin-right: 5px; border-radius: 5px; }
.custom-control button.active {background: rgba(255, 255, 255, 1); }
.owl-carousel .owl-controls .owl-buttons .owl-prev {left: .5em;display: none; }
.owl-carousel .owl-controls .owl-buttons .owl-next {right: .5em; display: none;}
.about-us-inner .owl-slide-img {width: 36%; border-radius: 10px; z-index: 999; position: relative;  height: 360px !important; background-position: center 20% !important; background-repeat: no-repeat !important; background-size: cover !important;}
.owl-slide-content {width: 64%; padding-left: 100px; padding-top: 40px;}
.owl-slide-img img {width: 100%; }
.owl-carsel-example .owl-theme .owl-dots .owl-dot span, .owl-carsel-example .owl-theme .owl-dots .owl-dot:hover span{width: 8px; height: 8px; background: rgba(4, 76, 157, 1);}
.owl-carsel-example .owl-theme .owl-dots .owl-dot.active span{background: rgba(12, 161, 246, 1); width: 30px; height: 8px; border-radius: 4px;}
.owl-carsel-example .owl-theme .owl-nav [class*=owl-]:hover {background: rgba(12, 161, 246, 1)}
.owl-carsel-example .owl-theme .owl-nav {height: auto; width: 100%; margin: 5px auto 0px; text-align: center;}
.owl-carsel-example .owl-theme .owl-nav.disabled{opacity: 0.3; cursor: default;}
.owl-carsel-example .owl-theme .owl-nav > div[class*=owl-]{font-size: 24px; color: #fff; margin:0px; background: rgba(12, 161, 246, 0.8); width: 25px; height: 25px; line-height: 25px; border-radius: 50%;}
.owl-carsel-example .owl-theme .owl-nav > div[class*=owl-] span{display: block; margin-top: -4px;}
.owl-carsel-example .owl-theme .owl-nav > div.owl-next{margin-left: 20px;}
.image-popup.owl-carsel-example .owl-theme .owl-nav > div.owl-next{float: right; margin-right: -85px;}
.image-popup.owl-carsel-example .owl-theme .owl-nav > div.owl-prev { margin-left: -85px;}
.image-popup.owl-carsel-example .owl-theme .owl-nav{position: absolute; top: calc(100% - 58%); margin-top: 0; text-align: left;}
.image-popup.owl-carsel-example .owl-theme .owl-nav > div.disabled{opacity: 0.6;}
.image-popup.owl-carsel-example .owl-theme .owl-nav > div[class*=owl-]{font-size: 46px; width: 45px; height: 45px; line-height: 32px;}
.medicine-img.owl-carsel-example .owl-theme .owl-nav > div[class*=owl-]{line-height: 14px;}
.medicine-img.owl-carsel-example .owl-theme .owl-nav [class*=owl-]{padding: 4px 5px;}
/* Owl Carousle Css End */
/* About Us Css Start */
.jmargin-head .jsales-order-date .mat-icon-button{top: -13px;}
.jinventory-menu-block { display: flex; flex-wrap: wrap; }
.jinventory-menu { padding: 0px 20px 12px; cursor: pointer;}
.jinventory-menu-block-left p { background-color: rgba(12, 161, 246, 1); padding: 8px 3px 4px; height: 32px; width: 40px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 1); }
.jinventory-menu-block-right { margin-left: auto; margin-top: auto; }
.jinventory-menu-block-right .fa-boxes { font-size: 32px; color: rgba(12, 161, 246, 0.2); padding-top: 10px; }
.jinventory-menu-block-left h6 { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jinventory-menu-block-left { width: 75%; }
.jinventory-menu-block-right .fa-arrow-right { font-size: 14px; color: rgba(12, 161, 246, 1); }
.jbottomsheet-head { display: flex; align-items: center; padding: 15px 20px; border-bottom: 1px solid rgba(4, 76, 157, 0.4); background-color: #044C9D;}
.jbottomsheet-htitle h6 { font-size: 18px; font-weight: 600; color: #fff; padding-right: 15px;}
.jbottomsheet-hbutton { margin-left: auto; }
.jbottomsheet-hbutton button { background-color: rgba(12, 161, 246, 1); border: 0; height: 32px; border-radius: 2px; padding: 5px 20px; color: #fff; font-size: 14px; font-weight: 600; }
.jbottomsheet-content { padding: 20px; }
.jbottomsheet-content-block { display: flex; flex-wrap: wrap; margin-bottom: 38px; }
.jbottomsheet-cb-left { width: 100px; margin-right: 30px; display: flex; align-items: center; justify-content: center; background-color: rgba(12, 161, 246, 0.1); border-radius: 50%; height: 100px; }
.jbottomsheet-cb-right { width: calc(100% - 130px); }
.jbottomsheet-cb-left .fas { font-size: 48px; color: rgba(12, 161, 246, 1); }
.jbottomsheet-cb-right h6 { font-size: 18px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jbottomsheet-cb-right p { font-size: 14px; line-height: 20px; color: rgba(17, 17, 17, 1); }
.jbottomsheet-hremove { margin-left: 10px; margin-left: auto;}
.jcustomer-receipt .jbottomsheet-hremove{margin-left: 10px;}
.jbottomsheet-hremove .fas { font-size: 18px; transition: all ease 0.3s; color: #fff;}
.jbottomsheet-hremove .fas:hover { cursor: pointer; color: rgba(12, 161, 246, 1); transform: rotate(360deg);}
.no-data-found { text-align: center; min-height: 50vh; flex-direction: column; display: flex; font-weight: 600; align-items: center; justify-content: center; font-size: 16px; color: rgba(4, 76, 157, 1); }
.no-data-found .fas { font-size: 80px; color: rgba(4, 76, 157, 0.4); }
.jgst-rh-date .mat-form-field-appearance-legacy .mat-form-field-ripple{height: 0px !important;}
/*QR Code Popup css*/
.modal.open .modal-contain.modal-qrcode-container { max-width: 270px; }
.qrcode-container .chemist-code p { text-align: center; }
.qrcode-container .chemist-code .code { background: rgba(12, 161, 246, 1); max-width: 100px; margin: 0 auto; color: white; border-radius: 4px; text-align: center; padding: 2px 0; }
.qrcode-container .chemist-qrcode { text-align: center; border-bottom: 1px solid #0ca1f6; margin-bottom: 20px; }
.qrcode-container .qrcode-instructions label { color: #0ca1f6; margin-bottom: 10px; display: block; font-size: 14px; font-weight:500; } .qrcode-container .qrcode-instructions p { font-size: 12px; margin-bottom: 10px; line-height: 16px; }
.site-header .right .item.qrcode i { font-size: 18px; }
.jol-chemist-list-group { height: 100%; overflow: auto; }
.jpadd-order-details .jsod-edit  .mat-form-field-subscript-wrapper{display: none;}
.jpadd-order-details .jsales-order-details-desc .jsod-amount.jsod-add {padding: 10px 20px 10px 10px;}
.jorder-popup-header { display: flex; align-items: center; padding: 15px 20px; background-color: rgb(12, 161, 246,0.1); }
.jop-head-col1 { display: flex; align-items: center; width: 50%; }
.jop-head-col2 { width: 25%; text-align: right;}
.jop-head-col3 { width: 25%; text-align: right;}
.jorder-popup-header .jop-head-col1 .fas { font-size: 14px; cursor: pointer; margin-right: 0px !important;}
.jop-head-col1 .fas.jenable {color: #0CA1F6;}
.jop-head-col1 .fas.jdisable { color: rgb(4, 76, 157,0.2); }
.jorder-popup-header  .jop-head-col1 p { font-size: 14px; color: #044C9D; font-weight: 600; padding: 0px 10px; }
.jorder-popup-header  .jop-head-col2 p, .jorder-popup-header  .jop-head-col3 p { font-size: 14px; color: #044C9D; font-weight:500; }
.jorder-popup-desc { display: flex; flex-wrap: wrap; align-items: center; }
.jorder-popup-desc-group { padding: 15px 20px; }
.jorder-popup-desc > div p { font-size: 16px; font-weight:500; line-height: 24px; color:rgba(17, 17, 17, 0.6)  ; }
.jorder-popup-desc.jorder-sale .jop-head-col1 p { color: #044C9D; }
.jorder-popup-desc.jorder-sale > div p { color: #111111; }
.jorder-popup-desc.jorder-return > div p { color: #DD4E5A; }
.jorder-popup-desc.jorder-popup-total { border-top: 1px solid #111111; padding-top: 5px; margin-top: 5px; }
.jorder-popup-desc.jorder-popup-total .jop-head-col2 p, .jorder-popup-desc.jorder-popup-total .jop-head-col3 p { font-weight: 600; color: #111111; }
.jorder-popup-desc.jorder-popup-net { background-color: #044C9D; padding: 10px 20px; border-radius: 2px; margin-top: 10px; }
.jorder-popup-desc.jorder-popup-net > div p { color: #fff; }
.jorder-popup-desc.jorder-popup-net .jop-head-col1 p { font-size: 14px; font-weight: 600; text-transform: uppercase; }
.jorder-popup-desc.jorder-popup-net .jop-head-col2 { margin-left: auto; }
.jorder-popup-desc.jorder-popup-net .jop-head-col2 p { font-size: 18px; font-weight: 600; }
.jinventory-ul li .fas.fa-rupee-sign { margin-left: auto; margin-right: 0px !important; border-left: 1px solid #0CA1F6; width: 38px !important;  height: 28px; line-height: 28px; font-size: 14px; }
.sidebar .jinventory-ul li {display: flex; align-items: center; padding: 10px 0px !important;}
.sidebar .jinventory-ul li.jblue-color-title{padding: 10px 25px !important;}
.jinventory-ul li .fas.fa-rupee-sign.active{background-color: #0CA1F6; color: #fff !important;}
.jsod-expiry .mat-form-field-appearance-legacy .mat-form-field-infix,.jsod-disc .mat-form-field-appearance-legacy .mat-form-field-infix, .jsales-order-details-head .mat-form-field-appearance-legacy .mat-form-field-infix{padding: 0; border-top: 0px;}
.jsod-gst .fas,.jsod-disc .fas, .jsod-margin .fas,.jsod-batch > .fas,.jsod-expiry > .fas{ font-size: 14px; color: rgba(12, 161, 246, 1); cursor: pointer;}
.jsod-gst > .fas:hover,.jsod-disc > .fas:hover,.jsod-batch > .fas:hover,.jsod-expiry > .fas:hover { cursor: pointer; color: rgba(12, 161, 246, 0.4); }
.jsod-common-disc { display: flex; flex-wrap: wrap; max-width: 230px; position: absolute; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); border-radius: 2px; background-color: #fff; z-index: 99; top: 25px; }
.jsod-common-disc-left { width: calc(100% - 60px); padding: 12px 20px; }
.jsod-common-disc-left .mat-form-field-label { font-size: 14px; color: rgba(4, 76, 157, 0.4) !important; font-weight: 600; }
.jsod-common-disc-left .mat-input-element{font-size: 16px; font-weight:500; color: rgba(12, 161, 246, 1); padding-top: 10px; padding-bottom: 0px;}
.jsod-common-disc-left .mat-form-field {width: 100%;}
.jsod-common-disc-right { width: 60px; cursor: pointer; background-color: rgba(12, 161, 246, 1); border-radius: 0px 2px 2px 0px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.jsod-common-disc-right .fas { font-size: 14px; color: #fff; }
.jsod-common-disc-right p { font-size: 14px; color: #fff; font-weight:500; }
.jsod-common-disc-left  .mat-form-field-suffix{top: -8px; left: -14px;}
.jsod-common-disc-left .mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height: 0;}
.jsod-expiry .jsod-common-disc .mat-form-field .mat-form-field-label-wrapper{text-align: right !important;}
.jsod-expiry .jsod-common-disc .mat-form-field:last-child .mat-form-field-label-wrapper{text-align: left !important;}
.jsod-expiry .jsod-common-disc-left  .mat-form-field-suffix{right: 59px; left: auto; top: 0; font-size: 25px;}
.jsales-order .lt-header .right .jheader-btn-group button { background-color: transparent; min-width: unset; margin-left: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.6); height: 30px; border-right: 1px solid rgba(255, 255, 255, 0.4); padding: 6px 15px;}
.jsales-order .lt-header .right .jheader-btn-group button:hover{color: rgba(255, 255, 255, 1);}
.jsales-order .lt-header .right .jheader-btn-group { background-color: rgba(12, 161, 246, 1); margin-left: 20px; border-radius: 2px; height: 30px; }
.jsales-order .lt-header .right .jheader-btn-group button:last-child {border-right: 0; }
.jheader-btn-group button .fas { color: #fff; }
.jsales-order .lt-header .right .jheader-btn-group button:hover{background-color: transparent;}
.lt-header .title span.jcount{color: rgba(12, 161, 246, 1); margin-left: 10px;}
.lt-header .title span.jedit-mode { background-color: rgba(12, 161, 246, 1); padding: 1px 7px; border-radius: 2px; font-size: 14px; font-weight:500; color: #fff; line-height: normal; margin-left: 12px; }
.jsales-patient-details-center .jso-form-field .jso-after-search p .fas{position: relative; top: unset !important; right: unset !important;}
.tooltip { position: relative; }
.tooltip .tooltiptext { visibility: hidden; width: 100px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 4px 0; position: absolute; z-index: 1; top: 24px; right: 11px; font-size: 12px;}
.tooltip .fas:hover .tooltiptext { visibility: visible; }
.jmedicinetab .jsales-order-list-block .jsales-order-date{width: 32%;min-width: 225px;}
.jmedicinetab .jsales-order-date .fas{top: 10px;}
.jquickinventory-input-group .mat-form-field-wrapper{width: 100%;}
.jquickinventory-input-group .mat-form-field-infix{display: flex;}
.jinloader.timeline_scroll_loader{position: absolute; z-index: 9999; background-color: rgba(0,0,0,0.5); width: 100%; top: 0; left: 0; height: 100%; display: flex; align-items: center; justify-content: center;}
.jinloader.timeline_scroll_loader p.fa { font-size: 30px; color: #fff; z-index: 99999; position: relative; }
.jgst-rh-date .mat-icon-button span{color: rgba(12, 161, 246, 1);}
/* GSTR1 CSS STRAT */
.jgstr1-report-tab-panel .mat-tab-header, .jgstr1-report-tab-panel .mat-tab-nav-bar{border-bottom:1px solid rgba(4, 76, 157, 0.2);}
.jgstr1-report-tab-panel .mat-tab-group.mat-primary .mat-ink-bar, .jgstr1-report-tab-panel .mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color: rgba(12, 161, 246, 1);}
.jgstr1-report-tab-panel .mat-tab-label{opacity: 1;}
.jgstr1-report-tab-panel .mat-tab-label.mat-tab-label-active .mat-tab-label-content{color: rgba(12, 161, 246, 1);}
.jgstr1-report-tab-panel .mat-tab-label-content { font-size: 14px; color: rgba(4, 76, 157, 0.6); font-weight:500; }
/* GSTR1 CSS END */
.jcredeb-select .mat-form-field-appearance-legacy .mat-form-field-underline{display: none;}
.jcredeb-select .mat-form-field{border: 1px solid rgba(17, 17, 17, 0.2); height: 30px; border-radius: 2px;}
.jcredeb-select .mat-form-field-appearance-legacy .mat-form-field-infix{padding: 6px 14px; border-top: 0;}
.jcredeb-select .mat-form-field-appearance-legacy .mat-select-arrow{color:rgba(4, 76, 157, 1)}
.jcredeb-select .mat-form-field-appearance-legacy .mat-select-value span{font-size: 14px; font-weight: 600; color: rgba(4, 76, 157, 1); text-transform: capitalize;}
.jshow-expired-select .mat-form-field { background-color: rgba(4, 76, 157, 0.05); max-width: 230px; width: -webkit-fill-available; padding: 2px 14px; height: 30px; border-radius: 2px;}
.jshow-expired-select .mat-form-field-wrapper { padding-bottom: 0px; }
.jshow-expired-select .mat-form-field-appearance-legacy .mat-form-field-underline, .jshow-expired-select .mat-form-field-appearance-legacy.mat-focused .mat-form-field-underline { height: 0; }
.jshow-expired-select .mat-form-field.mat-focused .mat-form-field-ripple{height: 0px;}
.jshow-expired-select .mat-form-field-infix{border-top: 0;}
.jshow-expired-select .mat-form-field.mat-focused .mat-form-field-label{color: rgba(221, 78, 90, 1);}
.jshow-expired-select .mat-form-field .mat-form-field-label{font-size: 14px; color: rgba(221, 78, 90, 1); font-weight:500;}
.jshow-expired-select .mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.jshow-expired-select .mat-form-field .mat-select-arrow, .jshow-expired-select .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color: rgba(221, 78, 90, 1);}
.jid-top-selling-list-header-right .mat-form-field .mat-select-arrow, .jid-top-selling-list-header-right .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color: rgba(4, 76, 157, 1);}
.jid-top-selling-list-header-right .mat-form-field{background-color: transparent; border:1px solid rgba(205, 219, 235, 1); width: 140px;}
.jid-top-selling-list-header-right.jshow-expired-select .mat-select-value-text span, .jid-top-selling-list-header-right .mat-form-field .mat-form-field-label{color: rgba(4, 76, 157, 1);}
.jdashboard-mat-tab .mat-tab-label{height: auto; padding: 0px 10px 10px; opacity: 1;}
.jdashboard-mat-tab .mat-tab-label .mat-tab-label-content{font-size: 16px; font-weight: 600; color: rgba(17, 17, 17,0.6); display: flex; align-items: center;}
.jdashboard-mat-tab .mat-tab-label .mat-tab-label-content .fas{position: unset; margin-left: 10px;}
.jdashboard-mat-tab .mat-tab-header, .jdashboard-mat-tab .mat-tab-label-container, .jdashboard-mat-tab .mat-ripple{overflow: unset;}
.jdashboard-mat-tab .mat-ripple-element{background-color: transparent;}
.jdashboard-mat-tab .mat-tab-label.mat-tab-label-active .mat-tab-label-content{color: #111111;}
.jdashboard-mat-tab .mat-tab-label .mat-tab-label-content span { font-size: 14px; color: rgba(12, 161, 246, 1); font-weight: 500;}
.cdk-overlay-pane-expired-select .mat-option-text{font-size: 14px; color: rgba(17, 17, 17, 1); font-weight:500;}
.cdk-overlay-pane-expired-select .mat-select-panel-wrap .mat-select-panel{ height: auto;}
.cdk-overlay-pane .mat-select-panel-wrap .mat-select-panel{max-height: 350px;}
.mat-select-panel-wrap span.mat-option-text { text-transform: capitalize; }
.mat-select-panel-wrap .jpayment-option-title span.mat-option-text{text-transform:none;}
.jshow-expired-select .mat-select-value-text span{color: rgba(221, 78, 90, 1); font-weight:500;}
.jmat-checkbox .mat-checkbox-label {font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1); max-width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.printOrNotDiv.jmat-checkbox .mat-checkbox-label{color: #fff;}
.jmat-checkbox.hideShow-NonZero-Qty-Checkbox .mat-checkbox-label{max-width: 260px;}
.hideShow-NonZero-Qty-Checkbox { padding: 10px 16px; margin-left: 0; border-bottom: 1px solid rgba(4, 76, 157, 0.1); }
.cdk-overlay-pane .negative-qty-option{border-bottom: 0 !important;}
.jmat-table .jmat-checkbox .mat-checkbox-label{max-width: unset;}
.printOrNotDiv.jmat-checkbox .mat-checkbox-label{max-width: unset;}
.printOrNotDiv.jmat-checkbox .mat-checkbox-disabled .mat-checkbox-background{background-color: rgba(17,17,17,.1);}
.printOrNotDiv.jmat-checkbox .mat-checkbox-disabled .mat-checkbox-frame{border-color: rgba(17,17,17,.1);}
.jmat-checkbox.jsp-checkbox .mat-checkbox-label{color:#111111;}
.jmedicinenamecapital .jsod-itemname p, .jmedicinenamecapital .jso-item-name p, .jmedicinenamecapital .jil-medicine{text-transform: capitalize;}
.jshow-expired-select.jorder-search-level .mat-form-field .mat-select-arrow, .jshow-expired-select.jorder-search-level .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:rgba(4, 76, 157, 1);}
.jshow-expired-select.jorder-search-level .mat-select-value-text span, .jshow-expired-select.jorder-search-level .mat-form-field .mat-form-field-label{color: rgba(4, 76, 157, 1);}
.jshow-expired-select .mat-form-field-appearance-legacy .mat-form-field-infix{padding: 5px 0px;}
.jreminder-duration .mat-radio-button.mat-radio-checked .mat-radio-label{background-color: rgba(12, 161, 246, 1); border: 1px solid rgba(12, 161, 246, 1); color: #fff;}
.jreminder-duration .mat-radio-label{border: 1px solid rgba(17, 17, 17, 0.2);  min-width: 80px; margin-bottom: 10px; height: 32px; border-radius: 2px; padding: 8px 8px; font-size: 14px; font-weight:500; color: rgba(17, 17, 17, 1);}
.jreminder-duration .mat-radio-container{display: none;}
.jreminder-duration .mat-radio-button{margin-right: 10px;}
.jreminder-duration .mat-radio-button:nth-child(2n){margin-right: 0px;}
.jreminder-duration .mat-radio-label-content{padding-left: 0px;  font-weight: 600; width: 100%; text-align: center;}
.lt-header .right .jreminder-checkbox span.mat-checkbox-label{margin-right: 0; font-size: 14px; font-weight:500;}
/* bottomsheet */
.dbottomsheet-head { display: flex; flex-wrap: wrap; padding: 30px; border-bottom: 1px solid rgba(4, 76, 157, 0.4);}
.mat-bottom-sheet-container {padding: 0px !important;}
.dbottomsheet-head-right { margin-left: auto; display: flex;}
.dbottomsheet-head-left { width: calc(100% - 160px); padding-right: 10px; }
.dbottomsheet-head-left span { font-size: 14px; font-weight:500; color: rgba(17, 17, 17, 1); }
.dbottomsheet-head-left h6 { color: rgba(12, 161, 246, 1); font-weight: 600; padding: 4px 0px; font-size: 18px;}
.dbottomsheet-head-left p { font-size: 14px; color: rgba(102, 102, 102, 1); font-weight:500; }
.dbottomsheet-head-left p span { font-size: 14px; color: rgba(102, 102, 102, 1); font-weight:500; margin-left: 10px; padding-left: 10px; border-left: 1px solid rgba(4, 76, 157, 0.4); }
.dbottomsheet-head-button button { border-radius: 2px; transition: all ease 0.3s; background-color: rgba(12, 161, 246, 1); border: 0; padding: 5px 10px; min-width: 80px; font-size: 14px; height: 30px; color: rgba(255, 255, 255, 1); font-weight:500; }
.dbottomsheet-head-button button:hover{background-color: rgba(20, 169, 254, 1);}
.dbottomsheet-head-button { margin-right: 25px; }
.dbottomsheet-head-icon .fas { font-size: 18px; color: rgba(12, 161, 246, 0.4);  transition: all ease 0.3s;}
.dbottomsheet-head-icon .fas:hover{cursor: pointer; color: rgba(221, 78, 90, 1);}
.dbottomsheet .dbottomsheet-desc-left { width: 480px; padding: 30px;}
.dbottomsheet .dform-field-group { display: flex; }
.dbottomsheet .dform-field { width: 30%; margin-right: 5%; }
.dbottomsheet .dform-field:last-child { margin-right: 0px; }
.cdk-overlay-pane .mat-dialog-container{width: 640px;}
.dbottomsheet .dform-field .mat-form-field{width: 100%;}
.dform-field .mat-input-element{font-size: 18px; line-height: 24px; font-weight:500; color: rgba(17, 17, 17, 1);}
.dtext-right .mat-input-element{text-align: right;}
.dform-field .mat-form-field-appearance-legacy .mat-form-field-label{font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500;}
.dform-field .mat-form-field.mat-focused .mat-form-field-label {color: rgba(12, 161, 246, 1);}
.dform-field .mat-form-field.mat-focused .mat-form-field-ripple{background-color:rgba(12, 161, 246, 1);}
.dform-field .mat-form-field-appearance-legacy.mat-form-field-invalid .mat-form-field-label { color: rgba(4, 76, 157, 1); }
.dform-field .mat-form-field-appearance-legacy.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {color: rgba(4, 76, 157, 1);}
.dbottomsheet .dbottomsheet-desc:after {content: "";background-color: rgba(12, 161, 246, 0.2);position: absolute;width: 160px;height: 100%;right: 0;}
.dbottomsheet .dbottomsheet-desc { position: relative; display: flex; flex-wrap: wrap; }
.cdk-overlay-pane .mat-bottom-sheet-container-large,.cdk-overlay-pane .mat-bottom-sheet-container-medium{min-width: 100%; max-width: 640px;}
.cdk-overlay-pane.cdk-overlay-pane-f3-modal .mat-bottom-sheet-container-medium, .cdk-overlay-pane.cdk-overlay-pane-f3-modal .mat-bottom-sheet-container-large, .cdk-overlay-pane.cdk-overlay-pane-f3-modal .mat-bottom-sheet-container-xlarge{min-width: 100%; max-width: 900px;}
.dbottomsheet-desc.dbottomsheet-total-cal { background-color: rgba(12, 161, 246, 0.1); }
.dbottomsheet-total-cal .dbottomsheet-desc-left { display: flex; padding: 18px 30px; }
.dbottomsheet-total-qty p { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; }
.dbottomsheet-total-qty h6 {color: rgba(4, 76, 157, 1);font-weight:500;padding-top: 5px;}
.dbottomsheet-total-qty h6 span { color: rgba(0, 197, 220, 1); font-weight:500; }
.dbottomsheet-total-gst { margin-left: auto; text-align: right; }
.dbottomsheet-total-gst p { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; }
.dbottomsheet-total-gst h6 { color: rgba(4, 76, 157, 1); font-weight:500; padding-top: 5px; }
.dbottomsheet-total-gst h6 span { background-color: rgba(12, 161, 246, 1); border-radius: 2px; font-size: 14px; font-weight:500; color: #fff; padding: 1px 2px; }
.dbottomsheet-desc-right { padding: 18px 30px; text-align: right; display: flex; width: 160px; flex-direction: column; align-items: flex-end; justify-content: flex-end;}
.dbottomsheet-desc-right .dblue-text p { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight:500; }
.dblue-text h6 { color: rgba(4, 76, 157, 1); font-weight:500; padding-top: 5px;}
.dbottomsheet-final-amount.dblue-text h6 { font-size: 24px;}
.dbottomsheet-des-price.dblue-text { padding-bottom: 25px; }
.dbottomsheet-tax-price.dblue-text { padding-bottom: 15px; }
.jsr-popup-patient-block .mat-checkbox-inner-container{ order: 2; margin-right: 0px; margin-top: 0px; margin-left: auto;}
.jsr-popup-patient-block .mat-checkbox-frame{border: 2px solid rgba(17, 17, 17, 0.2);}
.jsr-popup-patient-block .mat-checkbox-layout{display: flex; flex-wrap: wrap;}
.jsr-popup-patient-block .mat-checkbox-checked  .mat-checkbox-frame{border: 0;}
.jsr-popup-patient-block .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jsr-popup-patient-block .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color: transparent; border: 0;}
.jsr-popup-patient-block:hover .mat-checkbox-frame{border-color: #fff;}
.jsr-popup-patient-block .mat-checkbox-checked .mat-checkbox-inner-container{display: none;}
.jsr-popup-patient-block .mat-checkbox-checked .mat-checkbox-label{width: 100%;}
.jsr-popup-patient-block .mat-checkbox-checked .jsr-popup-patient-informed{display: inline-block;}
.jsr-popup-patient-block .mat-checkbox-checked .jsr-popup-patient-block-inner{opacity: 0.6;}
.searchbox-container{display: none;}
.jmedicine-match-master .mat-form-field { width: 100%; }
.jmedicine-match-master .mat-form-field-infix { border: 0; }
.mat-select-panel .jmedicine-matching-select .mat-optgroup-label, .mat-select-panel .jmedicine-matching-select.mat-option{height: auto !important; line-height: unset !important;}
.jmedicine-matching-select .mat-option-text{display: flex !important; flex-wrap: wrap !important; padding: 10px 0px; }
.jmedicine-matching-select .mat-option-text:last-child{border-bottom: 0px;}
.mat-select-panel-wrap .mat-select-panel{max-height: 300px; overflow-x: hidden; overflow-y: overlay;}
.item-group-label { text-transform: capitalize; width: 50%; font-size: 14px; font-weight:500; color: rgba(4, 76, 157, 1);}
.help-modal__list{ padding: 3px 20px !important; display: flex; align-items: center; border-bottom: 1px solid rgba(4, 76, 157, 0.2); }
.sidebar-content{margin-top: 0px;}
.help-modal .title{ padding: 20px !important; border-bottom: 1px solid rgba(4, 76, 157, 0.2);}
.help-modal{padding: 0px !important;}
.help-modal__list ng-keyboard-shortcuts-help-item{width: 50%;}
.help-modal .item{ background-color: transparent !important; padding: 12px 0px 12px 12px !important; width: 100%; display: block; }
.help-modal .description{display: none !important; }
.help-modal .keys{ float: none !important; text-align: right; }
.help-modal .key{ border: 1px solid rgba(17, 17, 17, 1); border-radius: 2px; padding: 4px 10px; margin-right: 5px; background-color: transparent !important; width: 40px; font-size: 14px; color: rgba(12, 161, 246, 1); font-weight:500; }
/* .help-modal .title h3:after { content: "\f00d"; font-family: 'Font Awesome 5 Free'; cursor: pointer; font-size: 18px; color: rgba(4, 76, 157, 1); font-weight: 900; position: absolute; right: 0; top: 0; } */
.help-modal .title h3{position: relative; font-size: 24px;}
mat-form-field.jpayment-option:hover { background-color: rgba(4, 76, 157, 0.05); }
.jmedicine-reminder:hover { background-color: rgba(4, 76, 157, 0.05); }
/* New Landing Page */
.lfree-trial-form .mat-form-field-wrapper { margin: 0px !important; padding-bottom: 0px; }
.lfree-trial-form .lfree-form-field { height: 48px; margin-right: 20px; width: 30%; position: relative;}
.lfree-trial-form .lfree-form-field.lfree-mobile{width: 20%;}
.lfree-trial-form .lfree-form-field.lfree-submit{width: auto;}
.lfree-form-field .mat-form-field-appearance-outline .mat-form-field-flex { display: flex; padding: 0px 20px; align-items: center; height: 48px; }
.lfree-form-field mat-form-field.mat-form-field { background-color: #fff; width: 100%; border-radius: 4px;}
.lfree-form-field .mat-form-field-appearance-outline .mat-form-field-outline-thick{color: #044c9d;}
.lfree-form-field .mat-form-field-appearance-outline .mat-form-field-label{color:rgba(4, 76, 157, 0.4); margin-top: -8px; font-size: 16px; font-weight: 600;}
.lfree-form-field .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{margin-top: -5px;}
.lbanner-slider .owl-controls.clickable, .lsuccess-stories .owl-controls.clickable{top: 88%;}
.lpage .owl-theme .owl-nav.disabled+.owl-dots{ margin-top: 0; padding-bottom: 15px;}
.lpage .owl-theme .owl-dots .owl-dot span {background-color: #fff;}
.lsuccess-stories .owl-theme .owl-dots .owl-dot span{background-color:rgba(12, 161, 246, 0.5)}
.lsuccess-stories .owl-theme .owl-nav.disabled+.owl-dots{margin-top: 0px;}
.tutorials-sidebar-accordian .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow: unset;}
.tutorials-sidebar-accordian .mat-expansion-panel{border-bottom: 1px solid rgba(112, 112, 112, 0.2);}
.tutorials-sidebar-accordian .mat-expansion-panel-header-title{font-size: 22px; font-weight: 600; color: rgba(17, 17, 17, 1);}
.tutorials-sidebar-accordian .mat-expanded .closeaccordian-icon{display: none;}
.tutorials-sidebar-accordian .mat-expanded .openaccordian-icon{display: block;}
.tutorials-sidebar-accordian .fas{color:rgba(12, 161, 246, 1); font-size:20px}
.tutorials-sidebar-accordian .mat-expansion-panel-header{padding: 0px;}
.tutorials-sidebar-accordian .openaccordian-icon{display: none;}
.tutorials-sidebar-accordian .mat-expanded .mat-expansion-panel-header-title{color:rgba(12, 161, 246, 1);}
.tutorials-sidebar-accordian .mat-expansion-panel-header-title{flex-grow: unset;}
.tutorials-sidebar-accordian .mat-expansion-panel-body{padding: 0px 0px 16px;}
.lbanner-slider .owl-nav button { position: absolute; top: 42%; }
.lbanner-slider .owl-nav button:hover{background: transparent !important;}
.lbanner-slider .owl-nav span { color: #fff; font-size: 60px; /* width: 40px; */ }
.lbanner-slider .owl-nav button.owl-prev {left: -60px;}
.lbanner-slider .owl-nav button.owl-next { right: -60px; }
.lsuccess-stories button { position: absolute; bottom: 34px; }
.lsuccess-stories button span { font-size: 60px; color: rgba(4, 76, 157, 0.4); transition: all ease 0.3s;}
.lsuccess-stories button.owl-prev { left: 40%; }
.lsuccess-stories button.owl-next { left: 44%; }
.lsuccess-stories button:hover { background: transparent !important; }
.lsuccess-stories button span:hover { color: rgba(4, 76, 157, 1); }
.lfree-form-field .mat-form-field-appearance-outline .mat-form-field-infix{padding: 10px 0 1em 0;}
.jsales-order .lt-header .right .jcustomer-ledger-date button.mat-icon-button{background-color: transparent; padding: 0; height: auto; margin-left: 0; font-size: inherit; color: inherit;}
/* Tooltip css Start */
.tooltips { position: relative; cursor: pointer; }
.tooltips .fas{font-size: 12px !important; line-height: 18px; transition: all ease 0.3s; color: rgba(4, 76, 157, 0.4) !important; cursor: pointer;}
.tooltips .fas:hover{color: rgba(4, 76, 157, 0.7) !important;}
.tooltips:hover::before { content: ""; position: absolute; }
.jhead-tooltips.tooltips .fas{position: absolute; right: -16px; top: 2px;}
.jhead-tooltips.tooltips.tooltips-bottom:hover::before{left: 2px;}
.jhead-tooltips.tooltips:hover::after{left: -24px;}
.jsod-base .jhead-tooltips.tooltips:hover::after { left: auto; right: -60px; }
.tooltips.tooltips-bottom:hover::before { top: calc(100% + .6rem - 5px); left:15px; width: 2px; border-bottom: 5px solid #5a5a5a; border-left: 6px solid transparent; border-right: 6px solid transparent; z-index: 900; }
.tooltips:hover::after { content: attr(data-tooltip); text-transform: initial; position: absolute; width: max-content; z-index: 900; padding: .5rem; border-radius: .25rem; background: #5a5a5a; color: #fff; font-size: 12px; left: 0; text-align: center; min-width: 50px;}
.tooltips.tooltips-bottom:hover::after { top: calc(100% + .6rem); }
.tooltips.tooltips-right:hover::after {right: 6px !important;left: unset !important;}
.tooltips.tooltips-right:hover::before {right: 16px !important;left: unset !important;}
.mobile-menu , .site-header .right .center .fas, .site-header .right .item.menu, .site-header .text-logo .fas{z-index: 1004; position: relative;}
.jbottomsheet-content-block .jform-field .mat-form-field-flex{display: flex; align-items: flex-end;}
.jform-field.jpayment-mode .mat-select-value-text{font-size: 14px; font-weight:500; color: rgba(17, 17, 17, 1);}
.add-voucher-bottomsheet .jform-field.jpayment-mode .mat-select-value-text{text-transform: capitalize;}
.cdk-overlay-container{z-index: 1004 !important;}
.jcustomer-receipt .mat-icon-button {left: -42px; top: -7px; color: rgba(12, 161, 246, 1);}
.jsales-order-date{height: 30px;}
.jsales-order-list-desc .jsales-order-date, .jsales-order-list-head:last-child .jsales-order-date{ height: auto; }
.jsales-order-date .md-drppicker.double{width: 670px;}
.jsales-order-date .md-drppicker .btn.btn-default{margin-right: 10px;}
.jsales-order-date .md-drppicker .clear svg{height: 25px;}
.jsales-order-date .md-drppicker td, .jreceipt-date .md-drppicker td{line-height: 2em;}
.jsales-order-date .md-drppicker td span, .jreceipt-date .md-drppicker td span{color: rgba(4, 76, 157, 1);}
.jsales-order-date .md-drppicker td.active span, .jsales-order-date .md-drppicker td.active:hover span,.jreceipt-date .md-drppicker td.active span, .jreceipt-date .md-drppicker td.active:hover span{color: #fff;}
.md-drppicker td.available:hover, .md-drppicker th.available:hover{opacity: 1;}
.buttons_input button { margin-right: 8px; }
.purchase-expiry-report-calender .md-drppicker{left: 0 !important;} 
.jsales-order-date.search-item label.date-range-picker-icon.fa.fa-calendar, .jreceipt-date label.date-range-picker-icon.fa.fa-calendar{ position: absolute; right: 2px; top: 24px; color: rgba(4, 76, 157, 0.4); cursor: pointer; }
.jsales-order-date  label.date-range-picker-icon.fa.fa-calendar{top: 7px; right: 11px; position: absolute; color: rgba(4, 76, 157, 0.6);  cursor: pointer; }
.jnew-sales-return .jsales-order-date.search-item label.date-range-picker-icon.fa.fa-calendar{top: 8px;}
.jnpr-order .jnew-sales-return .jsales-order-date.search-item label.date-range-picker-icon.fa.fa-calendar{top: 0px;}
.jsales-order .lt-header .left .jsales-order-date button { background-color: transparent; height: auto; border: 0; border-radius: 0px; padding: 8px 22px; color: #000; font-size: 12px; font-weight:500; margin-left: 0px; }
.jcustomer-ledger-date.jsales-order-patient.jorder-search .mat-form-field-appearance-legacy .mat-form-field-label{top: 8px;}
.jsales-order-date .md-drppicker .ranges ul li button.active , .jreceipt-date .md-drppicker .ranges ul li button.active {background-color: #044c9d; color:#fff}
.jsales-order-date .md-drppicker .ranges ul li:hover , .jreceipt-date .md-drppicker .ranges ul li:hover{background-color: rgba(20, 169, 254, 1); color: #fff;}
.jsales-order-date .md-drppicker .ranges ul li:hover button, .jreceipt-date .md-drppicker .ranges ul li:hover button{color:#fff}
.jsales-order-date .md-drppicker td.disabled span, .jreceipt-date .md-drppicker td.disabled span { color: rgb(153, 153, 153) !important;}
.jreceipt-date label.date-range-picker-icon.fa.fa-calendar{top: 10px;}
.jsort-icon p{cursor: pointer; width: fit-content; padding: 0px;}
.jsort-icon .fas { font-size: 16px !important; color: rgba(4, 76, 157, 0.5) !important; position: unset; cursor: pointer; }
.jsort-icon.sort-active .fas{color: rgba(4, 76, 157, 1) !important;}
.jsales-order-amount.jamount-margin.jsort-icon p, .jcustomer-list-row .jc-list-total-ordres.jsort-icon p, .jcustomer-list-row .jc-list-total-amount.jsort-icon p, .jcustomer-list-row .jc-list-total-due.jsort-icon p,.purchase-tab .jsales-order-amount.bill-amount.jsort-icon p{margin-left: auto;}
.jid-payment-summary-right .mat-progress-spinner circle{stroke-width:13% !important; stroke: rgba(12, 161, 246, 1) !important;}
.jid-payment-summary-right .mat-progress-spinner{height: 120px !important; width: 120px !important;}
.jid-payment-summary-right .mat-progress-spinner svg{height: 120px !important; width: 120px !important;}
.jbank-account .jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 5px; }
.main-content .sidebar { position: fixed; left: -240px; bottom: 0; top: 52px; z-index: 999; -webkit-transition: all .3s ease; transition: all .3s ease; }
body.open-sidebar .main-content .sidebar { left: 0; }
body.open-sidebar .main-content .sidebar{left: 0px;}
.mobile-menu { width: 18px; height: 24px; max-width: 100%; display: block; cursor: pointer; overflow: hidden; padding: 0; margin: 0; border: 0; background: transparent; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; outline: none; position: relative; margin-right: 15px; }
.site-header .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 73px;}
.mobile-menu .hamburger, .mobile-menu .hamburger:before, .mobile-menu .hamburger:after { background: #fff; display: block; width: 100%; height: 2px; position: absolute; top: 50%; margin-top: -1px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.4s cubic-bezier(0.600, 0.000, 0.200, 1.000); transition: all 0.4s cubic-bezier(0.600, 0.000, 0.200, 1.000); -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000); transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000); -webkit-transition-delay: 0s; transition-delay: 0s; }
.mobile-menu .hamburger:hover, .mobile-menu .hamburger:hover:before, .mobile-menu .hamburger:hover:after{background: rgba(20, 169, 254, 1);}
.mobile-menu .hamburger:before { content: ""; margin-top: -6px; top: 0; }
.mobile-menu .hamburger:after { content: ""; margin-top: 6px; top: 0; }
body.open-sidebar .mobile-menu .hamburger { background-color: transparent !important; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
body.open-sidebar .mobile-menu .hamburger:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0; }
body.open-sidebar .mobile-menu .hamburger:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 0; }
.jselect-box .mat-form-field-appearance-legacy .mat-form-field-wrapper, .jselect-box .mat-form-field-wrapper{padding: 0px;}
.jselect-box .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{padding:0px 10px; background-color: rgba(17,17,17,.1);}
.jselect-box .mat-form-field-appearance-fill.mat-form-field-disabled .mat-select-value-text{color:rgba(17,17,17,.5)}
.jselect-box .mat-form-field-label-wrapper{top: -9px;}
.position-filter.jselect-box .mat-form-field-label-wrapper{top: -18px; overflow: unset;}
.jselect-box .mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex{padding: 0px 10px;}
.jselect-box .jso-form-field .mat-form-field-label-wrapper{top: -12px;}
.jselect.mat-form-field .mat-form-field-underline, .jselect.mat-form-field .mat-form-field-label-wrapper{display: none;}
.jselect.mat-form-field .mat-form-field-flex{background-color: transparent; padding:0px; padding-bottom: 5.5px;}
.jpo-new-medicine .jselect.mat-form-field .mat-form-field-flex{padding-bottom: 0px; height: 20px;}
.jselect.mat-form-field .mat-select-value-text span{font-size: 16px; color: #111111; font-weight: 600; text-transform: capitalize;}
.jselect.mat-form-field.mat-form-field-appearance-fill .mat-select-arrow-wrapper{transform: translateY(0%);}
.jselect-box.Jfilter { border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 2px; height: 30px; display: flex; align-items: center; }
.jselect-box.Jfilter .mat-form-field{width: 100%;}
.jselect-box.Jfilter .mat-form-field-infix { padding: 0px; border-top: 0; }
.jselect-box.Jfilter .mat-form-field-label { color: rgba(4, 76, 157, 1); font-size: 14px; font-weight: 600; }
.jselect-box.Jfilter .mat-select-arrow-wrapper { transform: translateX(-10px); }
.jselect-box.Jfilter .mat-select-arrow { color: rgba(12, 161, 246, 1); font-size: 12px; }
.jselect-box.Jfilter .mat-form-field-underline { display: none; }
.jselect-box.Jfilter .mat-form-field-flex { background-color: transparent; }
.jselect-box.Jfilter .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { display: none; }
.jselect-box.Jfilter .mat-select-value { overflow: unset; }
.jselect-box.Jfilter.mat-select-value-text { color: rgba(4, 76, 157, 1); font-size: 14px; font-weight: 600; }
.jselect-box.Jfilter .mat-select-value-text { color: rgba(4, 76, 157, 1); font-size: 14px; font-weight: 600; }
.cdk-overlay-pane.cdk-overlay-pane-select.short-cdk-overlay-pane-select{top: auto;}
.cdk-overlay-pane .mat-option.content-option span { padding: 7px 0px; }
.jsales-sales-person .jselect-box .mat-form-field-label-wrapper{top: -18px; overflow: unset;}
.jsales-sales-person .jselect-box.Jfilter .mat-form-field-label{color: rgba(17, 17, 17, 0.6); font-size: 14px; font-weight: 500;}
.jsales-sales-person .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.lt-header .right .jstaff-list .jpayment-option .mat-form-field-label-wrapper{top: -24px;}
.lt-header .right .jstaff-list.jnot-permission span.mat-select-value-text span { color: rgba(17,17,17,.2)!important; }
.lt-header .right .jstaff-list .jpayment-option .mat-form-field-label{display: block; font-size: 14px; color: rgba(4, 76, 157, 1); font-weight: 500;}
.jstaff-list .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.jmedicine-match-block .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
.jmedicine-match-block .mat-form-field-appearance-legacy .mat-form-field-underline{display: none;}
.jshorbook-desc.jshorbook-block.medicine-exists { background-color: rgba(4, 76, 157, 0.1); transition: all ease 0.3s;}
.prevent-select {-webkit-user-select: none; -ms-user-select: none; user-select: none;}
/* Did U Mean Css Start */
.jdid-u-mean {padding: 13px 0px;}
.jdid-u-mean-title p { color: #0CA1F6; font-size: 14px; font-weight: 700; padding-bottom: 10px; }
.jsuggset-medicine { display: flex; align-items: center; padding: 5px 10px; transition: all ease 0.3s; }
.jsuggset-medicine p { font-size: 14px; color: #111111; font-weight: 700; }
.jsuggset-medicine .fas { font-size: 12px; color: #044C9D; transform: rotate(-135deg); margin-left: auto; }
.jdid-u-mean-title { padding: 0px 10px; }
.jsuggset-medicine:hover { background-color: #0CA1F6; cursor: pointer;}
.jsuggset-medicine:hover p, .jsuggset-medicine:hover .fas { color: #fff !important;}

/* New Medicine Found Html Css Start */
.jnew-medicine-search-output { padding: 10px 0px 0px; width: 100%; }
.jnew-medicine-search-count{border-bottom: 1px solid rgba(4, 76, 157, 0.4); padding-bottom: 5px; margin-bottom: 5px;}
.jnew-medicine-search-count p { font-size: 16px; font-weight: 500; color: rgba(20, 169, 254, 1); }
.jnew-medicine-search-output-block { display: flex; align-items: center; padding: 5px 0px; }
.jnew-medicine-search-output-head .jmso-col { font-size: 14px; font-weight: 500; line-height: 20px; color: rgba(4, 76, 157, 0.6); }
.jnew-medicine-search-output-block .jmso-col1 { width: 50%; }
.jnew-medicine-search-output-block .jmso-col2 { width: 23%; }
.jnew-medicine-search-output-block .jmso-col3 { width: 15%; text-align: right; }
.jnew-medicine-search-output-block .jmso-col4 { width: 12%; text-align: right; }
.jnew-medicine-search-output-block .jmso-col { padding-right: 10px; }
.jnew-medicine-search-output-block .jmso-col4 button { margin-left: auto; }
.jnew-medicine-search-output-desc .jmso-col1 h6 { font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.jnew-medicine-search-output-desc .jmso-col1 p { font-size: 14px; padding: 0px; font-weight: 500; color: rgba(170, 170, 170, 1); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.jnew-medicine-search-output-desc .jmso-col2 { font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.jnew-medicine-search-output-desc .jmso-col3 { color: rgba(4, 76, 157, 1); font-size: 14px; font-weight: 700; }
.jnew-medicine-search-output-desc-group { max-height: 168px; overflow-y: overlay; overflow-x: hidden; }
.jnew-medicine-search-count button { margin-left: auto; min-width: 100px; }
.jnew-medicine-search-count { display: flex; align-items: center; margin-bottom: 8px; }
.jrm-footer-block { display: flex; align-items: center; background-color: rgba(255, 184, 34,0.2); padding: 10px; border-radius: 2px; margin-top: 10px;}
.jrm-footer-block-right { margin-left: auto; }
.jrm-button button { background-color: rgba(4, 76, 157, 1); }
.jrm-button button:hover{background-color: rgba(4, 76, 157, 0.9);}
.jrm-button a{font-size: 14px; color:rgba(12, 161, 246, 1); line-height: 18px; font-weight: 700; text-decoration: underline; transition: all ease 0.3s;}
.jrm-button a:hover{text-decoration: none;}
.jrm-footer-block-left p { font-size: 16px; font-weight: 700; color: rgba(4, 76, 157, 1); padding: 0px; }
.jrm-footer-block-left span { font-size: 14px; font-weight: 500; color: rgba(4, 76, 157, 1); }
.jso-form-field .jselect.mat-form-field {padding-bottom: 10px; border-bottom: 1px solid rgba(4, 76, 157, 0.8); }
.jpo-new-medicine .jso-form-field-group .jso-form-field.jso-form-field-pack { width: 24%; }
.jpo-new-medicine .jso-form-field-group .jso-form-field.jso-form-field-weightage { width: 55%; }
/* New Medicine Found Html Css End */
.payment-mode-list .mat-checkbox-label { display: flex; align-items: center; max-width: unset; }
.payment-mode-list label.mat-checkbox-layout{margin-bottom: 10px;}
.jmat-checkbox.jmat-checkbox-border .mat-checkbox-frame { background-color: transparent; border: 1px solid rgba(4, 76, 157, 0.4); }
.jshb-items.jmat-checkbox.jmat-checkbox-border:hover { background-color: transparent; }
.jshorbook-desc .mat-checkbox-checked ~ .jshorbook-desc {background-color: red;}
.jmedicine-head-col.jstatus-update .jstatus-mat-trigger{display: flex; align-items: center;}
.jshb-dist .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 0px; }
.jshb-dist .mat-form-field-appearance-legacy .mat-form-field-underline { display: none; }
.jshb-dist.jso-item-search.jso-new-search .mat-form-field-wrapper .mat-form-field-label{margin-top: -4px;}
.cdk-overlay-pane.cdk-overlay-pan-autocomplete { width: 450px !important; }
.cdk-overlay-pane.cdk-overlay-pan-autocomplete .mat-option{padding: 10px;}
.jmat-checkbox .mat-checkbox-frame, .jmat-checkbox .mat-checkbox-background{height: 16px;}
.jsales-order-payment.jmat-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jsales-order-payment.jmat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color: rgba(4, 76, 157, 1);}
.jcl-purchase-return.jmat-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background, .jcl-purchase-return.jmat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color: rgba(4, 76, 157, 1);}
.jform-field.jreceipt-remark .mat-form-field-appearance-fill .mat-form-field-flex{background-color: transparent; padding-left: 0px;}
.jform-field.jreceipt-remark .mat-input-element{min-height: 60px;}
.jcustomer-receipt .jbottomsheet-content-block .jform-field.jreceipt-remark textarea.mat-input-element{height: 60px;}
.jform-field.jreceipt-remark .mat-form-field-label span {color: #0CA1F6;font-size: 14px;font-weight: 500;margin-left: 20px;}
.mat-tab-body-content{overflow: unset !important;}
.mat-tab-body.mat-tab-body-active, .mat-tab-body{overflow : unset !important;}
.jso-form-field.jsod-itemname .mat-form-field-infix{padding: 0px; border-top:0px}
.jso-form-field.jsod-itemname .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.jso-form-field.jsod-itemname .mat-form-field-appearance-legacy .mat-form-field-label{top: 15px;}
.jsales-order-details-desc .jso-form-field.jsod-itemname .mat-form-field-flex .fas { top: 3px; }
.jsod-stock span { padding-right: 5px; position: absolute; left: 0;}
.jsod-stock span .fas{color:rgba(12, 161, 246, 1) !important; font-size:14px !important}
.full-body.jlanding-page .jblog .container{padding: 0px 20px !important;}
.set-manager .jmat-checkbox .mat-checkbox-label { color: rgba(12, 161, 246, 1); font-size: 18px; font-weight: 600; }
.highlight_edit_packing{
  animation: highlight_edit_packing 0.4s ease-in-out infinite alternate;
  -webkit-animation: highlight_edit_packing 0.4s ease-in-out infinite alternate;
  color: rgba(255, 0, 0, 1)
}

@keyframes highlight_edit_packing {
  0%   { color: rgba(255, 0, 0, 0.4  )}
  50%   { color: rgba(255, 0, 0, 0.7  )}
  100% { color: rgba(255, 0, 0, 1)}
}

/* Sweet Alert Css Start */
.swal2-popup{width: 500px ; padding: 20px !important;}
.swal2-popup .swal2-title{font-size:22px !important;}
.swal2-popup .swal2-content{font-size:16px !important;}
.swal2-popup .swal2-actions button { min-width: 70px !important;}
.swal2-popup .swal2-styled{margin: 0px 10px !important; padding: 6px 20px !important; font-weight: 500 !important; box-shadow: none; font-size: 16px !important;}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 7px !important; top: 28px !important; } 
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 7px !important; top: 28px !important; }
.swal2-icon { width: 60px !important; height: 60px !important; margin: 10px auto 15px !important; line-height: 60px !important; }
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{  top: 30px !important; right: 5px !important; width: 35px !important;} 
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{ top: 34px !important; left: 12px !important; width: 16px !important;}


/* Bank Account bottomsheet */
.jadd-bank-account-details { padding: 15px 20px; }
.jadd-bank-account-details-block { display: flex; flex-wrap: wrap; }
.jaccount-bottomsheet .jform-field label {padding-bottom: 8px; color: rgba(4, 76, 157, 1); font-size: 14px; font-weight: 500; width: 100%; }
.jaccount-bottomsheet .jform-field input { width: 100%; border: 0; border-bottom: 1px solid rgba(4, 76, 157, 0.4); padding-bottom: 5px; font-size: 16px; font-weight: 500; color: rgba(17, 17, 17, 1); } 
.jaccount-bottomsheet .jform-field input:focus { outline: none; } 
.jadd-bank-account-details-left { width: 65%; margin-right: 4%; position: relative;} 
.jadd-bank-account-details-right { width: 31%; }
.jaccount-bottomsheet .jform-field input::placeholder { color: rgba(17, 17, 17, 0.3); font-size: 14px; }
.jaccount-bottomsheet .jform-field .fas { position: absolute; right: 5px; top: 50%; font-size: 14px; color: rgba(12, 161, 246, 1); }
.jaccount-bottomsheet .jform-field .jhead-tooltips .fas{right: -16px; top: 2px;} 
.jaccount-bottomsheet .jadd-bank-account-details-left .jform-field .fas {top: 30%;}
.jaccount-bottomsheet .jform-field { position: relative; }
.jaccount-bottomsheet .jform-field { margin-bottom: 25px; } 
.jentryin-passbook .jadd-bank-account-details-left, .jentryin-passbook .jadd-bank-account-details-right { width: 48%; }
.jaccount-bottomsheet .jform-field-group { display: flex; flex-wrap: wrap; }
.jaccount-bottomsheet .jform-field-group .jform-field { width: 49%; margin-right: 2%; }
.jaccount-bottomsheet .jform-field-group .jform-field:last-child { margin-right: 0px; }
.jentryin-passbook .jfind-bank.jadd-bank-account-details-left{width: 100%;}
.jentryin-passbook .jfind-bank.jadd-bank-account-details-left .mat-form-field{border-bottom: 1px solid rgba(4, 76, 157, 0.4);}
.jbottomsheet-head-left h4 { font-size: 24px; color: #fff; font-weight: 600; line-height: 28px;}
.jbottomsheet-head-right { margin-left: auto; display: flex; align-items: center;} 
.jmodal-close{margin-left: 20px;}
.jmodal-close .fas { color: #fff !important; font-size: 18px !important; transition: all ease 0.3s; }
.jmodal-close .fas:hover { color: #fff !important; cursor: pointer;}
.jremark-field input{text-transform: capitalize;} 
.set-disable { opacity: 0.4;}
.jform-field input[type="text"]:disabled{background-color: transparent;cursor: not-allowed;}
.jadd-full-width.jadd-bank-account-details-right { width: 100%; }
.jid-box-shadow .mat-tab-body{width: 100%;}
.jcph-selected-item span.mat-checkbox-label { font-weight: 600; }
/* Update Payment Menu Css In listing Css Start */
.mat-menu-panel{min-width: 180px !important;}
.mat-menu-content:not(:empty){padding: 0px !important;}
.jpayment-list button.mat-menu-trigger.mat-button { padding: 0px; line-height: normal; }
.jmenu-button:hover {background-color: rgba(12,161,246,1) !important;}
.jdisable-menu-button.mat-menu-item[disabled], .jdisable-menu-button.mat-menu-item[disabled]::after{color:rgba(12,161,246,1) !important; border-bottom: 1px solid rgba(4,76,157,.1);}
.jmenu-button:hover img{filter: brightness(0) invert(1);}
.jmenu-button:hover p{color:#fff}
.jmenu-button img { max-width: 15px; margin-left: 5px; margin-right: 10px; }
.jmenu-button p{font-size: 14px; color: #111111; font-weight: 500; padding:0px}
button.jmenu-button.mat-menu-item { height: 42px; line-height: normal; display: flex; align-items: center; border-bottom: 1px solid rgba(4,76,157,.1); padding: 0px 15px; }
/* Update Payment Menu Css In listing Css End */
/* Toaster Css Start */
.toast-container.toast-bottom-center .ngx-toastr{width: 450px !important; display: flex; align-items: center; box-shadow: 0 0 12px #000000;}
.toast-close-button{top: 0px !important; right: 0px !important; font-size: 30px !important; order: 3; margin-left: auto;}
.toast-container .toast-close-button span{margin-left: 5px;}
.jrecord-date .search-item.jsales-order-date.date-box .md-drppicker{overflow: auto !important; bottom:-70px;}
.jpayment-list .fas { font-size: 12px;}
.order-type-option span.mat-option-text .fas { margin-right: 5px; width: 20px; }
.order-type-option .fas{margin-right: 5px; font-size: 14px !important;}
/* Master Search Css Start */
.jmaster-search-modal .mat-form-field .mat-form-field-wrapper{padding:0px}
.jmaster-search-modal .mat-form-field .mat-form-field-flex { padding: 0px; background-color: transparent; }
.jmaster-search-modal .mat-form-field .mat-form-field-infix { padding: 0px; border-top: 0; width: 140px; }
.jmaster-search-modal .mat-form-field span.mat-select-value-text { color: rgba(12, 161, 246, 1); font-size: 16px; font-weight: 600; }
.jmaster-search-modal .mat-form-field .mat-select-arrow-wrapper { top: 9px; position: relative; color: rgba(17, 17, 17, 0.2); }
.jmaster-search-modal .mat-form-field .mat-form-field-label-wrapper { top: 0; padding-top: 0; }
.jmaster-search-modal .mat-form-field .mat-form-field-underline { height: 0; display: none; }
/* Master Search Css End */
.jinventory-filter-list .jmat-checkbox{margin-left: 0px;}
.jinventory-filter-list .mat-checkbox-inner-container{width: 14px; height: 14px;}
.jinventory-filter-list .jmat-checkbox .mat-checkbox-frame, .jinventory-filter-list .jmat-checkbox .mat-checkbox-background{height: 14px;}
.jinventory-filter-list .jmat-checkbox .mat-checkbox-frame{background-color: rgba(12, 161, 246, 1);}
.jinventory-filter-list .jmat-checkbox .mat-checkbox-label{max-width: unset;}
.jinventory-filter-list .mat-checkbox-layout .mat-checkbox-label{font-size:14px; color:rgba(17, 17, 17, 1); font-weight:500;}
.jcustom .md-drppicker { width: 650px !important;}
.jmanufacture-filter-search .mat-form-field-label{top: 30px !important; left: 10px; font-size: 12px; font-weight:600; color:rgba(4, 76, 157, 0.4)}
.jmanufacture-filter-search .mat-form-field-appearance-legacy .mat-form-field-underline .mat-form-field-ripple, .jmanufacture-filter-search .mat-form-field-appearance-legacy .mat-form-field-underline{height: 0;}
.jinventory-filter-list .mat-form-field-appearance-legacy .mat-form-field-underline .mat-form-field-ripple, .jinventory-filter-list .mat-form-field-appearance-legacy .mat-form-field-underline{height: 0;}
.jmanufacture-filter-search .mat-form-field-wrapper, .jinventory-filter-list .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding:0 !important;}
.jmanufacture-filter-search .mat-form-field-infix,  .jinventory-filter-list .mat-form-field-infix{padding:0px !important; border-top: 0px; width:100%}
.cdk-overlay-pane-filter-search .mat-option-text p{font-size:14px; font-weight:600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jinventory-filter-list .mat-chip.mat-standard-chip,.mat-chips-example .mat-chip.mat-standard-chip,.advanced-search-bottomsheet .mat-chip.mat-standard-chip{background-color: rgba(4, 76, 157, 0.1); border-radius: 30px; padding: 4px 10px; height: 28px; min-height: 28px; display: flex; align-items: center;  color: rgba(12, 161, 246, 1); font-size: 14px; font-weight: 600;}
.jinventory-filter-list .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon, .advanced-search-bottomsheet .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon,.mat-chips-example .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon{ color: rgba(4, 76, 157, 0.6); transition: all ease 0.3s; opacity: 1; font-size:16px; width:16px; height: 16px;}
.jinventory-filter-list .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon:hover, .advanced-search-bottomsheet .mat-chip.mat-standard-chip .mat-chip-remove.mat-icon:hover{ color: rgba(4, 76, 157, 1); transform: rotate(360deg); transition: all ease 0.3s; opacity: 1;}
.jinventory-filter-list .mat-form-field{border: 1px solid rgba(12, 161, 246, 0.8); padding: 8px; border-radius: 4px; width:100%}
.jinventory-filter-list .jmanufacture-filter-search .mat-form-field{border: 0; padding: 0px; border-radius: 0px; width:100%}
.jinventory-filter-option .mat-option{padding: 5px 8px !important; color: #044C9D !important; font-size: 16px !important; font-weight: 600;}
.jinventory-filter-list .mat-chip.mat-standard-chip p,.mat-chips-example .mat-chip.mat-standard-chip p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: rgba(12, 161, 246, 1); padding:0px; font-size: 14px; line-height: 20px; font-weight: 600; max-width: 150px;}
.advanced-search-bottomsheet .mat-chip.mat-standard-chip p,.mat-chips-example .mat-chip.mat-standard-chip p{color: rgba(12, 161, 246, 1); padding:0px; font-size: 14px; line-height: 20px; font-weight: 600;}
.cdk-overlay-pane-filter-search .mat-option { padding: 5px 15px !important; color: #044C9D !important; font-size: 16px !important; font-weight: 600; }
.jinventory-filter-list .mat-form-field-label-wrapper { top: -20px; padding-top: 19px; }
.jinventory-filter-list .mat-form-field-label{line-height: normal;}
.jinventory-filter-list .jmanufacture-filter-search .mat-form-field-label-wrapper { top: -20px;}
.jinventory-filter-list .mat-form-field.mat-focused, .jinventory-filter-list .mat-form-field.active{border: 1px solid rgba(4, 76, 157, 1);}
.jinventory-filter-option .mat-option.active{background-color: rgba(12, 161, 246, 1) !important; color:#fff}
.jinventory-filter-option .mat-option:hover{border-radius: 2px; }
.jinventory-filter-option .mat-option{margin: 5px 10px; border-bottom: 0;}
.jinventory-filter-option .mat-option .mat-option-text{display: inline-block; align-items: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jinventory-filter-option .mat-option .fas{margin-left: auto; font-size:14px}
.mat-select-panel-wrap.cdk-entity-select { margin-top: 30px; }
.jsales-order-search input{height: 34px;}
.jnotification-add .mat-tab-label { font-size: 18px; color: rgba(17, 17, 17, 0.4); font-weight: 700; }
.jnotification-add .mat-tab-label.mat-tab-label-active { color: rgba(12, 161, 246, 1); }
.jnotification-add .mat-tab-group.mat-primary .mat-ink-bar, .jnotification-add .mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color: rgba(12, 161, 246, 1);}
.jminmax-filter-option .mat-option{padding: 5px 8px !important; color: #044C9D !important; font-size: 16px !important; font-weight: 600;}
.jminmax-filter-option .mat-option.active{background-color: rgba(12, 161, 246, 1) !important; color:#fff}
.jminmax-filter-option .mat-option:hover{border-radius: 2px; }
.jminmax-filter-option .mat-option{margin: 5px 10px !important; border-bottom: 0;}
.jminmax-filter-option .mat-option .mat-option-text{display: inline-block; align-items: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jminmax-filter-option .mat-option .fas{margin-left: auto; font-size:14px}
.jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper { padding: 0px; }
.jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0px; border-top: 0; }
.jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-underline { height: 0; display: none; }
.jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-flex { background-color: transparent; padding: 0px; }
.jmat-form-field.mat-form-field{margin-right: 20px;}
.jmat-form-field.mat-form-field:last-child{margin-right: 0px;}
.drop-down-and-preferred-value .jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-label{top: 0; left: 0; padding: 0; color: #fff;}
.jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-label {top: 7px; left: 10px; font-size: 14px; font-weight: 500; color: rgba(4, 76, 157, 0.6);}
.jmat-form-field span.jfrom-field-label{ font-size: 14px; color: rgba(4, 76, 157, 0.6); font-weight: 500; line-height: 17px; }
.jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-label-wrapper{top: 0; padding-top: 0;}
.jmat-form-field .mat-datepicker-toggle{ position: absolute; top: 10px; right: -38px; font-size: 18px;     color: rgba(4, 76, 157, 0.6);}
.outstanding-report .jmat-form-field .mat-datepicker-toggle{top: -14px; right: -24px;}
.jmat-table tr.mat-row,.jmat-table tr.mat-footer-row{height: 40px; line-height: 40px;}
.expiry-report-header .jselect-box.Jfilter .mat-form-field-label{top: 9px;}
.jbottomsheet .expiry-report-header .jso-form-field label.mat-form-field-label{padding-top: 0px; top: 24px; left: 10px;}
.jbottomsheet .expiry-report-header .jso-form-field .mat-form-field-infix .fas { top: 15px; right: 15px; }
.jmat-table .cdk-column-stock_by_ptr .mat-sort-header-container, .jmat-table .cdk-column-amount .mat-sort-header-container,.jmat-table  .mat-text-right .mat-sort-header-container{justify-content: flex-end;}
.jmat-table  .mat-text-center .mat-sort-header-container{justify-content: center;}
.shortbook-table.jmat-table tr.mat-row, .shortbook-table.jmat-table tr.mat-footer-row { height: auto; line-height: normal; }
.jmat-radio-button.jso-form-field .mat-radio-outer-circle { border: 1px solid rgba(17, 17, 17, 0.4); background-color: transparent; }
.jmat-radio-button.jso-form-field .mat-radio-button.mat-accent .mat-radio-inner-circle:before { content: "\f00c"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 18px; color: #fff; top: -3px; left: 0px; position: absolute; }
.jmat-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { background-color: rgba(12, 161, 246, 1); border-color: rgba(12, 161, 246, 1); }
.jmat-radio-button.jso-form-field .mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:transparent; width: 18px; height: 18px;}
.jbottomsheet-details-left .jmat-radio-button.jso-form-field{width: 100%;}
.jso-form-field.jmat-radio-button .mat-radio-label-content{font-size:16px; font-weight: 500; padding-left: 12px;}
.jexpense-manager .jso-form-field.jmat-radio-button .mat-radio-label-content{font-size:14px; font-weight: 600; padding-left: 12px;}
.jso-form-field.jmat-radio-button .mat-radio-label{padding-bottom: 10px;}
.jso-form-field.jmat-radio-button .mat-radio-checked .mat-radio-label-content{color: rgba(12, 161, 246, 1);}
.jso-form-field.jmat-radio-button .mat-radio-container, .jso-form-field.jmat-radio-button .mat-radio-outer-circle{width:18px; height:18px}
.jexpense-manager .jso-form-field .mat-form-field-suffix{position:unset;}
.jexpense-manager .jso-form-field .mat-datepicker-toggle{top: 0px;}
.jexpense-manager .jpayment-mode .mat-select-value-text { font-size: 18px; color: #111111; font-weight: 600; }
.jdownload-select .mat-select-value-text { font-size: 16px; color: rgba(12, 161, 246, 1); font-weight: 600; text-transform: capitalize;}
.jdownload-select .mat-select-arrow{color: rgba(12, 161, 246, 1); margin: 0px;}
.jmat-table .cdk-column-amount.jtxt-right .mat-sort-header-container{justify-content: flex-end;}
.jdownload-option span.mat-option-text .fas, .jdownload-option span.mat-option-text .fab { padding-right: 10px; font-size: 16px; }
.jdownload-select .mat-select-value-text .fas,.jdownload-select .mat-select-value-text .fab { margin-right: 5px; }
.medicine-stock-details-right-div .jduration-select .mat-select-value-text,
.medicine-stock-details-right-div .jduration-select .mat-select-arrow{color: white !important; font-weight: 600;}
.medicine-stock-details-right-div .jmat-select .mat-select-placeholder{color: white !important;}
.payment-transaction .md-drppicker, .inventory-reconsiliation-report .md-drppicker,.stock-adjustment-report .md-drppicker,.jshorbook-block .jsales-order-date .md-drppicker,.item-mapping-log-report .md-drppicker{ top: auto !important; left: auto !important; right: 0 !important; }
.vitalcoin-history.payment-transaction .md-drppicker {left: 0 !important; right: auto !important; }
.jselect-box.jselect-without-border .mat-form-field-wrapper { padding: 0px; }
.jselect-box.jselect-without-border .mat-form-field-infix { padding: 0px; border-top: 0; }
.jselect-box.jselect-without-border span.mat-form-field-label-wrapper { padding: 0; top: 0; }
.jselect-box.jselect-without-border .mat-form-field-underline { display: none; height: 0; }
.jselect-box.jselect-without-border .mat-select-arrow-wrapper {position: relative;top: 1px;}
.jselect-box.jselect-without-border .mat-select-arrow { color: rgba(17, 17, 17, 0.4); }
.cdk-overlay-pane.cdk-overlay-jmat-select { min-width: 320px !important; max-width: 320px !important;}
.jso-patient-found-left { width: 70%; }
.jso-patient-found-right { width: 30%; text-align: right;}
.mat-select-panel-wrap{margin-top:30px !important}
.cdk-overlay-pane.cdk-overlay-jmat-select .mat-option { height: auto; line-height: normal; }
.cdk-overlay-pane.cdk-overlay-jmat-select .mat-option:hover h6,.cdk-overlay-pane.cdk-overlay-jmat-select .mat-option:hover p, .cdk-overlay-pane.cdk-overlay-jmat-select .mat-option:hover span,.cdk-overlay-pane.cdk-overlay-jmat-select .mat-option.mat-active h6,.cdk-overlay-pane.cdk-overlay-jmat-select .mat-option.mat-active p, .cdk-overlay-pane.cdk-overlay-jmat-select .mat-option.mat-active span{color:#fff !important}
.cdk-overlay-pane.cdk-overlay-jmat-select .mat-option.jrequest-medicine-option p, .cdk-overlay-pane.cdk-overlay-jmat-select .mat-active.mat-option.jrequest-medicine-option p{color:#0CA1F6 !important; cursor: pointer; font-size:14px !important}
.jfamily-option .mat-select-value{ padding-top: 3px; font-size: 16px; color: #111111; font-weight: 600;}
.jmat-radio-button.jso-form-field .mat-radio-outer-circle { border: 1px solid rgba(17, 17, 17, 0.4); background-color: transparent; }
.jmat-radio-button.jso-form-field .mat-radio-button.mat-accent .mat-radio-inner-circle:before { content: "\f00c"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 18px; color: #fff; top: -3px; left: 0px; position: absolute; }
.jmat-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { background-color: rgba(12, 161, 246, 1); border-color: rgba(12, 161, 246, 1); }
.jmat-radio-button.jso-form-field .mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:transparent; width: 18px; height: 18px;}
.jbottomsheet-details-left .jmat-radio-button.jso-form-field{width: 100%;}
.jso-form-field.jmat-radio-button .mat-radio-label-content{font-size:16px; font-weight: 500; padding-left: 12px;}
.jso-form-field.jmat-radio-button .mat-radio-label{padding-bottom: 10px;}
.jso-form-field.jmat-radio-button .mat-radio-checked .mat-radio-label-content{color: rgba(12, 161, 246, 1);}
.jso-form-field.jmat-radio-button .mat-radio-container, .jso-form-field.jmat-radio-button .mat-radio-outer-circle{width:18px; height:18px}
.jsales-patient-details-center .jfamily-option span.mat-select-value-text span { font-size: 16px; text-transform: capitalize; line-height: 19px; color: rgba(4, 76, 157, 1); font-weight: 600; }
.jsales-patient-details-center .jfamily-option .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(4, 76, 157, 0.4); top: 4px; }
.jtrial-ends-in .mat-progress-bar { height: 6px; border-radius: 5px; width: 60%;}
.jtrial-ends-in .mat-progress-bar .mat-progress-bar-buffer { background-color: rgba(255,255,255,0.3); }
.jtrial-ends-in .mat-progress-bar .mat-progress-bar-fill::after { background-color: rgba(255,255,255,1); }
.jtrial-ends-in .mat-progress-bar .mat-progress-bar-background{fill: rgba(255,255,255,0);}
.jdownload-select .mat-form-field-infix ,.jdownload-select .mat-form-field{ width: 100%; }
.jso-form-field .jselect.mat-form-field-appearance-fill.mat-form-field-disabled { color: rgba(17,17,17,0.1); background-color: rgba(17,17,17,.04); }
.jso-form-field .jselect.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background: transparent; background-color: transparent;}
.japc-select-box .jselect-box.Jfilter .mat-select-value-text { text-transform: capitalize; }
.patient-add-input .jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-label-wrapper { top: -6px; color: rgba(12, 161, 246, 0.6); padding-top: .84375em; font-weight: 500; }
.patient-add-input .jmat-form-field.mat-form-field-appearance-legacy .mat-form-field-label {  left: 0px;}
.jpdf-generate-loader {display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(0,0,0,0.8);}
.jpdf-generate-loader .fas{color: #fff; font-size:42px;}
.jpdf-generate-loader p{color: #fff; font-size:18px; margin-top:15px}
.op-list span:hover .fas{display: flex;}
.op-list span{position: relative; margin-right: 10px;}
.op-list .fas{position: absolute; color: #034c9d!important; top: 0; left: 0; background: rgba(0,0,0,.21176470588235294); padding: 2px; font-size: 26px; cursor: pointer; display: none; width: 100%; height: 60px; justify-content: center; align-items: center; border-radius: 7px;}
/* New Ui For Medicine Search Css Start */
.jnew-item-search .main-group { display: flex; align-items: center; }
.jnew-item-search .requested-icon { width: 20px; }
.jnew-item-search .medicine-section { width: calc(100% - 50px); }
.jnew-item-search .Alternative-icon { width: 30px;text-align: right;}
.jnew-item-search  .about-medicines { display: flex; align-items: center; }
.jnew-item-search  .manufacturer-details { width: 51%;display: flex; }
.jnew-item-search  .unit-details { width: 19%; }
.jnew-item-search  .mrp-details { width: 18%; text-align: right; }
.jnew-item-search  .stock-details { width: 12%; text-align: right; }
.jnew-item-search .main-group{padding: 10px 0px;}
.jnew-item-search.jso-item-search-suggestion-head > div p{color: rgba(17, 17, 17, 0.4); font-size: 14px; padding: 0px;}
.jnew-item-search .requested-icon .fas { font-size: 14px; color: rgba(12, 161, 246, 1); padding-right: 5px; }
.jnew-item-search .medicinename-details p { color: rgba(4, 76, 157, 1); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; padding: 0px; font-weight: 600;}
.jnew-item-search .manufacturer-details p { font-size: 12px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0px; }
.jnew-item-search .unit-details p { font-size: 12px; font-weight: 600; color: #000; padding: 0px; }
.jnew-item-search .unit-details p span{text-transform: uppercase;}
.jnew-item-search .mrp-details p { font-size: 14px; margin-left: 15px; color: rgba(4, 76, 157, 1); font-weight: 500; padding: 0px; }
.jnew-item-search .mrp-details p .fas{font-size: 12px; font-weight: 500;}
.jnew-item-search .stock-details p { color: rgba(12, 161, 246, 1); font-weight: 500; font-size: 14px; padding: 0px; }
.jnew-item-search .Alternative-icon p { text-align: center; font-size: 14px; color: #fff; background-color: #044c9d; border-radius: 50%; padding: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; margin-left: auto; }
/* New Ui For Medicine Search Css End */
.jlanding-page .header .container{max-width: 1200px;}
.date-filter.jso-form-field .jmat-form-field .mat-datepicker-toggle { right: -40px; top: -27px; }


.image-slider .owl-nav .owl-prev, .ratings-box .owl-nav .owl-prev { position: absolute; left: 50px; top: calc(50% - 4px); padding: 0; background: transparent !important; color: #044C9D !important; font-size: 32px !important; height:auto;}
.image-slider .owl-nav .owl-next, .ratings-box .owl-nav .owl-next { position: absolute; right: 50px; top: calc(50% - 4px); padding: 0; background: transparent !important; color: #044C9D !important; font-size: 32px !important; height:auto;}
.ratings-box .owl-nav .owl-prev, .ratings-box .owl-nav .owl-next { font-size: 0px !important; }
.image-slider .owl-nav .owl-prev:hover, .image-slider .owl-nav .owl-next:hover, .ratings-box .owl-nav .owl-prev:hover, .ratings-box .owl-nav .owl-next:hover { background: none; color: #044C9D; }
.ratings-box .owl-theme .owl-dots .owl-dot span { width: 80px; height: 80px; border-radius: 100%; }
.ratings-box .owl-nav { display: hidden; }
.ratings-box .owl-theme .owl-dots .owl-dot:nth-child(1) span { background-image: url("https://d2ffmswuyj0h1d.cloudfront.net/storage/extra/evitalrx/guide-line-assets/person1.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; }
.ratings-box .owl-theme .owl-dots .owl-dot:nth-child(2) span { background-image: url("https://d2ffmswuyj0h1d.cloudfront.net/storage/extra/evitalrx/guide-line-assets/person4.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; }
.ratings-box .owl-theme .owl-dots .owl-dot:last-child span { background-image: url("https://d2ffmswuyj0h1d.cloudfront.net/storage/extra/evitalrx/guide-line-assets/person3.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; }
.ratings-box .owl-theme .owl-dots .owl-dot.active span, .ratings-box .owl-theme .owl-dots .owl-dot:hover span { width: 150px; height: 150px; border-radius: 100%; background-position: center; background-size: 100%; }
.image-slider .owl-item{text-align: center;}
body{ overflow-x: hidden;}
.image-slider .owl-nav .owl-prev{left: 0px;}
.image-slider .owl-nav .owl-next{right: 0px;}
.advanced-search-container .advanced-search{max-width: 1366px; margin:0 auto}
.jselect-box.mat-table-select .mat-form-field,.jselect-box.mat-table-select .mat-select-trigger { width: 100%; }
.jselect-box.mat-table-select .mat-form-field-flex{padding: 0px 10px !important;}
.mat-table-select-option.jso-patient-found-group.mat-option{height: auto;}
.mat-table-select-option .gstn-address{display: flex; align-items: center;}
.sell-forecast .mat-column-shortbook_quantity .mat-sort-header-container,.sell-forecast .mat-column-current_stock .mat-sort-header-container,.sell-forecast .mat-column-min_quantity .mat-sort-header-container,.sell-forecast .mat-column-max_quantity .mat-sort-header-container{justify-content: center;}
/* Inventory Mapping Checkbox CSS Start */
.navigateAfterMappingblock.jmat-checkbox{margin-left: 0px;}
.navigateAfterMappingblock.jmat-checkbox .mat-checkbox-label{max-width: 380px;}
/* Inventory Mapping Checkbox CSS end*/
.inventory-wrapper .mat-tab-labels{height: 40px; padding-top: 3px}
.distributor-medicine-carousel .owl-nav .owl-prev { left: auto !important; right: 23px; font-size: 22px !important; margin-right: 15px !important;}
.distributor-medicine-carousel .owl-nav .owl-next {left: auto;right: 0;font-size: 22px !important;}
.distributor-medicine-carousel .owl-nav .owl-next, .distributor-medicine-carousel .owl-nav .owl-prev { top: auto; bottom: 17px; height: 40px; width: 40px; display: flex !important; align-items: center; justify-content: center; background-color: transparent; border-radius: 50%; padding: 0px;}
.distributor-medicine-carousel .owl-nav > div:hover { background-color: rgba(255, 184, 34, 0.6) !important; border-radius: 50%;}
.cdk-overlay-pane.cdk-overlay-online-dist { min-width: 600px !important; }
.cdk-overlay-pane.cdk-overlay-online-dist .mat-table-select-option { min-width: 100%; max-width: 100%; }
.action-menu-list .jmenu-button{height: 46px; font-weight: 500; font-size: 14px;}
.action-menu-list .jmenu-button .fas,.action-menu-list .jmenu-button .fab,.action-menu-list .jmenu-button .fa-solid{margin-right: 10px; min-width: 15px; font-size: 14px !important; color: rgba(12, 161, 246, 1) !important;}
.action-menu-list .jmenu-button:hover .fas,.action-menu-list .jmenu-button:hover .fab,.action-menu-list .jmenu-button:hover .fa-solid{color: #fff !important;}
.action-menu-list .jmenu-button .fab{font-size: 16px !important;}
.action-menu-list .jmenu-button.disabled{background-color: rgba(17,17,17,.1); color: rgba(17,17,17,.3) !important; pointer-events: none; cursor: default;}
.action-menu-list .jmenu-button.disabled .fas,.action-menu-list .jmenu-button.disabled .fab,.action-menu-list .jmenu-button.disabled .fa-solid{color: rgba(17,17,17,.3)}
.action-menu-list .jmenu-button.disabled:hover{background-color: rgba(17,17,17,.1); color: rgba(17,17,17,.3);}
.action-menu-list .jmenu-button:hover,.action-menu-list .jmenu-button:hover .fas,.action-menu-list .jmenu-button:hover .fab{color: #fff;}
.mat-menu-panel.action-menu-list{min-height: 42px;}
.terms-checkbox-group .jmat-checkbox .mat-checkbox-label { max-width: unset; font-size: 18px; color: rgba(17, 17, 17, 1); margin-left: 11px; }
.terms-checkbox-group .jmat-checkbox.jmat-checkbox-border .mat-checkbox-frame{border:2px solid rgba(4, 76, 157, 0.4)}
.jcl-remark-mat-menu.mat-menu-panel { max-width: 520px; max-height: 300px;min-width: 150px !important;}
.cdk-overlay-pan-market-place-menu .mat-menu-panel { max-width: 400px; min-width: 300px !important; max-height: 400px;}
.cdk-overlay-connected-position-bounding-box.jcl-remark-overlay-pane { right: 30px !important; left: auto !important; }
.terms-checkbox-group .jmat-checkbox .red-alert-checkbox .mat-checkbox-label{color: #dd4e5a;}
.market-filter-search span.mat-form-field-label-wrapper { top: -16px; padding-top: 20px; }
.marketplace-filter-search.market-filter-search span.mat-form-field-label-wrapper{top: -6px;}
.market-filter-search.jso-item-search.jso-new-search .mat-form-field-wrapper .mat-form-field-label{padding:0px; color: rgba(4, 76, 157, 0.5);}
.market-filter-search.jso-item-search .jso-form-field .mat-form-field-appearance-legacy .mat-form-field-infix {padding-top: 0;}
.marketplace-available-at-group .jso-form-field .mat-radio-button { width: 100%; }
.marketplace-available-at-group .jso-form-field .mat-radio-button.mat-radio-disabled { background-color: rgba(17,17,17,0.1); opacity: 0.5; }
.marketplace-available-at-group .jso-form-field.jmat-radio-button .mat-radio-label { width: 100%;border-bottom: 1px solid rgba(17, 17, 17, 0.2); padding: 10px 0px; align-items: flex-start;}
.marketplace-available-at-group .jso-form-field.jmat-radio-button .mat-radio-label-content { width: calc(100% - 18px); }
.marketplace-available-at-group .jmat-radio-button.jso-form-field .mat-radio-button.mat-accent .mat-radio-inner-circle:before{top: -1px;}
.marketplace-available-at-group .jmat-radio-button.jso-form-field .mat-radio-outer-circle{border: 1px solid #0CA1F6;}
.marketplace-available-at-group .jso-form-field.jmat-radio-button .mat-radio-container{margin-top: 2px;}
.marketplace-dist-menu-filter .mat-button-focus-overlay { position: unset; }
.cdk-overlay-pan-autocomplete .marketplace-filter-matautocomplete { left: -30px; }  
.place-order-payment-mode.jselect-box .mat-form-field-label-wrapper { top: 0; }
.place-order-payment-mode.jselect-box.Jfilter .mat-form-field-label { top: 0; }
.tds-tcs-dropdown .jselect-box .mat-form-field-label-wrapper { top: -18px; overflow: unset; }
.tds-tcs-dropdown .jselect-box .mat-select-value,.cdk-overlay-pane .tds-tcs-select-option .mat-option-text {text-transform: uppercase;}
.sum-varification-div { display: flex; align-items: center; background-color: #0ca1f6; padding: 12px 20px; border-radius: 4px 4px 0px 0px; margin-top: 34px; justify-content: center; }
.sum-varification-div p { font-size: 26px; font-weight: 700; color: #fff; padding: 0; }
.sum-varification-div input { background-color: #fff; height: 40px; border: 0; border-radius: 4px; max-width: 80px; padding: 10px; outline: none; margin-left: 20px; color: #044c9d; font-size: 24px; font-weight: 700; text-align: center; }
.sum-varification-input{display: flex; align-items: center; margin: 0 auto;}
.sum-varification-div label{font-size: 16px; font-weight: 700;}
.sum-varification-div .jblue-button{font-size: 16px; background-color: rgba(4, 76, 157,1); height: 40px; border-radius: 4px; font-weight: 700;}
.sum-varification-div button.jblue-button.disabled-btn { background-color: rgba(4, 76, 157,0.6); color: rgba(255,255,255,.4); cursor: default; height: 40px; border-radius: 4px; font-size: 16px;}
.sum-varification-div button.jblue-button.disabled-btn:hover{color: rgba(255,255,255,.4);}
.jsales-order .lt-header .right .mat-select.mat-select-disabled { opacity: 0.4; }
.sorter-input-box .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding: 0; }
.sorter-input-box .mat-form-field-label-wrapper { top: 0; padding: 0; }
.sorter-input-box .mat-form-field-wrapper .mat-form-field-label,.sorter-input-box .mat-focused .mat-form-field-wrapper .mat-form-field-label{ color: rgba(37, 50, 71, 0.5); font-size: 18px; font-weight: 700; padding: 0 !important; top: 16px;}
.sorter-input-box .mat-form-field-appearance-legacy .mat-form-field-underline { display: none; }
span.new-tag { margin-left: 10px !important; position: unset !important; width: auto !important; font-size: 14px !important;} 
.nettag-color-change{ -webkit-animation: newtag-color-change 0.5s infinite; -moz-animation: newtag-color-change 0.5s infinite; -o-animation: newtag-color-change 0.5s infinite; -ms-animation: newtag-color-change 0.5s infinite; animation: newtag-color-change 0.5s infinite; transition: all ease 0.3s; }
.jpagination a.jblue-button.btn-disabled {background-color: rgba(17,17,17,.2) !important;color: rgba(17,17,17,.5) !important;cursor: default;}
.jpagination span.jpagination-page { margin-right: 10px; font-size: 12px; color: #044c9d; font-weight: 600; }
.jso-item-search.jso-new-search .tooltips.tooltips-bottom:hover::before,.jso-item-search.jso-new-search.tooltips.tooltips-bottom:hover::before{top: -10px ;border-top: 5px solid #5a5a5a; border-bottom: 0;}
.jso-item-search.jso-new-search .tooltips.tooltips-bottom:hover::after,.jso-item-search.jso-new-search.tooltips.tooltips-bottom:hover::after{top:-45px}
#custommVideoAsk button.videoask-embed__button--nnvG1 { right: 60px !important; }
.jsod-mrp-equal-to-ptr .mat-checkbox-inner-container{visibility: hidden; position: absolute;}
.jsod-mrp-equal-to-ptr .mat-checkbox-layout .mat-checkbox-label{line-height: normal;}
.jsod-mrp-equal-to-ptr.tooltips .mat-checkbox-layout .mat-checkbox-label .fas{font-size: 14px !important; color: rgba(12, 161, 246, 1) !important;}
.mat-select-panel .mat-optgroup-label{color: rgba(4, 76, 157, 1); font-weight: 700; font-size: 14px;}
.jinventory-filter-list span.mat-select-value-text {font-weight: 600;}
.discontinued-item{font-size: 12px;border: none;padding: 0 5px !important;border-radius: 4px !important;color: rgb(252 49 49) !important;background-color: rgb(253 223 223 ) !important;margin-left: 8px;width: auto !important;}
.discontinued-item.pur-discontinue{color:rgb(3, 173, 95)!important;background-color: rgb(3, 173, 95,0.1)!important;}
/* common timepicker dial css */
.time-picker-container .timepicker{width: 320px !important;border-radius: 5px !important;overflow: hidden !important;}
.time-picker-container .timepicker-dial__control{outline: none;}
.time-picker-container .timepicker__header{background-color: #044b9b !important;padding: 5px 30px !important;}
.time-picker-container .clock-face{ background-color: transparent !important;margin-top: 20px;}
.time-picker-container .clock-face:before{background-image: url('https://d2ffmswuyj0h1d.cloudfront.net/storage/extra/evitalrx/guide-line-assets/defaultlogo.png') !important;content: "";opacity: .6;background-size: cover;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 3px;background-size: contain;background-position: center; background-repeat: no-repeat;}
.time-picker-container #timedial1 .clock-face:after{content: 'Start Time';position: absolute;top: -22px;font-weight: bold;font-size: 18px;}
.time-picker-container #timedial2 .clock-face:after{content: 'End Time';position: absolute;top: -22px;font-weight: bold;font-size: 18px;}
.time-picker-container .clock-face__number > span.active{background-color: #044b9b !important ;}
.time-picker-container .clock-face__clock-hand{background-color: #044b9b !important;}
.time-picker-container .timepicker-button{color:#044b9b !important;}
.time-picker-container .timepicker-dial__container{justify-content: center !important;}
.time-picker-container .clock-face__number > span{color: rgba(0,0,0,0.8) !important;font-weight: bold !important;}
.time-picker-container .clock-face__number > span.active{color: #fff !important;}
.time-picker-container .timepicker__body{padding-bottom: 0 !important;}
.time-picker-container .timepicker__actions{padding: 0px 25px 15px 15px !important;}
.time-picker-container .timepicker-button:focus, .timepicker-button:hover{background-color: rgba(4,76,157,.1) !important;}

/* commom action menu css */
.action-dropdown button { background-color: rgba(12, 161, 246, 1); color: #fff; font-size: 14px; font-weight: 600; height: 30px; line-height: normal; display: flex; align-items: center; justify-content: center; }
.action-dropdown button .fas { margin-left: 5px; }
.action-dropdown{margin-left: 20px;}

/* report common header css */
.jmargin-head { padding: 20px 24px; display: flex; align-items: center; flex-wrap: wrap;}
.jmargin-head.margin-head-filter {background-color: rgba(4, 76, 157, 0.1);border-radius: 4px; padding: 12px 24px;}
.jmargin-head .jgst-report-header .jdownload-select{background-color: #fff;margin-left: 0;}
.jmargin-head .jgst-report-header input{background-color: #fff;}
.mat-elevation-z8.jmat-table.p-top{padding-top: 15px;}
.jmargin-head input{background-color: #fff;}
.jmargin-head .jgst-report-header .mat-icon-button{top: -10px;}
.jno-sales-order-found .fas{transform: rotate(-180deg);}
.jmargin-head .jdownload-select .mat-select-value-text{font-size: 14px ;font-weight: 500;}
.no-record-img img{max-width: 180px;}
 .mat-calendar-body-selected {
  background-color: rgba(12, 161, 246, 1) !important;
  color: #fff
}

.multiple-payment-details .rtgs-neft-payment.cheque-details{padding: 8px 15px;}
.multiple-payment-details .rtgs-neft-payment .cheque-number-date { flex-direction: row !important; margin-bottom: 0;}
.multiple-payment-details .rtgs-neft-payment .cheque-number p{color: rgba(17, 17, 17, 0.6) !important;display: flex;align-items: center;}
.multiple-payment-details .rtgs-neft-payment .cheque-number img { width: 15px; height: 15px; margin-right: 5px;}
.multiple-payment-details .rtgs-neft-payment .cheque-date { margin-left: auto !important; margin-top: 0 !important;}

/* Common css */
.rx-order-status h6{border-radius: 20px; margin-left: 15px; padding: 3px 15px; color: #fff; background-color: rgba(255, 184, 34, 1); height: 28px; display: flex; align-items: center; justify-content: center;}
.transition-rotate-circle:hover .fas { transform: rotate(90deg); transition: all ease 0.3s; }
.transition-rotate-circle .fas { transition: all ease 0.3s; } 

/*common details page bottom prev/ next bill css */
.jsales-order-details-break-left p { padding: 0; }
.jsales-order-details-break-left p.next-prev{cursor: default;}
.jsales-order-details-break-left p.next-prev:last-child { margin-left: 20px; }
.jsales-order-details-break-left p.next-prev .fas { margin-left: 5px; font-size: 14px !important; color: #fff !important; cursor: default;}
.jsales-order-details-break-left p.next-prev.tooltips.tooltips-bottom:hover::before{border-top: 5px solid #5a5a5a; border-bottom: 0; top: unset; bottom: calc(100% + 0.6rem - 5px);}
.jsales-order-details-break-left p.next-prev.tooltips.tooltips-bottom:hover::after{top: unset; bottom: calc(100% + .6rem);}

/*Help Tooltip button common css*/
.help-tooltip-btn{border-radius: 16px;padding: 3px 12px;font-size: 22px; line-height: normal;}
.help-tooltip-btn span i{color: rgba(12, 161, 246, 1);}
.lt-header.sahaai-head .left{display: flex;align-items: center;}
/* More Filter Sidebar CSS */
.advanced-filter-btn:hover {text-decoration: underline;}
.advanced-filter-btn a{color: rgba(4, 76, 157, 1);font-weight: 700;margin-left:20px;}
.more-filter-sidebar.jbottomsheet.modal .modal-contain{min-height: 100vh; overflow-x: hidden; overflow-y: overlay;}
.jbottomsheet.modal.more-filter-sidebar{left: auto; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.32);transform: translateX(100%);}
.jbottomsheet.modal.more-filter-sidebar .modal-contain{  max-width: 420px; width: 580px; height: 100%; margin-top: 0px;}
.jbottomsheet.modal.more-filter-sidebar.open { transform: translateX(0);}
.more-filter-sidebar .jbottomsheet-details{max-height: calc(100vh - 50px); overflow-y: auto; padding: 20px;}
.more-filter-sidebar .jbottomsheet-details .jselect-box.Jfilter { max-width: 200px; margin-bottom: 15px; height: 36px; }
.more-filter-sidebar .jbottomsheet-details label.more-filter-label { margin-bottom: 5px; display: block; font-size: 14px; font-weight: 700; }
.more-filter-sidebar .apply-filter-button button { min-width: 90px; height: 34px; font-size: 16px; }
.more-filter-sidebar .jbottomsheet-head-left h4{line-height: 29px;}
.more-filter-sidebar .jbottomsheet-head{padding: 10px 20px;}
.more-filter-sidebar .apply-filter-button { display: flex; align-items: center; margin-top: 25px; width: 200px; justify-content: space-between;}
.more-filter-sidebar .apply-filter-button .filter-reset-btn{font-size: 14px; font-weight: 700; color: #034c9d; padding: 0;}
.more-filter-sidebar .apply-filter-button .filter-reset-btn:hover{text-decoration: underline;}
/* More Filter Sidebar CSS */

/* Advance staff setting css Start */
.advance-staff-setting { position: fixed; top: 0; bottom: 0; background-color: rgba(0,0,0,.8); display: flex; align-items: flex-end; width: 100%; left: 0; right: 0; margin: 0 auto; z-index: 9999;  opacity: 0; visibility: hidden; transition: all .3s ease; height: 100%; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.advance-staff-setting.show { transition: all .3s ease; opacity: 1; visibility: visible; }
.advance-staff-close { position: absolute; top: 30px; right: 30px; }
.advance-staff-close p { font-size: 24px; color: #fff; font-weight: 600; padding: 0; cursor: pointer;}
.advance-staff-close p .fas { margin-left: 15px; }
.advance-staff-body { width: 580px; display: flex; align-items: center; justify-content: center; height: 100%; margin: 0 auto; }
.advance-staff-section { display: flex; flex-wrap: wrap; }
.advance-staff-section-left .fas { font-size: 201px; color: #fff; }
.advance-staff-section-left { width: 300px; }
.advance-staff-section-right { width: calc(100% - 300px); } 
.advance-staff-section-right h4.title { font-size: 24px; color: #FFFFFF; font-weight: 700; margin-bottom: 45px; }
.advance-staff-input-group { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.advance-staff-input-group input { font-size: 80px; height: 40px; padding-bottom: 20px;  color: white; width: 100%; outline: none; border: none;
    background: repeating-linear-gradient( 90deg , #fff 0, #fff 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 2px no-repeat; color: #fff;
    letter-spacing: 20px;}
.advance-staff-section-right p.text { font-size: 14px; color: #fff; font-weight: 500; line-height: 24px; padding: 0; }
.advance-staff-section-left .advance-staff-icon .fa-exclamation-circle { position: absolute; font-size: 70px; bottom: 20px; left: 54px; color: rgba(255, 184, 34, 1); }
.advance-staff-icon { position: relative; }
.advance-staff-section-right h4.title.invalid { color: rgba(255, 184, 34, 1); }
.access-denied-title h3 { font-size: 32px; line-height: 32px; color: rgba(255, 184, 34, 1); font-weight: 700; }
.access-denied-title h4 { font-size: 24px; color: rgba(255, 184, 34, 1); line-height: 24px; font-weight: 700; }
.access-denied-title { margin-bottom: 45px; }
.advance-staff-section-left .access-denied .fas.fa-times { color: rgba(255, 184, 34, 1); font-size: 135px; display: inline-block; line-height: inherit; }
.advance-staff-section-left .access-denied span.fa-stack { width: 200px; height: 200px; line-height: 200px; }
/* Advance staff setting css End */

.chat-bot-container .chat-ui .chat .chat-text a { color: blue; }
.cdk-overlay-container.cdk-overlay-blur-bg{backdrop-filter: blur(4px) !important;}
.jtotal-amount-after-filter {position: fixed;bottom: 0; left: 0; right: 0; transform: translateY(100%); transition: all ease 0.3s;  margin:0 20px;background-color: #044c9d;display: flex;align-items: center; justify-content: flex-end; height: 40px;}
.jtotal-amount-after-filter.jtotal-amount-visible{transform: translateY(0); transition: all ease 0.3s;}
.jtotal-amount-after-filter .jsales-order-amount { display: flex; align-items: center; justify-content: flex-end; width: auto;}
.jtotal-amount-after-filter .jsales-order-edit{ width: 10%; }
.jtotal-amount-after-filter .jsales-order-amount span { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 1); margin-right: 15px; }
.jtotal-amount-after-filter .jsales-order-amount p { font-size: 16px; color: rgba(255, 255, 255, 1); font-weight: 600; line-height: 22px; padding: 0px; }

.alternate-option .optimization-btn{position: relative;}
.optimization-btn.logs i{position: unset !important; color: #044b9b;margin-left: 6px;display: block !important;font-size: 14px !important;margin-top: 4px;}
.alternate-option .medium-optimize button{background-color: #0CA1F6 !important; min-width: 26px !important;border-radius: 50%;padding: 0 0px;height: 26px;margin-left: 0;z-index: 2;}
.alternate-option .optimization-btn img {width: 12px;}
.alternate-option .optimization-btn .blink{width: 32px; height: 30px; position: absolute; right: -3px; transform: scale(1);opacity: .6;  top: -2px; border-radius: 50%;}
.alternate-option .optimization-btn .medium-blink{border: 6px solid #0CA1F6 !important;-webkit-animation: blinkerbg 1s linear infinite;-moz-animation: blinkerbg 1s linear infinite;animation: blinkerbg 1s linear infinite;}
.alternate-option{position: absolute;left: -2px;z-index: 2;top: 15px;}
.alternate-history-container{width: 100%;}
.alternate-history-container .alternate-history-heading{background-color: #044C9D;color: #fff;padding: 10px 10px 10px 15px;font-size: 16px;font-weight: 600;}
.alternate-history-container .alternate-history{padding: 10px;display: flex;align-items: center;min-width: 270px;}
.alternate-history-container .alternate-history .jsales-medicine-image{margin-right: 10px;height: 35px;width: 35px;border-radius: 0;}
.alternate-history-container .alternate-history .medicine-name{cursor: pointer;color: #044C9D;font-weight: 600;}
.alternate-history-container .alternate-history .medicine-name i{color:#0CA1F6}
.alternate-history-container .alternate-history .medicine-name:hover{text-decoration: none;text-decoration: underline}
.alternate-history-container .alternate-history .medicine-details{font-size: 12px; font-weight: 500;}
@-webkit-keyframes blinkerbg {
  0% {-webkit-transform: scale(1,1);opacity: .3;}
  50% {-webkit-transform: scale(1.1,1.2);opacity: .6;}
  60% {-webkit-transform: scale(1.15,1.25);opacity: .6;}
  70% {-webkit-transform: scale(1.1.5,1.3);opacity: .5;}
  80% {-webkit-transform: scale(1.2,1.35);opacity: .4;}
  100% {-webkit-transform: scale(1.2,1.4);opacity: .2;}
}
.color-blue{color: rgba(12, 161, 246, 1);}
.color-blue-dash{color: rgba(12, 161, 246, 0.5);}
.option-toggle{display: flex;}
.option-toggle p{margin:0px 5px;padding: 0px;font-size: 16px;font-weight: bold;}
.japc-toggle-slide .switch {display: inline-block; height: 24px; position: relative; width: 40px; }
.japc-toggle-slide .switch input {display:none; }
.japc-toggle-slide .slider {background-color: #0CA1F6; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; }
.jtoggle-dashboard.japc-toggle-slide .slider:before {background-color: #fff; bottom: 2px;font-family: "Font Awesome 5 Free";content: "\e473"; height: 20px; font-size:12px; font-weight: 600; color: #0CA1F6; left: 2px; position: absolute; transition: .4s; width: 20px; text-align:center; line-height:20px; }
.japc-toggle-slide input:checked + .slider {background-color: #0CA1F6; }
.jtoggle-dashboard.japc-toggle-slide input:checked + .slider:before {transform: translateX(16px); font-family: "Font Awesome 5 Free";content: "\f03a"; }
.japc-toggle-slide .slider.round {border-radius: 34px; width: 40px; height: 24px}
.japc-toggle-slide .slider.round:before {border-radius: 50%; }
.jshortbook-dashboard-col1, .jshortbook-dashboard-col2{width: 49.5%; margin-right: 1%;}
.jshortbook-dashboard-col2{width: 49.5%; margin-right: 0 !important;}
.shortbook-graph{height: calc(100%);display: flex;}
.right .graph-filters{display: flex;}
.sgraph-blocks{margin-top: 25px;display: flex;}
.sgraph-blocks .distributor-graph {width: 40%;border-right: 1px solid rgba(17, 17, 17, 0.2);}
.sgraph-blocks .status-graph {width: 30%;}

.sgraph-block .sgraph-header{font-size: 18px;color: #044C9D;font-weight: bold;}
.jmargin-graph-filter .mat-form-field { background-color: transparent; min-width: 200px !important;height: 32px;border: 1px solid rgba(17, 17, 17, 0.2);}
.color-blue{color: rgba(12, 161, 246, 1);}
.color-blue-dash{color: rgba(12, 161, 246, 0.5);}
.option-toggle{display: flex;}
.option-toggle p{margin:0px 5px;padding: 0px;font-size: 16px;font-weight: bold;}
.jid-not-valid p { padding-bottom: 10px; color: rgba(153, 153, 153, 1) !important; font-size: 16px; }
.jno-list-found .fa-solid{font-size: 50px; color: rgba(12, 161, 246, 0.2); padding-top: 10px;}
.jno-list-found .fas{font-size: 79px; color: rgba(12, 161, 246, 0.2); padding-top: 10px;transform: rotate(-180deg);}
.jno-list-found{text-align: center;height: 300px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.right .jsales-order-date {width: 250px;padding-right: 10px;}
.redirect-message{font-size: 15px;background: transparent linear-gradient(252deg, #00c5dc, #706fd3) 0 0 no-repeat padding-box;border-radius: 16px;color: #ffffff;padding: 1px 10px;display: flex;align-items: center;}
.message-para{padding: 4px 9px 5px 10px;}
.message-close{cursor: pointer;padding-left: 10px;font-size: 14px;}

.right .graph-filters{display: flex;}
.sgraph-blocks{margin-top: 25px;display: flex;}
.sgraph-blocks .distributor-graph {width: 40%;border-right: 1px solid rgba(17, 17, 17, 0.2);}
.sgraph-blocks .status-graph {width: 30%;}
.jsales-order-list-desc:hover .jsales-order-edit img{filter: brightness(0) invert(1);}
.show-item-stock{width: 16% !important;}
.hide-item-stock{width: 20% !important}
.jsales-refer-no span.sales-challan {margin-left: 5px;}
.jsales-refer-no span.sales-challan .fa-solid.fa-file-lines{color: rgba(255, 184, 34, 1);font-size: 16px;}
.jtotal-amount-after-filter.voucher-settlement{background: linear-gradient(to right, rgb(7, 52, 103), rgba(7, 52, 103, 0.9)) !important;}
.jblue-button.voucher-settlement-button {height: 40px;transition: 0.5s ease;background-color: transparent;}
.jblue-button.voucher-settlement-button:hover{background-color: rgb(7, 52, 103) !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-deprecate-bluck-min-max{min-width: 640px !important;max-width: 640px !important;min-height: 580px;transform: translateY(calc(((580px - 100vh) / 2))) !important;}
.cdk-overlay-pane.cdk-overlay-pane-common-popup-modal-deprecate-bluck-min-max .mat-bottom-sheet-container-xlarge{min-width: 640px !important;max-width: 640px !important;min-height: 580px;}
.jnew-item-search .manufacturer-details .manufacturer-name{padding-right: 5px;}
.jnew-item-search .manufacturer-details .packing-size{padding-left: 5px;border-left: 1px solid rgba(17, 17, 17, 0.2);}
.pincode-found-group.mat-option{height: 45px; }
.pincode-found-group.mat-option{height: 45px; }
.credit-claim-tooltip.tooltips.tooltips-bottom:hover::before { right: 55px; left: auto;}
.credit-claim-tooltip.tooltips.tooltips-bottom:hover::after { left: auto; right: 0;}
.partial-payment-ad { font-weight: 600; font-size: 16px; margin-bottom: 10px;}
.partial-payment-ad .new-tag { margin-left: 0 !important; font-size: 16px !important;}
.jcr-block-col4 .jcr-block-credit-settlement-width { width: calc(100% - 71% - 30px);}
.jcr-block-col4 .jcr-block-settlement-width-zScore { width: 120px !important; white-space: pre-wrap !important;}
.status-plus-block .status-plus { color: rgba(12, 161, 246, 1);}
.status-plus-block { width: 120px; margin-left: 15px;}
.vital-coin-details {
    width: 62%;
}

.market-place-listing-sheet-panel { width: 80vw !important; max-width: 80vw !important; height: 90vh !important; max-height: 90vh !important;}
.market-place-listing-sheet-panel .mat-bottom-sheet-container,.market-place-listing-sheet-panel .mat-mdc-bottom-sheet-container { width: 80vw !important; max-width: 80vw !important; height: 90vh !important; max-height: 90vh !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-placeorder-bottomsheet.cdk-overlay-pane-catalogue-restriction .mat-bottom-sheet-container{width: 100% !important; min-width: 100% !important; max-width: 100% !important;}
.cdk-overlay-pane.cdk-overlay-pane-bottomsheet-modal.cdk-overlay-pane-placeorder-bottomsheet.cdk-overlay-pane-catalogue-restriction{width: 950px !important; min-width: 950px !important; max-width: 85vw !important;}
.ceo-bottomsheet-panel { width: 45vw !important; max-width: 45vw !important; height: auto !important; max-height: 100vh !important; overflow: hidden !important;}
.sync-dialog-backdrop { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.4) !important;}
.sync-dialog-panel .mat-dialog-container { padding: 0 !important; border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18) !important; width: 820px !important; max-width: 95vw !important; height: 500px !important; max-height: 70vw !important;}