/**
    HOJA DE ESTILO PRINCIPAL.CSS 
    Document   : principal
    Created on : 25/02/2015
    Author     : Alberto
    Description:
*/

/******************************************************
        CONFIGURACION GLOBAL
*******************************************************/
:root {
  font-size: 12px;

  --primary: #3c6d87;
  --secondary: #50585c;

  --color-1: var(--primary);
  --color-2: var(--secondary);
  --color-3: #f3f3f3;
  --color-4: #ffffff;
  --color-5: #ffffff;

  --btn-back: var(--primary);
  --btn-label: #ffffff;
  --btn-border: var(--primary);

  --btn-other-back: #f5f5f5;
  --btn-other-label: #555555;
  --btn-other-border: #cccccc;

  --text-color: #333333;

  --menu-bg-color: #ffffff;
  --menu-bg-color-over: #f0f0f0;
  --menu-border-color: #dddddd;
  --menu-text-color-over: #444444;
  --menu-disabled-color: #888888;
  --menu-disabled-bg: #eeeeee;
  --menu-active-bg: var(--primary);
  --menu-active-color: #ffffff;

  --success-rgb: #43a047;
  --info-rgb: #039be5;
  --warning-rgb: #fb8c00;
  --danger-rgb: #e53935;

  --color-acento: #3c6d87;
  --color-fondo-login: #e3f2fd;
  --color-fondo-login-secundario: #90caf9;
  --color-login-bottom-1: #d32f2f;
  --color-login-bottom-2: #b71c1c;
  --color-border-light: #eeeeee;
}

a:link {
  text-decoration: none;
}

html,
body {
  margin: 0;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  color: var(--text-color);
  background-color: var(--color-4);
}

hr {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  border: 0;
  border-top: 1px solid var(--color-border-light);
}

.colorPrimario {
  background-color: var(--color-acento);
}

.bloque {
  display: inline-block;
  width: 100%;
  margin-bottom: -4px;
}

.gerogrid td {
  vertical-align: top;
  height: 100%;
}

.texto {
  font-size: 1rem;
  color: var(--text-color);
  text-align: justify;
  font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}

input {
  width: 90%;
  color: var(--text-color);
}

.ui-inputfield {
  width: 100%;
  max-width: 100% !important;
  color: var(--text-color);
}

.textoTitulo {
  font-size: 1.8em;
  font-weight: bold;
  color: var(--text-color);
  text-align: justify;
  font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}

.derecha {
  text-align: right;
}

.izquierda {
  text-align: left;
}

.centro,
.centrado {
  text-align: center;
}

.esquinas8 {
  border-radius: 8px;
}

.esquinas5 {
  border-radius: 5px;
}

.esquinas10 {
  border-radius: 10px;
}

.esquinas3 {
  border-radius: 3px;
}

.esquinas8TopLeft {
  border-top-left-radius: 8px;
}

.esquinas8TopRight {
  border-top-right-radius: 8px;
}

.esquinas8bottomLeft {
  border-bottom-left-radius: 8px;
}

.esquinas8buttonRight {
  border-bottom-right-radius: 8px;
}

.loginTitulo {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.padding15 {
  padding: 15px;
}

.padding15-30 {
  padding: 15px 30px;
}

.padding30 {
  padding: 30px;
}

.contenedorTitulo {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--text-color);
  padding: 15px 0 0 5px;
}

.contenedorLogin {
  display: inline-block;
  max-width: 95%;
}

.contenedor {
  min-height: 330px;
  text-align: left;
  padding: 15px;
  margin-left: 1rem;
  background-color: var(--color-4);
}

.ventanaTitulo {
  text-align: left;
  color: var(--btn-label);
  background-color: var(--color-acento);
  padding: 5px 0 5px 15px;
  
}

.ventanaCuerpo {
  text-align: left;
  color: var(--menu-text-color-over);
  border-width: 1px;
  border-bottom-width: 2px;
  padding: 0 15px 15px 15px;
  background-color: rgba(0, 0, 0, 0.05);
}

.ui-datatable .ui-column-filter,
.ui-column-filter {
  display: none;
}

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
  background: #3c6d87 !important;
}

body .ui-datatable .ui-datatable-data>tr>td {
  padding: 0.4rem 0.4rem !important;
}

.loginInicio {
  display: inline-block;
  border: none;
  position: absolute;
  top: 50%;
  width: 300px;
  margin-left: -150px;
  margin-top: -180px;
  background-color: var(--color-4);
  text-align: left;
  padding-top: 25px;
}

.container-fluid {
  padding: 0;
}

.loginLogo,
.cabeceraLogo {
  width: 480px;
  height: 78px;
  text-align: center;
  background-color: var(--color-4);
}

.ui-picklist-source,
.ui-picklist-target {
  width: 100%;
  height: 500px;
}

.anchoFijo50px {
  width: 50px;
}

.anchoFijo10Por {
  width: 10%;
}

.cuarenta-percent {
  width: 40%;
}

.sesenta-percent {
  width: 60%;
}

.veinte-percent {
  width: 20%;
}

.ochenta-percent {
  width: 80%;
}

.top-alignment {
  vertical-align: top;
}

/******************************************************
        PANTALLA DE LOGIN
*******************************************************/
.fondoLogin {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--color-fondo-login);
  background-image: linear-gradient(to bottom, var(--color-fondo-login), var(--color-fondo-login-secundario));
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-fondo-login)), to(var(--color-fondo-login-secundario)));
  background: -moz-linear-gradient(left top, left bottom, from(var(--color-fondo-login)), to(var(--color-fondo-login-secundario)));
}

.logologin {
  position: absolute;
  width: 650px;
  top: 50%;
  left: 50%;
  margin-left: -350px;
  margin-top: -117px;
  text-align: left;
  padding: 5px 25px;
  background-color: rgba(255, 255, 255, 1);
}

.paddingDI10 {
  padding-left: 10px;
  padding-right: 10px;
}

.loginCreadopor,
.loginCreadoporNombre {
  color: #ffffff;
  width: 100%;
  text-align: center;
}

.loginCreadopor {
  font-size: 12px;
}

.loginCreadoporNombre {
  font-weight: bold;
  font-size: 14px;
}

.separador {
  height: 10px;
}

.loginbottom {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  text-shadow: 0 1px 1px #999999;
  background: var(--color-login-bottom-2);
  background: -moz-linear-gradient(var(--color-login-bottom-1), var(--color-login-bottom-2));
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-login-bottom-1)), to(var(--color-login-bottom-2)));
  background: -ms-linear-gradient(top, var(--color-login-bottom-1), var(--color-login-bottom-2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d32f2f', endColorstr='#b71c1c', GradientType=0);
}

/*****************************************************************************************************************************/
/*******                    ui-dialogos para modificar tema omega                        */
/*****************************************************************************************************************************/
.ui-dialog .ui-dialog-titlebar {
  padding: 0 !important;
  margin: 0.5rem !important;
}

.ui-dialog .ui-dialog-title {
  font-size: 1rem !important;
}