.add-product-button {
  text-transform: uppercase !important;
  font-size: 18px;
  color: #ffffff;
   
  border-radius: 25px;
  background-color: #51B6E0 !important; }

.vertical-align td {
  vertical-align: middle !important; }

md-sidenav.md-locked-open {
  z-index: 99999999999; }

.modal-head {
  background: #56ADE3;
  position: relative;
  z-index: 99999;
  padding: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: -1px;
  font-weight: 600; }

.modal-head .close {
  color: #fff !important;
  font-size: 25px;
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
  z-index: 99999999;
  opacity: 1; }

#hospital-app .hospDetailsDiv {
  min-height: 200px;
  overflow: hidden; }

#hospital-app .hospitalSidenav {
  overflow-y: scroll; }

#hospital-app .md-datepicker-calendar-icon {
  color: #5e6161 !important; }

#hospital-app .md-input-invalid > .ng-invalid {
  box-shadow: 0px 0px 10px #dd2c00;
  outline: none;
  border: none;
  transition: all ease .3s; }

#hospital-app .hosp-loader-outer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff; }

#hospital-app .hosp-loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.spinnerContainer {
  height: 350px;
  width: 90%;
  position: relative;
  margin: 0 auto;
  background: #eee;
  margin-bottom: 30px; }

.spinnerContainer .fa-spinner {
  position: absolute;
  top: 50%;
  left: 42%;
  transform: translate(-50%, -50%); }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#hospital-app .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
  color: #fff;
  transition: all ease .3s;
  position: absolute;
  background: #a94442;
  padding: 0px 5px;
  z-index: 999;
  transition: all ease .3s;
  box-shadow: 3px 3px 8px #9c9595;
  -moz-animation: cssAnimation 0s ease-in 1.5s forwards;
  /* Firefox */
  -webkit-animation: cssAnimation 0s ease-in 1.5s forwards;
  /* Safari and Chrome */
  -o-animation: cssAnimation 0s ease-in 1.5s forwards;
  /* Opera */
  animation: cssAnimation 0s ease-in 1.5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@keyframes cssAnimation {
  to {
    opacity: 0;
    overflow: hidden; } }

@-webkit-keyframes cssAnimation {
  to {
    opacity: 0;
    visibility: hidden; } }

#hospital-app .bg-grey {
  background: #eeeeee; }

#hospital-app .select-input {
  width: 100%;
  height: 30px; }

#hospital-app .select-input:focus {
  outline: none;
  box-shadow: none; }

#hospital-app .formH5 {
  margin-bottom: 10px !important; }

.hospitalSidenav::-webkit-scrollbar {
  width: 5px;
  background-color: #286a86; }

.hospitalSidenav::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #74ccfa;
  background-color: #74ccfa;
  border: 1px solid #74ccfa; }

#hospital-app .fa.fa-phone {
  color: #2ab673; }

#hospital-app md-sidenav,
md-sidenav.md-locked-open,
#hospital-app md-sidenav.md-sidenav-left {
  background-color: #fff; }

#hospital-app md-toolbar.main_toolbar {
  background-color: #fff !important;
  border-bottom: 1px solid #49778B; }

#hospital-app .logo_img {
  border: 3px solid #e7e7e7;
  border-radius: 50%;
  margin: 10px 70px;
  max-height: 70px;
  max-width: 70px; }

#hospital-app md-toolbar h1.md-toolbar-tools {
  padding-left: 50px;
  font-size: 30px;
  color: #ffffff; }

#hospital-app md-toolbar i.green {
  color: #2ab673; }

#hospital-app h3 {
  color: #000; }

/*#hospital-app md-toolbar.toolbar {
  background-color: #f7f7f7;
}*/
#hospital-app.grey-background {
  background-color: #f7f7f7; }

#hospital-app .user-details {
  color: #9fb1b9;
  font-weight: 600;
  font-size: 13px !important; }

#hospital-app .md-divider-white {
  border-top-color: #9fb1b9 !important; }

#hospital-app h4 {
  color: #000; }

#hospital-app .icon-padding-right {
  padding-right: 12px;
  padding-left: 20px; }

#hospital-app .nav_menu {
  background-color: transparent !important; }

#hospital-app .nav_menu:hover, #hospital-app .nav_menu.active {
  background-color: #f06f6f !important;
  border-radius: 50px; }

#hospital-app .nav_menu:hover, #hospital-app .nav_menu.active h4 {
  color: #FFFFFF !important; }

#hospital-app .nav-menu .md-button:not([disabled]):hover {
  background-color: transparent !important; }

#hospital-app span.fa {
  color: #ffffff; }

#hospital-app span.fa {
  color: #ffffff; }

#hospital-app md-sidenav {
  max-width: 230px !important; }

#hospital-app .flex-gt-sm-80, #hospital-app .layout-row > #hospital-app .flex-gt-sm-80 {
  max-width: 83% !important;
  max-height: 100%; }

#hospital-app .margin-left-toolbar {
  margin-left: 60px; }

/*
#hospital-app .logo {
  margin-left: 30px;
  margin-top: 10px;
}*/
#hospital-app .inlineFormRow {
  margin: 0;
  margin-top: 20px; }

#hospital-app .formH5 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  position: relative; }

#hospital-app .formH5 span {
  padding: 0px 15px;
  display: inline-block;
  background: #fff;
  z-index: 2;
  position: relative;
  top: 0px;
  color: #827c7c;
  font-size: 14px; }

#hospital-app .formH5::before {
  content: "";
  height: 1px;
  width: 95%;
  display: block;
  position: relative;
  top: 8px;
  background: #51b6e0;
  margin: 0 auto;
  z-index: 1; }

#hospital-app #loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9; }

@keyframes geet {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#hospital-app .load-circle-parent {
  width: 40px;
  height: 40px;
  display: block; }

#hospital-app .load-circle {
  width: 100%;
  height: 100%;
  animation: geet 0.5s linear infinite;
  border-radius: 50%;
  border: 2px solid #fff;
  border-top-color: #222222; }

#hospital-app .pos-rel {
  position: relative; }

#hospital-app .pos-abs {
  position: absolute; }

.blueTitle2 {
  border-radius: 50px; }

.blueTitle2 h6 {
  color: #fff;
  text-align: left;
  font-size: 15px; }

.referralRow2 .title {
  color: #444 !important; }

.referralData2 {
  margin: 0 !important;
  padding: 0px 0px 20px;
  background: #fff;
  text-align: center;
  margin-bottom: 20px !important;
  border-radius: 25px 25px 0px 0px; }

.referralContainer2 {
  background: #eee; }

.opdTabBody {
  border-radius: 25px 25px 0px 0px; }

.opdContainer {
  background: #eee; }

#hospital-app body {
  background: #eee !important; }

.prescription-radio {
  position: relative;
  top: 3px; }

.dtp-date-view .navbar {
  display: none !important; }

#hospital-app md-sidenav.md-locked-open {
  z-index: 99999999999; }

#hospital-app md-toolbar h1.md-toolbar-tools {
  padding-left: 50px;
  font-size: 30px;
  color: #ffffff; }

/*
#hospital-app md-sidenav.md-sidenav-left {
  background-color: #054560;
}
*/
#hospital-app md-toolbar.main_toolbar {
  border-bottom: 1px solid #49778B;
  min-height: 80px; }

#hospital-app .md-sidemenu .md-button {
  color: #000 !important; }

#hospital-app .md-sidemenu .md-button:hover {
  background-color: #51b6e0 !important;
  color: #fff !important; }
  #hospital-app .md-sidemenu .md-button:hover md-icon {
    color: #fff; }

/*#hospital-app .md-sidemenu .md-button:visited {
  color: #51b6e0 !important;
}*/
#hospital-app span {
  font-size: 13px; }

/*#hospital-app .logo {
  margin-left: 40px;
  margin-top: 10px;
}*/
#hospital-app md-toolbar.toolbar {
  background-color: #f7f7f7; }

#hospital-app md-icon {
  color: #000; }

#hospital-app md-icon:hover {
  color: #fff !important; }

.chartDateBar {
  padding: 5px;
  margin: 0 auto;
  text-align: center; }

.no-border {
  border-right: none !important; }

.chartDateUl {
  border: 1px solid #ddd;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  padding-bottom: 4px;
  padding-top: 4px;
  border-radius: 50px;
  background: #f5f5f5; }

.chartDateBar li a {
  background: #f5f5f5;
  color: #444;
  padding: 5px;
  font-size: 16px;
  text-decoration: none;
  transition: all ease .3s;
  border-right: 1px solid #ddd; }

.chartDateBar li a:hover {
  color: #fff;
  background: #74CCFA;
  border-color: #74CCFA; }

.chartDateBarActive > a {
  color: #fff !important;
  background: #74CCFA !important;
  border-color: #74CCFA !important; }

.c3-heading {
  color: #444;
  padding: 0px 15px;
  margin: 10px auto;
  text-align: left; }

.text-black {
  color: #444 !important; }

.c3-line {
  stroke-width: 4px; }

.postLoader {
  position: fixed;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 16px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999;
  transition: all ease .5s; }

.postLoader i {
  color: #fff !important;
  position: relative;
  top: 50%;
  left: 50%;
  transition: all ease .5s; }

.dialog-padding .md-dialog-content {
  padding: 10px 90px; }

.nodataHeadin {
  font-size: 22px;
  color: #999; }

.subUserTable > tbody > tr > td {
  font-size: 12px; }

.subUserTable > thead > tr > th {
  font-size: 13px; }

.deleteSubUser {
  color: red; }

.deleteSubUser i {
  font-size: 18px !important; }

.opdTable > tbody > tr > td {
  font-size: 12px; }

.opdTable > thead > tr > th {
  font-size: 13px; }

.testTable > tbody > tr > td {
  font-size: 12px; }

.testTable > thead > tr > th {
  font-size: 13px; }

.prescriptionTable > tbody > tr > td {
  font-size: 12px; }

.prescriptionTable > thead > tr > th {
  font-size: 13px; }

.docNotesTable > tbody > tr > td {
  font-size: 12px; }

.docNotesTable > thead > tr > th {
  font-size: 13px; }

.docApptTable > tbody > tr > td {
  font-size: 12px; }

.docApptTable > thead > tr > th {
  font-size: 13px; }

.totalAmountTr td span {
  font-weight: 600;
  font-size: 16px !important; }

.txtGreen {
  color: #079a63; }

.txtBlack {
  color: #444; }

#hospital-app #loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9; }

@keyframes geet {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#hospital-app .load-circle-parent {
  width: 40px;
  height: 40px;
  display: block; }

#hospital-app .load-circle {
  width: 100%;
  height: 100%;
  animation: geet 0.5s linear infinite;
  border-radius: 50%;
  border: 2px solid #fff;
  border-top-color: #52C48D; }

#hospital-app .pos-rel {
  position: relative; }

#hospital-app .pos-abs {
  position: absolute; }

#hospital-app md-sidenav,
md-sidenav.md-locked-open,
#hospital-app .user-details {
  color: #9fb1b9;
  font-weight: 600;
  font-size: 13px !important; }

#hospital-app .md-divider-white {
  border-top-color: #9fb1b9 !important; }

#hospital-app .icon-padding-right {
  padding-right: 12px;
  padding-left: 20px; }

#hospital-app .nav_menu {
  background-color: transparent !important; }

#hospital-app .nav_menu:hover, #hospital-app .nav_menu.active {
  background-color: #f06f6f !important;
  border-radius: 50px; }

#hospital-app .nav_menu:hover, #hospital-app .nav_menu.active h4 {
  color: #FFFFFF !important; }

#hospital-app .nav-menu .md-button:not([disabled]):hover {
  background-color: transparent !important; }

#hospital-app .menu-button {
  margin-right: 45px !important; }

#hospital-app .margin-left-toolbar {
  margin-left: 0px; }

#hospital-app .layout-fill {
  font-size: 13px; }

#hospital-app .hospitalContainer {
  background-color: #f7f7f7;
  position: absolute;
  right: 0;
  left: 18%; }

#hospital-app .hospitalContainer .opdTabBody {
  margin: 0px 10px; }

#hospital-app .swasthWalletCards {
  box-shadow: 5px 5px 5px 5px #0000;
  border-radius: 10px; }

#hospital-app .swasthImage {
  padding: 10px;
  background: #fff;
  border-radius: 10px 0px 0px 10px;
  height: 130px; }

#hospital-app .swasthImage img {
  margin: 2px auto 5px;
  width: 60%; }

#hospital-app .swasthImage p {
  font-size: 16px;
  font-weight: 600; }

#hospital-app .swasthText {
  background: #e9e7e7;
  border-radius: 0px 10px 10px 0px;
  padding: 35px 0px;
  height: 130px; }

#hospital-app .swasthText p {
  font-size: 16px;
  font-weight: 600; }

#hospital-app .input-group {
  width: 450px;
  margin: auto; }

#hospital-app .input-group .form-control {
  border-radius: 20px 0px 0px 20px;
  border-right: none; }

#hospital-app .input-group span {
  border-radius: 0px 20px 20px 0px;
  border-left: none;
  background-color: #fff; }

#hospital-app .text-color {
  color: #51b6e0; }

#hospital-app .timePicker {
  margin-top: -32px; }

.w-100 {
  width: 100%; }

#hospital-app .fs-20 {
  font-size: 20px !important; }

#hospital-app .w-100 {
  width: 100%; }

#hospital-app .w-60 {
  width: 60%; }

#hospital-app .mb-20 {
  margin-bottom: 20px; }

#hospital-app .mr-10 {
  margin-right: 10px; }

#hospital-app button {
  outline: none; }

#hospital-app .increaseLimit {
  background: #f7f7f7;
  box-shadow: 1px 2px 7px 0px; }

@media screen and (max-device-width: 480px) {
  #hospital-app .margin-left-toolbar {
    margin-left: 0px !important; }
  #hospital-app .menu-button {
    margin-right: 0px !important; }
  #hospital-app .toolbar-mobile {
    height: 56px;
    max-height: 56px; } }

@media screen and (max-device-width: 480px) {
  #hospital-app .margin-left-toolbar {
    margin-left: 0px !important; }
  #hospital-app .menu-button {
    margin-right: 0px !important; }
  #hospital-app .toolbar-mobile {
    height: 56px;
    max-height: 56px; } }

md-card md-card-content {
  padding: 0px !important; }

#hospital-app .create-plan-button {
  text-transform: uppercase !important;
  font-size: 13px;
  color: #ffffff;
  background-color: #51B6E0 !important;
  padding-left: 25px;
  border-radius: 25px;
  padding-right: 15px; }

#hospital-app .fa-search {
  color: black !important; }

#hospital-app .blueTitleToolbar {
  padding: 5px 10px;
  border-radius: 25px; }

#hospital-app .red-text {
  color: red; }

#hospital-app .red-text:hover {
  color: #fff; }

#hospital-app .blueTitleToolbar h6 {
  color: #fff;
  text-align: left;
  font-size: 15px; }

#hospital-app .plans-table-font-size-13px {
  font-size: 12px !important; }

#hospital-app .create-plan-icon {
  font-size: 44px;
  position: relative;
  left: 0px;
  top: -3px;
  color: #00b772; }

#hospital-app .create-plan-icon-bg-white {
  background: #ffffff;
  position: absolute;
  display: inline-block;
  height: 37px;
  width: 33px;
  top: 0;
  left: -3px;
  border-radius: 25px; }

#hospital-app .append-rupee:before {
  content: '\20B9'; }

.green {
  color: green;
  font-weight: 600; }

.red {
  color: red;
  font-weight: bold; }

#custom-search-input {
  margin: 0;
  margin-top: 10px;
  padding: 0; }

#custom-search-input .search-query {
  padding-right: 3px;
  padding-right: 4px \9;
  padding-left: 3px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#custom-search-input button {
  border: 0;
  background: none;
  /** belows styles are working good */
  padding: 2px 5px;
  margin-top: 2px;
  position: relative;
  left: -28px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #D9230F; }

.search-query:focus + button {
  z-index: 3; }

.headingRow {
  padding: 0;
  margin: 0;
  position: relative;
  background: #51b6e0;
  height: 50px; }

.headingRow .wrap {
  width: 100%;
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 40px;
  position: relative;
  top: 8px; }

.headingRow h6 {
  color: #fff;
  font-size: 18px;
  line-height: 15px; }

.searchDiv .icon {
  width: 40px;
  height: 35px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0; }

.searchDiv {
  position: relative;
  left: -60px; }

.headingRow .form-control {
  border-radius: 0;
  border: 1px solid #ddd;
  outline: none; }

.headingRow .form-group {
  width: 33%; }

.dwnBtn {
  clear: both;
  position: absolute;
  right: 10px;
  top: 0px; }

.toolbar-back-button {
  text-transform: none !important;
  font-size: 18px;
  color: #ffffff; }

.profile-button {
  text-transform: none !important;
  font-size: 13px;
  color: #5E6161;
  border-radius: 25px;
  background-color: #EAEBEC !important; }

.payment-calender-button {
  text-transform: none !important;
  font-size: 13px;
  color: #5E6161;
  border-radius: 25px;
  background-color: #EAEBEC !important; }

.profile_payment_calender:hover, .profile_payment_calender.active {
  background-color: #51B6E0 !important;
  color: #ffffff; }

@media only screen and (min-device-width: 360px) and (max-device-width: 640px) {
  #planDetailCard {
    width: 105% !important; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  #planDetailCard {
    width: 105% !important; } }

.radio-button-margin-left > .md-container.md-ink-ripple {
  margin-left: 10px !important; }

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

.no-padding {
  padding: 0 !important;
  height: 400px !important;
  max-height: 400px !important;
  overflow-y: auto; }

.mb-0 {
  margin-bottom: 0 !important; }

.dialog-parent-container-modal {
  height: 500px;
  width: 350px; }

.custom-calender-rounded-input {
  background: #eee;
  border-bottom: none;
  border: 1px solid #ddd;
  border-radius: 50px;
  padding: 7px 10px;
  margin-bottom: 10px;
  margin-left: -5px; }

.table-rounded-n {
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
  background: #51B6E0;
  color: #ffffff !important; }

.table-rounded-n2 {
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
  background: #51B6E0;
  color: #ffffff !important; }

.table-rounded-n1 {
  color: #ffffff;
  background: #51B6E0; }

.planSchedule {
  list-style-type: none; }

.planSchedule p {
  background-color: #51B6E0;
  padding: 8px;
  color: #ffffff;
  border-radius: 50px; }

.planSchedule li {
  list-style-type: none;
  background: #eee;
  margin-bottom: 10px;
  color: #444;
  padding: 8px; }

.rightList {
  text-align: right;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px; }

.border-radius-left-round {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px; }

.wrapper {
  margin: 0 auto;
  width: 400px;
  display: inline-block; }

.custom-timeline-button {
  background: #51B6E0;
  width: 100%;
  text-align: left;
  color: white;
  font-size: 15px;
  border-radius: 25px;
  font-weight: 700;
  padding: 10px; }

.requiredInputStar {
  font-size: 8px;
  position: relative;
  color: rgba(255, 0, 0, 0.74);
  top: -5px; }

.patient-documents-button {
  text-transform: none;
  font-size: 15px;
  background-color: #EAEBEC;
  color: #5E6161;
  width: 25%;
  border-radius: 25px;
  text-align: left; }

.fetch-info-button {
  border-radius: 25px;
  background-color: #00BE74 !important;
  margin-top: -20px;
  color: #ffffff;
  text-transform: capitalize; }

#hospital-app .progress-indicator > li .bubble {
  width: 58px !important;
  height: 20px !important;
  background-color: #ebebeb !important;
  border-bottom: 0px solid transparent; }

#hospital-app .custom-rounded-input {
  background: #eee;
  border-bottom: none;
  border: 1px solid #ddd;
  border-radius: 50px;
  padding: 0px 10px;
  margin-bottom: 10px;
  margin-left: -5px; }

#hospital-app .progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, #hospital-app .progress-indicator > li.completed .bubble:before {
  background-color: #00BE74 !important;
  z-index: 99; }

#hospital-app .progress-indicator > li .bubble:after, #hospital-app .progress-indicator > li .bubble:before {
  height: 6px !important;
  top: 23px !important;
  background-color: #ebebeb !important;
  z-index: 98; }

#hospital-app .progress-indicator > li.completed, #hospital-app .progress-indicator > li.completed .bubble {
  color: #5E6161 !important; }

#hospital-app .progress-indicator > li {
  color: #5E6161 !important; }

.next-button, .back-button {
  text-transform: none !important;
  font-size: 15px;
  color: #5E6161 !important;
  border-radius: 25px;
  background-color: #EAEBEC !important;
  padding: 0px 20px;
  cursor: pointer !important;
  border: 1px solid #ddd; }

.next-button:hover, .next-button.active {
  background-color: #51B6E0 !important;
  color: #ffffff !important; }

.back-button:hover, .back-button.active {
  background-color: #51B6E0 !important;
  color: #ffffff !important; }

ul.progress-indicator > li > span:first-child {
  visibility: hidden; }

p {
  color: #5E6161;
  font-size: 13px; }

.text-row {
  width: 100%; }

.right-text {
  width: 100px;
  display: inline-block; }

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

.left-text {
  width: auto;
  display: inline-block;
  padding-left: 5px; }

.left-text > p {
  text-align: left;
  white-space: nowrap; }

.right-text_2 {
  width: 33%;
  display: inline-block; }

.right-text_2 > p {
  text-align: right; }

.table-head-bold {
  color: #5E6161;
  font-size: 13px; }

.cancel-plan-button {
  text-transform: none !important;
  font-size: 13px;
  color: #5E6161;
  border-radius: 25px;
  background-color: #EAEBEC !important; }

.cancel-plan-button:hover, .cancel-plan-button.active {
  background-color: #51B6E0 !important;
  color: #ffffff; }

.plans-table-font-size-13px {
  font-size: 13px !important; }

.delayed-bold {
  color: red;
  font-weight: 600; }

.ontime-bold {
  color: green;
  font-weight: 600; }

.add-product-button {
  text-transform: uppercase !important;
  font-size: 18px;
  color: #ffffff;
  border-radius: 25px;
  background-color: #51B6E0 !important;
  padding-left: 15px;
  padding-right: 15px; }

.vertical-align td {
  vertical-align: middle !important; }

.add-product-icon {
  font-size: 42px;
  position: absolute;
  left: -3px;
  top: -3px;
  color: #00b171; }

.rounded-input{width: 100% !important;border-radius: 50px;border: 1px solid #ddd}
.opdTabBody{background: #fff;}
.opdTabs li a{
  cursor: pointer;
  background: #fff;
  color: #444;
  border-radius: 50px;
  text-align: center;
  padding: 10px 25px;
  transition: all ease .3s;
  margin-left: 10px;
  font-size: 13px;
  border: 1px solid #ddd;
}


/*.registrationListTable>tbody>tr>td{border-right: 1px solid #ccc;border-top: none;}*/
.bg-grey th{font-weight: 400}
.opdTabs li a i{margin-right: 5px}
.opdTabs li a:hover{background: #51b6e0;color: #fff}
.opdTabs{border: none}
.opdTabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #fff !important;
  cursor: default;
  background-color: #51b6e0;
  border: 1px solid #6fc0e0;
  border-bottom-color: #6fc0e0;
}

.textGrey{
  color: #999;
}
.referralRow .title{color: #444 !important}
.referralRow .code{color: #444;padding: 10px;background: #eee;width: 200px;margin: 0 auto;font-size: 14px;font-weight: 400;border: 1px solid #ddd}
.refer_btn{
  background: #fff;
  padding: 5px 40px;
  border: 1px solid #ccc;
  color: #444 !important;
  font-size: 16px;
  border-radius: 50px;
  transition: all ease .3s;
}
.refer_btn:hover{
  background: #51b6e0;
  color: #fff !important;
  border-color: #fff !important;
}
.refer_btn:focus{outline: none}
.opdContainer .row{margin: 0}
.opdContainer{background-color: #fff !important}

.lh-18px{
    line-height:18px;
}
.lh-40px{
    line-height:40px;
}
.recent-sales-refresh{
    margin-left: 5px;
    font-size: 13px;
}
.recent-sales-table{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.p-0{
    padding:0!important;
}
.pv-s{
    padding-top:10px;
    padding-bottom:10px;
}
.brr-1px{
    border-right: 1px solid #bebebe;
}
.reserve-container{
    width: 95%;
    margin: 0 auto;
}
.m-0{
    margin:0;
}
.mt-xs{
    margin-top: 5px;
}
.mb-s{
    margin-bottom: 10px;
}
.mb-m{
    margin-bottom: 15px;
}
.cursor-pointer{
    cursor: pointer;
}
.tl-imp{
    text-align: left!important;
    padding-left:10px;
}
.reserve-drop-caret{
    margin-top:8px;
    margin-right:10px;
}
.text-green{
    color:green!important;
}
.mb-50{
    margin-bottom: 50px;
}
#salesAndCustomersReserve h6{
    font-weight: 600!important;
}
.fs-12px{
    font-size: 12px;
}
.fs-8px{
    font-size: 8px;
}
.record-row{
    border-radius:0!important;
}
/* div>.record-row:not(:last-child){
    border-bottom:0!important;
} */
.record-table-row td {
    border: none!important;
}
/* td>.in{
    border-bottom: 1px solid rgb(221, 221, 221)!important;
} */
.record-table-row{
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.gray-bg{
    background: #f5f5f5;
}