/*
Lo ideal es poner todo lo que tenga que ver con el estilo del adminlte aqui,
lo demas para tablas o cosas asi seria mejor ponerlas aparte

Para mostrar los LABEL en los selectCheckboxMenu
.ui-selectcheckboxmenu-multiple-container:empty:after{
	content: attr(data-label)!important;
}
*/



/*		========Para importar el nuevo tipo de letra ===============		*/
@font-face {
    font-family: Montserrat;
    src: url("/Consultas/javax.faces.resource/assets/css/Montserrat-Regular.otf.xhtml");
}

/*		======== clase para implementar la letra ==========		*/
.letra-titulo {
	font-family: Montserrat;
	font-weight: bold;
	color: #9E254B;
}

.letra-menu {
	font-family: Montserrat SemiBold;
	font-weight: bold;
	font-size: 16px; 
}



element.style {
	height: 22px;
}


@charset "UTF-8";
.bg-light-gray {
    background-color: #c3c4c5 !important;
}

.bg-light-gray > a {
    color: #ff0000 !important;
}

.fondo-div {
    background: url("/Consultas/javax.faces.resource/assets/img/background.jpg.xhtml#") ;
    background-repeat: repeat-x;
}

.bg-greca {
    background: url("/Consultas/javax.faces.resource/assets/img/fondo_textura.png.xhtml#") fixed #555753!important;
    background-size: 32px 32px !important;
}

.bg-greca .nav-item .nav-link{
    color: #fff;
    font-weight:bold;
}

.gov-img{			  /* Esta es para ajustar el tamaño del logo del estado, */
	margin-top: 0px;
	margin-bottom: 1px;
	margin-right: 10px;
    height: 56px;     /* si no se usa deja el tamaño disparejo con la cabecera */
    width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
    /*margin-top: -8px;*/
}

table {
    border: inset 0pt;
	border-top: inset 0pt;
	border-bottom: inset 0pt;
	border-collapse: collapse;
}
table tr {
    height: 14px;
    border: inset 0pt;
}
table tr td {
    height: 14px;
    border: inset 0pt;
}

td.inicial {
    background-color: yellow;
    color: black;
}

td.final {
    background-color: green;
    color: white;
}


.ui-chkbox .ui-chkbox-box {
	height:18px !important;
	width:18px !important;
	color: #000000;
}

.etiqueta1 {
	background: #5EA226;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	line-height: 1.6em;
	margin-right: 15px;
	text-align: center;
	margin: 3px; top: 30px; left: 45px;
	width: 1.6em;
	position: flex;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	border-color: #000000;
	z-index: 0;
}
.etiqueta2 {
	background: rgb(192, 192, 192);
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	line-height: 1.6em;
	margin-right: 15px;
	text-align: center;
	margin: 3px; top: 30px; left: 45px;
	width: 1.6em;
	position: flex;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	border-color: #000000;
	z-index: 0;
}
.avisoConsulta {
  float: left;
  margin-left: 15px;
  width: 250px;
  height: 20px;
  top: -45px;
  border-radius: 5px;
  z-index: 0;
  position: relative;
}
.styleBlue {
	background-color: #d9ebff!important;
	font-style:italic;
	font-size: 12px;
	color: #000000 !important;
	position: float;
}
.styleOrange {
	background-color: #ffe6cc!important;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
.styleGreeen {
	color: #ffffff!important;
	background-color: #5EA226!important;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
.styleDefault {
    background-color: none !important;
	font-size: 12px;
	font-style: normal;
}
.ninguno {
    background-color: none !important;
	font-style: normal;
}

/*
*************************************************************************************************************************************************************************
*/


/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: .8rem;
  line-height: 1.42857143;
}
body .ui-widget {
    font-size: .8rem;
}
body .ui-icon {
    font-size: .8rem;
}
body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
    font-size: .8rem;
}
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon {
    font-size: .8rem; 
}
body .ui-chips .ui-chips-container .ui-chips-input-token input {
    font-size: .8rem; 
}
body .ui-inputfield {
    font-size: .8rem; 
}
body .ui-rating .ui-rating-cancel a {
    font-size: .8rem; 
}
body .ui-rating .ui-rating-star a {
    font-size: .8rem; 
}
body .ui-rating .ui-rating-star-on a {
    font-size: .8rem; 
}
body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 {
    font-size: .8rem; 
}
body .ui-menu .ui-menu-list .ui-widget-header h3 {
    font-size: .8rem; 
}
body .ui-menu.ui-megamenu .ui-widget-header {
    font-size: .8rem; 
}
body .ui-panelmenu h3.ui-panelmenu-header {
    font-size: .8rem; 
}
body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    font-size: .8rem; 
}
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
    font-size: .8rem; 
}
body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image {
    font-size: .8rem; 
}
body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image {
    font-size: .8rem; 
}
body .ui-messages .ui-messages-info .ui-messages-info-icon {
    font-size: .8rem; 
}
body .ui-messages .ui-messages-warn .ui-messages-warn-icon {
    font-size: .8rem; 
}
body .ui-messages .ui-messages-fatal .ui-messages-fatal {
    font-size: .8rem; 
}
body .ui-avatar.ui-avatar-lg {
    font-size: .8rem; 
}
body .ui-avatar.ui-avatar-lg .ui-avatar-icon {
    font-size: .8rem; 
}
body .ui-avatar.ui-avatar-xl {
    font-size: .8rem; 
}
body .ui-avatar.ui-avatar-xl .ui-avatar-icon {
    font-size: .8rem; 
}
body .ui-badge.ui-badge-lg {
    font-size: .8rem; 
}
body .ui-badge.ui-badge-xl {
    font-size: .8rem; 
}
body .ui-galleria .ui-galleria-nav-prev {
    font-size: .8rem; 
}
body .ui-galleria .ui-galleria-nav-next {
    font-size: .8rem; 
}
body .ui-scrolltop .ui-scrolltop-icon {
    font-size: .8rem; 
}
body .ui-confirm-popup .ui-confirm-popup-icon {
    font-size: .8rem; 
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: .8rem; 
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
    font-size: .8rem; 
}
body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message {
    font-size: .8rem; 
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
    font-size: .8rem; 
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
    font-size: .8rem; 
}
body .ui-card .ui-card-title {
    font-size: .8rem; 
}
body .ui-inputnumber>.ui-inputfield {
    font-size: .8rem; 
}

/*			BORDE DE LINEAS Y COLUMNAS DE DATATABLE			
.ui-datatable .ui-datatable-data tr,
.ui-datatable .ui-datatable-data-empty tr,
.ui-datatable .ui-datatable-data td,
.ui-datatable .ui-datatable-data-empty td
.ui-datatable .ui-datatable-data th {
	border: 1px solid #85b2cb !important;
	font-size: .7rem;
	height: .7rem !important;
}
*/
body .ui-datatable .ui-datatable-header {
    background: #f4f4f4;
    border: inset 0pt;;
    border-width: inset 0pt;
    color: #333333;
    padding: 0.157rem .1rem;
    font-weight: 700;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: left;
}
body .ui-datatable .ui-datatable-footer {
    background: #ffffff;
    border: inset 0pt;;
    border-width: inset 0pt;
    color: #333333;
    padding: 0.157rem .1rem;
    font-weight: normal;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
body .ui-datatable .ui-datatable-header {
    text-align: center; }
body .ui-datatable .ui-datatable-footer {
    text-align: left; }
body .ui-datatable .ui-paginator {
    padding: 1rem; }
body .ui-datatable .ui-paginator.ui-paginator-top {
    border-width: 1px 1px 0 1px;
    border-radius: 0; }
body .ui-datatable .ui-paginator.ui-paginator-bottom {
    border-width: 0 1px 1px 1px;
    border-radius: 0; }
body .ui-datatable thead th {
    padding: 0.171rem 0.157rem;
    border: 1px solid #c8c8c8;
    border-width: 1px 1px 1px 1px;
    text-align: center;
    box-sizing: content-box;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
body .ui-datatable thead th .ui-column-title {
    font-weight: 700;
    vertical-align: middle;
    text-align: center !important;
    }


.ui-datatable .ui-datatable-data td {
    vertical-align : top
}

/*				
			Cambiando el alto de los renglnes del grid, pero tambien afecta al alto
			de las opciones del menu principal, cuidado con esta opcion del proceso.					
body {
    line-height: 0.828571;
}
*/

/*				Cambiando el orden del encabezado para mostrar los dialogos modales					
.main-header {
    border-bottom: 1px solid #dee2e6;
    z-index: 1;
}
*/
/*				Cambiando el orden del menu para mostrar los dialogos modales					
.main-sidebar {
    overflow-y: hidden;
    z-index: 1;
}
*/
/*				Cambiando el espacio del dialogo					*/
body .ui-dialog .ui-dialog-content {
    padding: 5px;
}

/*				Cambiando el fondo del titulo de los dialogos					*/
body .ui-dialog .ui-dialog-titlebar {
    background: #525252;
    color: #ffffff;
    border-bottom: 1px solid #c8c8c8;
    padding: 0.5rem;
}


/*				Cambiando el tamaño  de la letra del dialogo					*/
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 1.1rem;
    font-weight: normal;
}

.alienearEtiquetaDerecha {
  margin: auto;
  text-align: right;
}

/*
********************************************************************************************************************************************************************************************************
styleClass="#{beanPlazasConsulta.createLabel()}"
*/

.ui-icon-cerrarSesion{
	background-image: url("/Consultas/javax.faces.resource/img/quitar.png.xhtml") !important;
    display:inline-block;
    text-align: center;
    padding-top:10px;
    width:80;
    height:40;   
}
.ui-icon-myCancel{
    width: 20px;
    height: 20px;
    margin-top: -4rem;
	background-image: url("/Consultas/javax.faces.resource/img/quitar.png.xhtml") !important;
}
.ui-icon-myExcel{
    width: 20px;
    height: 20px;
	background-image: url("/Consultas/javax.faces.resource/img/excel.png.xhtml") !important;
}

.SUCCESS{
	background-color:  #ffff80!important;
}

/*
	INICIO EJEMPLO PARA SWEETFALERT
*/
.my-actions { }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }

.right-gap {
  margin-right: auto;
}

.sweet-alert  {
	background-image: url("/Consultas/javax.faces.resource/img/ejemploPlaza.jpg.xhtml") !important;
	background-repeat: no-repeat;
	background-position: bottom;
    height: 500px;
    display: flex;
    margin-top: 10px;
}
/*
	FIN EJEMPLO PARA SWEETFALERT
*/

body .ui-button.ui-button-text-icon-left .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.3rem;
  left: 0.5rem;
}

body .ui-button.ui-button-text-icon-right .ui-icon {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -0.3rem;
  right: 0.5rem;
}
body .ui-button.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.3rem;
  margin-left: -0.5rem;
}