@CHARSET "ISO-8859-1";

@import url(http://fonts.googleapis.com/css?family=Muli);

#WEB_QUEUE_CONTAINER * {
	font-family: Muli, "helvetica neue light", verdana !important;
}
	
#WEB_QUEUE_CONTAINER {
/* 	border: 1px solid red; */
	width: 610.85px;
	height: 401.65px;
	height: 480.65px;
	background-color: #f6f6f6;
}

#WEB_QUEUE_CONTAINER > .top {
	position: relative;
	float:left;
/* 	top: 43.612px; */
/* 	left: 33.748px; */
	width: 610.85px;
	height: 74px;
	
}

#WEB_QUEUE_CONTAINER > .top > .inner {
	width: 610.85px;
	height: 74px;
	background:  url('../../img/sus_queue_vilaverde/cabecalho_.png') no-repeat right top;
/* 	border: 1px solid red; */
}

#WEB_QUEUE_CONTAINER > .top > .inner > .title {
	position:relative;
	float: left;
	top:28px;
	left:35px;
	text-transform: uppercase;
	color: #939598;
	font-size:12pt;
}

#WEB_QUEUE_CONTAINER > .separatorTop {
	position: relative;
	float:left;
	height:2px;
	width: 610.85px;
	background: #faaf40;
}

.separatorBot {
	position: relative;
	float:left;
	height:3px;
	width: 610.85px;
	background: #b6cf6b;
}

#WEB_QUEUE_CONTAINER > .inner {
/* 	border: 1px solid red; */
/* 	display: none; */
	position: relative;
	float:left;
	top: 43.612px;
	left: 33.748px;
	width: 543.354px; /* 549.975px; */
	height: 348.741px;
}


#WEB_QUEUE_CONTAINER > .inner > .left {
/* 	border: 1px solid blue; */
	position: absolute;
	float:left;
	top: 5px;
	left: 0px;
	width: 207.797px;
	height: 263.994px;	
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner {
	
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea {
/* 	border: 1px solid pink; */
	position: relative;
	height:31.06px;
	width: 209px;
	background:  url('../../img/campos_inativos.png') no-repeat left top;	
	cursor: pointer;
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea1 {

}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea1 > label {
	display:none;	
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea1 > #namePerson {
	border:none;
	outline:none;
	margin-top:3px;
	color: #bcbeb0;
	height: 25px;
	line-height: 20.015px;
	width:197px;
	margin-left: 8px;
	margin-right: 10px;	
/* 	text-transform:uppercase; */
	font-size: 10pt;
	color: #929497;

}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea2 {
	margin-top:7.906px;
}
#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea2 > label {
	display:none;	
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea2 > #emailPerson {
	border:none;
	outline:none;
	margin-top:3px;
	color: #bcbeb0;
	height: 25px;
	line-height: 20.015px;
	width:197px;
	margin-left: 8px;
	margin-right: 10px;		
/* 	text-transform:uppercase; */
	font-size: 10pt;
	color: #929497;
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea3 {
 	margin-top: 36.77px;
 	color: #929497;
 	
}


#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea4 {
	margin-top: 14.162px;
 	color: #929497;
}



#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea5 {
	margin-top: 14.162px;
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea5 > label {
	display:none;	
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > .inputArea5 > #identificationValue {
	border:none;
	outline:none;
	margin-top:3px;
	color: #bcbeb0;
	height: 25px;
	line-height: 20.015px;
	width:197px;
	margin-left: 8px;
	margin-right: 10px;		
/* 	text-transform:uppercase; */
	font-size: 10pt;
	color: #929497;
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > #queueWarning {
	display: none;
	margin-top: 47.521px;
	height: 28px;
	width: 201px;
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > #queueWarning > .inner {
	
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > #queueWarning > .inner > .left {
	float: left;
	width:29px;
	height:28px;
	background: url('../../img/preencher_campos_erro.png') no-repeat right center
}

#WEB_QUEUE_CONTAINER > .inner > .left > .inner > #queueWarning > .inner > .right {
/* 	border:1px solid red; */
	margin-top:1px;
	float: right;
	width:160px;
	height:2.40em;
	line-height:1.20em;
	overflow: hidden;
	font-size: 10pt;
	color: #eb3a1b;
}

#WEB_QUEUE_CONTAINER > .inner > .right {
/* 	border: 1px solid blue; */
	position: absolute;
	float:left;
	top: 5px;
	left: 235.221px;
	width: 308.133px;
	height: 314.741px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner {

}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top {
/* 	border: 1px solid yellow; */
	position: absolute;
	float:left;
	top: 0px;
	left: 0px;
	width: 308.133px;
	height:263.994px;
	background-color: #939598;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner {
/* 	border: 1px solid pink; */
	position: absolute;
	float:left;
	top: 23.521px;
	left: 33.713px;
	width: 240.707px;
	height:226.952px;	/*216.952px;*/
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .top {
	border: 1px solid white;
	position: absolute;
	float:left;
	top: 0px;
	left: 0px;
	width: 240.707px;
	height: 27.609px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .top > .inner {
	margin-top:4px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .top > .inner > .left {
	position: relative;
	float: left;
/* 	border: 1px solid green; */
	width:28.498px;
	height: 23.156px;
	text-align: center;
}
#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .top > .inner > .left > .inner {
	float: left;
	margin-left: 10px;
	margin-top:3px;
	background-image:url('../../img/seta_mes_esq.png');
	background-repeat:no-repeat;	
	width: 8px;
	height: 13px;
	display: none;
	cursor: pointer;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .top > .inner > .mid {
	position: relative;
	float: left;
/* 	border: 1px solid green; */
	width:182.654px;
	height: 23.156px;
	text-align: center;
	color: #ffffff;
	font-size: 13pt;
	text-transform:uppercase;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .top > .inner > .right {
	position: relative;
	float: left;
/* 	border: 1px solid green; */
	width:28.498px;
	height: 23.156px;
	text-align: center;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .top > .inner > .right > .inner {
	float:right;
	margin-top:3px;
	margin-right: 10px;
	background-image:url('../../img/seta_mes_dir.png');
	background-repeat:no-repeat;
	width: 8px;
	height: 13px;
/* 	-moz-transform: scaleX(-1); */
/*     -o-transform: scaleX(-1); */
/*     -webkit-transform: scaleX(-1); */
/*     transform: scaleX(-1); */
/*     filter: FlipH; */
/*     -ms-filter: "FlipH";	 */
    cursor: pointer;
}
	
#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .mid {
/* 	border: 1px solid orange; */
	position: absolute;
	float:left;
	top: 27.609px;
	left: 0px;
	width: 240.707px;
	height: 35.506px;
	
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .mid > .inner {
	
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .mid > .inner > .weekDay {
	position: relative;
	float: left;
/* 	border: 1px solid green; */
	width: 28.498px;
	height: 35.506px;
	text-align: center;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .mid > .inner > .weekDay > .inner {
	margin-top: 11.463px;
	font-size: 12pt;
	color: #ffffff;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .mid > .inner > .weekDaySep {
	position: relative;
	float: left;
/* 	border: 1px solid green; */
	width: 6.695px;
	height: 35.506px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot {
/* 	border: 1px solid yellow; */
	position: absolute;
	float:left;
	top: 63.195px;
	left: 0px;
	width: 240.707px;
	height: 153.837px;
	overflow:hidden;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner {
	
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month {
	position: absolute;
	float:left;
	width: 240.707px;
	height: 163.837px; /* 153.837px; */
	
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .monthIN {
/* 	border: 1px solid red; */
	top:0px;
	left:0px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .monthOUT {
/* 	border: 1px solid black; */
	top:0px;
	left:240.707px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week {
/* 	border: 1px solid orange; */
	position: relative;
	float:left;
	width: 240.707px;
	height: 23.156px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .day {
	width: 28.498px;
	height: 23.156px;
	float: left;
	text-align: center;
	color: #000000;
	font-size:10pt;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .day > .inner {
	margin-top:4px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .dayBlock {
	background-color: #939598;
	color: #d1d3d4;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .dayNull {
/* 	background-color: #939598; */
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .dayReal {
	background-color: #ffffff;
	color: #939598;
	cursor: pointer;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .dayReal:hover {
	background-color: #d1d3d4;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .dayToday {
	background-color: #4d4d4d;
	color: #939598;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .daySel {
	background-color: #b6cf6b;
	color: #ffffff;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .week > .daySep {
	width: 6.695px;
	height: 23.156px;
	float: left;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .top > .inner > .bot > .inner > .month > .weekSep {
/* 	border: 1px solid orange; */
	position: relative;
	float:left;
	width: 240.707px;
	height: 4.519px;
}
#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot {
/* 	border: 1px solid yellow; */
	position: absolute;
	float:left;
	top: 281.541px;
	left: 0px;
	width: 308.133px;
	height: 33.2px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner {
	
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .left {
	float: left;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .left > .butTime  {
	display:none;
	position: relative;
	height: 28px;
	width: 58px;
	color: #929497;
	float:left;
	background:  url('../../img/caixa.png') no-repeat left top;	
/* 	cursor: pointer; */
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .left > .butMin  {
	margin-left: 10px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .left > .butTime > .left {
/* 	background: #eeeeee; */
	width:29px;
	height:24px;
	margin-top: 2px;
	margin-left: 5px;
	float:left;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .left > .butTime > .left > .inner {
	margin-top: 3px;
	margin-left: 4px;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .left > .butTime > .right {
/* 	background: yellow; */
	width:14px;
	height:24px;
	margin-top: 2px;
	margin-right: 4px;
	float:right;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .left > .butTime > .right > .top {
/* 	background: red; */
	width:10px;
	height:6px;
	margin-top: 4px;
	margin-left: 2px;
	cursor: pointer;
	background:  url('../../img/seta_cima.png') no-repeat left top;	
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .left > .butTime > .right > .bot {
/* 	background: red; */
	width:10px;
	height:6px;
	margin-top: 4px;
	margin-left: 2px;
	cursor: pointer;
	background:  url('../../img/seta_baixo.png') no-repeat left top;	
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .right {
	float: right;
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .right > #submitButton {
	position: relative;
	height: 27px;
	width: 86px;
	background:  url('../../img/bot_agendar.png') no-repeat left top;	
	margin-right: 40px;	
/* 	-webkit-transition: all 0.3s ease-in-out; */
/* 	-moz-transition: all 0.3s ease-in-out; */
/* 	-o-transition: all 0.3s ease-in-out; */
/* 	-ms-transition: all 0.3s ease-in-out; */
/* 	transition: all 0.3s ease-in-out;	 */
}
#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .right > #submitButton:hover > .capa {
	display: block;
/*   background:  url('../../img/bot_agendar_2.png') no-repeat left top;	 */
}

#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .right > #submitButton > .capa {
	display:none;
	background:  url('../../img/bot_agendar_2.png') no-repeat left top;	
	width: 100%;
	height:100%;
}
#WEB_QUEUE_CONTAINER > .inner > .right > .inner > .bot > .inner > .right > #submitButton > .inner {
	position:absolute;
	top: 0px;
	text-transform:uppercase;
	cursor:pointer;
	color: #ffffff;
	font-size: 9pt;
	width: 86px;
	text-align: center;
	padding-top: 7px;
}

#WEB_QUEUE_CONTAINER > #queueLoading {
	/* 	border: 1px solid red; */
	display: none;
	position: relative;
	float:left;
	top: 33.249px;
	left: 26.274px;
	width: 557.625px; /* 549.975px; */
	height: 337.294px;
	background: #ffffff;
}

#WEB_QUEUE_CONTAINER > #queueLoading > .inner {
	margin-left:265px;
	margin-top:130px;
	position: relative;
}

#WEB_QUEUE_CONTAINER > #queueLoading > .inner > img {

	width:30px;
}

#WEB_QUEUE_CONTAINER > #queueSuccess {
	display: none;
	position: relative;
	float:left;
	top: 33.249px;
	left: 26.274px;
	width: 557.625px; /* 549.975px; */
	height: 337.294px;
	background: #ffffff;
}

#WEB_QUEUE_CONTAINER > #queueSuccess > .inner {
	width: 557.625px;
	height: 337.294px;
	margin-top:55.911px;
	text-align: center;
}
#WEB_QUEUE_CONTAINER > #queueSuccess > .inner > .top {
	height: 136px;
}
#WEB_QUEUE_CONTAINER > #queueSuccess > .inner > .mid {
	margin-top:35.585px;
	font-size: 17pt;
	color: #b6cf6b;
	text-transform:uppercase;
	height: 1.2em;
}
#WEB_QUEUE_CONTAINER > #queueSuccess > .inner > .bot {
	margin-top:5.631px;
	height: 1.2em;
	font-size: 12pt;
	color: #808285;
/* 	text-transform:uppercase; */
}

#WEB_QUEUE_CONTAINER > #queueFailed {
	display: none;
	position: relative;
	float:left;
	top: 33.249px;
	left: 26.274px;
	width: 557.625px; /* 549.975px; */
	height: 337.294px;
	background: #ffffff;
}

#WEB_QUEUE_CONTAINER > #queueFailed > .inner {
	width: 557.625px;
	height: 337.294px;
	margin-top:55.911px;
	text-align: center;
}

#WEB_QUEUE_CONTAINER > #queueFailed > .inner > .top {
	height: 136px;
}

#WEB_QUEUE_CONTAINER > #queueFailed > .inner > .mid {
	margin-top:35.585px;
	font-size: 17pt;
	color: #bd1712;
	text-transform:uppercase;
	height: 1.2em;
}
#WEB_QUEUE_CONTAINER > #queueFailed > .inner > .bot {
	margin-top:5.631px;
	height: 1.2em;
	font-size: 12pt;
	color: #808285;
/* 	text-transform:uppercase; */
}

#qTicketRequireDateDate {
	display:none;	
}

select {
	border: none;
}

option { 
	border: none;
}

#inputArea3Value {
	text-transform:uppercase;
	white-space: nowrap;
	cursor:pointer;
	position: absolute;
	float: left;
	top: 10px;
	left:10px;
	font-size: 9pt;
	height: 1.2em;
	line-height: 1em;
	width:170px;
/* 	color:#929497; */
	padding-top:2px;
	overflow: hidden;
/* 	border: 1px solid #d1d3d4; */
}

#inputArea3Menu {
	cursor:pointer;
	display: none;	
	position: absolute;
	float: left;
	top: 30px;
	left:5px;
	z-index: 1;
	border: 1px solid #d1d3d4;
/* 	color:#5b5d5e; */
	background: #FFFFFF;
	width: auto;
	padding: 2px;
	white-space: nowrap;
}

#inputArea3Menu > .item {
	clear:both;
	text-transform:uppercase;
	position: relative;
	float: left;
	background: #FFFFFF;
	
/* 	min-width:198px; */
	font-size: 10pt;
	height: 1.2em;
	line-height: 1em;
/* 	width: 100%; */
	min-width:220px;
}

#inputArea3Menu > .item:hover {
	background: #F0F0F1;
	width: 100%;
}

#inputArea4Value {
	text-transform:uppercase;
	white-space: nowrap;
	cursor:pointer;
	position: absolute;
	float: left;
	top: 10px;
	left:10px;
	font-size: 10pt;
	height: 1.2em;
	line-height: 1em;
	width:170px;
/* 	color:#929497; */
	overflow: hidden;
	padding-top:2px;
/* 	border: 1px solid #d1d3d4; */
}

#inputArea4Menu {
	cursor:pointer;
	display: none;	
	position: absolute;
	float: left;
	top: 30px;
	left:5px;
	z-index: 1;
	border: 1px solid #d1d3d4;
/* 	color:#5b5d5e; */
	background: #FFFFFF;
	width: auto;
	padding: 2px;
	white-space: nowrap;
}

#inputArea4Menu > .item {
	clear:both;
	text-transform:uppercase;
	position: relative;
	float: left;
	background: #FFFFFF;
	
/* 	min-width:198px; */
	font-size: 10pt;
	height: 1.2em;
	line-height: 1em;
/* 		width: 100%; */
	min-width:220px;
}

#inputArea4Menu > .item:hover {
	background: #F0F0F1;
	width: 100%;
}