.font-family-1 {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-uppercase {
  text-transform: uppercase; }

.text-underline {
  text-decoration: underline; }

.green {
  color: #3abb8d; }

.blue {
  color: #313c5a; }

.brand-1 {
  color: #03A9F4; }

.brand-1-bg {
  background-color: #03A9F4; }

.brand-1-light {
  color: #0277BD; }

.brand-1-light-bg {
  background-color: #0277BD; }

.brand-2 {
  color: #3e464c; }

.brand-2-bg {
  background-color: #3e464c; }

.brand-2-light {
  color: #5f676d; }

.brand-2-light-bg {
  background-color: #5f676d; }

.brand-3 {
  color: #3F51B5; }

.brand-3-bg {
  background-color: #3F51B5; }

.brand-3-light {
  color: #283593; }

.brand-3-light-bg {
  background-color: #283593; }

.black {
  color: #000; }

.black-bg {
  background-color: #000; }

.gray-coal {
  color: #222; }

.gray-coal-bg {
  background-color: #222; }

.gray-lead {
  color: #666; }

.gray-lead-bg {
  background-color: #666; }

.gray-cement {
  color: #999; }

.gray-cement-bg {
  background-color: #999; }

.gray-titanium {
  color: #AAA; }

.gray-titanium-bg {
  background-color: #AAA; }

.gray-cloud {
  color: #DADEE8; }

.gray-cloud-bg {
  background-color: #DADEE8; }

.gray-mist {
  color: #F1F1F1; }

.gray-mist-bg {
  background-color: #F1F1F1; }

.white {
  color: #FFF; }

.white-bg {
  background-color: #FFF; }

.color-link {
  color: #03A9F4; }

.color-link-bg {
  background-color: #03A9F4; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* 
* Global
*/
/*table over ride*/
.avatar-img-circle {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.row-label {
  float: left;
  font-weight: 700;
  min-width: 130px;
  max-width: 130px;
  margin-right: 5px; }

.row-label-divider {
  float: left;
  min-width: 40px;
  font-weight: 700; }

.row-label-content {
  max-width: 340px;
  overflow: hidden;
  text-overflow: ellipsis; }

.appointment-top .row-label-content {
  overflow: visible; }

.pay-btn {
  min-width: 90px; }

.global-search-table-items {
  height: 300px;
  overflow-y: auto; }

.grid-multiselect {
  margin-top: 3px;
  margin-bottom: 3px; }

.grid-multiselect p-multiselect {
  padding: 10px 10px 0px 10px;
  /* display: inline-block; */
  color: #fff;
  margin-top: 2px; }

.grid-multiselect p-multiselect .ui-multiselect .ui-multiselect-trigger .pi {
  color: #fff; }

.grid-multiselect .ui-multiselect {
  border-bottom: 1px solid #fff; }

.empty-data-message {
  color: #0277BD;
  margin-bottom: 15px;
  background-color: #fff1f1;
  display: inline-block;
  padding: 5px 8px; }

.common-card span.card-label {
  float: left;
  min-width: 95px;
  font-weight: 700;
  max-width: 100px; }

.common-card span.card-label + span {
  font-weight: 700; }

.custom-card {
  background: #f9f9f9;
  border: 1px solid #e0dfdf;
  padding: 15px; }

.global-search i {
  margin: 4px 4px 0 0; }

.common-card .ui-card-title {
  border-bottom: 1px solid #e0dfdf;
  padding-bottom: 12px;
  font-size: 1.2em; }

.common-card .ui-card-title {
  border-bottom: 1px solid #e0dfdf;
  padding-bottom: 12px;
  font-size: 1.2em; }

.comment-btn button, .comment-btn button:focus {
  background-color: orange !important; }

button.comment-btn, button.comment-btn :focus {
  background-color: orange !important; }

.payment-report iframe {
  height: 100vh !important; }

.invoice-report iframe {
  height: 100vh !important; }

.ui-fluid .ui-dropdown {
  width: 100% !important; }

.payment-details-left .ui-card-title {
  padding-bottom: 10px;
  font-size: 1.2em;
  border-bottom: 1px solid #e0dfdf; }

.payment-details .ui-card-title {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 12px;
  font-size: 1.2em; }

.payer-details .ui-card-body, .payer-details-right .ui-card-body {
  position: relative;
  min-height: 174px; }

.payer-details .ui-card-title, .payer-details-right .ui-card-title, .consultation-short-info .ui-card-title, .patient-history-card .ui-card-title {
  border-bottom: 1px solid #e0dfdf;
  padding-bottom: 12px;
  font-size: 1.2em; }

.save-btn {
  max-width: 110px;
  float: right; }

.history-item-counter {
  height: 16px;
  width: 16px;
  background-color: #03A9F3;
  text-align: center;
  border-radius: 50%;
  line-height: 16px;
  color: #fff;
  margin-bottom: 3px;
  float: left;
  margin-right: 5px;
  font-size: 10px; }

.history-item-details-info {
  width: 92%;
  float: left; }

.history-item-details-info .row-label {
  min-width: 230px; }

select.lan-change:focus {
  outline: none; }

.common-top-label p {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 5px;
  margin-bottom: 10px; }

.common-page-top h2 {
  margin: 0 0 7px 0;
  font-size: 157.14286%; }

.common-filter-date-range {
  margin: 2px 7px; }

.common-horizontal-row-item label.consult-card-label {
  display: block;
  margin-bottom: 17px; }

.product-price input {
  color: #afafaf;
  opacity: .8; }

.date-format-disable input {
  color: #afafaf;
  opacity: .8 !important; }

.item-add-btn {
  margin-right: 15px; }

.advanced-payment-history h3 {
  margin: 0;
  padding: 10px 0; }

.chief-complain-textarea textarea {
  height: 72px; }

.app-logo img {
  max-width: 190px; }

.search-client-location-entry-field input,
.search-client-location-entry-field input:focus,
.search-client-location-entry-field input:active,
.search-client-location-entry-field input:visited {
  margin-right: 10px;
  width: 260px;
  margin-bottom: 10px;
  height: 30px;
  border: 1px solid #d1d1d1 !important;
  padding-left: 5px; }

.top-setting-options li:nth-child(4) {
  border-top: 1px solid #d1d1d1;
  height: 1px; }

.certificate-template__lebel {
  float: left;
  margin-right: 10px;
  margin-top: 10px; }

.certificate-template__list {
  float: left;
  width: 80%; }

/* date filter */
.common-filter__from-date {
  float: left;
  padding: 5px; }

.common-filter__to-date {
  float: left;
  padding: 5px;
  margin-right: 10px; }

.common-filter__location {
  float: left;
  padding: 5px;
  margin-right: 10px; }

.common-filter .ui-card-body {
  padding: 3px; }

.common-filter-btn-group span {
  position: relative; }

.common-filter-btn-group span.notification-counter.active {
  position: absolute;
  right: -8px;
  top: -20px;
  display: inline-block;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background-color: orange;
  text-align: center;
  color: #fff;
  line-height: 23px;
  z-index: 99;
  font-size: 12px; }

.package-counter.notification-counter.active {
  display: inline-block;
  background-color: orange;
  text-align: center;
  color: #fff;
  line-height: 23px;
  padding: 0 5px;
  position: absolute;
  right: -4px;
  top: -13px;
  z-index: 99;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  font-size: 12px; }

.package-btn.ui-button, .allergy-btn.ui-button {
  overflow: visible; }

.owner-info .row-label {
  min-width: 85px; }

.personal-document img {
  width: 100%; }

/* primeNG alertify message */
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(120, 216, 245, 0.95);
  border-color: #222222; }

.alertify-notifier .ajs-message {
  background: rgba(120, 216, 245, 0.95);
  border-color: #222222; }

/* org info */
.org__name {
  color: #fff;
  font-size: 22px;
  margin-top: 10px;
  display: inline-block; }

.org__logo {
  width: 25px;
  height: 25px;
  margin-right: 5px; }
  .org__logo img {
    width: 25px;
    height: 25x; }

/* spinner over ride*/
@keyframes ui-progress-spinner-color {
  100%,
  0% {
    stroke: #d62d20; }
  40% {
    stroke: #0057e7; }
  66% {
    stroke: #008744; }
  80%,
  90% {
    stroke: #ffa700; } }

.inactive-text-red {
  color: red; }

/* consultation */
.dashboard.consultation .timeline > .ui-g .ui-g-3 {
  margin-left: -110px; }

.dashboard.consultation .row-label-content {
  max-width: 100%; }

.dashboard.consultation .ui-button.ui-togglebutton {
  border-radius: 50%;
  font-size: 9px;
  padding: 0 0.6em; }

.dashboard.consultation .card.timeline {
  margin-bottom: 0.3em; }

.consultation .card.timeline i {
  color: #03A9F4; }

.discard-dialog-no-yes {
  float: right;
  margin-top: 10px; }

pre {
  font-family: "Roboto","Helvetica Neue",sans-serif; }

/**
 * Ribbon component styles
 */
.ribbon-container {
  margin: 0;
  padding: 1px;
  font-size: 11px;
  border: 1px solid #cccccc;
  border-bottom-width: 2px; }

.ribbon-container > .panel {
  float: left;
  margin: 1px;
  background-color: transparent;
  height: 82px; }

.ribbon-container > .panel > .panel-body {
  height: 77.5%; }

.ribbon-container > .panel > .panel-body,
.ribbon-container > .panel > .panel-footer {
  padding: 1px; }

.panel-body > .btn-group > .btn,
.panel-body > .btn-group > .btn-group-vertical,
.panel-body > .btn-group-vertical > .btn-group-h {
  margin: 1px; }

.ribbon-container .btn-default {
  background-color: transparent;
  padding: 0; }

.no-border {
  border-color: transparent; }

.ribbon-container .btn-default:hover {
  color: #333;
  background-color: #CCFFFF;
  border-color: #adadad; }

.ribbon-container .input-sm {
  padding: 0;
  height: auto; }

.ribbon-container .checkbox {
  margin-top: 0;
  margin-bottom: 0; }

.btn-default > .text {
  font-size: 11px; }

.btn-large > span {
  display: block; }

.btn-large > span.ribbon-icon {
  width: 32px;
  height: 32px; }

.btn-group-vertical > .btn-group-h > .btn {
  display: block;
  float: left;
  width: auto; }

.btn-group-h > .btn > span.text {
  display: none; }

.btn-small > span {
  display: inline;
  float: left; }

.btn-small > span.ribbon-icon {
  display: inline-block;
  width: 16px;
  height: 16px; }

.ribbon-container label > input[type=checkbox] {
  margin-top: 0; }

.glyphicon.flip {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg); }

/* bar icons */
/*.underline {
	background-image: url('../resources/ribbon/Underline_small.png');
}*/
input.load {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }

/* Update Begin */
.row.title {
  padding: 10px 10px 10px 15px; }

.row .grid {
  margin-top: 0 !important; }

.row.ribbon-container {
  padding: 0;
  border-bottom-width: 75px;
  border-left-width: 0;
  border-right-width: 0; }

.ribbon-container .btn-default {
  background-color: transparent;
  padding: 5px 20px;
  font-size: 14px;
  border-radius: 0;
  margin: 0; }

.ribbon-container .btn-group-vertical .btn-default {
  padding: 5px 10px; }

.ribbon-container .btn-group-vertical {
  margin: 5px 15px; }

.ribbon-container .input-sm:first-child {
  width: 70%; }

.ribbon-container .input-sm {
  display: inline-block;
  width: 25%;
  height: 25px;
  padding: 0 0 0 4px;
  margin-bottom: 2px;
  margin-top: 3px;
  background: #fff; }

.ribbon-container .btn-default:hover {
  box-shadow: none; }

.ribbon-container .btn-large:hover {
  border-color: transparent; }

.panel-body > .btn-group > .btn {
  margin: 0; }

.ribbon-container > .panel > .panel-body,
.ribbon-container > .panel > .panel-footer {
  padding: 0; }

.ribbon-container .btn-large .glyphicon {
  font-size: 24px;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 8px; }

.ribbon-container .btn-small {
  margin-top: 2px; }

.ribbon-container .btn-small .glyphicon {
  font-size: 12px;
  line-height: normal;
  height: 14px;
  margin-bottom: 2px; }

.ribbon-container .glyphicon.glyphicon-open, .ribbon-container .glyphicon.glyphicon-save, .ribbon-container .glyphicon.glyphicon-file {
  padding-top: 6px; }

.glyphicon.glyphicon-text-color, .glyphicon.glyphicon-text-background {
  margin: 0;
  padding: 0; }

span.underline.ribbon-icon {
  opacity: .5; }

.btn-small > span.ribbon-icon {
  background-repeat: no-repeat;
  background-position: center center; }

.ribbon-container > .panel {
  height: 101px; }

.ribbon-container .panel-default {
  margin: 0 0 0 0;
  box-shadow: none;
  border-radius: 0;
  border: 0; }

.ribbon-container .panel-footer {
  border: 0;
  padding: 0 0;
  border-radius: 0; }

.ribbon-container > .panel > .panel-body, .ribbon-container .btn-large {
  height: 75px; }

.ribbon-container > .panel > .panel-footer {
  padding: 5px 10px; }

.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected):not(.wj-frozen) {
  /* Alternate grid cell color */
  background: transparent; }

/* Colors */
.ribbon-container button {
  outline: none !important; }

.row.ribbon-container {
  border-color: #b8cce4;
  background: #e4e5e8; }

.ribbon-container .panel-default {
  border-right: 1px solid #d8d8da;
  background: #b8cce4;
  color: #656569; }

.ribbon-container .btn-default:hover, .ribbon-container .btn-default:focus {
  background-color: #dcdde0; }

.ribbon-container .panel-footer {
  background: #dddee2;
  border-top: 1px solid #d2d2d4; }

.ribbon-container .btn-small, .ribbon-container .btn-small:hover {
  border-color: #ceced0; }

.ribbon-container .btn-large .glyphicon, .ribbon-container .btn-small .glyphicon {
  color: #0d0d0d; }

.btn-default > .text, .ribbon-container .panel-footer {
  color: #656569;
  font-weight: normal; }

.panel-footer.text-center {
  text-align: center; }

/* Update End */
/*
    Loader
*/
.loading-overlay {
  background: transparent;
  color: #424242;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 111111; }

.loader {
  margin: 23% auto;
  font-size: 6px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(194, 193, 193, 0.5);
  border-right: 1.1em solid rgba(199, 197, 197, 0.5);
  border-bottom: 1.1em solid rgba(203, 203, 203, 0.5);
  border-left: 1em solid #09bee0;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em; }

/*
* Helper Class
*/
#danger {
  color: red; }

.green {
  color: #228B22; }

.red {
  color: #ff0000; }

.danger {
  color: #dc3545; }

.deep-blue {
  color: #0277BD; }

.deep-red {
  color: #fd0505; }

.txt-white {
  color: white; }

.text-green {
  color: #228B22; }

.text-primary {
  color: #0277BD; }

.text-secondary {
  color: #6c757d !important; }

.text-success {
  color: #28a745 !important; }

.text-danger {
  color: #dc3545 !important; }

.text-warning {
  color: #ffc107 !important; }

.text-muted {
  color: #6c757d !important; }

.text-disable {
  color: #a8d6ff !important; }

.text-center {
  text-align: center; }

/* width setting */
.width-100 {
  width: 100% !important; }

.width-325 {
  width: 325px; }

.width-230 {
  width: 230px; }

.width-215 {
  width: 215px; }

.width-200 {
  width: 200px; }

.width-175 {
  width: 175px; }

.width-140 {
  width: 140px; }

.width-135 {
  width: 135px; }

.width-110 {
  width: 110px; }

.width-101 {
  width: 100px; }

.width-96 {
  width: 96px; }

.width-75 {
  width: 75px; }

.width-70 {
  width: 70px; }

.width-56 {
  width: 56px; }

.width-200 {
  width: 200px; }

.mw-100 {
  max-width: 100px; }

.mw-150 {
  max-width: 150px; }

.mw-160 {
  max-width: 160px; }

.mw-200 {
  max-width: 200px; }

.max-width-100, .mw-100 {
  max-width: 100px; }

.h-10 {
  height: 10px; }

.height-10 {
  height: 10px; }

.height-50 {
  height: 50px; }

.h-50 {
  height: 50px; }

.my-5 {
  margin: 5px 0; }

.my-10 {
  margin: 10px 0; }

.m-0 {
  margin: 0; }

.mt-0 {
  margin-top: 0; }

.mt-5 {
  margin-top: 5px; }

.mt-8 {
  margin-top: 8px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-80 {
  margin-top: 80px; }

.mr-5 {
  margin-right: 5px; }

.mr-7 {
  margin-right: 7px; }

.mr-2 {
  margin-right: 2px; }

.mr-10 {
  margin-right: 10px; }

.ml-5 {
  margin-left: 5px; }

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-30 {
  margin-left: 30px; }

.ml-40 {
  margin-left: 40px; }

.ml-50 {
  margin-left: 50px; }

.ml-500 {
  margin-left: 500px; }

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.pd-0 {
  padding: 0; }

.pdl-0 {
  padding-left: 0; }

.pt-50 {
  padding-top: 50px; }

.pd-10 {
  padding: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-20 {
  padding-bottom: 20px; }

.pl-0 {
  padding-left: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.bg-white {
  background-color: white; }

.pdt-0 {
  padding-top: 0; }

.pdb-0 {
  padding-bottom: 0; }

.bold {
  font-weight: 700 !important; }

.f-bold {
  font-weight: 700; }

.fw-700 {
  font-weight: 700; }

.font-12 {
  font-size: 12px; }

.font-10 {
  font-size: 10px !important; }

.float-left {
  float: left;
  clear: both; }

.float-right {
  float: right;
  clear: both; }

.clearfix {
  clear: both; }

.clear {
  clear: both; }

.overflow-visible {
  overflow: visible; }

.cursor-pointer {
  cursor: pointer; }

.display-block {
  display: block;
  width: 100%; }

.spacing {
  padding: 10px; }

.spacing-h {
  padding-left: 10px;
  padding-right: 10px; }

.spacing-v {
  padding-top: 10px;
  padding-bottom: 10px; }

.spacing-l {
  padding-left: 10px; }

.spacing-r {
  padding-right: 10px; }

.spacing-t {
  padding-top: 10px; }

.spacing-b {
  padding-bottom: 10px; }

.spacing-2 {
  padding: 20px; }

.spacing-2-h {
  padding-left: 20px;
  padding-right: 20px; }

.spacing-2-v {
  padding-top: 20px;
  padding-bottom: 20px; }

.spacing-2-l {
  padding-left: 20px; }

.spacing-2-r {
  padding-right: 20px; }

.spacing-2-t {
  padding-top: 20px; }

.spacing-2-b {
  padding-bottom: 20px; }

.spacing-3 {
  padding: 30px; }

.spacing-3-h {
  padding-left: 30px;
  padding-right: 30px; }

.spacing-3-v {
  padding-top: 30px;
  padding-bottom: 30px; }

.spacing-3-l {
  padding-left: 30px; }

.spacing-3-r {
  padding-right: 30px; }

.spacing-3-t {
  padding-top: 30px; }

.spacing-3-b {
  padding-bottom: 30px; }

.spacing-half {
  padding: 5px; }

.spacing-half-h {
  padding-left: 5px;
  padding-right: 5px; }

.spacing-half-v {
  padding-top: 5px;
  padding-bottom: 5px; }

.spacing-half-l {
  padding-left: 5px; }

.spacing-half-r {
  padding-right: 5px; }

.spacing-half-t {
  padding-top: 5px; }

.spacing-half-b {
  padding-bottom: 5px; }

.new-appointment-dialog-content {
  min-height: 350px; }

.appointment-dropdown .ui-dropdown {
  min-width: 150px; }

.appointment-veterinarian .ui-dropdown, .appointment-schedule .ui-dropdown {
  min-width: 150px;
  margin-top: 13px;
  float: left;
  max-width: 240px; }

.reference-dropdown .ui-dropdown, .operation-room .ui-dropdown {
  min-width: 150px;
  width: 230px !important; }

.end-time h3 {
  width: 100%;
  display: block; }

.appointment-dropdown h3, .operation-room h3, .total-budget h3 {
  display: block;
  width: 100%;
  margin-bottom: 15px; }

.appointment-veterinarian {
  margin-bottom: 5px; }

.appointment-patient {
  margin-left: 7px; }

.appointment-veterinarian-select, .appointment-patient-select, .dropdown-item-two, .dropdown-item-three {
  margin-top: 15px;
  margin-left: 10px;
  float: left; }

.dropdown-item-two, .dropdown-item-three {
  margin-top: 5px;
  margin-left: 20px;
  float: left; }

.dropdown-item-three {
  width: 250px; }

.appointment-top-item-three label {
  margin-top: 17px;
  display: block;
  margin-left: 20px; }

.appointment-veterinarian h3, .appointment-schedule h3, .appointment-patient h3, .dropdown-item-two h3, .dropdown-item-three h3 {
  margin-top: 15px;
  display: block;
  width: 100%;
  margin-bottom: 0; }

.vet, .schedule, .schedule-type {
  float: left;
  margin-right: 10px;
  max-width: 260px;
  width: 100%; }

.schedule-type {
  margin-right: 0 !important; }

.schedule-type-color-filter {
  float: right; }

.dropdown-item-two h3, .dropdown-item-three h3 {
  float: left;
  margin-top: 15px;
  margin-right: 20px; }

.reasons-textarea {
  margin-right: 20px;
  float: left;
  margin-left: 6px; }

.external-comment-textarea {
  margin-right: 0px;
  float: left;
  margin-left: 60px; }

.admission-reservation .ui-card-title {
  border-bottom: 1px solid #e0dfdf;
  padding-bottom: 12px;
  font-size: 1.2em; }

.admission-reason-dropdown .ui-dropdown {
  min-width: 230px; }

.green-bg, .red-bg, .blue-bg, .sky-blue-bg, .orange-bg, .magenta-bg {
  height: 15px;
  width: 15px;
  margin-right: 5px !important;
  display: inline-block; }

.green-bg {
  background-color: #008000; }

.red-bg {
  background-color: #ff0000; }

.blue-bg {
  background-color: #0000ff; }

.sky-blue-bg {
  background-color: #a0522d; }

.orange-bg {
  background-color: #ffa500; }

.magenta-bg {
  background-color: #ff00ff; }

.appointment-common-btn .ui-button {
  font-size: .8em;
  height: 2em;
  padding: 0 .7em;
  border-radius: 3px; }

.appointment-common-btn .ui-button:hover {
  background-color: #0277BD; }

.ref-veterinarian-select .ui-dropdown {
  min-width: 235px;
  margin-top: 8px; }

.admission-discharge-date input.ui-inputtext {
  width: 230px; }

.appointment-top .row-label {
  min-width: 90px; }

.reasons-textarea h3, .notes-textarea h3, .external-comment-textarea h3 {
  margin-top: 5px; }

/*
* Consultation all
*/
.consult-patient-info .ui-card-body {
  padding-bottom: 0; }

.consult-patient-info .case-study-check {
  float: left;
  margin-right: 5px; }

.patient-consultation-header {
  margin-top: 23px; }

.patient-consultation-header h2 {
  margin: 5px 0 7px 0; }

.bottom-flip-selector {
  margin-top: 5px;
  margin-bottom: 15px; }

.patient-consultation-top-btn {
  margin-top: 3px; }

.flip-sub-tab {
  min-height: 413px;
  max-height: 413px;
  overflow-y: auto; }

.consultation-barcode img {
  width: 100%;
  max-width: 140px;
  -webkit-box-shadow: 1px 2px 5px 3px #ccc;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 1px 2px 5px 3px #ccc;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 1px 2px 5px 3px #ccc;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  max-width: 90px; }

.consult-owner-info, .consult-patient-info {
  position: relative; }

/* --------------- legend --------------*/
.consultation-legend.schedule-type-color-filter ul {
  list-style: none;
  padding: 0;
  float: right;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  margin-top: 0px;
  margin-right: 2px; }

.data, .active-flip-btn, .normal {
  height: 12px;
  width: 28px;
  margin-right: 0px !important;
  display: inline-block; }

.data {
  background-color: #228B22; }

.active-flip-btn {
  background-color: #0277BD; }

/*
* Medicine Instruction
*/
.instruction-build-single-item .ui-listbox-list-wrapper {
  width: 175px; }

.instruction-build-single-item .ui-listbox-list {
  width: 158px;
  height: 14.6em; }

.instruction-build-single-item .ui-listbox .ui-widget-header {
  width: 165px;
  background-color: transparent;
  border: 0;
  padding: 0.425em .5em; }

.instruction-build-single-item .ui-listbox {
  border: 0;
  min-width: 10.7em; }

.instruction-build-single-item .ui-widget-header .pi {
  color: #d1d1d1; }

.instruction-build-single-item .ui-inputtext:focus {
  border-bottom: 1px solid #d1d1d1; }

.instruction-build-single-item .ui-listbox li.ui-listbox-item {
  padding: 0.2em 0.875em; }

.patient-medicine-table {
  height: 276px;
  overflow-y: auto;
  margin-bottom: 4px; }

.instruction-build-item ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.instruction-build-item h4 {
  margin: 0 0 3px 0; }

.instruction-build-single-item {
  border: 1px solid #d1d1d1;
  padding: 8px 8px;
  margin-right: 3px; }

.instruction-builder-add-btn {
  margin-bottom: 10px;
  margin-left: auto;
  margin-top: 10px;
  margin-right: -3px; }

.patient-medicine-instruction-data-table {
  max-height: 107px;
  overflow-y: auto;
  border: 1px solid #eaeaea; }

.instruction-build-item {
  min-height: 460px; }

.consultation-data-available button {
  background-color: green !important; }

.consultation-data-available {
  background-color: green !important; }

.flip-active-btn button {
  background-color: #0277BD !important; }

.bottom-flip-selector button:focus {
  background-color: #0277BD; }

.flip-card h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d1;
  font-size: 1.2em !important;
  font-weight: 700 !important;
  margin-top: 0;
  margin-bottom: 10px; }

.location-dropdown p-autoComplete input {
  width: 140px; }

.obj-card .ql-editor {
  height: 90px;
  overflow-y: auto; }

.obj-card.others-textarea textarea {
  height: 239.4px;
  width: 100%; }

.max-character-allowed {
  font-size: 12px;
  display: block;
  color: #bdbdbd;
  margin-top: 2px; }

.lab-test-details-dialog .ui-table .ui-table-thead > tr > th {
  font-size: .7em; }

.lab-test-details-dialog .ui-table .ui-table-tbody > tr > td {
  font-size: .8em; }

.history-consultation-dropdown .ui-dropdown {
  width: 250px !important; }

.treatment-plan-editor, .service-treatment-editor {
  height: 120px;
  width: 99%;
  margin-bottom: 50px; }

.diagnosisresult-editor {
  height: 265px;
  width: 99%;
  margin-bottom: 20px; }

.vaccine-dialog-content-table {
  height: 490px;
  overflow-y: auto;
  margin-bottom: 4px; }

.row-label-content.imaging-history-content {
  max-width: fit-content; }

.history-physical-exam, .history-flip-single-content {
  max-height: 320px;
  overflow-y: auto; }

.patient-visit-consult .row-label {
  min-width: 190px; }

.at-glance {
  float: right;
  margin-right: 5px;
  margin-top: 15px; }
  .at-glance .ui-button.ui-button-icon-only {
    width: 2em;
    height: 2em; }

.all {
  display: block;
  width: 100%; }
  .all__checkbox {
    float: left;
    margin-right: 10px; }
  .all__checkbox--text {
    float: left; }

.all.service-type .all__checkbox {
  float: left;
  margin-right: 10px;
  margin-left: 8px;
  margin-bottom: 10px; }

.sample-item {
  position: relative;
  z-index: 1; }
  .sample-item__outsource-not-charge {
    position: absolute;
    right: 15px;
    top: 13px;
    z-index: 9; }
    .sample-item__outsource-not-charge--outsource {
      float: left;
      margin-right: 10px; }
    .sample-item__outsource-not-charge--not-charged {
      float: left;
      margin-right: 10px; }

.tab-history-single-title {
  color: #03A9F4;
  width: 100%;
  display: block; }

/* 
* Patient dashboard 
*/
.user-profile-img {
  text-align: center;
  position: relative; }

.user-profile-img img, .profile img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.patient-dashboard-img .user-file-upload {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 99;
  height: 70px;
  width: 75px; }

.patient-dashboard-img .user-profile-img .ui-fileupload .ui-fileupload-buttonbar .ui-button {
  background-color: #FFC107;
  width: 65px;
  height: 65px;
  margin-top: -11px;
  margin-left: -18px; }

.existing-allocated-bed h3 {
  margin: 0px 10px 0 0;
  display: inline-block; }

.existing-allocated-bed .ui-card-body::after {
  content: ' ';
  display: block;
  position: absolute;
  left: 540px;
  top: 140px;
  width: 40px;
  height: 40px;
  z-index: 1;
  opacity: 0.1;
  background-image: url(bf47a41a7d7e662fc0c0f75649470523.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  margin-right: 8px; }

.new-allocated-owner .ui-card-body::after {
  content: ' ';
  display: block;
  position: absolute;
  left: 1118px;
  top: 140px;
  width: 40px;
  height: 40px;
  z-index: 1;
  opacity: 0.1;
  background-image: url(bf47a41a7d7e662fc0c0f75649470523.png);
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover; }

.existing-allocated-bed .ui-card-body::before {
  font-family: 'FontAwesome';
  content: '\F101';
  display: block;
  position: absolute;
  right: 550px;
  top: 120px;
  width: 9px;
  height: 19px;
  z-index: 1;
  opacity: .3;
  margin-right: 8px;
  font-size: 80px;
  /* background-color: #03A9F4; */
  padding: 2px; }

.comment-btn button, .comment-btn button:focus {
  background-color: #008000; }

.patient-dashboard-header {
  margin-top: 44px; }

.merge-owner .ui-card {
  background-color: #f4f4f4; }

.current-allocated-bed .ui-card-body::after {
  content: ' ';
  display: block;
  position: absolute;
  left: 630px;
  top: 70px;
  width: 55px;
  height: 55px;
  z-index: 1;
  opacity: 0.1;
  background-image: url(0f44fadd01c39123a63baefbbb151cb0.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  margin-right: 8px; }

.new-allocated-bed .ui-card-body::before {
  font-family: 'FontAwesome';
  content: '\F101';
  display: block;
  position: absolute;
  right: 453px;
  top: 71px;
  width: 9px;
  height: 19px;
  z-index: 1;
  opacity: .3;
  margin-right: 8px;
  font-size: 80px;
  /* background-color: #03A9F4; */
  padding: 2px; }

.new-allocated-bed .ui-card-body::after {
  content: ' ';
  display: block;
  position: absolute;
  left: 1118px;
  top: 70px;
  width: 55px;
  height: 55px;
  z-index: 1;
  opacity: 0.1;
  background-image: url(0f44fadd01c39123a63baefbbb151cb0.png);
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover; }

.patient-dashboard-consultation-all-tab {
  height: 100vh; }

.transfer-veterinarian-name .ui-dropdown, .transfer-patient-name .ui-dropdown {
  min-width: 350px; }

.patient-status-btn.ui-button .ui-button-text {
  line-height: 2.08em; }

.advance-collection-card .ui-card-body, .common-card .ui-card-body {
  background-color: rgba(220, 220, 220, 0.1); }

.patient-dashboard .payer-details .row-label, .patient-dashboard .payer-details-right .row-label {
  min-width: 95px; }

.patient-dashboard .card.timeline .row-label {
  min-width: 140px;
  max-width: 140px; }

.patient-dashboard .card {
  border: 0; }

.change-owner .row-label, .merge-owner .row-label {
  min-width: 110px; }

.change-owner .row-label-divider, .merge-owner .row-label-divider {
  min-width: 20px; }

.merge-owner .existing-owner .row-label {
  min-width: 85px; }

.client-active, .patient-active {
  font-size: 15px;
  background-color: #ececec;
  padding: 7px;
  max-width: 322px;
  display: inline-block; }

.patient-dashboard__client-details .ui-card-body {
  padding-bottom: 14px; }

.patient-dashboard__assign-cases-study--label {
  float: left; }

.patient-dashboard__assign-cases-study--checkbox {
  float: left; }

.patient-dashboard__assign-cases-study--edit-button {
  margin-left: 8px;
  float: left;
  margin-top: -4px; }

.patient-dashboard__barcode {
  max-width: 70px;
  margin-top: 15px;
  text-align: center;
  float: right; }

.patient-dashboard__patient-info .ui-card-body {
  padding-bottom: 0 !important; }

.assign-case-study .row-label, .edit-case-study .row-label {
  max-width: 180px; }

.assign-case-study .row-label-content input, .edit-case-study .row-label-content input {
  width: 105px; }

.patient-dashboard__patient-info .ui-button.ui-button-icon-only {
  width: 2em;
  height: 2em; }

.emr-consultation-all {
  float: left;
  margin-right: 5px; }

/* 
* Fixed Top Bar
*/
.fixed-top-bar.patient-consultation-top-bar .ui-button.ui-button-text-icon-left {
  padding-left: 1.5em; }

.fixed-top-bar {
  background-color: #f7f7f7;
  padding: 5px 0 8px 0;
  color: #dc3545;
  position: fixed;
  top: 75px;
  left: 273px;
  width: calc(100% - 295px);
  z-index: 11;
  font-weight: 700; }

.total-unpaid-content, .total-unpaid-zero-content, .total-balance {
  margin-top: 10px;
  font-size: 15px;
  float: left;
  margin-right: 4px; }

.total-balance {
  margin-right: 0 !important; }

.client-dashboard-top-bar .total-unpaid-content, .client-dashboard-top-bar .total-unpaid-zero-content, .client-dashboard-top-bar .total-balance {
  font-size: 15px; }

.fixed-top-bar .total-balance {
  color: green; }

.fixed-top-bar .current-department {
  color: #0277BD; }

.fixed-top-bar .current-department {
  margin-top: 10px;
  font-size: 16px;
  float: left;
  margin-left: 2px; }

.topbar-left a {
  width: 200px;
  display: block;
  height: 60px;
  z-index: 999;
  position: relative;
  cursor: pointer; }

.topbar-left a img {
  max-width: 100%; }

.top-setting-options .ui-menu .ui-menuitem-link {
  font-size: .9em; }

.search-item i:hover {
  cursor: pointer; }

/*
* Over riding css
*/
body {
  overflow-x: hidden; }

.consultation-extra .ui-button.ui-button-text-icon-left {
  padding-left: 1.8em; }

.ui-button.medium {
  padding: 5px 10px 5px 25px !important; }

.flipper {
  transition: 0s !important; }

.add-problem-dialog-content .ui-dropdown-panel {
  top: 0 !important; }

.auto-refresh-card .ui-card-body {
  padding: 1.23em; }

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .pi {
  color: #757575;
  display: inline-block;
  margin-top: 2px; }

.auto-refresh-card .ui-state-active .pi,
.auto-generated-code .ui-state-active .pi,
.neuter-check .ui-state-active .pi {
  color: #fff; }

.dashboard-heading .counter-sales-items .ui-splitbutton.ui-button-success button.ui-corner-left {
  padding-left: 1.3em; }

.follow-up .ui-panel .ui-panel-titlebar {
  display: none; }

.common-grid-table .ui-table-resizable > .ui-table-wrapper {
  overflow-x: inherit; }

.ui-overlaypanel-content {
  padding: 2px; }

.ui-dropdown-panel .ui-dropdown-filter-container {
  width: auto; }

.ui-splitbutton {
  box-shadow: none !important; }

.layout-container .topbar-items > li.top-setting-options .ui-splitbutton button.ui-splitbutton-menubutton {
  height: 1.65em;
  margin-top: 6px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px; }

.patient-consultation-top-btn .ui-button.ui-button-text-icon-left {
  padding-left: 2em; }

.single-page-history .ql-container.ql-snow {
  border: 0 !important; }

.single-page-history .ui-editor-container .ui-editor-toolbar {
  display: none; }

.single-page-history .ql-editor {
  padding: 0; }

.bottom-flip-content .flipper,
.history-modal-content .flipper {
  transition: 0s !important; }

.ui-table * {
  border: 0px !important; }

.common-grid-table.receive-item .ui-table .ui-chkbox .ui-chkbox-box {
  border: 2px solid #757575 !important; }

.common-grid-table.receive-item .ui-table .ui-input-custom,
.ui-input-custom:focus {
  border: 1px solid #d1d1d1 !important; }

body .common-grid-table .ui-table .ui-chkbox .ui-chkbox-box {
  border: 2px solid #757575 !important; }

body .ui-paginator {
  background-color: #ffffff; }

body .ui-paginator > a {
  color: #222; }

body .ui-paginator .ui-paginator-pages a {
  color: #222222; }

.common-horizontal-row-item .ui-panel .ui-panel-titlebar {
  background-color: #f4f4f4;
  color: #222;
  font-weight: 700;
  border-bottom: 0 solid #d1d1d1; }

.history-modal-content-single-view .ui-widget-header {
  border: 0; }

.history-modal-content-single-view .dashboard .timeline > .ui-g .ui-g-3 i {
  font-size: 22px;
  right: -11px; }

.common-modal-title .ui-dialog-titlebar {
  cursor: move; }

.pi.pi-arrow-down,
.pi.pi-arrow-up {
  display: none; }

.dashboard-table .ui-paginator .ui-paginator-pages a,
.vendor-common-table .ui-paginator .ui-paginator-pages a {
  color: #848484; }

.cancel-reservation-dialog .ui-dialog .ui-dialog-footer {
  border-top: 0;
  padding-top: 0; }

.cancel-reservation-dialog .ui-confirmdialog.ui-dialog .ui-dialog-content {
  padding: 1em 0.5em; }

.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
  margin-right: 0.2em;
  font-size: 1.3em; }

.confirm-dialog-no-yes button span.ui-button-icon-left {
  color: #fff !important; }

.dialog-move .ui-dialog .ui-dialog-titlebar {
  cursor: move; }

body .ui-table .ui-table-tbody > tr > td {
  word-break: break-word; }

body .ui-table .ui-table-thead > tr > th,
body .ui-table .ui-table-tbody > tr > td,
body .ui-table .ui-table-tfoot > tr > td {
  padding: 0.625em 0.625em; }

.invoice-payment-mode .md-inputfield .ui-message {
  position: relative; }

.payment-report-table .ui-widget-header:not(.ui-dataview-header) .payment-report-global-search .ui-inputtext {
  color: #fff; }

.payment-report-table .ui-widget-header:not(.ui-dataview-header) .payment-report-global-search .ui-inputtext::placeholder {
  color: #fff; }

.common-grid-table .ui-widget-header:not(.ui-dataview-header) .global-search .ui-inputtext {
  color: #fff; }

.common-grid-table .ui-widget-header:not(.ui-dataview-header) .global-search .ui-inputtext::placeholder {
  color: #fff; }

body .received-po-dropdown .ui-dropdown .ui-dropdown-label {
  max-width: 100%; }

.prognosis-table .ui-editor-toolbar {
  display: none; }

.prognosis-table .ql-container.ql-snow {
  border: 0 !important; }

.ui-input-custom,
.ui-input-custom:focus {
  padding: 4px 5px;
  border: 1px solid #d1d1d1;
  border-radius: 2px; }

.date-format-disable .ui-calendar .ui-datepicker-trigger {
  display: none; }

.layout-container .layout-rightpanel .ui-scrollpanel {
  position: relative; }

.layout-container .layout-rightpanel .layout-rightpanel-content {
  overflow: hidden;
  padding-bottom: 20px; }

.dashboard-filter .ui-card-body {
  padding: 3px; }

.common-filter-date-range .ui-card-body {
  padding: 3px; }

.cash-collection-filter .ui-card-body {
  padding: 0px; }

.visit-filter .ui-card-body {
  padding: 10px 0 10px 5px; }

.consumable-item-filter .ui-radiobutton {
  margin: 0 0 0 0; }

.exist-email span.ui-message-text {
  position: absolute;
  right: 0;
  width: 100px; }

.ipd .payer-details .ui-card-body,
.ipd .payer-details-right .ui-card-body {
  min-height: 160px; }

.clinic-type-combo .ui-dropdown .ui-dropdown-label.ui-inputtext {
  text-align: left; }

.invoice-per-consultation button.back-btn {
  float: right;
  clear: both; }

.admission-worklist-tbl .ui-contextmenu .ui-menuitem-link .ui-menuitem-icon {
  color: #03A9F4; }

.common-grid-table .ui-contextmenu .ui-menuitem-link .ui-menuitem-icon {
  color: #03A9F4; }

.patient-tools .ui-splitbutton .ui-menu {
  min-width: 13.4em; }

.add-certificate .ui-button.ui-button-text-icon-left {
  padding-left: 1.5em; }

.eliminations-multi .ui-multiselect {
  display: block; }

.previous-vet .ui-messages-info {
  background-color: transparent;
  border-color: transparent; }

.previous-vet .ui-message {
  border: 0;
  padding: .25em 0;
  cursor: pointer; }

.arrival-assign-vet .ui-button-icon-left {
  left: .1em; }

.ui-table-surgery-team th {
  text-align: left; }

.outsource-items .ui-chkbox {
  float: left; }

.schedule-type-color-filter.stock ul {
  margin: 10px; }

.schedule-type-color-filter.stock li .red-bg {
  float: left; }

.chargeable-search .ui-inputtext {
  font-size: 20px; }

/* start consultation */
.service-type-content button.ui-button-info,
.service-type-content button.ui-button-danger {
  font-size: .6em; }

.common-checkbox .ui-chkbox {
  float: left; }

/* end consultation */
.common-date-filter .ui-card {
  margin: 0 7px; }

.appointment-confirm button {
  background-color: #03A9F4 !important;
  color: #fff !important; }

.patient-care-activity-field input {
  min-width: 430px; }

.instruction-notes legend {
  padding-bottom: 5px !important; }

.discharge-top-card .row-label {
  min-width: 100px; }

.patient-care-date-field input {
  width: 105px; }

.common-filter__from-date .ui-calendar.ui-calendar-w-btn input,
.common-filter__to-date .ui-calendar.ui-calendar-w-btn input {
  max-width: 125px; }

.single-page-history .ql-snow .ql-editor pre {
  padding: 0;
  background-color: transparent;
  margin-bottom: 0px;
  margin-top: 0px;
  font-family: "Roboto", "Helvetica Neue", sans-serif; }

.problem-tbl pre {
  font-family: "Roboto", "Helvetica Neue", sans-serif; }

pre {
  font-family: "Roboto", "Helvetica Neue", sans-serif; }

.history-modal-content-single-view pre {
  margin-top: 0; }

.history-modal-content-single-view button.ui-button-info, .history-modal-content-single-view button.consult-history-file-upload-btn {
  font-size: .6em; }

.arrival-form .ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: transparent; }

.client-search-field input {
  font-size: 1.6em;
  padding-left: 0 !important; }

.client-search-field button.ui-button.ui-button-text-icon-left {
  padding-left: 1.5em; }

.layout-container .topbar-items.messaging-activity {
  margin-right: 10px; }

.content .message-text h1,
.content .message-text h2,
.content .message-text h3 {
  margin: 0 0;
  font-size: 20px; }

.ui-fluid .multiple-vital-sign .ui-buttonset {
  max-width: 265px; }

.total-package-price .ui-button {
  font-size: .6em; }

@media (min-width: 1024px) {
  .select-org .ui-dropdown .ui-dropdown-label.ui-inputtext,
  .select-org .ui-dropdown .ui-dropdown-trigger .pi {
    color: #fff; } }

.layout-container .topbar .topbar-right #menu-button {
  top: 0; }

.total-package-price input {
  font-size: 18px; }

.schedule-type .row-label {
  max-width: 150px; }

.ui-dropdown .ui-dropdown-label {
  text-overflow: ellipsis; }

.ui-dropdown .ui-dropdown-clear-icon {
  right: 1.5em;
  line-height: 1.1;
  font-size: 1em; }

.ui-dropdown .ui-dropdown-clear-icon:hover {
  color: #ff0000; }

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 50%;
  transform: translateY(-50%); }

.ui-datepicker .ui-datepicker-title {
  margin: 0 1.3em; }

.ui-datepicker select.ui-datepicker-month {
  margin-right: .5em; }

ul.more-actions {
  padding: 0;
  margin: 0; }

ul.more-actions li {
  padding: 0.714em 0.857em; }

ul.more-actions li:disabled {
  opacity: 0.35;
  pointer-events: none; }

ul.more-actions li:hover {
  background-color: #eaeaea;
  cursor: pointer; }

ul.more-actions li span.icon {
  margin-right: 0.5em;
  width: 2em;
  display: inline-block; }

ul.more-actions li span {
  vertical-align: middle; }

.st-background-color .ui-togglebutton.ui-state-active {
  background-color: red; }

.deep-orange {
  background-color: #c68409;
  height: 15px;
  width: 15px;
  margin-right: 2px !important;
  display: inline-block; }

.transparent_MaximumQty {
  background: rgba(0, 0, 0, 0.5);
  height: 15px;
  width: 15px;
  margin-right: 2px !important;
  display: inline-block; }

.daily-exp-calender-370 {
  min-height: 370px; }

.userorg .ui-dialog-content.ui-widget-content {
  min-height: 300px; }

/*
* Surgery
*/
/* operation activity */
.operation-common-table .ui-table table {
  margin-top: 10px; }

.operation-activity-form-attachment .ui-card {
  margin-bottom: 10px; }

.operation-activity .row-label {
  min-width: 145px; }

/* 
* Administration
*/
.user-role .ui-multiselect-panel.ui-widget {
  width: 100%; }

/* consumable item history */
.consumable-right-filter {
  min-height: 102px; }

.consumable-right-filter input {
  float: left; }

.consumable-right-filter .ui-button.ui-button-icon-only, .consumable-left-filter .ui-button.ui-button-icon-only {
  width: 1em;
  height: 2em; }

.consumable-select-item .ui-dropdown {
  width: 100% !important; }

/* import export */
.import-export h3 {
  margin-top: 0; }

.import-export a.download-excel-file {
  float: none;
  display: inline-block;
  color: #222; }

.import-export a.download-excel-file:hover {
  text-decoration: underline; }

.single-side-border {
  height: 150px;
  width: 1px;
  background-color: #d1d1d1;
  margin-top: 50px; }

/* 
* User profile
*/
.user-profile__img {
  text-align: left;
  position: relative; }
  .user-profile__img .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    background-color: #FFC107;
    width: 140px;
    height: 140px;
    margin-top: -11px;
    margin-left: -18px; }

.user-profile img, .client-dashboard img img {
  width: 138px;
  height: 138px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.user-profile__file-upload {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; }
  .user-profile__file-upload .ui-fileupload .ui-fileupload-content {
    padding: 0 !important; }

.user-file-upload {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; }

.user-profile-img .ui-fileupload .ui-fileupload-buttonbar .ui-button {
  background-color: #FFC107;
  width: 140px;
  height: 140px;
  margin-top: -11px;
  margin-left: -18px; }

.user-file-upload .ui-fileupload .ui-fileupload-content {
  padding: 0 !important; }

.row-label-content-theme-selection {
  float: left; }

/*
* Invoice
*/
/* vendor */
.vendor-common-table .ui-widget-header {
  background-color: #f9f9f9;
  color: #333;
  font-size: 1em;
  border: 1px solid #cacaca; }

.vendor-common-table .ui-widget-header:not(.ui-dataview-header) .ui-inputtext {
  background-image: linear-gradient(to bottom, #5fe85f, #5fe85f), linear-gradient(to bottom, #79d4fd, #79d4fd); }

.vendor-common-table .common-grid-table .ui-widget-header:not(.ui-dataview-header) .global-search .ui-inputtext {
  color: #222222; }

.vendor-common-table .ui-paginator > a {
  color: #8f8f8f; }

.vendor-common-table input::placeholder {
  color: #222222 !important; }

.pending-item-table {
  min-height: 420px;
  max-height: 420px;
  overflow-y: auto; }

.default-pending-item-table {
  min-height: 255px;
  max-height: 415px;
  overflow-y: auto; }

.pending-item-table .ui-table-resizable > .ui-table-wrapper {
  min-height: 300px; }

.pending-item-table .ui-table-resizable .ui-table-thead > tr > th, .ui-table-resizable .ui-table-tfoot > tr > td, .pending-item-table .ui-table-resizable .ui-table-tbody > tr > td {
  overflow: visible !important; }

.inventory-service-type {
  position: relative; }

.inventory-service-type span.notification-counter.active {
  display: inline-block;
  background-color: orange;
  text-align: center;
  color: #fff;
  line-height: 23px;
  z-index: 99;
  border-radius: 2px;
  padding: 0 5px; }

.inventory-service-type {
  position: relative; }

.inventory-service-type.notification-counter.active {
  display: inline-block;
  background-color: orange;
  text-align: center;
  color: #fff;
  line-height: 23px;
  z-index: 99;
  border-radius: 2px;
  padding: 0 5px; }

.add-batch-card .ui-card-content {
  min-height: 400px;
  overflow-y: auto; }

.received-vendor-dropdown .ui-dropdown {
  max-width: 260px; }

.receive-item-expire-date input {
  max-width: 110px; }

.purchase-different-order-content {
  min-height: 200px; }

.stock-dialog .ui-card-body, .shrink-edit-dialog .ui-card-body {
  min-height: 410px; }

.shrink-edit-dialog .ui-card-body {
  min-height: 320px; }

.pending-items-po label {
  font-size: 16px; }

#ExpiryDt input, #ReceivedOn input {
  width: 80px; }

.create-requisition-card .ui-card-body {
  min-height: 190px; }

.receive-item-vendor-po .ui-card-body {
  background-color: #f1f1f1; }

.inv-item-number span {
  float: left;
  max-width: 70px;
  width: 50%;
  font-size: 12px; }

.inv-item-number .ui-dropdown.ui-widget {
  width: 48px !important;
  margin-top: -2px; }

/* 
* right panel
*/
/* right panel*/
.layout-rightpanel-wrapper .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info {
  color: #ffffff;
  background-color: #03A9F4;
  width: 2em;
  height: 2em; }

.layout-container .rightpanel {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 75px;
  width: 10px; }

.layout-container .rightpanel .rightpanel-right {
  padding: 15px;
  position: relative; }

.layout-container .rightpanel .rightpanel-right #rightpanel-button {
  color: #212121;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  width: 36px;
  margin-right: 10px;
  position: relative;
  right: 42px;
  top: 44px;
  background-color: #FFC107;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); }

.layout-container .rightpanel .rightpanel-right #rightpanel-button i {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 30px;
  line-height: 36px;
  margin-left: 3px; }

.layout-container .rightpanel .rightpanel-right #rightpanel-button i.rightpanel-left-icon:before {
  content: "chevron_right"; }

.layout-container .rightpanel .rightpanel-right #rightpanel-button i.rightpanel-right-icon:before {
  content: "chevron_left"; }

.layout-container .layout-rightpanel {
  width: 310px;
  right: -310px; }

.layout-container .layout-rightpanel .ui-scrollpanel .layout-rightpanel-wrapper {
  width: 330px; }

.layout-rightpanel .layout-rightpanel-header {
  height: 80px; }

.layout-rightpanel-content .ui-tree {
  width: 21em; }

.dashboard .timeline > .ui-g .ui-g-3 {
  margin-left: -180px; }

.layout-rightpanel .ui-dropdown .ui-dropdown-label, .layout-rightpanel .ui-dropdown .ui-dropdown-trigger .pi {
  color: #fff; }

.layout-rightpanel .layout-rightpanel-content h2 {
  margin-bottom: 5px;
  margin-top: 0; }

.node-child {
  color: #222;
  padding: 1px 4px;
  border-radius: 2px; }

.node-parent {
  color: #0277BD;
  padding: 1px 4px;
  border-radius: 2px; }

h3.objective-check-title {
  margin-left: 8px;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.petmatrix-versioning {
  text-align: center;
  position: absolute;
  right: 115px;
  bottom: 80px; }

/* 
* Dashboard chart
*/
.chart-refresh.ui-button.ui-button-icon-only {
  width: 2em;
  height: 2em;
  margin-top: -12px;
  margin-left: 10px; }

/* 
* Invoice
*/
.invoice-btn span, .consultation-btn span {
  line-height: 1.1em; }

.invoice-top-left-card .row-label, .invoice-top-right-card .row-label {
  min-width: 82px; }

.case-study-check {
  float: left;
  margin-right: 5px; }

.payer-details-right .ui-card-body {
  padding-bottom: 0; }

::ng-deep .custom-dropdown .ui-dropdown {
  width: 137px !important; }

/* 
* Comment UI
*/
/* comments ui */
.view-comment textarea, .add-comment textarea, .view-comment textarea:focus, .add-comment textarea:focus {
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding: 10px 10px;
  width: 100% !important; }

.add-comment {
  max-height: 165px;
  overflow-y: auto; }

.view-comment textarea, .view-comment textarea:focus, .view-comment textarea:active {
  max-height: 260px;
  overflow-y: auto; }

.add-comment {
  position: relative; }

/* .add-comment:before {
    border-width: 11px 13px 11px 0;
    border-color: transparent rgba(0,0,0,0.05);
    left: -12px;
  } */
.add-comment:before, .add-comment:after {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  display: block;
  border-width: 10px 12px 10px 0;
  border-style: solid;
  border-color: transparent #f2f3f5;
  top: 54px;
  left: -2px; }

.add-comment h5, .view-comment h5 {
  margin: 0; }

/* 
* Notification
*/
/*active-inactive counter*/
.notification-parent {
  position: relative; }

.counter-value-label {
  display: inline-block;
  line-height: 30px;
  min-width: 40px; }

.notification-counter-value {
  position: absolute;
  top: -13px;
  right: -10px;
  height: 26px;
  width: 26px;
  background-color: orange;
  border-radius: 50%;
  line-height: 26px;
  z-index: 99;
  color: #ffffff;
  font-size: 10px; }

/* 
* Button
*/
/* button setting */
.ui-button-gray {
  color: #ffffff;
  background-color: #717171 !important; }

.active-btn {
  background-color: #0277BD !important; }

.button-danger {
  background-color: #f44336 !important; }

.button-success {
  background-color: #4CAF50 !important; }

.button-primary {
  background-color: #2196F3 !important; }

.button-primary:hover {
  background-color: #1976D2 !important; }

.button-warning {
  background-color: #FF9800 !important; }

.button-warning:hover {
  background-color: #F57C00 !important; }

.button-default {
  color: #ffffff !important;
  background-color: #3e464c !important; }

/* 
* IPD
*/
.admission-date-field input.ui-inputtext, .admission-discharge-field input.ui-inputtext {
  width: 231px; }

.follow-up-veterinarian .ui-dropdown {
  width: 160px !important; }

.reservation-worklist-admission-reason .ui-dropdown {
  min-width: 200px; }

.collect-advance .ui-button-icon-left {
  top: 60%; }

.reservation-worklist-reference-doctor .ui-dropdown, .reservation-worklist-veterinarian .ui-dropdown, .reservation-worklist-discharge-date input.ui-inputtext {
  min-width: 200px; }

.reservation-worklist-veterinarian .ui-dropdown {
  max-width: 200px; }

.discharge-top-card {
  border: 1px solid #d1d1d1; }

.discharge-top-card code {
  min-width: 100px; }

.discharge-top-card .row-label-divider {
  min-width: 20px; }

.return-items-count, .pending-items-po {
  text-align: right; }

.return-items-count a, .pending-items-po a {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  vertical-align: middle;
  line-height: 30px;
  margin-bottom: 5px;
  cursor: pointer; }

/* 
* Pharmacy
*/
.problem-notes button.ui-button span.ui-button-icon-left {
  color: #fff !important; }

.problem-notes-solution button.ui-button span.ui-button-icon-left {
  color: #fff !important; }

/*
* responsive
*/
/* responsive  */
@media (max-width: 1600px) {
  .patient-history-card.patient-dashboard-consultation-all-tab {
    height: 100vh; }
  .patient-dashboard-header {
    margin-top: 50px; }
  .row-label-divider {
    min-width: 20px; }
  .total-unpaid-content, .total-unpaid-zero-content, .total-balance {
    font-size: 14px; }
  .owner-address .row-label-content {
    max-width: 310px; }
  .consult-owner-info .row-label, .consult-patient-info .row-label {
    min-width: 55px; }
  .counter-sale-owner-info .row-label, .return-item-owner-info .row-label {
    min-width: 90px; }
  .outsource-owner-info .row-label {
    min-width: 140px; }
  .patient-dashboard .payer-details .row-label, .patient-dashboard .payer-details-right .row-label {
    min-width: 52px; }
  .operation-activity-page .payer-details .row-label, .operation-activity-page .payer-details-right .row-label {
    min-width: 110px; }
  .patient-dashboard-top-btn button.ui-button.ui-button-text-icon-left {
    padding-left: 1.8em;
    font-size: .9em; }
  .patient-tools button.ui-button.ui-button-text-icon-left {
    padding-left: 0.7em;
    height: 2.25em; }
  .patient-tools .ui-splitbutton .ui-splitbutton-menubutton {
    height: 2em; }
  .font-18 {
    font-size: 14px !important; }
  .total-package-price {
    margin-top: -5px; } }

@media (min-width: 1600px) {
  .fixed-top-bar {
    width: calc(100% - 295px); }
  .consumable-right-filter input {
    min-width: 270px; }
  .dashboard.consultation .timeline > .ui-g .ui-g-3 {
    margin-left: -135px; }
  .package-cost {
    padding-left: 0 !important; } }

.template-info .ui-card-body {
  min-height: 533px; }

.owner-exam-info .row-label {
  min-width: 110px; }

.owner-exam-info .row-label-divider {
  min-width: 25px; }

.result-history-table .ui-card-body {
  min-height: 299px; }

.owner-exam-info .ui-card-body {
  min-height: 181px; }

/* 
* LIS
*/
.test-result-entry h4 {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 10px; }

.lis-consultation-global-search input {
  float: left;
  max-width: 95%;
  margin-right: 5px;
  width: 70%;
  font-size: 20px; }

.lis-consultation-global-search .ui-button.ui-button-icon-only {
  width: 2em;
  height: 2em; }

.sample-item .ui-tabview .ui-tabview-nav > li > a {
  padding: 0.625em 0.5em; }

.layout-container .layout-rightpanel {
  z-index: 9999 !important; }

.client-dashboard .row-label {
  min-width: 81px; }

.client-dashboard__barcode {
  float: left; }
  .client-dashboard__barcode img {
    border-radius: 0;
    margin-top: 10px; }

.client-dashboard .client-location img {
  max-width: 78px; }

.client-dashboard .client-location input {
  width: 75%;
  float: left; }

.client-dashboard .client-location .ui-button.ui-button-icon-only {
  width: 2em;
  height: 2em; }

.client-dashboard .location-entry-field input, .client-dashboard .location-entry-field input:focus, .client-dashboard .location-entry-field input:active, .client-dashboard .location-entry-field input:visited {
  width: 550px;
  margin-right: 10px;
  height: 30px;
  border: 1px solid #d1d1d1 !important;
  padding-left: 5px; }

.client-dashboard .user-profile__img {
  float: left;
  margin-right: 30px;
  max-width: 80px;
  text-align: center; }

.client-dashboard .user-profile__img .ui-fileupload .ui-fileupload-buttonbar .ui-button {
  background-color: #FFC107;
  width: 70px;
  height: 70px;
  margin-top: -11px;
  margin-left: -18px; }

.client-map {
  margin-top: 90px; }

.client-info .row-label {
  min-width: 80px; }

.shifting__from {
  float: left;
  width: 50px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 5px; }
  .shifting__from input {
    width: 40px; }

.shifting__to {
  float: left;
  width: 50px;
  margin-bottom: 5px;
  margin-top: 5px; }
  .shifting__to input {
    width: 40px; }

.cash-collection-top .visit-payment-queue-filter {
  float: left;
  width: 51%; }
  .cash-collection-top .visit-payment-queue-filter .ui-card-body {
    padding: 11px; }

.add-certificate h3 {
  float: left;
  margin-top: 0; }

.one {
  background: black; }

.two {
  background: #141414; }

.three {
  background: #1e1e1e; }

.four {
  background: #282828; }

/* Card Styles */
/* Header Section Styles */
.itr-batch-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

/* Batch Detail Styles */
.batch-detail {
  font-size: 14px;
  line-height: 1.5;
  margin-right: 15px;
  flex: 1; }

/* Space out the batch header items evenly */
.itr-batch-header .batch-detail {
  flex: 1; }

/* Optional: Add some responsive adjustments */
@media (max-width: 768px) {
  .itr-batch-header {
    flex-direction: column;
    align-items: flex-start; }
  .batch-detail {
    margin-bottom: 8px;
    flex: none; } }

.text-end {
  text-align: end; }

.display-grid {
  display: grid; }