/*
 Author: Difadi
 Website: https://difadi.com
 File: Estilos CSS para BackOffice
*/

.form-control {
  font-size: .9em !important;
}

.filaBotonesFeed {
  margin-top: 2em;
}

.row.filaCampos {
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}

button.guardar {
  font-size: 1.25em;
  background-color: green;
  margin-top: 1em;
}

button.guardar.btn-primary {
  background-color: #333547;
}

.row.filaAccesosDirectos {
  margin-bottom: 2em;
}

.row.filaAccesosDirectos .btn-group {
  margin-bottom: 1em;
}

table#datatable tr td:last-of-type {
  text-align: center;
}

table#datatable tr td:last-of-type .btn-group.pull-right.mr-1 {
  margin-bottom: .25rem;
}

input.typeahead.form-control.mapeado {
    background-color: #cbf7cb;
    border: 1px solid #008000;
}

input.typeahead.form-control.noMapeado {
    background-color: #ffa1a1;
    border: 1px solid #8b0000;
}

i.mdi.mdi-square-edit-outline {
    position: absolute;
    right: 2vw;
    font-size: 1.35em;
    top: 5px;
    opacity: .85;
}

i.mdi.mdi-square-edit-outline:hover {
  cursor: pointer;
  opacity: 1;
  transition: .3s all linear;
}

td.nuevaActualizacion {
  background-color: #b8daff;
}

.actualizacionManual {
  border: 1px solid #0b7dd3;
  background-color: #0b7dd3;
  color: #fff;
}

.accionesXML {
  border-right: 2px solid #000 !important;
  padding: 0.5rem !important;
  padding-left: 0 !important;
}

.row.filaValoresDisponibles {
  display: flex;
  margin: .75em 0; 
}

.row.filaValoresDisponibles .card-title {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #333547;
  text-decoration: underline;
}

.row.filaValoresDisponibles .valoresDisponibles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
}

.row.filaValoresDisponibles .valoresDisponibles button.valorDisponible {
  margin: 0.25rem;
  font-size: .96em;
}

.row.filaValoresDisponibles .valoresDisponibles button.valorDisponible:focus {
    color: #fff;
    background-color: #333547d1;
    border-color: #333547d1;
}

.filaBotonAddColumna {
  margin: 2em auto !important;
}

.filaBotonAddColumna .botonAdd {
  font-size: 15px;
}

.filaBotonAddColumna .botonAdd:hover {
    cursor: pointer;
}

.ocultaParaClonar {
  display: none !important;
}

.botonEliminarFilaColumna {
  margin-top: 2em;
}

table.datos-concesionarios td > a,
table.datos-concesionarios td span {
  color: #222;
}

.enviarConcesionario {
  color: #222;
  font-weight: 500;
}

span.envio-concesionario {
  font-weight: 500;
}

.alert.alert-danger.mensajesAlertaDfd,
.alert.alert-warning.mensajesAlertaDfd {
  color: #222 !important;
  font-weight: 500 !important;
}