.article-title {
  color: #0275D8;
}

.div_padding {
  padding: 6.5em 7em;
}

canvas {
  background-color: #5c5c5c;
}

.p1 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.brlarge {
  display: block;
  margin-bottom: 2em;
}

.brmedium {
  display: block;
  margin-bottom: 1.5em;
}

.brexit {
  display: block;
  margin-bottom: 1.4em;
}

.brsmall {
  display: block;
  margin-bottom: 1em;
}

.brvsmall {
  display: block;
  margin-bottom: 0.8em;
}

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

.tablet1 {
  display: inline;
}

.tablet2 {
  display: inline;
  color: rgb(248, 248, 248);
  margin: 0em 0.5em;
  padding: 0em 0.5em 0.2em 0.5em;
  border-radius: 5px;
}

.tablet3 {
  display: inline;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.iti {
  width: 100%;
}

.bell-icon {
  position: relative;
}

.icon-hover-color:hover {
  color: #ffffff !important;
}

.icon-hover-color {
  color: #d5d5d5 !important;
}

.bell-icon::after {
  display: none;
}

.notification-message {
  width: 350px;
  text-wrap: unset;
  cursor: pointer;
}

#notif-count {
  position: absolute;
  border-radius: 50%;
  right: -3px;
  top: 1px;
}

.notification-message {
  display: flex;
  align-items: center;
}

.notification-content {
  flex-grow: 1;
}

.circle-gray {
  color: gray;
}

.circle-blue {
  color: #007bff;
}

.required-asterisk {
  color: #B94A48;
}

.eye-icon {
  position: absolute;
  right: 6px;
  cursor: pointer;
  top: 50%;
  transform: translate(-50%, -50%);
}

#password-requirements {
  color: #b0b5ba;
}

#password-requirements p {
  font-size: 14px;
}

.password-heading {
  color: #333333;
}

.is-invalid {
  border-color: #B94A48;
}
/*Start Password validation css*/
.password-valid::before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  color: #468847;
  margin-right: 5px;
}

.password-valid {
  color: #468847;
}

.password-invalid::before {
  font-family: "Font Awesome 5 Free";
  content: "\f057";
  color: #B94A48;
  margin-right: 5px;
}

.password-invalid {
  color: #B94A48;
}
/*End Password validation css*/

.notification-icon i {
  font-size: 0.75em;
}

#notif-list {
  max-height: 440px;
  overflow: auto;
  overflow-x: hidden;
}

.photo-input_border {
  border: 1px solid #ced4da;
  width: 100%;
  border-radius: 4px;
  padding: 4px;
}

#phone-number-error-msg, #phone-number-error-message, #phone-admin-error-msg {
  color: #B94A48;
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 2px 0 3px;
}

.error-text {
  color: #B94A48;
  font-size: 0.9em;
}