.my-error {
  color: brown;
}

/* Datatable */
#dataTable_filter {
  text-align: right;
}

#dataTable_paginate {
  text-align: right;
}

#dataTable_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
}

.actionIcon {
  margin-right: 7px;
}

.profilePic {
  position: relative;
  width: 100%;
  max-width: 400px;
}

/* Make the image to responsive */
.profilePic img {
  width: 150px;
  height: auto;
}

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 31%;
  right: 0;
  height: 100%;
  border-radius: 50% !important;
  width: 150px;
  opacity: 0;
  transition: .3s ease;
  background-color: transparent;
}

/* When you mouse over the container, fade in the overlay icon*/
.profilePic:hover .overlay {
  opacity: 1;
}

/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.profilePic .icon {
  color: rgb(56, 52, 52);
  font-size: 40px;
  position: absolute;
  top: 10%;
  left: 80%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* When you move the mouse over the icon, change color */
.fa-edit:hover {
  color: #eee;
}

.identityImage {
  width: 70%;
}

.formBorder {
  border: 2px solid #ececec
}

.headingBorderBottom {
  border-bottom: 1px solid #ececec;
}

.viewPageTextContentDiv {
  border: 2px solid #ececec;
  padding: 8px
}

.advertisement-img {
  width: 50px;
}


.table-bordered thead tr td,
.table-bordered thead tr th {
  font-size: 14px;
  font-weight: bold;
}

.table-bordered tbody tr td {
  font-size: 0.875rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.noRecordFound {
  font-size: 13px;
}

.MuiButton-containedPrimary {
  color: #fff;
  background-color: #4dbd74 !important;
  border-color: #4dbd74 !important;
}


.fontColorHeading {
  color: #1985ac;
  text-decoration: underline;
  margin-left: -20px;
  margin-bottom: 5px;
  margin-top: 13px;
}

.tdTextCenter {
  text-align: center;
}

.textAlignRight {
  text-align: right;
}

.noDecoration {
  text-decoration: none;
}

.darkLink {
  color: #1F2225;
}

.fontBold {
  font-weight: bold;
}

.h3CustomeHeading {
  color: #23282c;
  font-size: 1.1rem;
  font-weight: 600;
}

.btn-payment-pending {
  color: #fff;
  background-color: #ea4c89;
  border-color: #ea4c89;
  line-height: 1;
}

.btn-payment-paid {
  color: #fff;
  background-color: #00bf8f;
  border-color: #00bf8f;
  line-height: 1;
}

.btn-payment-canceled {
  color: #fff;
  background-color: #bf0600;
  border-color: #bf0600;
  line-height: 1;
}

.btn-fulfilled {
  color: #fff;
  background-color: #ff4500;
  border-color: #ff4500;
  line-height: 1;
}

.smallFormHeading {
  color: #1F2225;
  font-size: 0.9rem
}

.borderBottom {
  border-bottom: 1px solid #dfe3e8;
}

/* Dashboard Changes */
/* .card.bg-info
  {
    border-color: #2eadd3;
  }

  .bg-info{
    background-color: #63c2de !important;
  } */
.redBtn {
  border: 2px solid red;
  background: transparent;
}

/*add product css*/
.main-row-loop {
  width: 100%;
  display: block;
  clear: both;
  padding: 15px;
}

.child-half {
  width: 320px;
  float: left;
}

.child-half input {
  width: 90%;
  border-radius: 5px;
  border: 1px solid lightgrey;
  padding: 5px;
}

.addBtn-clrd {
  background: #269abc;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  padding: 5px 15px;
}

.child-cross {
  width: 23px;
  float: left;
  margin-right: 15px;
  background: red;
  padding: 0px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  margin-top: 5px;
}

.form-check-input {
  cursor: pointer;
}