@import url("variable.css");

/* your styles go here */

#notification_div {
  position: absolute;
  background-color: white;
  margin-left: -225px;
}

.notify {
  padding: 10px;
}

.bubble {
  animation: animateElement linear 0.3s;
  animation-iteration-count: 1;
}

@keyframes animateElement {
  0% {
    opacity: 0;
    transform: translate(0px, 10px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}

#map {
  height: 500px;
}

.bx-shadow {
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24) !important;
}

.message-danger {
  color: red;
  border-color: #ebccd1;
  float: left;
}

.favicon_icon {
  width: inherit;
}

@media (max-width: 480px) {
  .favicon_icon {
    width: 100px;
  }
}

@media (min-width: 980px) {
  .of-h {
    margin: 0;
    height: 100%;
    overflow-x: hidden;
  }
}

.va-m {
  vertical-align: middle;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.plr-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#sidenav-collapse-main li {
  list-style: none;
}

#sidenav-collapse-main ul {
  list-style-type: none;
}

#sidenav-collapse-main ul li ul li {
  background-position: 0px 5px;
  /* padding-left:14px; */
}

.ml-menu {
  padding-left: 20px;
}

.header-body a {
  background-color: white;
  border-color: black;
  color: #5e72e4;
  padding: 10px;
  border-radius: 5px;
}

.dt-buttons {
  float: left;
}

/* .card-profile img {
    margin-top: -25px;
} */

.mh-500 {
  min-height: 525px;
}

.img {
  max-height: 180px;
  max-width: 180px;
  object-fit: cover;
}

*/ .text-theme-color {
  color: #4fbcac;
}

.border-white {
  border: 1px solid white !important;
}

.bg_light_gray {
  background-color: #f6f6f6;
}

.bg_white {
  background-color: white;
}

.select2-container .select2-selection--single {
  width: 100% !important;
  height: 40px;
  border: 1px solid #cad1d7 !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  width: 100% !important;
  line-height: 40px;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: var(--theme-color) !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
}

.clickable {
  cursor: pointer;
}

.va-c {
  vertical-align: middle;
}

.notification .count {
  position: absolute;
  top: -10px;
  right: -5px;
  padding: 0px 6px;
  border-radius: 50%;
  background: #f93232;
  color: white;
}

@media (max-width: 768px) {
  .ps {
    overflow: visible !important;
  }
}

.has-danger input {
  border-color: red !important;
  box-shadow: none;
}

.has-success input {
  border-color: green !important;
}

.has-danger textarea {
  border-color: red !important;
  box-shadow: none;
}

.has-success textarea {
  border-color: green !important;
}

.has-danger .select2 .selection .select2-selection {
  border-color: red !important;
  box-shadow: none;
}

.has-success .select2 .selection .select2-selection {
  border-color: green !important;
}

.has-success .form-control:focus,
.has-danger .form-control:focus,
.form-control:focus {
  box-shadow: none;
}

.has-danger label {
  color: red !important;
}

.has-success label {
  border-color: green !important;
}

/* .disabled {
    pointer-events: none;
} */

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 1500px !important;
  }
}
.mt-25 {
  margin-top: 25px;
}

.pic {
  /* Layout Properties */
  left: 80px !important;
  width: 180px;
  /* height: 50px; */
  margin-bottom: 60px;
  margin-top: 30px;
  /* UI Properties */
  opacity: 1;
}