img.bootbox-icon {
  border-radius: 15%;
  margin-right: 15px;
  width: 50px;
  height: 50px;
}

img.icon-success {
  content: url("../img/message-success.png");
}

img.icon-error {
  content: url("../img/message-error.png");
}

img.icon-warning {
  content: url("../img/message-warning.png");
}

img.icon-info {
  content: url("../img/message-info.png");
}

.bootbox-body {
  color: #5a5a5a;
  font-size: .95rem;
}

.bootbox-body ul {
  padding-left: 0;
  list-style: none;
}


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

.modal label {
  font-weight: normal;
}

a.color-link-header {
  color: #999c9e !important;
}

input.validation:required:invalid,
input:focus:invalid {
  background-color: #ffebee;
}

input.validation:required:valid {
  background-color: white;
}

button.kv-file-upload {
  visibility: hidden;
}

#map-add {
  height: 350px;
  width: 100%;
  position: relative;
}

#map-detail {
  height: 350px;
  width: 100%;
  position: relative;
}

#map-animalreg {
  height: 680px;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.popup-map {
  background-color: #FFF;
  border: 1px solid #CCC;
  padding: 0.1em 1em 0.5em 0.5em;
}

img.img-circle-thumbnail {
  border-radius: 50%;
  width: 125px;
  height: 125px;
}

img.img-square-table {
  width: 120px;
  height: 120px;
}

textarea.textarea-full-width {
  width: 100%;
  max-width: 100%;
}

a.tag-actions {
  font-size: 11px !important;
  background-color: #ffffff !important;
  border: 1px solid #c0c0c0 !important;
  margin-bottom: 20px;
}

.modal-large-w {
  width: 90%;
}

img.img-preview {
  width: 85%;
  max-width: 500px;
  max-height: 500px;
}

img.img-show-picture {
  width: 85%;
  height: auto;
}

.fileContainer {
  overflow: hidden;
  position: relative;
}

.fileContainer [type=file] {
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

.popover {
  max-width: 380px;
}

.popover-title {
  font-weight: bold;
}

.popover-content {
  min-width: 370px;
}

.tooltip-custom {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip-custom .tooltiptext-custom {
  visibility: hidden;
  width: 270px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 7px 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -135px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-custom .tooltiptext-custom::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip-custom:hover .tooltiptext-custom {
  visibility: visible;
  opacity: 1;
}