﻿/************* HEADER *************/
/************* COLORES *************/
/*#f7f7f7*/
/************* HEADER *************/
/************* MENU *************/
/************* NIVELES PROFUNDIDAD *************/
/************* INPUTS *************/
/************* BOTONES *************/
/************* GRID TABLE *************/
/*GENERAL*/
/*ACCION*/
.mensajeCorrectoPress {
  background: url(../Imagenes/Mensajes/OK_Press.png);
  width: 50px;
  height: 50px;
  position: absolute;
  margin-top: -25px;
  margin-left: 15px;
  cursor: pointer; }

.mensajeErrorPress {
  background: url(../Imagenes/Mensajes/error_press.png);
  width: 50px;
  height: 50px;
  position: absolute;
  margin-top: -25px;
  margin-left: 15px;
  cursor: pointer; }

.mensajeAdvertenciaPress {
  background: url(../Imagenes/Mensajes/advertencia_press.png);
  width: 50px;
  height: 50px;
  position: absolute;
  margin-top: -25px;
  margin-left: 15px;
  cursor: pointer; }

.mensajeCorrecto {
  background: url(../Imagenes/Mensajes/OK_normal.png);
  width: 50px;
  height: 50px;
  position: absolute;
  margin-top: -25px;
  margin-left: 15px; }

.mensajeError {
  background: url(../Imagenes/Mensajes/error_normal.png);
  width: 50px;
  height: 50px;
  position: absolute;
  margin-top: -25px;
  margin-left: 15px; }

.mensajeAdvertencia {
  background: url(../Imagenes/Mensajes/advertencia_normal.png);
  width: 50px;
  height: 50px;
  position: absolute;
  margin-top: -25px;
  margin-left: 15px; }

.mensajeContenedor {
  background: url(../Imagenes/Mensajes/contenedor.png);
  width: 300px;
  height: 90px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  position: absolute; }

.mensajeContenedorVuelto {
  background: url(../Imagenes/Mensajes/contenedorVuelto.png);
  width: 300px;
  height: 170px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  position: absolute; }

.mensajeCorrectoVuelto {
  background: url(../Imagenes/Mensajes/OK_normal.png);
  width: 50px;
  height: 50px;
  position: absolute;
  margin-top: -25px;
  margin-left: 15px; }

.mensajeCorrectoVueltoPress {
  background: url(../Imagenes/Mensajes/OK_Press.png);
  width: 50px;
  height: 50px;
  position: absolute;
  margin-top: -25px;
  margin-left: 15px;
  cursor: pointer; }

.PanelMensajeCorrecto {
  border: 0px none Black;
  background-color: Transparent;
  padding: 90px;
  width: 300px; }

.PanelMensajePuntoFactura {
  border: 0px none Black;
  background-color: Transparent;
  padding: 90px;
  height: 250px;
  width: 450px; }

.mensajeInfo {
  background: url(../Imagenes/Mensajes/Info.png);
  width: 60px;
  height: 60px;
  position: absolute;
  margin-top: -25px;
  margin-left: 12px; }

.posDivMensaje {
  text-align: center;
  margin-top: 38px; }

.posDivMensajeVuelto {
  text-align: left;
  margin-top: 38px;
  margin-left: 5px; }

/* FIN ESTILOS ANTIGUOS ELIMINAR CUANDO TODS ESTEN CON WEB CONTROL*/
.PanelPopupMensaje {
  font: 15px 'Roboto',sans-serif;
  background: #fff;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border-radius: 2px;
  -webkit-transition: width 2s;
  -o-transition: width 2s;
  transition: width 2s;
  min-width: 500px;
  max-width: 600px; }

.PanelPopupMensaje-Alert {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.PanelPopupMensaje-CapaSuperior {
  padding: 20px;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.PanelPopupMensaje-CapaSuperior img {
  height: 70px;
  margin: auto;
  display: block; }

.PanelPopupMensaje-Imagen-Login {
  width: 100px;
  height: 100px;
  background: #fff url(/Imagenes/Mensajes/IconoLlaveMensaje.svg) no-repeat;
  background-position: center;
  background-size: 100%;
  border-radius: 50%;
  margin: -50px auto auto auto; }

.PanelPopupMensaje-CapaTexto {
  padding: 5px;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.TituloMensaje {
  font-weight: bold; }

.TextoMensaje {
  color: #626262;
  font-size: small; }

.PanelPopupMensaje-TablaInferior {
  width: 100%;
  border-collapse: collapse; }

.PanelPopupMensaje-CapaCerrar {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-align: center;
  color: #fff;
  -webkit-transition: background .3s ease-in-out;
  -o-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  border-radius: 0px 0px 2px 2px;
  height: 45px;
  line-height: 45px; }

.ColorCerrarError,
.ColorCerrarAdvertencia,
.ColorCerrarCorrecto {
  cursor: pointer; }

.ColorCerrarError {
  background: #FF0000; }

.ColorCerrarError:hover,
.ColorCerrarError:active {
  background: #cc0000; }

.ColorCerrarAdvertencia {
  background: #FFD600; }

.ColorCerrarAdvertencia:hover,
.ColorCerrarAdvertencia:active {
  background: #ccab00; }

.ColorCerrarCorrecto {
  background: #00C853; }

.ColorCerrarCorrecto:hover,
.ColorCerrarCorrecto:active {
  background: #00953e; }

.ColorCerrarConfirmar {
  background: #3F51B5; }

.ColorCerrarConfirmarCorrecto {
  background: #00C853; }

.BotonesConfirmacion {
  cursor: pointer;
  background: none;
  border: none;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  font-size: 20px;
  padding: 10px 12px;
  width: 98%; }

.BotonesConfirmacion:active,
.BotonesConfirmacion:hover {
  background-color: rgba(193, 193, 193, 0.4); }

.BotonesConfirmacion:disabled {
  color: #AAA; }
