@charset "UTF-8";

body .ui-panel .ui-panel-title {
  margin: 0;
  color:darkorange;
  font-size: 1.2em;
}

body
{
	background-size:auto;
	
	/*background-image:url("/ccontrolBricorp/javax.faces.resource/images/back.png.xhtml");*/
	/*background-image:url("https://cofli.gbts.com.mx/css/backimage.jpg");*/
	            background: linear-gradient(to right, #00b4db, #0083b0);
	
}

.imagen_fondo
{
	background-image:url('https://cofli.gbts.com.mx/css/backimage.jpg');
}

body .ui-selectonemenu {
  vertical-align: top;
  border: 1px solid #a6a6a6;
  position: relative;
  padding: 0;
  transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
  border-radius: 3px;
  background: #fff;
}

body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e {
  
  font-size: 1.5em !important;
}

body .ui-button.ui-button-icon-only {
  width: 2rem;
  height: 2rem;
}

.ui-selectmanycheckbox label {
  vertical-align: middle;
  cursor: pointer;
  margin: 0 16px 0 2px !important;
  outline: medium none;
  z-index: 1;
  display: inline-block;
}

.justificar
{
	white-space:normal !important; 
	word-wrap:break-word !important;
}

.valorBold
{
	font-size:3em !important;
	font-weight:bold;
}


.ui-growl-title {
    font-weight: bold;
    padding: 0 0 7px 0;
    display: block;
    font-size:1em;
    width:500px;
}

.ui-growl-message p {
    font-weight: normal;
    font-size:1.5em;
    width:500px;
}


.ui-growl-message {
    padding: 0 0 5px 0;
    width: 500px;
    float: right;
}

.ui-growl {
    position: fixed;
    top: 20px;
    right: 70px;
    width: 600px;
}

.combo
{
	font-size: 1.0em;
	height: 42px;
	max-width: 100%;
}


.etiqueta
{
	font-size:1em !important;
	font-weight:bold
}

.etiquetaBlanca
{
	font-size:1em !important;
	font-weight:bold;
	color:white;
}

body .ui-clock {
  border: 1px solid white;
  background: #88c2f0;
  color: #106eba;
  padding: .2rem .3rem;
}

body .ui-texteditor .ui-editor-toolbar {
  border: 1px solid #333;
  background-color: #f2f2f2;
}

.valor
{
	font-size:1em !important;
	color:#2990e5;
	text-transform: uppercase;
	
}

.JUEGO
{
	font-size:1em !important;
	color:#0080ff;
	animation: blinker 1s linear infinite;
}

.FINAL
{
	font-size:1em !important;
	color:#ff0000;
}

.valorBold
{
	font-size:1.1em !important;
	color:#2990e5;
	text-transform: uppercase;
	font-weight:bold;
	
}


.valorMinus
{
	font-size:1.0em !important;
	color:#2990e5;
}


.boton
{
	font-size:1.0em !important;
	margin-top:5px !important;
	margin-bottom:5px !important;
}

.botonMenu
{
	font-size:1em !important;
	margin-top:5px !important;
	margin-bottom:5px !important;
	width:180px !important;
	margin-left:4px !important;
	margin-right:4px !important;
}


body .ui-panelgrid .ui-panelgrid-cell {
    border: none !important;
}


.container 
{
  display: flex; /* or inline-flex */
  flex-direction: row;
justify-content: flex-start;
align-items: center;

}

.p-col
 {
	margin-left:40px;
	
 }
 
 .ui-menu-list {
    position: static;
    background-color: #88c2f0;
}
 
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
  font-family: 'primeicons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: 0;
  display: inline-block;
  font-size: 1.25em;
  margin-right: -0.5em;
  color: #d4de84;
  font-size: 16px;
} 

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child {
  font-family: 'primeicons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: 0;
  display: inline-block;
  font-size: 1.25em;
  position: relative;
  margin-right: -0.5em;
  color: #9dc06b;
  font-size: 16px;
} 
 
body .ui-datatable thead th {
    background-color: #acd275;
    border: 1px solid #c8c8c8;
    color: #333;
    padding: .571em .857em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
} 

.funcion
{
	margin-right:50px;
	color:#ffffff;
	font-size:1.0em !important;
	font-weight:bold;
}


.ui-menu-list {
    position: static;
    
}


body .ui-panel .ui-panel-content {
    border: 1px solid #c8c8c8;
        border-top-color: rgb(200, 200, 200);
        border-top-style: solid;
        border-top-width: 1px;
    background-color: #e2e5e6;
    color: #333;
    padding: .571em 1em;
    border-top: 0 none;
    line-height: 1.5;
}

.camposFiltro
{
	border: 1px solid #c8c8c8;
  	display: flex;
  	justify-content: space-between;
  	left:50%;margin-left:-100px;width:200px;
}

.etiquetaLight
{
	font-size:1em !important;
}

.alinea_derecha
{
	text-align:right;
}

.alinea_izquierda
{
	text-align:left;
}

.alinea_centro
{
	text-align:center;
}

.alinea_justifica
{
	text-align:justify;
}

.etiqueta-azul-small
{
	border:solid 1px #81c5f4;
	background-color:#ffffff;
	color:0085e1;
	font-size:1em !important;
}
.etiqueta-azul
{
	border:none 1px #81c5f4;
	background-color:rgba(255, 255, 255, 0);
	color:#0085e1;
	font-size:1.0em !important;
}

.cmdFiltro
{
	margin-left:10px !important;
}

.cmdFav
{
	margin-right:10px !important;
	margin-left:5px !important;
	font-size:1.0em !important;
	
}

.margen_izq_10
{
	margin-left:10px !important;
}

.margen_izq_15
{
	margin-left:15px !important;
}

.margen_izq_20
{
	margin-left:20px !important;
}

.margen_izq_25
{
	margin-left:25px !important;
}

.margen_izq_30
{
	margin-left:30px !important;
}

.valorBco
{
	font-size:1.0em !important;
	color:#FFFFFF;
	text-transform: uppercase;
	
}

body .ui-menu .ui-menu-list .ui-separator {
    border-bottom: 5px solid #e3e3e3;
    width: 100%;
}

.alineaPanelcentro {
    display: block;
    margin: 0 auto;
    text-align: center;
}


.rowred {
        background-color: #ffcbda!important;
        background-image: none !important;
        color: #000000 !important;
    }

.rowgreen {
        background-color: #c8fcd7!important;
        background-image: none !important;
        color: #000000 !important;
    }

.rowyellow {
    background-color: #fce975!important;
    background-image: none !important;
    color: #000000 !important;
}

.table-header
{
	font-size:1.0em !important;
}

/*
Tamano de letra en las tablas
*/

body .ui-datatable  .ui-outputlabel{
	font-size:12px !important;
	font-family: Arial, Helvetica, sans-serif !important;
} 


.blink_red {
  animation: blinker 1s linear infinite;
  color:RED;
  font-size:1.25em !important;
  font-weight:bold;
}

.blink_green {
  animation: blinker 1s linear infinite;
  color:green;
  font-size:1.25em !important;
  font-weight:bold;
}

.blink_blue {
  animation: blinker 1s linear infinite;
  color:blue;
  font-size:1.25em !important;
  font-weight:bold;
}

.blink_orange {
  animation: blinker 1s linear infinite;
  color:orange;
  font-size:1.25em !important;
  font-weight:bold;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



.etiquetaMov
{
	font-size:4em !important;
	font-weight:bold
}

.valorMov
{
	font-size:4em !important;
	color:#2990e5;
	text-transform: uppercase;
	
}

.etiqueta-azulMov
{
	border:solid 1px #81c5f4;
	background-color:#ffffff;
	color:#0085e1;
	font-size:5em !important;
}

.botonMov
{
	font-size:3em !important;
	margin-left:12px !important;
	margin-right:12px !important;
	width:100px;
	height:100px;
}

.comboMov
{
	font-size:4em !important;
	margin-left:12px !important;
	margin-right:12px !important;
}

.banners-rojo
{
  position: relative;
  animation-name: example;
  animation-duration: 4s;
  color:#ff360a;
  font-size:1.0em !important;
  font-weight:bold;
  animation-duration: 4s;
  animation-direction: reverse;
}

.banners-amarillo
{
  position: relative;
  animation-name: example;
  animation-duration: 4s;
  color:yellow;
  font-size:1.0em !important;
  font-weight:bold;
  animation-duration: 4s;
  animation-direction: reverse;
}

.banners-verde
{
  position: relative;
  animation-name: example;
  animation-duration: 4s;
  color:#01e101;
  font-size:1.0em !important;
  font-weight:bold;
  animation-duration: 4s;
  animation-direction: reverse;
}
  
@keyframes example 
{
  from   {left:0px; top:0px;}
  to  {left:-750px; top:0px;}
}


































@media only screen and (orientation: portrait ) and (pointer: coarse)
{

	body .ui-button.ui-button-text-icon-left .ui-button-text {
  		padding: 1rem 1rem 1rem 4rem;
	}
	
	body .ui-button.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.9rem;
  margin-left: -0.9rem;
}
	
body .ui-button.ui-button-icon-only {
  width: 3.357rem;
  height: auto;
}

	body .pi {
 	 font-size: 2rem;
 	 
	}
	
	body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
		  padding: .571em .857em;
		  width: 281px;
		  border: 0 none;
		  float: none;
		  -moz-border-radius: 0;
		  -webkit-border-radius: 0;
		  border-radius: 0;
	}
		
		body .ui-widget:not(.pi), body .ui-widget .ui-widget:not(.pi) {
	  font-family: "Open Sans","Helvetica Neue",sans-serif;
	  font-size: 50px;
	  
	}

	body .ui-inputfield {
	  color: #333;
	  font-size: 27px;
	  background: #fff;
	  padding: .429em;
	  border: 1px solid #a6a6a6;
	  outline: 0 none;
	  -moz-transition: border-color .3s;
	  -o-transition: border-color .3s;
	  -webkit-transition: border-color .3s;
	  transition: border-color .3s;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	}
	
	body .ui-selectonemenu .ui-selectonemenu-trigger {
	  -moz-border-radius-topleft: 0;
	  -webkit-border-top-left-radius: 0;
	  border-top-left-radius: 0;
	  -moz-border-radius-bottomleft: 0;
	  -webkit-border-bottom-left-radius: 0;
	  border-bottom-left-radius: 0;
	  -moz-border-radius-topleft: 3px;
	  -webkit-border-top-left-radius: 3px;
	  border-top-left-radius: 3px;
	  -moz-border-radius-bottomleft: 3px;
	  -webkit-border-bottom-left-radius: 3px;
	  border-bottom-left-radius: 3px;
	  border: 0 none;
	  cursor: pointer;
	  width: 70px;
	  height: 100%;
	  position: absolute;
	  padding: 0;
	  background: #fff;
	}
	
		
	.etiqueta
	{
		font-size:45px !important;
		font-weight:bold;
		color:#63666c;
		
	}

	.etiquetaBlanca
	{
		font-size:45px !important;
		font-weight:bold;
		color:#FFFFFF;
		
	}

	.etiquetaRoja
	{
		font-size:45px !important;
		font-weight:bold;
		color:#FF0000;
		
	}
	

	.etiquetaCombo
	{
		font-size:45px !important;
		font-weight:bold;
		color:red;
		vertical-align: top;
	}
	
	.valor
	{
		font-size:45px !important;
		color:#2990e5;
		font-weight:bold;
		text-transform: uppercase;
		
	}

	.valorMinus
	{
		font-size:40px !important;
		color:#2990e5;
	}


	.combo
	{
		font-size: 50px !important;
		height: 80px;
	}
	
	.combo .ui-icon {
    font-size: 62px;
}
	
	
	body .ui-chkbox .ui-chkbox-box {
	 border:1px solid #a6a6a6;
	 background-color:#fff;
	 width:50px;
	 height:49px;
	 text-align:center;
	 position:relative;
	 -moz-border-radius:3px;
	 -webkit-border-radius:3px;
	 border-radius:3px;
	 -moz-transition:background-color .3s,border-color .3s;
	 -o-transition:background-color .3s,border-color .3s;
	 -webkit-transition:background-color .3s,border-color .3s;
	 transition:background-color .3s,border-color .3s
	}
	
	body .ui-chkbox {
	 display:inline-block;
	 vertical-align:baseline;
	 margin:0;
	 height:20px
	}	
	
	
	
	.ui-chkbox .ui-chkbox-label {
	  cursor: pointer;
	  margin: 0 16px 0 8px;
	  outline: medium none;
	  z-index: 1;
	  display: inline-block;
	  vertical-align: text-bottom;
	  font-size: 50px;
	  font-weight: bold;
	}

	.ui-selectonemenu .ui-selectonemenu-label {
	  display: block;
	  border: 0;
	  white-space: nowrap;
	  overflow: hidden;
	  font-weight: normal;
	  width: 100%;
	  text-align: left;
	  font-size: 35px;
	}
	
	
	
	body .ui-panelmenu .ui-panelmenu-header a {
	  display: inline;
	  padding: 0;
	  outline: 0 none;
	  color: #fff;
	  text-decoration: none;
	  vertical-align: middle;
	  font-size: 1.0em;
	}
	
	body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text {
	  display: inline-block;
	  vertical-align: middle;
	  font-size: 1.0em;
	  margin-top: 30px;
	}
	
	
	body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e {
	  font-family: 'primeicons';
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
	  display: inline-block;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-indent: 0 !important;
	  text-align: center;
	  background: 0;
	  display: inline-block;
	  font-size: 1.25em;
	  font-size: 1em;
	}
		
	body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s {
	  font-family: 'primeicons';
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
	  display: inline-block;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-indent: 0 !important;
	  text-align: center;
	  background: 0;
	  display: inline-block;
	  font-size: 1.25em;
	  font-size: 1em;
		}
			
		
	.ui-button .ui-button-text {
	  display: block;
	  line-height: normal;
	  font-size: .8em;
	}	
	
	
	body .ui-button.ui-button-text-icon-left .ui-icon {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  margin-top: -0.5em;
	  left: .5em;
	  font-size: .8em;
	}
		
	body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
	  vertical-align: middle;
	  float: none;
	  color: #333;
	  font-size: .8em;
	}


	body .ui-datatable  .ui-outputlabel{
	font-size:35px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	} 


	body .ui-datatable .ui-datatable-data > tr {
	  color: #333;
	  font-size: 1.5em;
	}
	
	
	body .ui-datatable .ui-datatable-header {
	  border-bottom: 0 none;
	  height: 140px;
	}


	body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
	  width: 20px;
	  height: 20px;
	  display: inline-block;
	  position: absolute;
	  top: 37%;
	  left: 37%;
	  margin-left: -5px;
	  margin-top: -5px;
	  vertical-align: middle;
	  -moz-transition: background-color .3s;
	  -o-transition: background-color .3s;
	  -webkit-transition: background-color .3s;
	  transition: background-color .3s;
	  -moz-border-radius: 50%;
	  -webkit-border-radius: 50%;
	  border-radius: 50%;
	}
	
	body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
	  background-color: #005b9f;
	  height: 40px;
 	 width: 40px;
	}
	
	body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
  background-color: #fff;
  height: 20px;
  width: 20px;
	}
	
	
	body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
  border-color: #212121;
  width: 40px;
  height: 40px;
	}


	body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	  border: 1px solid #007ad9;
	  background-color: #007ad9;
	  color: #fff;
	  font-size: 35px;
	}

	body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child {
	  -moz-border-radius-topright: 3px;
	  -webkit-border-top-right-radius: 3px;
	  border-top-right-radius: 3px;
	  -moz-border-radius-bottomright: 3px;
	  -webkit-border-bottom-right-radius: 3px;
	  border-bottom-right-radius: 3px;
	  border-right: 1px solid #333;
	  font-size: 35px;
	}

	body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child {
	  -moz-border-radius-topleft: 3px;
	  -webkit-border-top-left-radius: 3px;
	  border-top-left-radius: 3px;
	  -moz-border-radius-bottomleft: 3px;
	  -webkit-border-bottom-left-radius: 3px;
	  border-bottom-left-radius: 3px;
	  font-size: 35px;
	}


	body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
	  border: 1px solid #333;
	    border-right-color: rgb(51, 51, 51);
	    border-right-style: solid;
	    border-right-width: 1px;
	  background-color: #333;
	  color: #fff;
	  padding: .571em 1em .571em 1em;
	  margin: 0;
	  border-right: 0 none;
	  -moz-border-radius: 0;
	  -webkit-border-radius: 0;
	  border-radius: 0;
	  font-size: 35px;
	}


	td.jqplot-table-legend {
	  vertical-align: middle;
	  font-size: 20px;
	}


	.etiqueta-header
	{
		color:#3ca6f1;
		font-weight:bold;
		font-size:45px !important;
	}

	.jqplot-target {
	  color: #666;
	  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	  font-size: 35px;
	}


	
	body .ui-datepicker .ui-datepicker-calendar td a {
	  color: #333;
	  text-align: center;
	  padding: .286em;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  font-size: xx-large;
	}
	
	
	body .ui-datepicker .ui-datepicker-calendar th {
	  text-align: center;
	  font-size: xx-large;
	  color: cornflowerblue;
	}
	
	body .ui-spinner .ui-spinner-input {
	  padding-right: 2.2em;
	  font-size:50px !important;
	  height: 100px;
	}
	
	
	body .ui-spinner .ui-spinner-button.ui-button .ui-icon {
	  position: absolute;
	  top: 35%;
	  left: 50%;
	}
	
	body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
	  margin-top: 1px;
	  margin-right: 1px;
	  width: 100px;
	}
	
	body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
	  margin-top: 1px;
	  margin-right: 1px;
	  width: 100px;
	}
	
	
	.ui-columntoggler ui-widget ui-widget-content ui-shadow ui-corner-all
	{
		height: 400px;
	}
	
	
	body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options {
	  float: right;
	  margin-right: 10px;
	  margin-top: 31px;
	}
	
	.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
	  background: 0;
	  color: inherit;
	  border: 0;
	    border-bottom-color: currentcolor;
	    border-bottom-style: none;
	    border-bottom-width: 0px;
	  outline: 0;
	  border-bottom: solid 1px #555;
	  width: 95%;
	  font-size: 50px;
	}

	body .ui-slider.ui-slider-horizontal .ui-slider-handle 
	{
	  top: -1.428rem;
	  margin-left: -0.5715rem;
	  height: 60px;
	  width: 60px;

	}
	
	
	.ui-fluid .ui-button {
	  width: 100%;
	  box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  height: 100px;
	}


body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: inherit;
}

	body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: inherit;
}
	
	
	
}