@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

* {
  font-family: var(--font-family);
}

.application {
  background-color: transparent !important;
}

#contenedor-tabla {
  width: 100%;
}

#contenedor-tabla td {
  height: auto !important;
  padding: 10px !important;
}

.fix-table td {
  vertical-align: middle !important;
}

.fix-btn {
  padding: 0 !important;
}

.fix-icon {
  display: flex !important;
}

.fix-datepicker input {
  border: 0 !important;
}

.fix-ancho {
  max-width: 100%;
}

.div100 {
  width: 100%;
}

.pull-right {
  float: right;
}

.card {
  margin-bottom: 0px;
}

[class^="btn-type"] {
  padding: 0px !important;
  border-radius: 5px;
}

.alert {
  height: auto;
}

.select-como-select2 .input-group__input {
  background: #3896E8;
  border-radius: 2px;
}

.select-como-select2 label {
  color: white !important;
  padding: 2px;
}

.tooltip {
  opacity: 1 !important;
  z-index: 1 !important;
}

/* pintar like select 2 y otros yael*/

.like-select2 {
  border: none !important;
  width: 160px;
}

.like-select2.input-group--select .input-group__input {
  cursor: pointer;
  color: var(--haunter-purple) !important;
  border: none !important;
}

.like-select2.input-group--select .input-group__input:focus, .like-select2.input-group--select .input-group__input:active {
  cursor: pointer;
  background-color: #fff !important;
  border-color: #0fb2fc !important;
}

.input-group--text-field input, .input-group--text-field textarea {
    font-size: var(--font-size-body) !important;
}

.like-select2 i.icon.material-icons.input-group__append-icon.input-group__icon-cb {
  color: var(--haunter-purple) !important;
}

.like-select2 i.icon.material-icons.input-group__append-icon.input-group__icon-cb:active {
  color: #0fb2fc !important;
  background-color: transparent;
  padding: 0px;
}

.like-select2 div.input-group__selections__comma {
  color: #000090 !important;
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.like-select2 .theme--light .input-group input, .theme--light .input-group textarea {
  color: transparent;
}

.like-select2 label {
  color: var(--haunter-purple)!important;
  /* text-align: center; */
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 8px;
  font-size: 13px;
}

.primary--text.like-select2 input {
  caret-color: white !important;
  padding-left: 20px;
  color: var(--haunter-purple);
}

.primary--text.like-select2 input:focus, .primary--text.like-select2 input:active {
  caret-color: #0fb2fc !important;
  padding-left: 20px;
  color: #0fb2fc;
  background-color: white;
}

.like-select2.input-group--select.input-group--focused .input-group--select__autocomplete {
  display: inline-block;
  opacity: 1;
  text-transform: uppercase;
}

.menu__content.menu__content--select.menu__content--autocomplete.menuable__content__active {
  margin-top: -53px !important;
}

.like-select2.menu__content.menu__content--select.menu__content--autocomplete.menuable__content__active {
  z-index: 3 !important;
}

.datatable th {
  color: black !important;
}

/* .application .theme--light.input-group:not(.input-group--error) .input-group__details:before,  .theme--light .input-group:not(.input-group--error) .input-group__details:before {
    background-color: transparent; */
/* arreglar para q solo aplique al select 2 y ntb aplicar al hover del mismo*/


@media only screen and (max-width: 1264px) {
  .container.fix-vue {
    width: calc(100% - 30px) !important;
    max-width: none !important;
  }
}