/* Reset Css Start */
*{box-sizing: border-box; font-family: 'Manrope', sans-serif;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
:focus { outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; }
input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
a{text-decoration: none; color: #000;}
a:focus { outline: none; }
a:active, a:hover { outline: 0; }
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */ }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
table { border-collapse: collapse; border-spacing: 0; }
html, button, input, select, textarea { color: #000; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

h1{font-size: 48px; color: #000;}
h2{font-size: 40px; color: #000;}
h3{font-size: 32px; color: #000;}
h4{font-size: 24px; color: #000;}
h5{font-size: 20px; color: #000;}
h6{font-size: 18px; color: #000;}

.hide{display: none !important;}
.dtext-right{text-align: right;}
body.bodyoverflow { overflow: hidden; }
.mat-menu-panel{min-width: 158px !important;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-internal-autofill-selected{background-color: transparent;}
.show-password-icon {position: absolute; right: 40px; bottom: 9px; cursor: pointer;}
#logineye, #registereye{position: absolute; top: 26px; right: 10px; font-size: 14px; cursor: pointer; color: rgba(17, 17, 17, 0.6);}
.dcloseall{position: absolute; background-color: rgba(0,0,0,0.2); top: 0px; left: 0; width: 100%; height: 100%; z-index: 98;}
.grey-shadow{box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08); border-radius: 2px; background-color: #fff;}
.denquiry{background-color: rgba(255, 184, 34, 1);}
.daccepted{background-color:rgba(0, 197, 220, 1);}
.dcompleted{background-color:rgba(12, 161, 246, 1);}
.dshipped{background-color:rgba(108, 107, 204, 1);}
.dcancel{background-color:rgba(221, 78, 90, 1);}
.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, .common-error span, .common-success span{font-size: 16px; font-weight:600}
.text-error{ color: red !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; }

header.site-header.sticky{ background: rgba(4, 76, 157, 1); box-shadow: 0 3px 12px 0 rgba(0,0,0,.08); position: fixed; top: 0; right: 0; padding: 15px 20px; width: 100%; z-index: 99;}
.main-content { display: -webkit-box; display: -ms-flexbox;  display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.content-area { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 20px 0px; position: relative; background-color: rgba(4, 76, 157, 0.05); min-height: calc(100vh - 62px); overflow-x: hidden; overflow-y: overlay;}
label.error{font-size: 12px !important; position: absolute; color: red !important; left: 0; bottom: -15px; font-weight: 600;}
.dform-field{position: relative;}
.dform-field input{text-transform: capitalize;}
.dbottomsheet .dform-field label.error{bottom: 0;}
.dbtn-loader-container .btn-loader{font-size: 24px; color: #fff; padding: 10px; background: rgba(4, 76, 157, 1); border-radius: 40px; display: none; margin-right: 20px;}
.jblue-button{height: 32px; background-color: rgba(12, 161, 246, 1); min-width: 80px; transition: all ease 0.3s; border: 0; padding: 0px 16px; border-radius: 2px; font-size: 14px; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center;}
.jblue-button:hover{background-color: rgba(20, 169, 254, 1);}
/* Header Css Start */
/* Sidebar css start */
.sidebar{min-height: 100%;}
.sidebar-content { width: 240px; position: relative; overflow-x: hidden; overflow-y: overlay; height: calc(100vh - 50px);}
.sidebar-logo a{display: block; color:#fff}
.sidebar-logo img { max-width: 180px; margin: 0 auto; }
.sidebar .menu ul { margin-bottom: 30px; }
.sidebar .menu ul li.ddashboard-link{border-top:1px solid rgba(0, 0, 0, 0.1)}
.sidebar .menu ul li.jblue-color-title { color: rgba(4, 76, 157, 0.4); font-weight: 700; font-size: 14px;}
.sidebar .menu ul li a { font-size: 14px; font-weight: 700; color: rgba(4, 76, 157, 0.6); }
.sidebar .menu ul li:hover, .menu ul li.active{cursor: pointer; background-color: rgba(12, 161, 246, 0.1);}
.sidebar .menu ul li { padding: 11px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: all ease 0.3s; display: flex; align-items: center;}
.sidebar .menu ul li .fas { margin-right: 13px; color: rgba(12, 161, 246, 1); }
.sidebar .menu ul li p{padding-left: 20px;}
.sidebar .menu ul li.dprimary p{border-left:2px solid rgba(4, 76, 157, 0.2)}
.sidebar .menu ul li.ddanger p{border-left:2px solid rgba(221, 78, 90, 0.4)}
.sidebar .menu ul li.active.dprimary p, .sidebar .menu ul li.dprimary:hover p{border-left:2px solid rgba(4, 76, 157, 1)}
.sidebar .menu ul li.active.ddanger p, .sidebar .menu ul li.ddanger:hover p{border-left:2px solid rgba(221, 78, 90, 1)}
.sidebar .menu ul li p { font-size: 14px; color: rgba(4, 76, 157, 1); font-weight: 700; margin-right: 10px; width: 50px; }
.sidebar .menu ul li.jblue-color-title:hover {background-color: transparent; cursor: default;}
.sidebar .menu ul li:hover a, .sidebar .menu ul li.active a{color:rgba(4, 76, 157, 1)}
.jsidebar-help-support { background-color: rgba(12, 161, 246, 1); padding: 11px 22px; border-radius: 2px; margin: 0px 20px; }
.jsidebar-help-support p { font-size: 14px; font-weight: 700; color: #fff; padding-bottom: 5px; }
.jsidebar-help-support a { font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; }
.sidebar-content{position: fixed; left: -240px; bottom: 0;  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08); top: 50px; padding: 20px 0px; background-color: #fff; z-index: 99; -webkit-transition: all .3s ease; transition: all .3s ease;}
.sidebar-content.open{left: 0px; overflow: auto;}
.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; }
/* Sidebar css End */

.menu-toggle .line{width: 24px; height: 2px; margin: 6px 0px; transition: all ease 0.3s; background-color: #fff;}
.menu-toggle .line.line3{margin-bottom: 0px;}
.menu-toggle .line.line1{margin-top: 0px;}
.menu-toggle:hover .line{background-color: rgba(12, 161, 246, 1); cursor: pointer;}
.menu-toggle:hover{cursor: pointer;}
.menu-toggle.active .line{transition: all ease 0.3s;}
.menu-toggle.active .line1 { transform: rotate(45deg); position: relative;top: 6px; left: -1px;}
.menu-toggle.active .line2 { display: none; }
.menu-toggle.active .line3 { transform:  rotate(-45deg); position: relative;right: 2px; top: -2px;}
.sidebar-logo { display: flex; align-items: center; }
.sidebar.sticky .sidebar-logo .menu-toggle .line{background-color: #fff;}
header.site-header { background: rgba(4, 76, 157, 1); padding: 15px 20px; display: flex; align-items: center;}
.site-header.sticky .site-header-navigation ul li > button {color: #fff;}
.site-header-navigation ul li { display: inline-block; margin-left: 20px;}
.site-header-navigation ul li > button { background-color: transparent; border: 0; color: #fff; font-size: 16px; font-weight: 700; }
.site-header-navigation ul li button .fas { color: #fff; font-size: 12px; }
.site-header-navigation ul li .fas { font-size: 14px; color: rgba(12, 161, 246, 1); cursor: pointer;}
.site-header-navigation ul li:last-child { margin-right: 0px; }
.site-header-navigation { text-align: right; position: relative; margin-left: auto;}
.site-header-navigation ul li.dnotification { background-color: #fff; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08); line-height: 32px; text-align: center; }
.site-header-navigation .mat-badge .mat-badge-content{ width: auto; line-height: normal; background-color: transparent; height: auto; font-size: 34px; color: rgba(221, 78, 90, 1);}
.site-header-navigation .mat-badge.mat-badge-above .mat-badge-content{top: -33px;}
.site-header-navigation .mat-badge.mat-badge-after .mat-badge-content{right: -10px; }
.lt-header { padding: 0px 0px 20px; display: flex; align-items: center;}
.lt-header .title h4{font-weight: 500;color: rgba(12, 161, 246, 1); font-size: 18px; display: flex; align-items: center; text-transform: capitalize; margin-bottom: 0px;}
.lt-header .title h4 p{margin-bottom: 0px; color:rgba(4, 76, 157, 1)}
.lt-header .title h4 span{margin-left: 10px; color: rgba(12, 161, 246, 1); font-size: 14px; font-weight: 500;}
.lt-header .title h4 a { color: rgba(12, 161, 246, 1); }
.lt-header .title h4 a .fas { font-size:14px; }
.lt-header .left { display: flex; align-items: center; flex-wrap: wrap;}
.lt-header .right{margin-left: auto;}
.lt-header .title { margin-right: 20px; }
.lt-header .left  .dov-status p { min-width: 80px; text-align: center; padding: 0px 20px; border-radius: 2px; font-size: 14px; height: 30px; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.lt-header .left  .dov-status { margin-right: 10px; }
.lt-header .left  .dov-time p { font-size: 14px; font-weight: 700; color: rgba(0, 0, 0, 0.4); }
.cdk-overlay-pane .mat-menu-panel{box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.24); width: 100%; min-height: auto;}
.cdk-overlay-pane .mat-menu-content:not(:empty){padding: 0;}
.cdk-overlay-pane .mat-menu-content button{border-bottom:1px solid rgba(4, 76, 157, 0.1); font-size: 16px; color: rgba(102, 102, 102, 1); font-weight: 700;}
.cdk-overlay-pane .mat-menu-content button:hover, .cdk-overlay-pane .mat-menu-content button.active{color:rgba(12, 161, 246, 1)}
.cdk-overlay-pane .mat-menu-content button:last-child{border-bottom: 0;}
.site-header-navigation ul li.dsearch { max-width: 0px; display: none; transition: all ease 0.3s;}
.site-header-navigation ul li.dsearch.open { display: inline-block; max-width: 200px; }
.dsearch .mat-form-field-infix{padding: 0px !important; border: 0;}
.dsearch .mat-form-field-flex{padding-bottom: 5px;}
.dsearch .dform-field .mat-input-element{font-size: 16px; color: rgba(12, 161, 246, 1); font-weight: 700; margin-left: 13px;}
/* Header Css End */

/* Login css start */
.dlogin-form input.mat-input-element{font-size:18px; color:rgba(17, 17, 17, 1); font-weight: 500;}
.dlogin-form .mat-form-field-flex{border-bottom: 1px solid rgba(4, 76, 157, 0.4);}
.dlogin-form .mat-form-field.mat-focused .mat-form-field-label{color: rgba(12, 161, 246, 1);}
.dlogin-form .mat-form-field.mat-focused .mat-form-field-ripple{color: rgba(12, 161, 246, 1) !important;}
.dlogin-form .mat-form-field-appearance-legacy .mat-form-field-label{color: rgba(12, 161, 246, 1); font-size: 14px; font-weight: 700;}
.dlogin-form .mat-form-field-suffix button{background-color: transparent; border: 0; padding: 0px;}
.dlogin-form .mat-form-field-suffix .mat-icon{font-size: 16px;}
.dform-field .mat-form-field-suffix button{background-color: transparent; border: 0; padding: 0px;}
.dform-field .mat-form-field-suffix .mat-icon{font-size: 16px;}
/* Login css End */


/* Dashboard Css Start */
.dorder-listing.grey-shadow{ min-height: calc(100vh - 122px);}
.dinventory-items .dorder-listing.grey-shadow { min-height: calc(100vh - 130px); }
.dorder-listing-desc-group { min-height: calc(100vh - 292px); }
.dorder-listing-head.dorder-listing-block{padding: 15px 20px;}
.dorder-listing-block { display: flex; align-items: center; flex-wrap: wrap; padding: 8px 20px; border-bottom: 1px solid rgba(4, 76, 157, 0.2);}
.dorder-listing-desc:hover { background-color: rgba(12, 161, 246, 1); cursor: pointer; }
.dorder-listing-desc:hover > div, .dorder-listing-desc:hover > div p{color:#fff !important}
.dorder-listing-desc:hover > div:last-child{position: relative;}
.dorder-listing-desc:hover > div:last-child:after{content: "\f054"; position: absolute; top: 0; right: -35px; font-weight: 600; font-family: "Font Awesome 5 Free";}
.dorder-listing-block .dol-placed-for { width: 20%; display: flex; align-items: center;}
.dorder-listing-block .dol-mobile{width: 12%;}
.dorder-listing-block .dol-order-no { width: 13%; }
.dorder-listing-block .dol-order-time { width: 16%; }
.dorder-listing-block .dol-status { width: 12%; }
.dorder-listing-block .dol-amount { width: 11%; text-align: right;}
.dorder-listing-block .dol-placed-by { width: 18%; }
.dorder-listing-head > div{font-size: 14px; font-weight: 500; color: rgba(4, 76, 157, 0.4);}
.dorder-listing-desc > div{font-size: 14px; font-weight: 500; line-height: 18px;}
.dorder-listing-desc .dol-placed-for {color: rgba(51, 51, 51, 1); }
.dorder-listing-desc .dol-order-no {color: rgba(4, 76, 157, 1); text-transform: uppercase; font-weight: 600;}
.dorder-listing-desc .dol-status { color: rgba(51, 51, 51, 1);}
.dorder-listing-desc .dol-amount { color: rgba(4, 76, 157, 1); font-weight: 600;}
.dorder-listing-desc .dol-details {color: rgb(24, 45, 70); }
.dorder-listing-desc .dol-status p{max-width: 100px; padding: 5px 10px; text-align: center; font-size: 14px; border-radius: 2px; color: #fff; font-weight: 500;}
.dorder-listing-block .dol-profile-icon { max-width: 30px; margin-right: 15px; }
.dorder-listing-block .dol-profile-icon img { width: 100%; border-radius: 50%; }
/* Dashboard Css End */



/* Order View Css Start */
.dorder-view-header { display: flex; padding: 15px 20px 10px;}
.dorder-view-header-left { display: flex; width: 70%; flex-wrap: wrap;}
.dorder-view-header  .dov-pharmacy { width: 30%; }
.dorder-view-header-right { margin-left: auto; }
.dorder-view-header .dov-mobile { width: 20%; }
.dorder-view-header .dov-address { width: 50%; }
.dorder-view-header-left span { font-size: 14px; color: rgba(4, 76, 157, 0.4); font-weight: 700; }
.dorder-view-header-left h6 { font-size: 16px; font-weight: 700; }
.dorder-view-header .dov-pharmacy h6 { color: rgba(4, 76, 157, 1); }
.dorder-view-header .dov-mobile h6 { color: rgba(12, 161, 246, 1); padding-top: 10px;}
.dorder-view-header-left p { font-size: 14px; font-weight: 700; line-height: 20px; color: rgba(17, 17, 17, 1); }
.dorder-view-header .dov-address p { padding-top: 10px; }
.dov-having-iisue button { background-color: rgba(4, 76, 157, 0.05); border: 0; padding: 12px 26px; border-radius: 2px; font-size: 14px; color: rgba(153, 153, 153, 1); font-weight: 700; transition: all ease 0.3s; }
.dov-having-iisue button:hover { background-color: rgba(4, 76, 157, 0.1); }
.dov-pharmacy-title { display: flex; align-items: center; margin-top: 5px;}
.dov-pharmacy-title .dol-profile-icon { max-width: 30px; margin-right: 15px; }
.dov-pharmacy-title .dol-profile-icon img { width: 100%; border-radius: 50%; }
.dorder-view-list-desc-group { padding-bottom: 40px; min-height: calc(100vh - 298px);}
.dorder-view-list-desc:hover { background-color: rgba(4, 76, 157, 0.05); cursor: pointer; }
.dorder-view-list .dorder-view-list-block { display: flex; align-items: center; border-bottom: 1px solid rgba(112, 112, 112, 0.2); padding: 8px 0px 8px 20px; }
.dorder-view-list-head > div { font-size: 12px; color: rgba(4, 76, 157, 0.4); font-weight: 500; }
.dorder-view-list-block .dov-block1 { display: flex; width: 28%; flex-wrap: wrap;}
.dorder-view-list-block .dov-block2 {width: calc(100% - 69% - 20px); display: flex; flex-wrap: wrap;}
.dorder-view-list-block .dov-icon { width: 30px; }
.dorder-view-list-block .dov-itemname { width: 24%;  padding-right: 10px; display: flex; align-items: center;}
.dorder-view-list-desc .dov-itemname .fas{margin-left: auto; color:rgba(4, 76, 157, 0.4); transition: all ease 0.3s;}
.dorder-view-list-desc .dov-itemname .fas:hover{color: rgba(4, 76, 157, 1); cursor: pointer;}
.dorder-view-list-block .dov-batch { width: 13%; padding-right: 10px;}
.dorder-view-list-block .dov-block1 > div { width: 24%; text-align: right; padding-right: 10px;}
.dorder-view-list-block .dov-block1 > div.dov-qty{width: 13%;}
.dorder-view-list-block .dov-block2 > div { width: 20%; text-align: right; padding-right: 10px;}
.dorder-view-list-block .dov-block2 > div.dov-free{width: 15%;}
.dorder-view-list-block .dov-block2 > div.dov-Gst{width: 20%;}
.dorder-view-list-block .dov-amount{text-align: right; padding-right: 10px;}
.dorder-view-list-block .dov-remove{width: 20px; text-align: right;}
.dorder-view-list-desc.dorder-view-list-edit > div p, .dorder-view-list-desc.dorder-view-list-edit > div{font-size:14px}
.dorder-view-list-desc > div p, .dorder-view-list-desc > div{font-size: 12px; font-weight: 600; line-height: 18px; color:rgba(17, 17, 17, 1)}
.dorder-view-list-varify .dorder-view-list-desc > div p, .dorder-view-list-varify .dorder-view-list-desc > div { font-weight: 500; }
.dorder-view-list-desc .dov-icon .fas { font-size: 14px; color: rgba(12, 161, 246, 1); }
.dorder-view-list-desc .dov-itemname p {  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.dov-itemname .fa-pen{background-color: rgba(12, 161, 246, 1); width: 18px; height: 18px; font-size: 9px; color: #fff; text-align: center; line-height: 18px; border-radius: 50%;}
.dorder-view-list-desc .dov-itemname span { font-weight: 400; font-size: 14px; color: rgba(17, 17, 17, 1); }
.dorder-view-list-desc .dov-batch p { color: rgba(4, 76, 157, 1);  text-transform: uppercase;}
.dorder-view-list-desc .dov-batch span { font-weight: 700; color: rgba(17, 17, 17, 1); }
.dorder-view-list-desc .dov-dprice p { color: rgba(4, 76, 157, 1); }
.dorder-view-list-desc .dov-dprice span { background-color: rgba(12, 161, 246, 1); padding: 1px 2px; border-radius: 2px; font-size: 12px; color: #fff; font-weight: 700; }
.dorder-view-list-desc .dov-amount p, .dorder-view-list-desc.dorder-view-list-edit .dov-amount p{color: rgba(4, 76, 157, 1);font-size: 16px;}
.dorder-view-list-desc .dov-remove .fas { color: rgba(4, 76, 157, 0.4); font-size: 14px; transition: all ease 0.3s; }
.dorder-view-list-desc .dov-remove .fas:hover { color: rgba(221, 78, 90, 1); cursor: pointer; }
.dtrans-uppercase{text-transform: uppercase;}
.dorder-view-list-footer { display: flex; flex-wrap: wrap; align-items: center; background-color: rgba(4, 76, 157, 1); padding: 10px 20px; }
.dov-footer-left {width: 70%;display: flex;align-items: center;}
.dov-footer-right { margin-left: auto; display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; height: 36px; }
.dov-footer-text { display: flex;}
.dov-footer-right .dov-footer-title { padding: 10px 15px; }
.dov-footer-right .dov-footer-title p { font-size: 14px; color: #fff; font-weight: 700; }
.dov-footer-right .dov-footer-total-amount p { font-size: 20px; color: #fff; font-weight: 700; padding: 0px 15px; }
.dov-footer-right .dov-footer-button button { background-color: rgba(12, 161, 246, 1); transition: all ease 0.3s; border: 0; border-radius: 2px; height: 36px; min-width: 120px; font-size: 14px; font-weight: 700; color: #fff; }
.dov-footer-right .dov-footer-button button:hover{background-color: rgba(20, 169, 254, 1);}
.dov-footer-left .dov-footer-text .fas { color: rgba(255, 184, 34, 1); font-size: 14px; }
.dov-footer-left .dov-footer-text p { font-size: 14px; color: #fff; line-height: 18px; margin-left: 10px; }


.dorder-view-list-varify .dov-amount {color: rgba(4, 76, 157, 1);}
.dorder-view-list-varify > div{color:rgba(0,0,0,0.4) ;}
.dorder-view-list-varify .dov-icon .fas{color: rgba(12, 161, 246, 0.2);}
.dov-footer-btn button { background-color: #fff; transition: all ease 0.3s; border: 0; border-radius: 2px; padding: 12px 30px; color: rgba(4, 76, 157, 1); font-weight: 600; font-size: 14px; }
.dov-footer-btn button:hover{background-color: rgb(255, 255, 255,0.9);}
.lt-header .title h4 .fas { padding: 0px 10px; font-size: 14px; }
.dov-head-input input { padding-bottom: 8px; width: 100%; border: 0; margin-top:5px; font-size: 16px; line-height: 22px; color: rgba(4, 76, 157, 1); font-weight: 700; background-color: transparent; border-bottom: 1px solid rgba(4, 76, 157, 0.1); }
.dov-bill-no.dov-head-input input { text-transform: uppercase; }
.dov-head-input input::placeholder { font-size: 14px; opacity: 0.7; }
.dov-head-input span { font-size: 14px; color: rgba(4, 76, 157, 0.6); font-weight: 500; line-height: 17px; }
.dov-head-input label.date-range-picker-icon.fa.fa-calendar { position: absolute; right: 2px; top: 24px; color: rgba(4, 76, 157, 0.4); cursor: pointer; }
.dov-head-input { position: relative; width: 15%;margin-right: 2%;}
/* Order View Css End */


/* Dilog Box css Start */
.cdk-overlay-pane .mat-dialog-container{padding: 0px;}
.dconfirmation-title { padding: 30px; }
.dconfirmation-title h6 { font-size: 18px; color: rgba(12, 161, 246, 1); font-weight: 700; }
.dconfirmation-footer { display: flex; align-items: center; border-top: 1px solid rgba(4, 76, 157, 0.4); padding: 18px 30px; justify-content: flex-end; }
.dconfirmation-btn button { background-color: rgba(12, 161, 246, 1); border: 0; padding: 9px 32px; border-radius: 2px; font-size: 18px; color: #fff; font-weight: 700; margin-right: 25px; transition: all ease 0.3s; }
.dconfirmation-remove .fas { font-size: 18px; color: rgba(12, 161, 246, 0.4); transition: all ease 0.3s; }
.dconfirmation-remove .fas:hover { color: rgba(221, 78, 90, 1); cursor: pointer;}
.dconfirmation-btn button:hover { background-color: rgba(20, 169, 254, 1); }
.dconfirmation-content p { font-size: 16px; line-height: 20px; color: #000; }
.dconfirmation-content {padding: 0px 30px 40px; }
/* Dilog Box css End */

/* Sidebar Popup Css Start */
.cdk-overlay-pane.cdk-overlay-pane-dorder-confirmation { right: 0; top: 0; height: 100vh; overflow: auto; position: absolute !important; width: 360px; box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.24); border-radius: 0;}
.cdk-overlay-pane-dorder-confirmation .mat-dialog-container{border-radius: 0;}
.dnotification-popup .dnotification-profile { width: 40px; margin-right: 20px; }
.dnotification-popup .dnotification-profile img { max-width: 40px; border-radius: 50%; }
.dnotification-popup .dnotification-list { padding: 0px 20px 16px; display: flex; flex-wrap: wrap; }
.dnotification-popup .dnotification-text { width: calc(100% - 60px); border-bottom: 1px solid rgba(4, 76, 157, 0.1); padding-bottom: 16px;}
.dnotification-popup .dnotification-list-group { padding-top: 16px; }
.dnotification-popup .dnotification-text p { font-size: 14px; font-weight: 700; display: -webkit-box; max-width: 100%; height: 60px; /* margin: 0 auto; */ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: rgba(102, 102, 102, 1); line-height: 20px;  }
.dnotification-popup .dnotification-title { padding: 36px 20px 22px; border-bottom: 1px solid rgba(4, 76, 157, 0.1); display: flex; align-items: center;}
.dnotification-popup .dnotification-title h6 { font-weight: 700; color: rgba(12, 161, 246, 1); }
.dnotification-popup .dnotification-title .fas { margin-left: auto; color: rgba(4, 76, 157, 1); font-size: 18px; transition: all ease 0.3s;}
.dnotification-popup .dnotification-title .fas:hover{cursor: pointer; color: rgba(221, 78, 90, 1);}
/* Sidebar Popup Css End */


/* Pagination css Start */
.dpagination {padding: 20px 30px; text-align: center;}
.dpagination ul li a{display: block;}
.dpagination ul li {display: inline-block; font-size: 14px; transition: all ease 0.5s; font-weight: 700; color: rgba(170, 170, 170, 1); width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right: 10px;}
.dpagination ul li.dpage-prev, .dpagination ul li.dpage-next{background-color: rgba(12, 161, 246, 1); border-radius: 2px; height: 40px; line-height: 40px; min-width: 100px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; }
.dpagination ul li.dpage-prev a, .dpagination ul li.dpage-next a{color: #fff;}
.dpagination ul li.dpage-prev:hover, .dpagination ul li.dpage-next:hover{background-color: rgba(20, 169, 254, 1)}
.dpagination ul li.active{color: rgba(12, 161, 246, 1);}
.dpagination ul li:hover{background-color: rgba(153, 153, 153, 0.4); border-radius: 2px;}
/* Pagination css End */

/* NO Data Found css Start */
.dno-data-found { min-height: 60vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.dno-data-found .fas { font-size: 80px; color: rgba(12, 161, 246, 0.2); }
.dno-data-found button{margin-top: 30px; }
.dno-data-found button .fas{font-size: 12px; color: #fff;}
.dno-data-found p { font-size: 12px; color: rgba(153, 153, 153, 1); font-weight: 700; padding-top: 15px; }
/* NO Data Found css End */


/* MOdal */
.dnotification-title { padding: 36px 20px 22px; border-bottom: 1px solid rgba(4, 76, 157, 0.1); }
.dnotification-title h6 { color: rgba(12, 161, 246, 1); font-weight: 700; }
.dnotification-list { display: flex; padding: 16px 20px; }
.dnotification-profile { width: 40px; height: 40px; margin-right: 20px; }
.dnotification-profile img { max-width: 40px; border-radius: 50%;}
.dnotification-text { width: calc(100% - 60px); }
.dnotification-text p { font-size: 14px; font-weight: 700; color: rgba(102, 102, 102, 1); line-height: 20px; }

/* Accept Popup Css Start */
.dconfirmation-bill-details .dform-field-group { display: flex; padding: 0px 30px; align-items: center; }
.dconfirmation-bill-details .dform-field-group .dform-field { width: 30.66%; margin-right: 4%; }
.dconfirmation-bill-details .dform-field-group .dform-field:last-child { margin-right: 0px; }
.dconfirmation-bill-details .dform-field-group .dform-field .mat-input-element { width: 100%; }
.dconfirmation-bill-details .mat-form-field{width: 100%;}
.cdk-overlay-pane.mat-datepicker-popup{z-index: 99999999;}
/* Accept Popup Css End */

/* Modal */

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; overflow: hidden; transition: all ease 0.3s;  -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-overflow-scrolling: touch; outline: 0; background-color: rgba(0, 0, 0, .6); visibility: hidden; opacity: 0; pointer-events: none; }
.modal.open { opacity: 1; overflow-y: auto; overflow-x: hidden; transition: all ease 0.3s; -webkit-transform: translateY(0px); transform: translateY(0px);  display: block; visibility: visible; pointer-events: all; }
.modal .modal-contain { width: 100%; max-width: 400px; margin: 0 auto; min-height: 100px; background-color: #fff; margin-top: 100px; margin-bottom: 30px; opacity: 0; position: relative; }
.other-modal {left: 0; width: 100%; height: 100%; position: absolute; }
.modal .modal-contain { max-width: 640px; -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.open .modal-contain { opacity: 1;}
.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; }
.jbottomsheet.modal{display: flex; align-items: flex-end; z-index: 999;}
.jbottomsheet.modal .modal-contain{max-width: 1000px; min-height: 400px; width: 100%; padding: 0px; border-radius: 0px; margin-bottom: 0px; -webkit-transform: translateY(100%); transform: translateY(100%);}
.jbottomsheet.modal.open .modal-contain{-webkit-transform: translateY(0); transform: translateY(0);}

.dsidebar.modal .modal-contain {margin-left: auto; height: 100vh; margin-top: 0px; border-radius: 0px;  -webkit-box-shadow: 0 0 79px rgba(0, 0, 0, .08); box-shadow: 0 0 79px rgba(0, 0, 0, .08);margin-bottom: 0px; margin-right: 0px !important; max-width: 400px; }
.dsidebar.modal{ top: 0 !important; display: unset; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(100%) !important; -ms-transform: translateX(100%) !important; transform: translateX(100%) !important; -webkit-transition: all .3s ease !important; -o-transition: all .3s ease; transition: all .3s ease; overflow-x: hidden; top: 0 !important; max-height: unset;}
.dsidebar.modal.open{ -webkit-transform: translateX(0) !important; display: unset; visibility: visible; -ms-transform: translateX(0)!important; transform: translateX(0)!important;}
.dbtn-loader{display: flex; align-items: center; justify-content: center; height: 80vh;}
.dbtn-loader .btn-loader { font-size: 26px; color: #fff; padding: 10px; border-radius: 40px; margin-right: 20px; }

.dbtn-loader.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;}
.dbtn-loader.timeline_scroll_loader p.fa { font-size: 30px; color: #fff; z-index: 99999; position: relative; }

/* Sales Person */
.dsales-person-box-text .mat-checkbox-frame{border: 0;}
.dsales-person-active .dsales-person-box-text .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color: rgba(12, 161, 246, 1)}
.dsales-person-unactive .dsales-person-box-text .mat-checkbox-background{background-color: rgba(4, 76, 157, 0.2);}
.dsales-person-unactive .dsales-person-box-text .mat-checkbox-label{color:rgba(17, 17, 17, 0.4)}

/* Material Form Field Css */
.dorder-view-list-desc .dform-field .mat-form-field{width: 100%;}
.dorder-view-list-desc .dform-field .mat-form-field input{border-bottom: 2px solid rgba(4, 76, 157, 0.4); font-size:14px; padding-bottom: 10px; width: 100%;}
.dorder-view-list-desc .dov-mrp .dform-field .mat-form-field input, .dov-ptr .dform-field .mat-form-field input, .dov-qty .dform-field .mat-form-field input, .dov-free .dform-field .mat-form-field input{text-align: right;}
.dorder-view-list-desc .dform-field .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
.dorder-view-list-desc .dform-field .mat-form-field-appearance-legacy .mat-form-field-infix{padding: 0px; border-top: 0;}
.dorder-view-list-desc .dform-field .mat-form-field-label-wrapper{display: none;}
.dorder-view-list-desc .dform-field .mat-form-field-underline{display: none;}
.dorder-view-list-desc .dform-field .mat-form-field-prefix .mat-icon-button, .dform-field .mat-form-field-suffix .mat-icon-button{height: 1.2em;}
.dorder-view-list-desc .dform-field .mat-datepicker-toggle{position: relative; top: -10px;}
.dorder-view-list-block .mat-form-field-appearance-legacy .mat-form-field-ripple{top: 0; height: 0;}
.dorder-view-list-block .mat-form-field-appearance-legacy .mat-form-field-underline{height: 0;}
.dorder-view-list-block .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0px;}
.dorder-view-list-block .mat-form-field-wrapper{padding-bottom: 0px;}
.dorder-view-list-block .dov-Gst .mat-form-field span{background-color: transparent; margin-left: 0; padding: 0; text-align: right;}
.dorder-view-list-block .dov-Gst .mat-form-field-infix{padding: 0; border-top: 0;}
.dorder-view-list-block .dov-Gst .mat-select-value-text span{font-size: 16px; line-height: 19px; font-weight:500; color: rgba(17, 17, 17, 1);}
.dorder-view-list-block .dov-Gst .mat-select-arrow{color: rgba(4, 76, 157, 0.4);}
.dorder-view-list-block .dov-Gst .mat-form-field{width: 100%;}
.dorder-view-list-block .mat-form-field{text-align:right}
.dorder-view-list-block  input, .dorder-view-list-block  .mat-select{ border:0; padding-bottom: 9px;  border-bottom: 2px solid rgba(4, 76, 157, 0.4); background-color: transparent; width: 100%; font-size: 16px; line-height: 19px; font-weight:500; color: rgba(17, 17, 17, 1);}
.dorder-view-list-block input.error { border-color: rgba(221, 78, 90, 1) !important; }
/* Material Form Field Css End */

/* Tolltip Css Start */
.tooltips { position: relative; }
.tooltips .fas{font-size: 12px !important; 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;}
.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: .75rem; left: 0; text-align: left; }
.tooltips.tooltips-bottom:hover::after { top: calc(100% + .6rem); }
/* Tolltip Css End */
/* Custom Scrollbar Css Start */
#custom-scroll::-webkit-scrollbar-track { border-radius: 10px; -moz-appearance: none !important; }
#custom-scroll::-webkit-scrollbar { width: 6px; -moz-appearance: none !important; }
#custom-scroll::-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)); }
#custom-scroll { -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; }
/* Custom Scrollbar Css End */

/* DatePicker Css Start */
.jcustomer-receipt .mat-icon-button {left: -42px; top: -7px; color: rgba(12, 161, 246, 1);}
.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, .dol-filter .md-drppicker td{line-height: 2em;}
.jsales-order-date .md-drppicker td span, .jreceipt-date .md-drppicker td span, .dorder-listing .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, .dorder-listing .md-drppicker td.active span, .dorder-listing .md-drppicker td.active:hover span{color: #fff;}
.md-drppicker td.available:hover, .md-drppicker th.available:hover{opacity: 1;}
.jsales-order-date .md-drppicker td.disabled span, .jreceipt-date .md-drppicker td.disabled span, .dorder-listing .md-drppicker td.disabled span { color: rgb(153, 153, 153) !important; }
/* DatePicker Css End */

/* pagination css Start */
.jpagination {padding: 10px 20px; text-align: center;}
.jpagination ul li, .jpagination ul li a {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 a{color: rgba(12, 161, 246, 1);}
.jpagination ul li a:hover{background-color: rgba(153, 153, 153, 0.4); border-radius: 2px;}
.jpagination ul li a{display: block;}
.jpagination ul li a.jblue-button{display: flex; cursor: pointer; color:#fff}
.jpagination ul li a.jblue-button:hover{background-color: rgba(20, 169, 254, 1);}
/* pagination css End */

/* Filter Css Start */
.dol-filter input{ font-size: 16px; font-weight: 600; color: rgba(4, 76, 157, 1); padding: 0px 10px 10px; width: 100%; height: 30px; border-radius: 2px; text-transform: capitalize; border: 0; border-bottom: 2px solid rgba(12, 161, 246, 0.2);}
.dol-filter input::placeholder {color: rgba(17, 17, 17, 0.2); font-size: 14px; font-weight: 500;}
.dol-filter{padding-right: 20px; position: relative;}
.dol-filter .fas{position: absolute; top: 7px; right: 30px; font-size: 14px; cursor: pointer; color:rgba(12, 161, 246, 1)}
.dol-filter .md-drppicker.double{width: 670px;}
.dol-filter .md-drppicker .btn.btn-default{margin-right: 10px;}
.dol-filter .md-drppicker .clear svg{height: 25px;}
.dol-status.dol-filter .fas{right: 10px;}
.dol-status.dol-filter .mat-form-field-type-mat-select .mat-form-field-label{top: 19px;}
.dol-filter label.date-range-picker-icon.fa.fa-calendar { top: 8px; right: 10px; position: absolute; color: rgba(4, 76, 157, 0.6); cursor: pointer; }
.dsort-icon .fas { font-size: 16px !important; color: rgba(4, 76, 157, 0.5) !important; position: unset; cursor: pointer; }
.dsort-icon.sort-active .fas { color: rgba(4, 76, 157, 1) !important;}
.dol-filter .mat-form-field-wrapper{padding: 0;}
.dol-filter .mat-form-field-flex{padding:0px 10px; background-color: transparent;}
.dol-filter .mat-form-field-appearance-fill .mat-form-field-infix{padding: 0; border-top: 0;}
.dol-filter .mat-form-field-appearance-fill .mat-form-field-flex{background-color: transparent; padding:0px 10px}
.dol-filter .mat-form-field-appearance-fill .mat-select-arrow-wrapper{transform: translateX(00px);}
.dol-filter .mat-form-field-underline, .dol-filter .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none;}
.dol-status.dol-filter{padding-right: 0px;}
/* Filter Css End */

/* Mat Autocomplete Css Start */
.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: rgba(4, 76, 157, 1);}
.jquickinventory-search  .mat-form-field-label{padding-bottom: 0px; top: 20px !important; }
.jquickinventory-search  .mat-form-field-label span{font-size: 18px; font-weight: 600; color: rgba(4, 76, 157, 0.4);}
.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: rgba(4, 76, 157, 1);}
.jquickinventory-search  .mat-form-field-label-wrapper{top: -16px;}
.jquickinventory-search .mat-form-field-wrapper{padding-bottom: 0px !important;}
.jquickinventory-search .mat-form-field input{padding-bottom: 3px !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;}
.jso-item-search-suggestion-group {display: flex; flex-wrap: wrap; align-items: center; padding: 10px 0px;}
.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;}
.jso-item-search-suggestion-box .jso-item-name p{font-size: 14px; color: rgba(17, 17, 17, 1);}
.mat-autocomplete-panel .jso-purchase-group { width: 100%; display: flex; align-items: center; padding-right: 0px; padding-top:5px}
.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 .jso-item-name p.mfg-name, .jso-item-search-suggestion-group .jso-item-name p.mfg-name { padding: 0; color: black; font-size: 12px; font-weight: 600; max-width: 300px; }
.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;}
.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: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 span{color: #fff;}
.cdk-overlay-pane .mat-option:hover img{filter: brightness(0) invert(1);}
.cdk-overlay-pane .mat-option:hover .jso-item-search-suggestion-group > div p, .cdk-overlay-pane .mat-option.mat-active p{color:#fff !important}
.mat-form-field-appearance-legacy .mat-form-field-underline{display: none;}
.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-option.mat-active div { color: #fff !important; }
.jbottomsheet-product h6 {font-size: 18px; color: #044C9D; font-weight: 600; }
.jbottomsheet-product p {font-size: 14px; color: #111111; font-weight:500; padding-top: 5px;}
.jbottomsheet-product p span {font-weight: 400; padding-left: 10px; border-left: 1px solid rgba(4, 76, 157, 0.4); margin-left: 10px; }
/* Mat Autocomplete Css End */

.mat-expansion-panel-header .mat-expansion-indicator{order: 1; margin-right: 10px;}
.mat-expansion-panel-header .mat-content{order: 2;}
.mat-expansion-panel-header .mat-expansion-indicator::after{color:rgba(12, 161, 246, 1)}
.jfile-progress .mat-progress-bar{height: 6px; border-radius: 6px;}
.jfile-progress .mat-progress-bar-background{fill: rgba(17, 17, 17, 0.1)}
.jfile-progress .mat-progress-bar-buffer { background-color: rgba(17, 17, 17, 0.5); }
.jfile-progress .mat-progress-bar-fill::after { background-color: rgba(12, 161, 246, 1); }

.jdatepicker .mat-icon-button{color:rgba(12, 161, 246, 1); width: 30px; height: 30px; line-height: 35px;}
.jdatepicker .mat-icon-button svg{width: 20px;}
.Jexpired-batches  span.mat-checkbox-label { font-size: 16px; color: rgba(17, 17, 17, 1); }
.Jexpired-batches .mat-checkbox-frame{border: 2px solid rgba(12, 161, 246, 1);}
.Jexpired-batches .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color: rgba(12, 161, 246, 1);;}
/* Toaster Css Start */
.toast-container.toast-bottom-center .ngx-toastr{width: 440px !important; display: flex; align-items: center;}
.toast-close-button{top: 0px !important; right: 0px !important; font-size: 30px !important; order: 3; margin-left: auto;}
.cdk-overlay-pane .jmenu-button.mat-menu-item { font-weight: 500; font-size: 16px; height: 42px; line-height: 42px;}
.jselect-box .mat-select-arrow-wrapper{position: relative; top: -4px; right: 6px;}
.jselect-box .mat-form-field-appearance-legacy .mat-form-field-infix{padding:0}
.jselect-bo .mat-form-field{height:30px}
.jselect-box.Jfilter { margin-left: auto; border: 1px solid rgba(12, 161, 246, 0.2); height: 30px;  border-radius: 2px; background-color:rgba(12, 161, 246, 0.2)}
.jselect-box.Jfilter .mat-form-field-wrapper { padding: 0 !important; }
.jselect-box.Jfilter .mat-form-field-type-mat-select .mat-form-field-label{top:6px; left:10px; color:rgba(4, 76, 157, 1);}
.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;}
.mat-select-panel.custom-panel {min-width: 600px !important;max-width: 280px;overflow: auto;-webkit-overflow-scrolling: touch;padding-top: 0;padding-bottom: 0;max-height: 256px;border-radius: 4px;}
#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;
      }

/* Responsive Css */
@media(max-width:1400px){
    .dorder-view-list .dorder-view-list-block{padding: 13px 20px;}
}

@media(max-width:1200px){
    header.site-header{padding: 20px 20px; right: 0; position: relative; top: 0;}
    .site-header-navigation ul li:first-child { width: 100%;  border-bottom: 1px solid rgba(4, 76, 157, 0.2); }
    .sidebar-logo{ position: absolute; padding: 0px 20px; top: 16px; z-index: 999;}
    .site-header-navigation ul li.dsearch.open{top: 92px; position: absolute; max-width: 100%; left: 0; width: 100%; margin-right: 0px; background-color: #fff; border-radius: 3px; padding: 20px 20px 0px; box-shadow: 0px 6px 24px rgba(0,0,0,0.16);}
    .dsearch .mat-form-field{width: 100%;}
    header.site-header.sticky{height: auto; padding: 19px 20px;}
    .sidebar.sticky .sidebar-logo{top: 13px; position: fixed;}
    header.site-header.sticky .site-header-navigation ul li:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
}

@media(max-width:1024px){
    .dorder-view-list .dorder-view-list-block{flex-wrap: wrap;}
    .dorder-view-list-block .dov-block1, .dorder-view-list-block .dov-block2{width: 100%;}
    .dorder-view-list-block .dov-block1{margin-bottom: 15px; margin-top: 15px;}
    .dorder-view-list-block .dov-block2 > div.dov-free, .dorder-view-list-block .dov-block2 > div, .dorder-view-list-block .dov-block1 > div, .dorder-view-list-block .dov-block1 > div.dov-qty{width: 25%;}
    .dorder-view-list-block .dov-itemname{width: 40%;}
    .dorder-view-list-block .dov-batch{width: 30%;}
    .dorder-view-list-block .dov-remove{position: absolute; right: 20px;}
    .dorder-view-list-desc{position: relative;}
    .dorder-view-list .dorder-view-list-head{display: none;}
}

@media(max-width:992px){
    .dorder-listing-head{display: none;}
    .daccepted-order .dorder-listing-block .dol-placed-for, .dorder-listing-block .dol-placed-for, .dinventory-items .dol-placed-for, .dshipped-order .dorder-listing-desc.dorder-listing-block .dol-placed-for{width: 100%; margin-bottom: 15px;}
    .daccepted-order .dorder-listing-block .dol-details, .dorder-listing-block .dol-details{width: 15%;}
    .daccepted-order .dorder-listing-block .dol-order-time, .daccepted-order .dorder-listing-desc .dol-order-no{width: 27%;}
    .dorder-listing-block .dol-order-time, .dorder-listing-desc .dol-order-no{width: 22%;}
    .daccepted-order .dorder-listing-block .dol-status{width: 33%;}
    .daccepted-order .dorder-listing-block .dol-amount, .dorder-listing-block .dol-amount, .dorder-listing-block .dol-status{width: 13%;}
    .dinventory-items .dol-manufacture, .dorder-listing-block .dol-placed-by{width: 30%;}
    .dinventory-items .dol-mrp, .dinventory-items .dol-offer{width: 15%; text-align: right;}
    .dinventory-items .dol-sale-price, .dinventory-items .dol-amount{width: 20%;}
    .dorder-view-header-left{width: 100%; margin-bottom: 15px;}
    .dorder-view-header .dov-pharmacy{width: 40%;}
    .dorder-view-header .dov-address{width: 40%;}
    .dshipped-order .dorder-listing-desc.dorder-listing-block > div{width: 33.33%; margin-bottom: 15px; text-align: left;}
}
@media(max-width:768px){
    .dorder-listing-block{padding: 15px 20px;}
    .daccepted-order .dorder-listing-block .dol-details, .dorder-listing-block .dol-details{width: 50%;text-align: right;}
    .daccepted-order .dorder-listing-block .dol-order-time,.dorder-listing-block .dol-order-time , .daccepted-order .dorder-listing-block .dol-status, .dorder-listing-block .dol-placed-by{text-align: right;}
    .dorder-listing-block .dol-order-time, .dorder-listing-desc .dol-order-no, .dorder-listing-block .dol-placed-by{width: 33.33%; margin-bottom: 15px;}
    .daccepted-order .dorder-listing-block .dol-order-time, .daccepted-order .dorder-listing-block .dol-status,.daccepted-order .dorder-listing-desc .dol-order-no{width: 50%;}
    .daccepted-order .dorder-listing-block .dol-amount, .dorder-listing-block .dol-amount{width: 50%;}
    .dinventory-items .dol-manufacture{width: 50%; margin-bottom: 15px;}
    .dinventory-items .dol-mrp, .dinventory-items .dol-offer{width: 25%; margin-bottom: 15px; text-align: right;}
    .dinventory-items .dol-sale-price, .dinventory-items .dol-amount, .dorder-listing-block .dol-status{width: 50%;}
    .dinventory-items .dol-sale-price{text-align: left;}
    .dinventory-items .dol-amount{text-align: right;}
    .lt-header-inner .left{width: 50%;}
    .lt-header .title{width: 100%; margin-bottom: 15px;}
    .dov-footer-left{order: 2; width: 100%;}
    .dov-footer-right  {width: 100%; order: 1; margin-bottom: 15px;}
    .dorder-view-list-footer{padding: 20px;}
    .dov-footer-right .dov-footer-title{padding: 16px 15px;}
    .dov-footer-total-amount{margin-left: auto;}
    .dshipped-order .dorder-listing-desc.dorder-listing-block > div{width: 50%;}
}
@media(max-width:576px){
    .dorder-listing-desc .dol-order-no{width: 100%;}
    .dinventory-items .dol-manufacture{width: 100%;}
    .dinventory-items .dol-mrp, .dinventory-items .dol-offer{width: 50%;}
    .dinventory-items .dol-mrp{text-align: left;}
    .dorder-listing-block .dol-order-time{width: 50%; text-align: left;}
    .daccepted-order .dorder-listing-block .dol-status, .dorder-listing-block .dol-status{width: 50%; text-align: right;}
    .daccepted-order .dorder-listing-block .dol-order-time.dtext-right{text-align: right;}
    .content-area{padding: 20px;}
    .dorder-view-header{padding: 20px;}
    .dorder-view-header .dov-address{width: 100%; margin-top: 15px;}
    .dorder-view-header .dov-pharmacy, .dorder-view-header .dov-mobile, .dorder-listing-block .dol-placed-by{width: 50%;}
    .modal .modal-contain{height: 100vh; overflow: auto;}
}
@media(max-width:480px){
    .lt-header-inner{flex-wrap: wrap;}
    .lt-header-inner .left{width: 100%;}
    .lt-header-inner .right{margin-left: 0px; margin-bottom: 15px;}
    .dorder-view-list-block .dov-block2 > div.dov-free, .dorder-view-list-block .dov-block2 > div, .dorder-view-list-block .dov-block1 > div, .dorder-view-list-block .dov-block1 > div.dov-qty{width: 50%;}
    .dorder-view-list-block .dov-block1 > div, .dorder-view-list-block .dov-block2 > div {margin-bottom: 15px; text-align: left;}
    .dorder-view-list-block .dov-block1 > div:nth-last-child(-n + 2), .dorder-view-list-block .dov-block2 > div:nth-last-child(-n + 2){margin-bottom: 0px;}
    .dorder-view-list-block .dov-batch{width: 100%; margin-top: 15px;}
    .dorder-view-list-block .dov-itemname{width: 70%;}
    .site-header-navigation ul li > button{font-size: 14px;}
    .sidebar-logo img{max-width: 135px;}
    .sidebar-logo{top: 20px;}
    .menu-toggle{margin-top: 28px;}
    h4, .dov-footer-right .dov-footer-total-amount p{font-size: 18px;}
    .dov-footer-right{flex-wrap: wrap; height: auto;}
    .dov-footer-right .dov-footer-button button, .dov-footer-btn button{min-width: 100%;}
    .dov-footer-button, .dshipped-order .dorder-listing-desc.dorder-listing-block > div{width: 100%;}
}

@media(max-width:376px){
    .dorder-view-header .dov-pharmacy, .dorder-view-header .dov-mobile{width: 100%;}
    .dorder-view-header .dov-mobile{margin-top: 15px;}
    .daccepted-order .dorder-listing-block .dol-order-time, .dorder-listing-block .dol-order-time, .daccepted-order .dorder-listing-block .dol-status,.dorder-listing-block .dol-placed-by{width: 100%; text-align: left;}
    .daccepted-order .dorder-listing-block .dol-order-time.dtext-right, .dorder-listing-block .dol-placed-by{text-align:left;}
    .dorder-listing-desc .dol-status p{margin-left: 0;}
    .daccepted-order .dorder-listing-block .dol-status{margin-bottom: 15px;}
    .daccepted-order .dorder-listing-block .dol-amount{width: 100%; text-align: left;}
}