.has-error .help-block {
  color: red;
}


/* CUSTOM COLORS */
.text-green{ color: #00ba54; }
.green{ color: #00ba54; }
.bg-green{ background-color: #00ba54; }
.bg-outline-green{ border-color: #00ba54; color: #ffffff; background-color: #00ba54; }

/* CUSTOM COLORS */
.orange{ color: #e69202; }
.bg-orange{ background-color: #e69202; }
.bg-outline-orange{ border-color: #e69202; color: #e69202; background-color: #ffebb3; }

.magenta{ color: #8B008B; }
.bg-magenta{ background-color: #8B008B; }
.bg-outline-magenta{ border-color: #8B008B; color: #8B008B; background-color: #ff7dff; }

.light-gray{ color:#bfbfbf }
.bg-light-gray{ background-color:#bfbfbf }
.bg-outline-orange{ border-color: #bfbfbf; color: #bfbfbf; background-color: #ededed; }
/* CUSTOM COLORS ENDS */


.modal-body{ background-color:#fff; }

.highslide img {
  border: 0px !important;
}
.highslide:hover img {
  border-color: gray !important;
}


.img-wh100{
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  background-size: cover;
  background-position: center;
}

.form-comments{
  resize: none;
}


.ui-autocomplete {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  z-index: 99999;
}


input[type="datetime-local"], input[type="datetime-local"]:focus, input[type="datetime-local"]:active,
input[type="date"], input[type="date"]:focus, input[type="date"]:active
{ background-color:#ebebeb; }


.map-bubble-info{
  font-size: 11px;
  color: #4a4a4a;
  background-color: #ededed;
  width: 350px;
  min-width: 350px;
  line-height: 13px !important;
  padding: 5px 20px 5px 5px ;
}
.map-bubble-info label{
  display: inline-grid;
  width: 90px;
  font-weight: bolder;
  text-align:right;
  padding-right:8px
}
.map-bubble-info div{
  display: inline-grid;
  width: 250px;
}


.cursor-pointer {
  cursor:pointer;
}


.dropify-message,
.dropify-message span.file-icon p{
  font-size: 12px !important;
}


.text-white{color:#fff !important;}
.data-value .btn-xs {
  font-size: 11px !important;
  padding: 2px 7px !important;
}


.form-control-feedback.text-success{
  top: 8px;
  right: 20px;
  position: absolute !important;
}

.inline-w60{
  display: inline;
  width: 60px;
  margin-right: 10px;
  text-align: right;
}

.back-blue {
  background-color: #3c8efe;
  color: white;
}

.back-red {
  background-color: #e85347;
  color: white;
}

.btn-evl {
  background-color: #AF8A11;
  border-color: #AF8A11;
  color: #fff;
}

.btn-evl {
  --bs-btn-color: #fff;
  --bs-btn-bg: #AF8A11;
  --bs-btn-border-color: #AF8A11;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #AF8A11;
  --bs-btn-hover-border-color: #AF8A11;
  --bs-btn-focus-shadow-rgb: 151, 105, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #AF8A11;
  --bs-btn-active-border-color: #AF8A11;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(16, 25, 36, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #AF8A11;
  --bs-btn-disabled-border-color: #AF8A11;
}

.w-60{ width:60px !important; }
.wh-60{ width:60px !important; height:60px !important; }
.wh-100{ width:100px !important; height:100px !important; }
.wh-120{ width:120px !important; height:120px !important; }

.card-custom{
  border: solid 1px !important;  
  border-radius: 20px !important;  
  border-color: #AF8A11 !important;  
  text-shadow: -2px 0px 8px rgba(255, 255, 255, 0.36);  
}


.lista-notificaciones{
  height: 120px;
  min-height: 120px;
  max-height: 120px;
  overflow-x: none;
  overflow-y: auto;
  font-size: 12px !important;
}

.lista-notificaciones a.dropdown-item{
  font-size: 14px !important;
}

.row-striped {
  background-color:#34343A!important;
}

.text-gold{
  color: #af8a11!important;
}
.btn-gold,
.bg-gold{
  color: #000;
  background-color: #af8a11!important;
}
.border-gold {
  border: solid 2px #af8a11 !important;
}


.btn-xs{
  font-size: 0.8em;
  padding: 0.2em 0.6em;
  border-radius: 0.4em;
}


label{
  color: #fff !important;
}


.ui-timepicker-standard,
.ui-timepicker{
  background-color: #1e242d;
  border: solid 1px #af8a11;
  color: #fff;
}

.ui-widget.ui-widget-content {
  border: solid 1px #222;
}

.ui-widget-content a {
  color: #fff;
}


a.ui-corner-all.ui-state-hover{
  background-color: #12161c;
  color: #a8a8a8;
}



.modal-xxl{
  width: 90% !important;
  min-width: 90% !important;
}