b
/**
    HOJA DE ESTILO PRINCIPAL.CSS 
   

    Document   : principal
    Created on : 25/02/2015
    Author     : Alberto
    Description:
*/
/******************************************************
        CONFIGURACION GLOBAL
*******************************************************/

:root {
  font-size: 12px;
  --color-1: #3892c3;
  /*color principal*/
  --color-2: #186ba0;
  /* color mas fuerte, secundario*/
  --color-3: #f3f3f3;
  /*color ligero para lineas*/
  --color-4: #fff;
  --color-5: #fff;

  --primary: #3892c3;
  /*color principal*/
  --secondary: #186ba0;
  /* color mas fuerte, secundario*/

  --btn-back: #3892c3;
  --btn-label: #fff;
  --btn-border: #3892c3;

  --btn-other-back: #eceff1;
  --btn-other-label: #664444;
  --btn-other-border: #cccfd2;

  /*--btn-border:#1f89ce;*/
  /*---------------------------------------------------------------------*/

  --text-color: #664444;
  /* Color a ser usado por el texto en general 555 */
  --menu-bg-color: #fff;
  --menu-bg-color-over: #f5f5f5;
  --menu-border-color: #ddd;
  --menu-text-color-over: #555;
  --menu-disabled-color: #777;
  --menu-disabled-bg: #eee;
  --menu-active-bg: var(--primary);
  --menu-active-color: #e1edf7;

  --success-rgb: #28a745;
  /*40, 167, 69;*/
  --info-rgb: #17a2b8;
  /*23, 162, 184;*/
  --warning-rgb: #ffac00;
  /*255, 172, 0;*/
  --danger-rgb: #dc3545;
  /*220, 53, 69;*/
}


a:link {
  text-decoration: none;
}

/*@media screen and ( min-device-width: 1200px) {*/
/*@media screen and ( min-width: 1200px) {*/


html,
body {
  margin: 0;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  /*background-color: #8f8f8f;*/
  color: var(--text-color);
  background-color: #fff;
}

hr {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  border: 0;
  border-top: 1px solid #eee;
}

.colorPrimario {
  background-color: #0277bd;
}

.bloque {
  display: inline-block;
  width: 100%;
  /*border: solid 1px rgba(200,200,200,0.9);*/
  /*margin: 0px 0px 0px 0px !important;*/
  margin-bottom: -4px;
  /*margin-top: -4px;*/
}

/* para la alineacion vertial en contenedores
*/
.gerogrid td {
  vertical-align: top;
  height: 100%;
}

.texto {
  /*font-size: 18px;*/
  font-size: 1.2em;
  color: #664444;
  text-align: justify;
  font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}

input {
  width: 90%;
  color: #664444;
  /*    border:none;
        border-bottom: 1px solid #777;*/
}

.ui-inputfield {
  width: 100%;
  max-width: 100% !important;
  color: #664444;
}

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

.derecha {
  text-align: right;
}

.izquierda {
  text-align: left;
}

.centro {
  text-align: center;
}

.esquinas8 {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.esquinas5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.esquinas10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.esquinas3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

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

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

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

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

.centrado {
  text-align: center;
}

.loginTitulo {
  /*font-size: 12px;*/
  font-size: 1rem;
  /*    color: white;*/
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.padding15 {
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}

.padding15-30 {
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 30px;
}

.padding30 {
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
}

/*.contenedor{
    display: inline-block;
    max-width: 95%;
    width:60%;
    width: 100%;
}*/
.contenedorTitulo {
  font-size: 1.5rem;
  font-weight: bold;
  color: #664444;
  padding-top: 15px;
  padding-left: 5px;
}

.contenedorLogin {
  display: inline-block;
  max-width: 95%;
  /*width:60%;*/
  /*width: 100%;*/
}

.contenedor {
  /*width: 90%;*/
  /*width: 100%;*/
  /*height: 90%;*/
  /*margin-left: 25px;*/

  min-height: 330px;
  /*font-size: 10px;*/
  text-align: left;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  margin-left: 1rem;
  /*margin-left: 0.2rem;*/
  /*esto centra la hoja, aún no se por que*/
  /*margin: 0 auto;*/
  background-color: white;
  /*background-color: rgba( 255,255,255,0.9);*/
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.9);*/
  /*border: 2px solid cyan;*/
  /*border: 2px solid rgba(200,200,200,0.8);*/
  /*margin-top: 15px ;*/
}

.ventanaTitulo {
  /*width:60%;*/
  /*height: 10px;*/
  text-align: left;
  color: #fff;
  /*background-color: # 0c8ebf;*/
  /*background-color: # 006064;*/
  background-color: #0277bd;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ventanaCuerpo {
  text-align: left;
  color: #555;

  border-width: 1px;
  border-bottom-width: 2px;
  padding-bottom: 15px;
  /*padding-top: 15px;*/
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(0, 0, 0, 0.1);
}

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

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

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

/**************************************************************
            PAGINA PRINCIPAL
*****************************************************************/
.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.loginLogo {
  width: 480px;
  height: 78px;
  text-align: center;
  background-color: white;
}

.cabeceraLogo {
  /*position:absolute;*/
  /*top: 0px ;*/
  /*left: 0px;*/
  /*width: 17%;*/
  /*height: 80px;*/
  text-align: center;
  background-color: white;
}

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

.anchoFijo50px {
  width: 50px;
}

.anchoFijo10Por {
  width: 10%;
}

.none {}

.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%;
  /*celeste*/
  background-color: #3fdfdf;
  background-image: linear-gradient(to bottom, #3fdfdf, #1a72a2);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#3fdfdf),
      to(#1a72a2));
  background: -moz-linear-gradient(left top,
      left bottom,
      from(#3fdfdf),
      to(#1a72a2));
}

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

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

.loginCreadopor {
  /*position: absolute;*/
  color: white;
  /*left: 0px; bottom: -20px;*/
  font-size: 12px;
  width: 100%;
  text-align: center;
}

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

.separador {
  height: 10px;
}

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

/*****************************************************************************************************************************/
/*******                    ui-dialogos para modificr tema omega                        */
/*****************************************************************************************************************************/

.ui-dialog .ui-dialog-titlebar {
  padding: 0 !important;
  margin: 0.5rem !important;
}

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