/*----------------------------------------------------*/
/* Hoja de Estilos para afectar                       */
/*   Elementos de primefaces y Bootstrap              */
/*     v1.1.5 Release Date 12 de septiembre de 2014   */
/*----------------------------------------------------*/

/*Clases necesarias para el Big Menu*/
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
	position : static;
}
.yamm .container {
	position : relative;
}
.yamm .dropdown-menu {
	left     : auto;
}
.yamm .nav.navbar-right .dropdown-menu {
	left     : auto;
	right    : 0;
}
.yamm .yamm-content {
	padding  : 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left     : 0;
	right    : 0;
}

/*Modificar el Estilo de componente Sticky*/
#formVerificaciGabinete:tb .ui-widget-header {
	border: 1px solid #b89f7a;
	background: #f2eee2;
	background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
}
#formVerificaciGabinete:tb {
	padding-left: 10px;
}
.ui-widget-header {
	background: #f2eee2;
	border: 1px solid #b89f7a;
	background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	color     : #333;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}
.ui-message-info,.ui-message-error,.ui-message-warn,.ui-message-fatal {
	border  : 0 !important;
	margin  : 0 !important;
	padding : 0 !important;
}
.ui-messages-error,.ui-message-error {
	color            : #D8000C;
	background-color : #fff !important;
	font-size        : 12px !important;
}
.ui-message-error-icon {
	display: none!important;
}
.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail, .ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {
	margin-left      : 0px !important;
}

/* Elemento Sticky */
.ui-widget-header {
	background    : #f8f6f0;
	border        : 1px solid #b89f7a;
	padding       : 5px 20px 15px!important;
	background    : #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background    : #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	color         : #333;
	font-weight   : bold;
	text-shadow   : 0px 1px 0px rgba(255,255,255,0.7);
}
.ui-toolbar-group-left {
	float: none;
}

/* Radio buttons */
.ui-icon-bullet {
	background-position: -81px -145px;
}
.ui-radiobutton-icon {
	margin-left: 0px;
}
/* Evitar Que los Radios Se muevan */
.ui-radiobutton-icon {
	margin-left : 0px;
}
.ui-icon {
	display           : block;
	text-indent       : -99999px;
	overflow          : none; 
	background-repeat : no-repeat;
}

/* Check-box */
.ui-icon-check {
	background-position: -64px -145px;
}

/*PickList*/
.ui-picklist .ui-picklist-list {
	list-style-type : none;
	margin          : 0;
	padding         : 0;
	overflow        : none;
	height          : 200px;
	width           : 350px;
}

/*Espacio en checkbox y radios*/
.ui-selectmanycheckbox label, .ui-selectoneradio label {
	display: block;
	margin-top: none;
	margin-left: 5px;
}
/*Alargar componente de calendario*/
.calendar-component input{
	width : 208px;
} 
/*Corregir el trigger de los select one de prime*/
.ui-selectonemenu .ui-selectonemenu-trigger{
	width: 31px !important;
	padding: 2px 7px !important;
}

/*************************************** Carousel de estados ***********************************/
.estados-carousel .ui-selectonelistbox {
	width: 90%;
	float: left;
	overflow: hidden;
	border: none;	
	margin-left: 4%;
}

.estados-carousel .ui-selectonelistbox .ui-selectlistbox-listcontainer {
	width: 1000%;
	overflow: hidden;
	border: none;
	margin-top: 4px;
}

.estados-carousel .ui-selectonelistbox .ui-selectlistbox-item {
	width: auto;
	float: left;
	margin: 0px 20px;
	font-family: Roboto-regular, Arial, sans-serif;
	text-transform: capitalize !important;
	font-size: 18px !important;
	color: #CCCCCC;
}

.estados-carousel .ui-selectlistbox-item.ui-state-highlight {
	font-weight: bold;
	font-size: 21px;
	color: #D5007F;
	background: none;
	border-bottom: 5px solid #D5007F;
	padding-bottom: 4px;
	position: relative;
	margin: 0px 24px !important;
	top: -4px;
}

.estados-carousel .ui-selectlistbox-item.ui-state-hover {
	background: none !important;
	color: #a5a5a5;
}

.estados-carousel .izq-flecha, .estados-carousel .der-flecha {
	font-size: 32px;
	cursor: pointer;
	position: absolute; 
	padding: 5px 0px 0px 0px;
}

.estados-carousel .der-flecha {	
	right:0;
}

.estados-carousel .izq-flecha {
	left:0;
}

.estados-carousel .ui-selectlistbox-list {
	position: relative;
}

.container .row.lapso-restante-timeout{
	margin-top: 1px;
}

.lapso-restante-timeout .ui-timer{
	background: none;
    border: none;
    padding: 0 0 0 6px!important;
    color: #FFFFFF;
    text-shadow: none;
}

.lapso-restante-timeout .conta-padd{
	left: 30px;
	width: 96%;
	color: #FFFFFF;
	background: linear-gradient(90deg, rgb(213, 0, 127) 0%, rgb(0, 0, 0) 100%);
	height: 30px;
    padding-top: 3px;
}