* {
	font-family: Calibri Light;
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
    background-color: #222a32;
	line-height: inherit;
}

label {
	margin-bottom: 0;
}

[data-hidden] {
	display: none;
}

[data-float=right] {
	float: right;
}

.form-box input[type=text], .form-box input[type=password], .form-box input[type=email], .form-box input[type=number], .form-box input[type=date], .form-box input[type=month], .form-box input[type=datetime-local], .form-box select, .form-box textarea {
	background-color: #f7f7f7;
    border: 0;
    border-bottom: 1px #ccc solid;
    padding: 5px;
    width: 100%;
    margin: 3px 0;
    outline: none;
	-webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

	.form-box input[type=text]:focus, .form-box input[type=password]:focus, .form-box input[type=email]:focus, .form-box input[type=number]:focus, .form-box input[type=date]:focus, .form-box input[type=month]:focus, .form-box input[type=datetime-local]:focus, .form-box select:focus, .form-box textarea:focus {
		background-color: #e5f3ff;
		border-bottom-color: #89cbff;
	}
	
	.form-box input[type=text]:disabled, .form-box input[type=password]:disabled, .form-box input[type=email]:disabled, .form-box input[type=number]:disabled, .form-box input[type=date]:disabled, .form-box input[type=month]:disabled, .form-box input[type=datetime-local]:disabled, .form-box select:disabled, .form-box textarea:disabled {
		opacity: .5;
	}
	
	.form-box input[type=text] + i.error, .form-box input[type=password] + i.error, .form-box input[type=email] + i.error, .form-box input[type=number] + i.error, .form-box input[type=date] + i.error, .form-box input[type=month] + i.error, .form-box input[type=datetime-local] + i.error, .form-box select + i.error, .form-box textarea + i.error {
		display: none;
	}
	
.form-box input[type=text].error, .form-box input[type=password].error, .form-box input[type=email].error, .form-box input[type=number].error, .form-box input[type=date].error, .form-box input[type=month].error, .form-box input[type=datetime-local].error, .form-box select.error, .form-box textarea.error {
	border-color: #e00000;
    color: #e00000;
    background-color: #ffd9d9;
    background-image: url(../images/icons/svg/exclamation-mark.svg);
    background-repeat: no-repeat;
    background-position: center right 8px;
    background-size: 16px;
    padding-right: 32px;
}

	.form-box input[type=text].error + i.error, .form-box input[type=password].error + i.error, .form-box input[type=email].error + i.error, .form-box input[type=number].error + i.error, .form-box input[type=date].error + i.error, .form-box input[type=month].error + i.error, .form-box input[type=datetime-local].error + i.error, .form-box select.error + i.error, .form-box textarea.error + i.error {
		display: inline-block;
		color: #e00000;
		font-size: 14px;
	}
	
.form-box .button-set, .form-box .request-status {
	margin: 20px 0;
    text-align: right;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left;
	-webkit-transition: background-image ease-in-out .2s;
    transition: background-image ease-in-out .2s;
}

.form-box .button-set.button-set-align-center {
	text-align: center;
}

	.form-box .button-set > button, .form-box .button-set > input[type=button], [data-type=default-button] {
		background-color: #2196F3;
		border: 0;
		padding: 7px 12px;
		color: #fff;
		font-size: 14px;
		outline: none;
	}

		.form-box .button-set > button:hover, .form-box .button-set > button:focus, .form-box .button-set > input[type=button]:hover, .form-box .button-set > input[type=button]:focus, [data-type=default-button]:focus {
			background-color: #50aefb;
		}

		.form-box .button-set > button:active, .form-box .button-set > input[type=button]:active, [data-type=default-button]:active {
			background-color: #0071cc;
		}

		.form-box .button-set > button:disabled, .form-box .button-set > input[type=button]:disabled, [data-type=default-button]:disabled {
			background-color: #ccc;
			color: #777;
		}
		
	.form-box .button-set:before, .form-box .request-status:before {
		float: left;
		margin-left: 24px;
		padding: 6px;
		color: #9E9E9E;
	}
	
	.form-box .button-set.pending, .form-box .request-status.pending {
		background-image: url(../images/icons/pending.gif);
	}
	
		.form-box .button-set.pending:before, .form-box .request-status.pending:before {
			content: "Processando solicitação...";
		}
	
	.form-box .button-set.success, .form-box .request-status.success {
		background-image: url(../images/icons/success.png);
	}
	
		.form-box .button-set.success:before, .form-box .request-status.success:before {
			content: "Tudo certo!";
		}
	
	.form-box .button-set.error, .form-box .request-status.error {
		background-image: url(../images/icons/error.png);
	}
	
		.form-box .button-set.error:before, .form-box .request-status.error:before {
			content: "Ops! Algo deu errado...";
		}
	
	.form-box .button-set.offline, .form-box .request-status.offline {
		background-image: url(../images/icons/offline.png);
	}
	
		.form-box .button-set.offline:before, .form-box .request-status.offline:before {
			content: "Conexão indisponípivel no momento.";
		}
		
label.checkbox {
	position: relative;
	width: 60px;
	height: 30px;
	border-radius: 3px;
	padding: 2px;
	background-image: none;
	background-color: #f44336;
	margin: 3px;
	margin-bottom: 3px !important;
	transition: all ease-in-out .2s;
}

	label.checkbox:after {
		content: "";
		display: block;
		width: 50%;
		height: 100%;
		box-sizing: border-box;
		border-radius: 3px;
		background-image: linear-gradient(#fefefe, #eee);
		margin-left: 0;
		cursor: pointer;
		transition: margin-left ease-in-out .2s;
	}
	
input[type=checkbox].checkbox:checked + label.checkbox {
	background-color: #4caf50;
}

	input[type=checkbox].checkbox:checked + label.checkbox:after {
		margin-left: 50%;
	}

#login-box {
    cursor: default;
    width: 500px;
    margin: 120px auto;
    background-color: #FFF;
    padding: 20px;
}

	#login-box > header {
		background-image: url(../images/logo.png);
		background-size: 50px;
		background-repeat: no-repeat;
		background-position: top left;
		padding: 10px 0px 20px 65px;
		border-bottom: 1px #efefef solid;
		font-size: 24px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	
	#login-box > .form-box {
		display: table;
		margin: 0 auto;
	}
	
	#login-box > .form-box > .form-row {
		display: table;
		width: 400px;
		margin-bottom: 12px
	}
	
	#login-box > .form-box > .button-set.error.error-1:before {
		content: "Nome de usuário inválido.";
	}
	
	#login-box > .form-box > .button-set.error.error-2:before {
		content: "Acesso negado: credenciais inválidas.";
	}
	
	#login-box > .form-box > .button-set.error.error-3:before {
		content: "Token de acesso inválido.";
	}
	
#dashboard {
	display: table;
	cursor: default;
}	
	
	#dashboard > header {
		background-image: url(../images/logo.png);
		background-size: 60px;
		background-repeat: no-repeat;
		background-position: center left 20px;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
		box-sizing: border-box;
		display: table;
		width: 100vw;
	}
	
		#dashboard > header > label {
			display: block;
			margin: 20px 100px;
			float: left;
		}
	
		#dashboard > header > #user-connected {
			float: right;
			font-size: 14px;
			font-weight: normal;
			margin: 15px 30px;
		}
		
			#dashboard > header > #user-connected td:nth-child(1) {
				text-align: right;
				color: #ccc;
				padding-right: 10px;
			}
			
			#dashboard > header > #user-connected td:nth-child(2) {
				position: relative;
				font-weight: bold;
			}
			
			#dashboard > header > #user-connected #user-name-options {
				background-image: url(../images/icons/drop-down-arrow-white.png);
				background-repeat: no-repeat;
				background-position: center right;
				background-size: 8px;
				cursor: pointer;
				-webkit-transition: all ease-in-out .2s;
				transition: all ease-in-out .2s;
				padding: 0;
				margin: 0;
				border: 0;
				background-color: transparent;
				color: #fff;
				font-weight: bold;
				padding-right: 14px;
				font-size: 14px;
				outline: none;
			}
			
				#dashboard > header > #user-connected #user-name-options:hover {
					opacity: .8;
				}
				
			#dashboard > header > #user-connected #user-name-options-list {
				display: none;
				list-style-type: none;
				padding: 0;
				margin: 3px 0;
				position: absolute;
				background-color: #0071cc;
				right: 0;
				z-index: 100;
				font-weight: normal;
				box-sizing: border-box;
				z-index: 101;
			}
			
				#dashboard > header > #user-connected #user-name-options-list > li {
					margin: 0;
					padding: 5px;
					width: 120px;
					box-sizing: border-box;
					cursor: pointer;
					padding-left: 30px;
					background-repeat: no-repeat;
					background-size: 16px;
					background-position: center left 7px;
					-webkit-transition: all ease-in-out .2s;
					transition: all ease-in-out .2s;
				}
				
					#dashboard > header > #user-connected #user-name-options-list > li:hover {
						background-color: #2196F3;
					}
				
					#dashboard > header > #user-connected #user-name-options-list > li#user-update {
						background-image: url(../images/icons/user.png);
					}
					
					#dashboard > header > #user-connected #user-name-options-list > li#user-logout {
						background-image: url(../images/icons/logout.png);
					}
					
			#dashboard > header > #user-connected #user-name-options:focus + #user-name-options-list {
				display: block;
			}

	#dashboard > #menu {
		width: 300px;
		height: calc(100vh - 69px);
		background-color: #38444f;
		box-sizing: border-box;
		float: left;
		overflow-y: auto;
	}
	
		#menu #menu-search {
			display: block;
			width: 90%;
			margin: 15px auto;
			padding: 5px;
			padding-right: 32px;
			font-size: 16px;
			background-color: #f7f7f7;
			background-image: url(../images/icons/search.png);
			background-size: 18px;
			background-repeat: no-repeat;
			background-position: center right 7px;
			border: 0;
			border-bottom: 2px transparent solid;
			box-sizing: border-box;
			outline: none;
			-webkit-transition: all ease-in-out .2s;
			transition: all ease-in-out .2s;
		}

			#menu #menu-search:focus {
				background-color: #fff;
				border-color: #50aefb;
			}
			
			#menu #menu-list {
				list-style-type: none;
				margin: 0;
				padding: 0;
				color: #fff;
			}
			
				#menu #menu-list > li {
					margin: 0;
					padding: 15px 10px 15px 54px;
					cursor: pointer;
					border-bottom: 1px #586979 solid;
					-webkit-transition: all ease-in-out .1s;
					transition: all ease-in-out .1s;
					background-repeat: no-repeat;
					background-size: 24px;
					background-position: center left 15px;
				}
				
					#menu #menu-list > li[data-live] {
						background-color: #d51e48;
					}
				
				
					#menu #menu-list > li:first-child {
						border-top: 1px #586979 solid;
					}
					
					#menu #menu-list > li:not([data-live]):hover {
						background-color: #48535d;
					}
					
					#menu #menu-list > li[data-action=pacientes] {
						background-image: url(../images/icons/user.png);
					}
					
					#menu #menu-list > li[data-action=responsaveis] {
						background-image: url(../images/icons/charity.png);
					}
					
					#menu #menu-list > li[data-action=cadastrar-evolucao] {
						background-image: url(../images/icons/add-file.png);
					}
					
					#menu #menu-list > li[data-action=evolucoes] {
						background-image: url(../images/icons/folder.png);
					}
					
					#menu #menu-list > li[data-action=atividades] {
						background-image: url(../images/icons/list.png);
					}
					
					#menu #menu-list > li[data-action=relatorio-estatistico] {
						background-image: url(../images/icons/analytics.png);
					}
					
					#menu #menu-list > li[data-action=acesso] {
						background-image: url(../images/icons/gear.png);
					}
					
					#menu #menu-list > li[data-action=operacoes-em-lote] {
						background-image: url(../images/icons/batch.png);
					}
					
					#menu #menu-list > li[data-action=backup] {
						background-image: url(../images/icons/backup.png);
					}

	#dashboard > #content {
		width: calc(100vw - 300px);
		height: calc(100vh - 69px);
		background-color: #fff;
		box-sizing: border-box;
		float: left;
		padding: 30px;
		overflow: auto;
		padding-bottom: 300px;
	}
	
		#dashboard > #content > h1 {
			margin: 0;
			font-weight: normal;
			font-size: 2em;
		}
		
		#dashboard > #content > h3 {
			font-weight: normal;
			margin: 10px 0;
			border-bottom: 1px #ccc solid;
			padding: 5px 0;
			font-size: 1.17em;
		}
		
		#dashboard > #content > p {
			margin-top: 16px;
			margin-bottom: 16px;
		}
		
		#dashboard > #content > table.form-table td:nth-child(1) {
			width: 220px;
		}
		
		#dashboard > #content > table.form-table td:nth-child(2) {
			width: 360px;
			position: relative;
		}
		
		#dashboard > #content > .button-set {
			border-top: 1px #ccc solid;
			text-align: left;
			padding: 20px 0;
		}
		
			#dashboard > #content > .button-set[data-clear] {
				border-top: 0;
				padding: 0;
			}
		
			#dashboard > #content > .button-set > input[type=button] {
				min-width: 100px;
				margin-right: 10px;
			}
			
			.button-set > input[type=button].secondary {
				background-color: #607D8B;
			}
			
			.button-set > input[type=button].secondary:hover, .button-set > input[type=button].secondary:focus {
				background-color: #84a1af;
			}
			
			.button-set > input[type=button].secondary:active {
				background-color: #3e5f6f;
			}
			
			.button-set > input[type=button].secondary:disabled {
				background-color: #ccc;
				color: #777;
			}
			
			#dashboard > #content > .request-status {
				display: table;
				bottom: 2px;
				position: absolute;
				width: calc(100vw - 378px);
				background-color: #fff;
				margin: 0;
				padding: 8px 0;
			}

body[data-page=profile] #dashboard > #content > .request-status.error.error-1:before {
	content: "Nome de exibição inválido.";
}

body[data-page=profile] #dashboard > #content > .request-status.error.error-2:before {
	content: "Endereço de e-mail inválido.";
}

body[data-page=profile] #dashboard > #content > .request-status.error.error-3:before {
	content: "Nome de usuário inválido.";
}

body[data-page=profile] #dashboard > #content > .request-status.error.error-4:before {
	content: "Os campos de senha não correspondem.";
}

body[data-page=profile] #dashboard > #content > .request-status.error.error-5:before {
	content: "O nome de usuário especificado já está sendo utilizado.";
}
			
.search-box {
    display: table;
}
			
	.search-box .search-field {
		float: left;
		margin-right: 15px;
		position: relative;
	}

		.search-box .search-field > label {
			display: block;
			margin-bottom: 0;
		}


	.search-box fieldset {
		float: left;
		border: 0;
		padding: 0;
		box-sizing: border-box;
		margin-right: 15px;
	}

	.search-box fieldset > legend {
		font-size: 16px;
		margin-bottom: 1px;
	}

	.search-box .button-set {
		float: left;
		margin: 19px 0;
	}

		.search-box .button-set input[type=button] {
			background-image: url(../images/icons/magnifier-tool.png);
			background-repeat: no-repeat;
			background-position: center left 7px;
			background-size: 14px;
			padding-left: 27px;
		}

#search-pacientes #search-id {
	width: 80px;
}

#search-pacientes #search-nome {
	width: 300px;
}

#search-pacientes #search-documento-tipo {
	display: block;
	background-image: url(../images/icons/drop-down-arrow-black.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 8px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    color: #000;
    padding-right: 14px;
    font-size: 16px;
    outline: none;
}

#search-pacientes #search-documento-tipo-list {
	display: none;
    list-style-type: none;
    padding: 0;
    margin: 3px 0;
    position: absolute;
    background-color: #fff;
	border: 1px #ccc solid;
    left: 0;
    z-index: 100;
    font-weight: normal;
    box-sizing: border-box;
}

	#search-pacientes #search-documento-tipo-list > li {
		margin: 0;
		padding: 5px;
		width: 120px;
		box-sizing: border-box;
		cursor: default;
		padding-left: 30px;
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: center left 7px;
		-webkit-transition: all ease-in-out .1s;
		transition: all ease-in-out .1s;
	}
	
		#search-pacientes #search-documento-tipo-list > li:hover {
			background-color: #2196F3;
			color: #fff;
		}
		
		#search-pacientes #search-documento-tipo-list > li[data-selected] {
			background-image: url(../images/icons/correct-symbol-black.png);
		}
		
			#search-pacientes #search-documento-tipo-list > li[data-selected]:hover {
				background-image: url(../images/icons/correct-symbol-white.png);
			}
			
	#search-pacientes #search-documento-tipo:focus + #search-documento-tipo-list {
		display: block;
	}
	
#search-pacientes #search-documento {
	width: 150px;
}

input[type=checkbox] {
	display: none;
}

	input[type=checkbox]:not(.checkbox) + label {
		border: 1px #ccc solid;
		padding: 4px 10px;
		background-image: linear-gradient(#fefefe, #eee);
		padding-left: 20px;
		margin: 3px;
		margin-bottom: 3px !important;
		-webkit-transition: all ease-in-out .2s;
		transition: all ease-in-out .2s;
	}
	
	input[type=checkbox]:not(.checkbox):checked + label {
		background-image: url(../images/icons/correct-symbol-black.png);
		background-color: #ececec;
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: center left 5px;
	}
	
table#pacientes-list td[class=button-set] {
	position: relative;
	width: 120px;
	white-space: nowrap;
	box-sizing: border-box;
}
	
table#pacientes-list input[data-action=more-actions] {
	background-image: url(../images/icons/drop-down-arrow-white.png);
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: center;
}

	table#pacientes-list input[data-action=more-actions] + ul {
		display: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
		text-align: left;
		position: absolute;
		right: 12px;
		z-index: 100;
		width: 200px;
		margin-top: 4px;
		box-shadow: 0 0 2px #a2a2a2;
	}
	
		table#pacientes-list input[data-action=more-actions] + ul > li {
			padding: 5px;
			padding-left: 32px;
			background-repeat: no-repeat;
			background-position: center left 7px;
			background-size: 18px;
			position: relative;
		}
		
			table#pacientes-list input[data-action=more-actions] + ul > li:hover {
				background-color: #efefef;
				background-size: 20px;
				background-position: center left 6px;
			}
		
			table#pacientes-list input[data-action=more-actions] + ul > li[data-action=consultar-evolucoes] {
				background-image: url(../images/icons/svg/search.svg);
			}
			
			table#pacientes-list input[data-action=more-actions] + ul > li[data-action=nova-evolucao] {
				background-image: url(../images/icons/svg/add.svg);
			}
			
			table#pacientes-list input[data-action=more-actions] + ul > li[data-action=emitir-tgc] {
				background-image: url(../images/icons/svg/print.svg);
			}
			
			table#pacientes-list input[data-action=more-actions] + ul > li[data-action=desligar-usuario], table#pacientes-list input[data-action=more-actions] + ul > li[data-action=religar-usuario] {
				background-image: url(../images/icons/svg/power.svg);
			}
			
			table#pacientes-list input[data-action=more-actions] + ul > li[data-action=registrar-falecimento] {
				background-image: url(../images/icons/svg/calendar-5.svg);
			}
			
			table#pacientes-list input[data-action=more-actions] + ul > li[data-action=registrar-transplante] {
				background-image: url(../images/icons/svg/like-1.svg);
			}
			
			table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] {
				background-image: url(../images/icons/svg/care.svg);
			}
			
				table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] > span {
					display: inline-block;
					width: 20px;
					height: 9px;
					background-image: url(../images/icons/svg/play-arrow.svg);
					background-position: center;
					background-size: 7px;
					background-repeat: no-repeat;
					float: right;
					margin-top: 5px;
				}
			
				table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] > ul {
					display: none;
				    list-style-type: none;
					margin: 0;
					padding: 0;
					background-color: #fff;
					text-align: left;
					position: absolute;
					right: 200px;
					z-index: 100;
					width: 200px;
					top: 0;
					box-shadow: 0 0 2px #a2a2a2;
				}
				
					table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options]:hover > ul {
						display: block;
					}
				
					table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] > ul > li {
						padding: 5px;
						padding-left: 32px;
						background-repeat: no-repeat;
						background-position: center left 7px;
						background-size: 18px;
					}
					
						table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] > ul > li:hover {
							background-color: #efefef;
							background-size: 20px;
							background-position: center left 6px;
						}
						
							table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] > ul > li[data-action=responsavel-editar] {
								background-image: url(../images/icons/svg/edit.svg);
							}
							
							table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] > ul > li[data-action=responsavel-consultar-evolucoes] {
								background-image: url(../images/icons/svg/search.svg);
							}
							
							table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] > ul > li[data-action=responsavel-nova-evolucao] {
								background-image: url(../images/icons/svg/add.svg);
							}
							
							table#pacientes-list input[data-action=more-actions] + ul > li[data-action=responsavel-options] > ul > li[data-action=responsavel-desativar] {
								background-image: url(../images/icons/svg/power.svg);
							}
			
	table#pacientes-list input[data-action=more-actions]:focus + ul {
		display: block;
	}
	
select[name=pacientes-list_length] {
	width: 50px !important;
}

select[name=pacientes-list_order] {
	width: 150px !important;
}
	
#foto-de-perfil {
	display: none;
}

	#foto-de-perfil + label {
		display: block;
		width: 150px;
		height: 150px;
		border-bottom: 1px #ccc solid;
		background-image: url(../images/icons/svg/user.svg);
		background-size: 50px;
		background-repeat: no-repeat;
		background-color: #f7f7f7;
		background-position: center;
		cursor: pointer;
		position: relative;
	}
	
		#foto-de-perfil + label.selected {
			background-size: contain;
		}
		
		#foto-de-perfil + label + ul {
			display: none;
			position: absolute;
			bottom: 1px;
			list-style-type: none;
			margin: 0;
			padding: 0;
			left: 97px;
			background-color: #cccccc80;
		}
		
			#foto-de-perfil + label + ul > li {
				margin: 3px 5px;
				padding: 0;
				float: left;
				width: 15px;
				height: 15px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: 15px;
				cursor: pointer;
			}
			
				#foto-de-perfil + label + ul > li[data-action=change-foto-de-perfil] {
					background-image: url(../images/icons/svg/edit.svg);
				}
				
				#foto-de-perfil + label + ul > li[data-action=remove-foto-de-perfil] {
					background-image: url(../images/icons/svg/delete.svg);
				}
			
			#foto-de-perfil + label.selected + ul {
				display: table;
			}
			
body[data-page=cadastrar-pacientes] #dashboard > #content > .request-status.error.error-1:before {
	content: "Nome completo do paciente inválido.";
}

body[data-page=cadastrar-pacientes] #dashboard > #content > .request-status.error.error-2:before {
	content: "Já existe um outro paciente com o Nº da Ficha informado.";
}

body[data-page=cadastrar-pacientes] #dashboard > #content > .request-status.error.error-3:before {
	content: "O paciente com o RG/CPF informado já está cadastrado no sistema.";
}

body[data-page=editar-pacientes] #dashboard > #content > .request-status.error.error-1:before {
	content: "Nome completo do paciente inválido.";
}

body[data-page=editar-pacientes] #dashboard > #content > .request-status.error.error-2:before {
	content: "Já existe um outro paciente com o Nº da Ficha informado.";
}

body[data-page=editar-pacientes] #dashboard > #content > .request-status.error.error-3:before {
	content: "O RG/CPF informados pertencem a um outro paciente já cadastrado no sistema.";
}

body[data-page=editar-pacientes] #dashboard > #content > .request-status.error.error-4:before {
	content: "O Nº da Ficha precisa ser especificado.";
}

#search-responsaveis #search-id {
	width: 80px;
}

#search-responsaveis #search-nome {
	width: 300px;
}

#search-responsaveis #search-documento-tipo {
	display: block;
	background-image: url(../images/icons/drop-down-arrow-black.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 8px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    color: #000;
    padding-right: 14px;
    font-size: 16px;
    outline: none;
}

#search-responsaveis #search-documento-tipo-list {
	display: none;
    list-style-type: none;
    padding: 0;
    margin: 3px 0;
    position: absolute;
    background-color: #fff;
	border: 1px #ccc solid;
    left: 0;
    z-index: 100;
    font-weight: normal;
    box-sizing: border-box;
}

	#search-responsaveis #search-documento-tipo-list > li {
		margin: 0;
		padding: 5px;
		width: 120px;
		box-sizing: border-box;
		cursor: default;
		padding-left: 30px;
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: center left 7px;
		-webkit-transition: all ease-in-out .1s;
		transition: all ease-in-out .1s;
	}
	
		#search-responsaveis #search-documento-tipo-list > li:hover {
			background-color: #2196F3;
			color: #fff;
		}
		
		#search-responsaveis #search-documento-tipo-list > li[data-selected] {
			background-image: url(../images/icons/correct-symbol-black.png);
		}
		
			#search-responsaveis #search-documento-tipo-list > li[data-selected]:hover {
				background-image: url(../images/icons/correct-symbol-white.png);
			}
			
	#search-responsaveis #search-documento-tipo:focus + #search-documento-tipo-list {
		display: block;
	}
	
#search-responsaveis #search-documento {
	width: 150px;
}

table#responsaveis-list td[class=button-set] {
	position: relative;
	width: 120px;
	white-space: nowrap;
	box-sizing: border-box;
}

table#responsaveis-list input[data-action=more-actions] {
	background-image: url(../images/icons/drop-down-arrow-white.png);
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: center;
}

	table#responsaveis-list input[data-action=more-actions] + ul {
		display: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
		text-align: left;
		position: absolute;
		right: 12px;
		z-index: 100;
		width: 200px;
		margin-top: 4px;
		box-shadow: 0 0 2px #a2a2a2;
	}
	
		table#responsaveis-list input[data-action=more-actions] + ul > li {
			padding: 5px;
			padding-left: 32px;
			background-repeat: no-repeat;
			background-position: center left 7px;
			background-size: 18px;
			position: relative;
		}
		
			table#responsaveis-list input[data-action=more-actions] + ul > li:hover {
				background-color: #efefef;
				background-size: 20px;
				background-position: center left 6px;
			}
		
			table#responsaveis-list input[data-action=more-actions] + ul > li[data-action=consultar-evolucoes] {
				background-image: url(../images/icons/svg/search.svg);
			}
			
			table#responsaveis-list input[data-action=more-actions] + ul > li[data-action=nova-evolucao] {
				background-image: url(../images/icons/svg/add.svg);
			}
			
			table#responsaveis-list input[data-action=more-actions] + ul > li[data-action=desativar] {
				background-image: url(../images/icons/svg/power.svg);
			}
			
	table#responsaveis-list input[data-action=more-actions]:focus + ul {
		display: block;
	}
	
select[name=responsaveis-list_length] {
	width: 50px !important;
}

#profile-picture {
	background-image: url(../images/icons/svg/user-profile.svg);
    background-repeat: no-repeat;
    background-position: center;
	background-size: 50%;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 12px;
	border-bottom: 1px #ccc solid;
	background-color: #f7f7f7;
}

#profile-data {
	float: left;
    font-size: 14px;
    line-height: 15px;
    width: 240px;
}

#profile-name {
	font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 10px;
}

#evolucao-container {
	width: 580px;
}

#usuario-responsavel {
	padding-right: 20px;
}

#usuario-responsavel-list {
	display: none;
	width: 100%;
	position: absolute;
    z-index: 100;
    background-color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 1px #efefef solid;
    max-height: 300px;
    overflow-y: auto;
    box-sizing: border-box;
}

	#usuario-responsavel-list > li {
		padding: 3px 7px;
		border-bottom: 1px #efefef solid;
	}
	
	#usuario-responsavel-list > li[data-id]:hover {
		background-color: #2196f3;
		color: #fff;
	}
	
	#usuario-responsavel-list > li:not([data-id]) {
		font-size: 12px;
		text-align: center;
		padding: 10px;
		color: #999;
	}
	
#usuario-responsavel-clear {
	display: none;
	position: absolute;
    top: 9px;
    right: 9px;
    font-weight: bold;
    color: #556080;
	cursor: pointer;
}

body[data-page=evolucoes] input[type=date], body[data-page=atividades] input[type=date] {
	width: auto;
	zoom: .85;
    vertical-align: top;
}

#search-periodo_separador  {
	display: inline-block;
    margin: 8px;
}

.evolucao {
	border: 1px #ccc solid;
    margin: 10px 0;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px 10px;
    border-left: 3px #2196f3 solid;
    border-bottom: 3px #ccc solid;
}

	.evolucao i {
		color: #aaa;
	}
	
	.evolucao .button-set {
		margin-bottom: 5px;
	}
	
		.evolucao .button-set > input[type=button].secondary {
			background-color: #607D8B;
		}
		
			.evolucao .button-set > input[type=button].secondary:hover, .evolucao .button-set > input[type=button].secondary:focus {
				background-color: #84a1af;
			}
			
			.evolucao .button-set > input[type=button].secondary:active {
				background-color: #3e5f6f;
			}
			
			.evolucao .button-set > input[type=button].secondary:disabled {
				background-color: #ccc;
				color: #777;
			}
		
	.evolucao.anulado {
		border-left-color: #ccc;
		color: #ccc;
	}
	
		.evolucao.anulado > div:last-child {
			color: #000;
		}
		
.retificacao {
	margin-left: 15px;
    border-left: 3px #78c3ff solid;
    padding: 5px 0;
    padding-left: 15px;
}

.evolucao.anulado > .retificacao {
	border-left-color: #efefef;
}

.atividade_group {
    padding: 5px;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
    background-color: #f32178;
    color: #fff;
}

.atividade {
    border: 1px #ccc solid;
    border-top: 0;
    padding: 5px;
    padding-left: 30px;
}

	.atividade > span {
		display: block;
		float: right;
		font-weight: bold;
		font-size: 12px;
	}
	
body[data-page=relatorio-estatistico] input[type=month] {
	width: auto;
	zoom: .93;
    vertical-align: top;
}

	body[data-page=relatorio-estatistico] .search-box .button-set input[type=button] {
		background-image: url(../images/icons/analytics.png);
	}
	
#relatorio-estatistico-print {
	width: 100%;
	max-width: 794px;
	height: 500px;
	border: 1px #efefef solid;
	box-shadow: 0 0 2px #000;
	margin: 20px auto;
}

table#login-list td[class=button-set] {
	position: relative;
	width: 80px;
	white-space: nowrap;
	box-sizing: border-box;
}

select[name=login-list_length] {
    width: 50px !important;
}

#user-permissoes thead td {
	font-weight: bold;
	padding: 10px 0;
	font-size: 18px;
}

#user-permissoes select {
	width: 150px;
	margin: 2px;
}

body[data-page=cadastrar-acesso] #dashboard > #content > .request-status.error.error-1:before, body[data-page=editar-acesso] #dashboard > #content > .request-status.error.error-1:before {
	content: "Nome de exibição inválido.";
}

body[data-page=cadastrar-acesso] #dashboard > #content > .request-status.error.error-2:before, body[data-page=editar-acesso] #dashboard > #content > .request-status.error.error-2:before {
	content: "Endereço de e-mail inválido.";
}

body[data-page=cadastrar-acesso] #dashboard > #content > .request-status.error.error-3:before, body[data-page=editar-acesso] #dashboard > #content > .request-status.error.error-3:before {
	content: "Nome de usuário inválido.";
}

body[data-page=cadastrar-acesso] #dashboard > #content > .request-status.error.error-4:before, body[data-page=editar-acesso] #dashboard > #content > .request-status.error.error-4:before {
	content: "Os campos de senha não correspondem.";
}

body[data-page=cadastrar-acesso] #dashboard > #content > .request-status.error.error-5:before, body[data-page=editar-acesso] #dashboard > #content > .request-status.error.error-5:before {
	content: "O nome de usuário especificado já está sendo utilizado.";
}

.dialog-background {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: #222a32a4;
	z-index: 100;
}

.dialog-box {
	display: none;
	width: 80vw;
	height: 70vh;
	max-width: 800px;
	max-height: 600px;
	background-color: #fff;
	margin: 60px auto;
	position: relative;
	overflow: hidden;
}

	.dialog-box > .content {
		width: 100%;
		height: calc(100% - 60px);
		overflow-y: auto;
		padding: 15px 20px;
	}
	
		.dialog-box > .content h1 {
			font-size: 25px;
		}

	.dialog-box > .button-set {
		position: absolute;
		bottom: 0;
		text-align: right;
		width: 100%;
		padding: 15px 20px;
		border-top: 1px #efefef solid;
		margin: 0;
		box-shadow: 0 0 4px 0 #ccc;
	}
	
		.evolucao .button-set input[type=button] {
			margin-left: 5px;
		}
		
	.dialog-box h3 {
	    font-weight: normal;
		margin: 10px 0;
		border-bottom: 1px #ccc solid;
		padding: 5px 0;
		font-size: 1.17em;
	}
	
	#nova-evolucao-container {
		width: 743px;
	}
	
	#dialog-nova-evolucao table.form-table td:nth-child(1) {
		width: 220px;
	}
	
.loading {
	background-image: url(../images/icons/pending.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70px;
}
	
#imprimir-tgc > iframe {
	width: 100%;
    height: calc(100% - 62px);
    border: 0;
}

.as-uppercase {
	text-transform: uppercase;
}

.dialog-box .button-set {
	background-position: center left 20px;
}

body[data-page=cadastrar-evolucao] #dashboard > #content > .request-status.error.error-1:before {
	content: "Indique o usuário ou responsável que você deseja vincular à evolução.";
}

body[data-page=cadastrar-evolucao] #dashboard > #content > .request-status.error.error-2:before, #dialog-nova-evolucao .button-set.error.error-2:before {
	content: "Indique o perfil profissional para a evolução evolução.";
}

body[data-page=cadastrar-evolucao] #dashboard > #content > .request-status.error.error-3:before, #dialog-nova-evolucao .button-set.error.error-3:before {
	content: "A evolução não pode ser registrada em branco.";
}

.evolucao .button-set.error, .evolucao .button-set.success, .evolucao .button-set.pending, .evolucao .button-set.offline {
	background-position: center left 2px;
}

.retificacao .button-set.error.error-1:before {
	content: "A retificação não pode ser registrada em branco.";
}

#confirmacao {
	width: 40vw;
	height: auto;
}

#confirmacao-label {
	margin-bottom: 90px;
}

input[type=button].loading {
    background-position: center left 8px;
    background-size: 16px;
    padding-left: 30px !important;
}

#registrar-falecimento {
	width: 520px;
    height: 430px;
}

	#registrar-falecimento table.form-table td:nth-child(1) {
		width: 170px;
	}
	
	#registrar-falecimento table.form-table td:nth-child(2) {
		width: 300px;
	}
	
	#registrar-falecimento .button-set.error.error-1:before {
		content: "Informe a data de falecimento.";
	}
	
	
body[data-page=acesso] td[class=button-set] {
	text-align: left;
}
	
body[data-page=acesso] input[type=button][data-action=disable] {
	background-image: url(../images/icons/svg/disable-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

#pre-content {
	width: calc(100vw - 300px);
	height: calc(100vh - 69px);
	background-color: #fff;
	box-sizing: border-box;
	float: left;
	padding: 30px;
	overflow: auto;
	padding-bottom: 300px;
	background-image: url(../images/icons/pending.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px;
}

	#pre-content > h1 {
		margin: 0;
		font-weight: normal;
		font-size: 2em;
	}
	
	#pre-content > p {
		margin-top: 16px;
		margin-bottom: 16px;
	}

	#pre-content + #content {
		display: none;
	}
	
body[data-page=editar-responsaveis] #dashboard > #content > .request-status.error.error-1:before {
	content: "RG do usuário inválido.";
}

body[data-page=editar-responsaveis] #dashboard > #content > .request-status.error.error-2:before {
	content: "CPF do usuário inválido.";
}

body[data-page=editar-responsaveis] #dashboard > #content > .request-status.error.error-3:before {
	content: "Nome completo do usuário inválido.";
}

#enable-2fa-authentication {
	width: 640px;
}

	#enable-2fa-authentication ul {
		list-style-type: decimal;
	}
	
	#enable-2fa-authentication table {
		margin: 0 auto;
	}
	
	#enable-2fa-authentication label[for="access-code"] {
		width: 120px;
	}
	
	#enable-2fa-authentication #access-code {
		width: 64px;
	}

	#enable-2fa-authentication #qr-code {
		width: 160px;
		margin: 0 auto;
		text-align: center;
	}
	
		#enable-2fa-authentication #qr-code > img {
			width: 100%;
			opacity: .9;
		}

[data-clear] {
	
}