@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');
body {
    font-size:13px;
    font-family: 'Roboto', sans-serif;
}

.searchTblBox {position: absolute;z-index: 99999;/*! max-height: 377px; *//*! overflow-y: auto; */background: #fff;/*! scrollbar-width: thin; */width: 100%;/*! box-shadow: 0 1px 2px 1px #e5e4e4; */}



.searchTblBox {box-shadow: 0 1px 2px 1px #e5e4e4;}

.searchTbl {
  width: 100%;
  background: #fff;
}

.searchTbl th, .searchTbl td {
  padding: 8px 12px;
  border-top: 1px solid #ddd;
}


.searchTbl th {
}

.searchTbl td {
  font-weight: 300;
  font-size: 13px;
}

.searchTbl .drug-already {background: #fff9f9;}

.searchTbl .drug-already td p:last-child {color: #28a745;}

.searchTbl td h4 {
  margin: auto;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}

.searchTbl td h4 a {
  color: #000;
}

.searchTbl td p {
  font-size: 12px;
  margin: auto;
  color: #00a0db;
}

.searchTbl td .newPrice {
  font-weight: bold;
  color: #00a0db;
}

.searchTbl td .oldPrice {
  display: block; 
  font-weight: bold;
  color: #81be1f;
}

.searchTbl td .oldPrice span {
  text-decoration: line-through;
  font-weight: normal;
  color: #656363;
}

.searchTbl td .btn2 {
}

.searchTbl td .btn2 a {
  font-size: 13px;
  padding: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {background:#007bff;}

.captchaSec {text-align: center;}

.captchaSec img {display: block;width: 40% !important;margin: auto;}

.captchaSec input {display: block !important;flex: initial !important;border: 1px solid #ced4da !important;margin: 10px auto 0;}

.inputIncrementSec {white-space: nowrap;min-width: 120px;}

.inputIncrementSec .btn {background: #00a0db;color: #fff;border: none;box-shadow: none;padding: 0;height: 28px;width: 28px;display: inline-block;}

.inputIncrementSec .qtyplus {background: #00a0db;color: #fff;border: none;box-shadow: none;padding: 0;height: 28px;width: 28px;margin-left: -5px;}

.inputIncrementSec input {height: 29px;margin-left: -4px;border: 1px solid #ddd;width: 48px;text-align: center;padding: 0;display: inline-block;}

.select2.select2-container .selection, .select2-container .select2-selection--single {height: 33px !important;display: block;padding: 5px;}

.select2.select2-container .selection .select2-selection__arrow, .select2-container .select2-selection--single .select2-selection__arrow {top: 8px;right: 10px;}

.actionBtn {text-align: center;}

.actionBtn a {color: #f27400;margin: 0 2px;}

.actionBtn a i {font-size: 14px;}

.actionBtn a:nth-child(2) i {color: #48bf11;}

.actionBtn a:nth-child(3) i {color: #8c8383;}

.actionBtn a i.fa-trash-alt {color: #888;}

.tbl {width: 100%;}

.tbl, .tbl th, .tbl td {border: 1px solid #ddd;text-transform: capitalize;}

.tbl th {padding: 6px;background: #289d61;color: #fff;}

.tbl th::before, .tbl th::after {color:#fff;opacity: 1 !important;bottom: 0.7em !important;}

.tbl td {padding: 4px;text-transform: uppercase;}

.discountTbl {}

.discountTbl input[type='number'] {width: 100px;display: inline-block;}

.labelFont {font-size: 14px;}

.mgTop25 {margin-top:25px;}

.form-group {margin-bottom: 8px;}

.btn {padding: 4px 10px;}

.form-control {height: calc(1.85rem + 2px);font-size: 14px;}

.content-header h1 {
    font-size:22px;
}

.row > div {padding-left:4px;padding-right:4px;}

.content-header {padding:8px .5rem;}

input[type=number] {
  -moz-appearance: textfield;
}

.orderTotalPrice {text-align: right;font-size: 16px;margin-top: 15px;}

.content-wrapper > .content {padding-top:15px;}

.navbar {padding:0 .5rem;}

.card-header {padding:5px 15px;}

.card-header .card-title {font-size:14px;}

.card-body {padding:8px 20px;}

.table-bordered {}

.table-bordered, .table-bordered th, .table-bordered td {padding:2px 4px !important;}

.table-bordered th {background:#4195ef;color:#fff;}

.table-bordered td {text-transform: uppercase;}

.small-box p {margin-bottom:0;font-size:14px !important;}

.small-box h3 {font-size:20px !important;}

.seen{
}

.unseen{
	background:#b8b0ff !important;
}

.orderDeliverd{
	background:#98e7aa !important;
}

.orderCancel {background:#ffb5b5 !important;}

input[type=number] {
  -moz-appearance: textfield;
}

.addPanelBody {padding: 15px 20px;border-bottom: 1px solid #ddd;margin-bottom: 15px;}

.popupBottomModel {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 350px;
  overflow: auto;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}

.popupBottomModel .modal-content {
  position: fixed;
  bottom: 0;
  right:0;
  background-color: #fefefe;
  width: 350px;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s
}

.popupBottomModel .modal-header {
  padding: 2px 16px;
  background-color: #4195ef;
  color: white;
}

.popupBottomModel .modal-header h2 {font-size: 16px;padding: 5px 0;margin: 0;text-align: left;}

.popupBottomModel .modal-body {padding: 12px;}

.cancelReason {padding-top: 10px;}

.cancelReason h4 {font-size: 16px;font-weight: bold;color: #4195ef;}

.cancelReason p {margin-bottom: 5px;}

.cancelReason p b {margin-right: 8px;}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}