#ir_topo{
		position:fixed;
		bottom:-165px;
		position:absolute;
		width:30px;
		height:30px;
		border:1px solid #ccc;
		text-shadow:1px 1px 1px #bcbcbc;
		border-radius:100%;
		margin-top:-15px;
		background-color:#fff;
		left:50%;
		margin-left:-15px;
		font-size:26px;
		color:#595959;
	}

	#ir_topo:hover{
		color:#fff;
		cursor:pointer;
		background-color:#e8e8e8;
	}


/********************************************************************************************************** S T Y L E **********************************************************************************************************/

*	{
	padding:0px;
	margin:0px;
	text-align:auto;
}

*, ::after, ::before {
    box-sizing: initial !important;
}

ol, ul {
    padding-left: initial !important;
}

body{
	font-family: Verdana, Arial, "Comic Sans MS", sans-serif; 
	font-size: 11px; 
	margin: 0px;
	padding: 0px;
}

a img {
	border:none;
}


/********************************** PRE DEF *****************************************/
#rodape a{
	color:#595959;
}

#rodape a:hover{
	color:#900;
}

/********************************** DIV GERAL *****************************************/
#geral{
	outline:0px solid red;
	position:relative;
	width:100%;
	height:auto;
	min-height:300px;
	margin:0 auto;
}
/********************************** FIM DIV GERAL *****************************************/


/********************************** TOPO *****************************************/
#topo{ 
	position: fixed;
    width: 100%;
    min-width: 1000px;
    height: 50px;
    box-shadow: 0px 1px 7px #262726;
    border-bottom: 1px solid rgb(104, 104, 104);
	/*background-color:#396;*/
	background: #339966;
    background: -moz-linear-gradient(top, #99CC330%, #669900 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99CC33), color-stop(100%,#3ab71c));
    background: -webkit-linear-gradient(top, #99CC33 0%,#669900 100%);
    background: -o-linear-gradient(top, #99CC33 0%,#669900 100%);
    background: -ms-linear-gradient(top, #99CC33 0%,#669900 100%);
    background: linear-gradient(to bottom, #99CC33 0%,#669900 100%);
	background: -ms-linear-gradient(top, #99CC33 0%,#669900 100%); /* IE10+ */
	background: linear-gradient(to bottom, #99CC33 0%,#669900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab71c', endColorstr='#3ab71c',GradientType=0 ); /* IE6-9 */
	z-index:3;
}

#cont_topo{
	position:relative;
	width:90%;
	height:50px;
	margin:0 auto;
}
/********************************** FIM TOPO *****************************************/


/********************************** HEADER *****************************************/
#header{
	position:relative;
	top:50px;
	width:100%;
	min-width:1000px;
	height:138px;
	background-color:#e8e8e8;
	background-image: url("../images/textura_bg.jpg");
}

/********************************** FIM HEADER *****************************************/


/********************************** CONTEUDO *****************************************/
#conteudo{
	position:relative;
	top:64px;
	width:auto;
	min-height:635px;
	height:auto;
	background-color:#e8e8e8;
	background-image: url("../images/textura_bg1.jpg");
}

#cont_conteudo{
	position:relative;
	width:100%;
	height:auto;
	outline:0px solid red;
}
/********************************** FIM CONTEUDO *****************************************/




/********************************** FOOTER *****************************************/
#footer{
	position:relative;
	width:100%;
	height:auto;
	color:#fff;
	background-color:#595959;
}

#cont_rodape{
	position:relative;
	width:90%;
	margin:0 auto;
	height:auto;
	background-color:#;
}

#footer label{
	color:#fff;
}

#footer a.eff{
	transition: 0.2s linear all;
	text-decoration:none;
	color:#bcbcbc;
	font-family: 'Droid Sans Mono', sans-serif;
}

#footer a.eff:hover{
	margin-left:5px;
	color:#6c9;
}


/********************************** FIM FOOTER *****************************************/

/********************************************************************************************************** F I M   S T Y L E **********************************************************************************************************/




/* S O C I A L */
.social_facebook{
	position:absolute;
	display:inline-block;
	margin-top:10px;
	margin-left:-185px;
	top:50px;
	width:48px;
	height:48px;
	/*background-color:#3b5998;*/
	border-radius:100%;
	opacity:0.7;
	transition:0.3s linear all; 
}
.social_facebook:hover{
	background-color:#3b5998;
	opacity:1.0;
}

.social_instagram{
	position:absolute;
	display:inline-block;
	margin-top:10px;
	margin-left:-110px;
	top:50px;
	width:48px;
	height:48px;
	/*background-color:#4099ff;*/
	border-radius:100%;
	opacity:0.7;
	transition:0.3s linear all; 
}
.social_instagram:hover{
	background-color:#CF2972;
	opacity:1.0;
}

.social_linkedin{
	position:absolute;
	display:inline-block;
	margin-top:10px;
	margin-left:-35px;
	top:50px;
	width:48px;
	height:48px;
	/*background-color:#4099ff;*/
	border-radius:100%;
	opacity:0.7;
	transition:0.3s linear all; 
}
.social_linkedin:hover{
	background-color:#0A66C2;
	opacity:1.0;
}

/* .social_twitter{
	position:absolute;
	display:inline-block;
	margin-top:10px;
	margin-left:-110px;
	top:50px;
	width:48px;
	height:48px;
	border-radius:100%;
	opacity:0.7;
	transition:0.3s linear all; 
}

.social_twitter:hover{
	background-color:#4099ff;
	opacity:1.0;
} */

/* .social_googleplus{
	position:absolute;
	display:inline-block;
	margin-top:10px;
	margin-left:-35px;
	top:50px;
	width:48px;
	height:48px;
	border-radius:100%;
	opacity:0.7;
	transition:0.3s linear all;
}

.social_googleplus:hover{
	background-color:#d94c4c;
	opacity:1.0;
} */

.social_youtube{
	position:absolute;
	display:inline-block;
	margin-top:10px;
	margin-left:40px;
	top:50px;
	width:48px;
	height:48px;
	/*background-color:#d94c4c;*/
	border-radius:100%;
	opacity:0.7;
	transition:0.3s linear all; 
}

.social_youtube:hover{
	background-color:#d94c4c;
	opacity:1.0;
}

/* F I M   S O C I A L */























/********************************************************************************************************** F O N T E S **********************************************************************************************************/

/********************************** BOTOES *****************************************/
.botao_login{  
	position:relative;
	padding:7px 5px;
	background-color:#e8e8e8;
	border:1px solid #e8e8e8;
	color:#595959;
	font-weight:bold;
	border-radius:1px;
	font-family: Verdana, Arial, "Comic Sans MS", sans-serif; 
	font-size: 12px; 
	width:auto; 
	right:1px;
	width:159px;	
	margin:2px auto;
	margin-top:7px;
	height:auto;
}

.botao_login:hover{  
	background-color:#ccc;
	border:1px solid #ccc;
	color:#595959;
	cursor:pointer;
}

.botao_cadastrar{
	position:relative; 
	display:block;
	padding:5px;
	background-color:#ccc;
	border:3px solid #fff;
	box-shadow:0 0 7px #bcbcbc;
	color:#595959;
	font-weight:bold;
	border-radius:100%;
	font-family: Verdana, Arial, "Comic Sans MS", sans-serif; 
	font-size: 12px;
	width:135px;
	height:135px;
	top:-75px;
	transition:0.3s linear all;
}

.botao_cadastrar:hover{  
	background-color:#396;
	border:3px solid #fff;
	color:#fff;
	cursor:pointer;
}

.botao_limpar{   
	position: relative;
	display:block;
	padding:5px;
	background-color:#ccc;
	border:3px solid #fff;
	box-shadow:0 0 7px #bcbcbc;
	color:#595959;
	font-weight:bold;
	border-radius:100%;
	font-family: Verdana, Arial, "Comic Sans MS", sans-serif; 
	font-size: 12px; 
	width:135px;
	height:135px;
	top:-50px;
	transition:0.3s linear all;
}

.botao_limpar:hover{  
	background-color:#933;
	border:3px solid #fff;
	cursor:pointer;
	color:#fff;
}

.botao_cancelar{  
	position:relative;
	display:block;  
	padding:5px;
	background-color:#ccc;
	border:3px solid #fff;
	box-shadow:0 0 7px #bcbcbc;
	color:#595959;
	font-weight:bold;
	border-radius:100%;
	font-family: Verdana, Arial, "Comic Sans MS", sans-serif; 
	font-size: 12px; 
	width:135px;
	height:135px;
	top:-25px;
	transition:0.3s linear all;
}

.botao_cancelar:hover{  
	background-color:#38467b;
	border:3px solid #fff;
	cursor:pointer;
	color:#fff;
}

.pesquisarpaciente{
	position:absolute;
	top:25px;
	background-color:#fff;
	padding:2px; 
	border:1px solid #ccc;
	border-radius:2px;
	right:65px;
	left:455px;
	width:34px;
	overflow:hidden;
	height:34px;
	font-size:12px;
	font-family:arial;
	color:#595959;
	font-weight:600;
	z-index:2;
	transition:0.1s linear all;
}

.pesquisarpaciente:hover{
	transition:0.2s linear all;
	color:#595959;
	border:1px solid #bcbcbc;
	box-shadow:0px 0px 2px #ccc;
	background-color:#ccc;
	/*width:184px;*/
}



.pesquisaimagens{
	position:absolute;
	top:25px;
	background-color:#fff;
	padding:2px; 
	border:1px solid #ccc;
	border-radius:2px;
	right:65px;
	left:510px;
	width:34px;
	overflow:hidden;
	height:34px;
	font-size:12px;
	font-family:arial;
	color:#595959;
	font-weight:600;
	transition:0.3s linear all;
}

.pesquisaimagens:hover{
	transition:0.2s linear all;
	color:#595959;
	left:460px;
	background-color:#f8f8f8;
	z-index:2;
	width:184px;
}




.buscar_paciente{
position:absolute;
top:-1px;
background:#;
padding:10px 11px;
font-size:14px;
height:34px;
overflow:hidden;
cursor:pointer;
color:#ccc;
font-weight:bold;
margin-left:-55px;
transition:0.3s linear all;
}

.buscar_paciente:hover{
	color:#396;
}
/********************************** FIM BOTOES *****************************************/


/********************************** SELETORES *****************************************/
textarea:hover{
	background-color: #FFFFCC;
}

input:hover {
	background-color: #FFFFCC;
}

a, a:hover { 
  outline: none;
  text-decoration: none;
  color: #033;
}

a:hover { 
  text-decoration: none;
  color: #e8e8e8;
}

button{
	width:149px;height:30px;background-color:#fff;border:1px solid #ccc;font-weight:600;color:#595959;border-radius:2px;margin-top:10px;
}

button:hover{
	background-color:#595959;
	color:#fff;	
	cursor:pointer;
}
/********************************** FIM SELETORES *****************************************/


/********************************** INPUTS *****************************************/
.input_login {
	color:#363;
	background-color: #FFF;
	border:1px solid #000;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-radius:2px;
	width:100px;
	height:17px;
}


.input_form {
	color:#595959;
	background-color: #fff;
	border:1px solid #ccc;
	padding:6px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	width:99%;
	border-radius:3px;
	margin-bottom:13px;
	margin-top:2px;
	margin-left:1px;
}
/********************************** FIM INPUTS *****************************************/


/********************************** FONTES *****************************************/
.l01{
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size: 14px;
}

.l02{
	font-family:Verdana, Geneva, sans-serif;
	color:#595959;
	font-size: 13px;
}

.l03{
	font-family:Verdana, Geneva, sans-serif;
	color:#595959;
	font-size: 14px;
	font-weight:bold;
}

.l10{
	font-family:Verdana, Geneva, sans-serif;
	color:#595959;
	font-size: 25px;
}

.l11{
	font-family:Verdana, Geneva, sans-serif;
	color:#595959;
	font-size: 20px;
}

.l12{
	font-family:Verdana, Geneva, sans-serif;
	color:#595959;
	font-size: 16px;
}

.l12:hover{
	color:#396;
}

.l07{
	font-family:Verdana, Geneva, sans-serif;
	color:#033;
	font-size: 14px;
}
/********************************** FIM FONTES *****************************************/


/********************************** OPERADORAS INICIO *****************************************/
.operadoras{
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:20px;
	width:150px;
	height:50px;
	display:block;
	vertical-align:30%;
	background-color: #bc4040;
	border:2px solid #933;
	z-index:5;
	float:left;
	margin:0 25px 0 0;
	overflow:hidden;
	display:block;
	text-align:center;
	padding:50px 0;
	transition: 0.3s linear all;
}

.operadoras:hover{
	border:2px solid #fff;
	box-shadow:0 0 10px #888;
}
/********************************** FIM OPERADORAS INICIO *****************************************/


/********************************** MENU 2 - CONFIGURAÇÕES *****************************************/
#topo nav ul {
	position:absolute;
	display:inline-block;
	text-align:center;
	background-color:#;
	font-family:Verdana;
	font-size:0;
	right:0;
	border-left:0px solid #9C0;
	border-right:0px solid #9C0;
	margin-top:-2px;
}

#topo nav ul li{
	display:inline-block;
	border-left:1px solid rgb(104, 104, 104);
	border-right:1px solid rgb(104, 104, 104);
}

#topo nav ul li a{
	color:#fff;
	text-shadow:1px 1px 1px #595959;
	text-transform:uppercase;
	font-weight:600;
	display:block;
	padding:5px 15px;
	width:100px;
	font-size:13px;
	transition: 0.2s linear all;
}

#topo nav ul li a:hover{
	color:#000;
	background-color:#9C0;
	/*background-color: rgb(255,255,255); opacity: 0.8;*/
	text-shadow:1px 1px 1px #fff;
}

#topo nav ul li ul{
	display:none;
	border-left:0;
	border-right:0;
	/*box-shadow:1px 1px 2px #333;*/
	top:35px;
}

#topo nav ul > li:hover > ul {
    display: block;
    position:absolute;
}

#topo nav ul > li:hover {
	background-color:#9C0;
}

#topo nav ul li ul li:hover {
	background-color:#f8f8f8;
}


#topo nav ul li ul li{
	display:block;
	width:135px;
	overflow:hidden;
	background-color:#fff;
	text-align:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}



#topo nav ul li ul li:nth-child(1){
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
}

#topo nav ul li ul li:nth-child(2){
	border-radius:2px 2px 0 0;
	border-top:1px solid #ccc;
}

#topo nav ul li ul li:last-child{
	border-radius:0 0 2px 2px;
	border-bottom:1px solid #ccc;
}



#topo nav ul li ul li a{
	text-shadow:1px 1px 1px #ccc;
	width:150px;
	color:#595959;
	background-color:#fff;
	transition: 0.2s linear all;
}

#topo nav ul li ul li a:hover{
	color:#396;
	background-color:#f8f8f8;
	margin-left:5px; 
}



/********************************** FIM MENU 2 - CONFIGURAÇÕES *****************************************/




#headermenupaciente{
	position:absolute;
	width:100%;
	height:auto;
	min-height:35px;
	bottom:-15px;
	background: linear-gradient(to bottom, #99CC33 0%,#669900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99CC33', endColorstr='#669900',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #686868;
	border-top:1px solid #686868;
	z-index:2;
}


#header input{
	position:relative;
	border:1px solid #ccc;
	font-size:11px;
	padding:2px;
	border-radius:2px;
	background-color:#fff;
	float:right;
	margin-top:-2px;
	width:140px;
	right:10px;
}


#header input:hover{
	color:#f00;
}




/********************************** MENU 3 - PACIENTE *****************************************/

#header nav ul {
	text-align:center;
	margin:0 auto;
	font-family:Verdana;
	border-left:1px solid #176336;
	font-size:0;
}

#header{
	border-top:1px solid #176336;
}

#header nav ul li{
	display:inline-flex;
	border-right:1px solid #686868;
}

#header nav ul li a{
	color:#fff;
	text-shadow:1px 1px 1px #595959;
	text-transform:uppercase;
	font-weight:600;
	display:block;
	padding:13px;
	width:140px;
	font-size:13px;
	transition: 0.2s linear all;
}

#header nav ul li a:hover{
	color:#000;
	background-color:#9C0;
	text-shadow:1px 1px 1px #fff;
}

#header nav ul li ul{
	display:none;
	border-left:0;
	/*box-shadow:1px 1px 2px #333;*/
	top:35px;
}

#header nav ul > li:hover > ul {
    display: block;
    position:absolute;
    /*overflow:hidden;*/
}

#header nav ul > li:hover {
	background-color:#9C0;
}


#header nav ul li ul li:hover {
	background-color:#f8f8f8;
}



#header nav ul li ul li{
	display:block;
	width:166px;
	overflow:hidden;
	background-color:#fff;
	text-align:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;

}

#header nav ul li ul li:nth-child(1){
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
}

#header nav ul li ul li:nth-child(2){
	border-radius:2px 2px 0 0;
	border-top:1px solid #ccc;
}

/*#header nav ul li ul li:nth-child(7){
	border-radius:0 0 2px 2px;
	border-bottom:1px solid #ccc;
}*/

#header nav ul li ul li:last-child{
	border-radius:0 0 2px 2px;
	border-bottom:1px solid #ccc;
}





#header nav ul li ul li a {
	text-shadow:1px 1px 1px #ccc;
	width:150px;
	color:#595959;
	background-color:#fff;
	transition: 0.2s linear all;
}

#header nav ul li ul li a:hover{
	color:#396;
	background-color:#f8f8f8;
	margin-left:5px; 
}


/********************************** FIM MENU 3 - PACIENTE *****************************************/


/********************************** CHECKBOX - STYLES *****************************************/
input[type=checkbox].css-checkbox {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -20px;
}

.css-label{ 
	background-image:url(../images/check_rounded.png);
}
/********************************** FIM CHECKBOX - STYLES *****************************************/


/********************************** MAIS IMAGENS PACIENTE *****************************************/
.mais_fotos{
	position:relative;
	width:50px;
	height:50px;
	border:1px solid #ccc;
	border-radius:50px;
	background-color:#339966;
	text-align:center;
	font-size:36px;
	color:#fff;
	float:left;
	box-shadow:0 0 0px #ccc;
	margin:100px 125px;
}

.mais_fotos:hover{
	background-color:#2d8659;
	color:fff;
}
/********************************** FIM MAIS IMAGENS PACIENTE *****************************************/

/********************************************************************************************************** F I M   F O N T E S **********************************************************************************************************/








#logo{
	position:absolute;
	width:auto;
	height:auto;
	min-height:auto;
	margin:0 auto;
	left:0px;
}













/********************************************************************************************************** D I V S **********************************************************************************************************/

/********************************** LOGIN *****************************************/
#cont_login{
	position:relative;
	top:50px;
	width:auto;
	min-height:700px;
	height:auto;
} 

#cadastro{
	position:absolute;
	width:auto;
	height:auto;
	min-height:auto;
	margin:0 auto;
	top:20px;
	z-index: 1;
}


/* B O T A O  C A D A S T R A R */
#cadastrar{
	position:absolute;
	width:200px;
	height:70px;
	min-height:70px;
	margin:0 auto;
	right:25px;
	top:165px;
	z-index: 2;
}


/* B O X  F L A T */
#box1{
	position:relative;
	width:100%;
	min-height:700px;
	height:auto;
	background-color:#e8e8e8;
	text-align:center;
} 

#box2{
	position:relative;
	width:100%;
	border-top:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	min-height:500px;
	height:auto;
	background-color:#fff;
	text-align:center;
} 

#box3{
	position:relative;
	width:100%;
	min-height:750px;
	height:auto;
	background-color:#e8e8e8;
	text-align:center;
} 

/* D I V  D E S E N H A D A */
#box3_intro{
	position:relative;
	width:640px;
	min-height:360px;
	height:360px;
	margin:0 auto;
	border:7px solid #fff;
	box-shadow:0 0 10px #333;
	border-radius: 5px;
	top:55px;
	overflow:hidden;
} 

.link_down{
	position:relative;
	width:200px;
	height:200px;
	float:left;
	margin:0 10px;
	border:7px solid #fff;
	box-shadow:2px 2px 2px #bcbcbc;
	border-radius: 5px;
	top:95px;
	overflow:hidden;
}

.link_down:hover{
	border-color:#6c9;
}

.link_down_awbook{
	position:relative;
	width:200px;
	height:200px;
	float:left;
	margin:0 10px;
	border:7px solid #fff;
	border-radius: 5px;
	top:95px;
	box-shadow:2px 2px 2px #bcbcbc;
	overflow:hidden;
}

.link_down_awbook:hover{
	border-color:#6c9;
}

.cadastrar_span{
	position:fixed;
	top:50%;
	margin-top:-75px;
	right: 0%;
	width:300px;
	height:150px;
	float:left;
	background-color:#ccc;
	border-radius:5px 0 0 5px;
	border-left:7px solid #396;
	border-top:7px solid #396;
	border-bottom:7px solid #396;
	display:none;
	
}

.cadastrar_span:hover{
	border-left:7px solid #6c9;
	border-top:7px solid #6c9;
	border-bottom:7px solid #6c9;
}
/********************************** FIM LOGIN *****************************************/


/********************************** CADASTRO DE PACIENTE *****************************************/
#cadastrar4{
	position:relative;
	width:450px;
	height:620px;
	margin:0 auto;
	background-color:#;
	left:-60px;
	padding:30px 50px;
}
/********************************** FIM CADASTRO DE PACIENTE *****************************************/


/********************************** HOME *****************************************/

#homeimgdentista{
	position:absolute;
	width:100px;
	height:110px;
	min-height:100px;
	border-radius: 5px;
	border:2px solid #FFF;
	left:60px;
	top:10px;
	background-image:url(../images/perfil.jpg);
	z-index:2;
}

#homedadosdentista{
	position:absolute;
	width:auto;
	height:110px;
	min-height:100px;
	left:180px;
	top:10px;
}
/********************************** FIM HOME *****************************************/


/********************************** PACIENTE *****************************************/
/* H E A D E R  P A C I E N T E */
#homeimgpaciente{
	position:absolute;
	width:100px;
	height:110px;
	min-height:100px;
	border-radius: 5px;
	border:2px solid rgba(0, 0, 0, 0.5);
	left:60px;
	top:10px;
	background-image:url(../images/perfil.jpg);
	z-index:2;
	display: inline-block;
}

#homedadospaciente{
	position:absolute;
	width:calc(100% - 180px);
	height:auto;
	min-height:50px;
	left:180px;
	top:10px;
}

.homedadospaciente_intro{
	position:relative;
	height:auto;
	min-height:80px;
	float:left;
}
.homedadospaciente_intro:first-child {
	width: 320px;
}
.homedadospaciente_intro:not(:first-child) {
	flex-grow: 1;
}

.homedadospaciente_introdados{
	position:relative;
	width:300px;
	height:auto;
	min-height:20px;
	float:left;
	text-align:left;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}

#headerobs{
	position:absolute;
	width:200px;
	top:15px;
	height:60px;
	min-height:0px;
	left:700px;
	overflow:scroll;
	overflow-x:hidden;
	border:1px solid #ccc;
}
#editarhomeimgpaciente{
	width: 104%; 
	background-color: rgba(0, 0, 0, 0.7);
	height: 20px;
	position: absolute;
	bottom: -2px; 
	left: -2px;
}
#editarhomeimgpaciente a{
	color:#FFF;
	position:relative;font-size:11pt;
	margin: 0px auto;
	width: 100%;
	display: inline-block;
	text-align: center;
}

#editarhomeimgpaciente a:hover{
	cursor: hand;
	color: #9C0;
}
#tools a{
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color:#9c0;	
	padding: 10px;
}


#tools a:hover{
	cursor: hand;
	color:#FFF;	
}


/* C O N T E U D O   P A C I E N T E */

.loading_fotos{
	position:absolute;
	width:100%;
	min-height:550px;
	height:100%;
	margin:0 auto;
	background-color:#000;
	z-index:1;
	opacity:0.60;
	filter:alpha(opacity=60);
	display:none;
	text-align: center;
}

#flex_intro{
	position:relative;
	width:100%;
	min-height:650px;
	/*background-image: url("../images/textura_bg1.jpg");*/
	height:50%;
	border-radius:1px;
	padding:0 0 0 0;
	margin:0 auto;
	overflow:hidden;
}
	
.flex {
	position:relative;
	width:100%;
	min-height:650px;
	height:100%;
	margin:0 auto;
	border-radius:5px;
	padding:0;
}

.flex_exibir {
	position:absolute;
	width:99%;
	height:99%;
	margin:0 auto;
	border:1px solid #ccc;
	border-radius:5px;
	background-color:#333;
	opacity:0.90;
	filter:alpha(opacity=90);
	z-index:2;
	padding:5px;
	display:none;
}

.img01_link {
  	display: inline-block;
  	margin: 0;
  	line-height: 0;
  	border-radius: 0px;
  	border:1px solid #fff;
  	border-right:0;
  	border-top:0;
  	overflow:hidden;
	background-color:#000;
  	z-index:2;
	width: 100%;
	height: auto;
	max-height: 300px;
}

.img01_link:hover {
	/*border: 1px solid #00bfa8;*/
}

.img01.visivel-0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99%;
    background-color: rgba(255, 0, 0, 0.25); /* Camada vermelha com 50% de transparência */
    z-index: 5; /* Certifica-se de que a camada fique sobre o conteúdo */
    pointer-events: none; /* Permite que o clique passe através da camada */
}

/* T A M A N H O   I M A G E N S   P A C I E N T E */
.imgclass{
	width:100%;
	height:auto;
	min-height: 300px;
}
/* F I M   T A M A N H O   I M A G E N S   P A C I E N T E */

/* I M A G E N S */
.img01{
	position:relative;
	width:25%;
	height:auto;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	cursor:pointer;
	text-align:left;
	text-decoration:none;
	overflow: hidden;
	margin:0px;
	margin-bottom:-4px;
}


/****************************************************************** GRAYSCALE ******************************************************************/

.flex img {
    display: inline-block;
    background-color: white;
    box-shadow: 0 0 20px #777777;
    transition: 0.2s linear all;
}

.flex:hover img {
    /*-webkit-filter: grayscale(75%);*/
    /*filter: grayscale(75%);*/
}

.img01_link img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: none;
    filter: none;
    cursor: pointer;
}

/****************************************************************** FIM GRAYSCALE ******************************************************************/



@media screen and (max-width: 1600px) {
  .img01{
	position:relative;
	width:33.3%;
	height:auto;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	cursor:pointer;
	text-align:left;
	text-decoration:none;
	overflow: hidden;
	margin:0px;
	margin-bottom:-4px;
}
}

@media screen and (max-width: 1280px) {
  .img01{
	position:relative;
	width:50%;
	height:auto;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	cursor:pointer;
	text-align:left;
	text-decoration:none;
	overflow: hidden;
	margin:0px;
	margin-bottom:-4px;
}


nav#headermenupaciente{
}

div#logo img{
	position:absolute;
	background-color:#;
	width:150px;
	height:auto;
	top:2px;
	left:-10px;
}

}

@media screen and (max-width: 1024px) {

div#logo img{
	position:absolute;
	background-color:#;
	width:120px;
	height:auto;
	top:7px;
	left:-26px;
}


}


/****************************************************************** MSG DENTISTA ******************************************************************/
span.msg_dent { position: relative; display: block;}
		span.msg_dent:hover:after {
			content: attr(alt) "";
			display: block;
			position: fixed;
			padding: 10px;
			top:0px;
			font-size: 20px;
			text-align: left;
			border-bottom:1px solid #fff;
			box-shadow:1px 1px 2px #000;
			color: 595959;
			text-shadow:1px 1px 1px #bcbcbc;
			background-color:#fff;
			left:0;
			/*background: rgba(0,0,0,0.5);*/
			border: black;
			width:100%;

		}
/****************************************************************** FIM MSG DENTISTA ******************************************************************/

/* C H E C K   B O X   +   T I T U L O */
.info{
	position:absolute;
	left:1px;
	/*margin-top:-40px;*/
	/*top:40px;*/
	bottom:3px;
	/*top:38px;*/
	padding:10px 0 0 8px;
	width: -webkit-calc(100% - 9px);  /* para Chrome */
	width: -moz-calc(100% - 9px);     /* para Firefox */
	width: calc(100% - 9px);
	height:30px;
	display:none;
	background-color: rgba(0, 0, 0, .7);
	overflow:hidden;
	cursor:pointer;
	text-align:left;
	font-weight:bold;
	text-shadow:1px 1px 20px #000;
	color:white;
	font-size:14px;
	text-decoration:none;
	transition: 0.2s linear all;
}

/*.img01:hover .info{
	top:-3px;
}*/

/* C H E C K   B O X   +   T I T U L O */
#buttons {
	height:75px;
	width:850px;
	margin:0 auto;
	margin-top:10px;
}
	
#buttons a {
	float:left
}
	
.marginleft {
	margin-left:25px;
}


/********************************** LIGHTBOX FOTOS *****************************************/
#lightbox_fixo{
	position:fixed;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.7);
	z-index:5;
	text-align: center;
	display:none;
}

#lightbox_intro{
	position:relative;
	width:640px;
	height:660px;
	border:0px solid #ccc;
	z-index:5;
	margin:0 auto;
	top:50%;
	margin-top:-330px;
}

#lightbox_intro_foto{
	position:relative;
	width:640px;
	min-height:480px;
	height:480px;
	margin:0 auto;
	margin-left:-3px;
	background-color: #fff;
	border:3px solid #fff;
	overflow:hidden;
	border-radius:3px 3px 0 0;
	margin-bottom:0px;
}

#lightbox_intro_foto_loading{
	position:absolute;
	width:640px;
	height:480px;
	background-color: #000;
	z-index:6;
}

/* G U I A */
#lightbox_guia{
	position:absolute;
	width:642px;
	border:2px solid #fff;
	border-top:0px solid #fff;
	background-color:#e8e8e8;
	margin-top:-3px; 
	margin-left:-3px;
	height:104px;
	text-align:left;
	color:#595959;
	font-size:12px;
	border-radius:0 0 3px 3px;
	overflow:hidden;
	float:left;
}

#lightbox_guia_intro{
	position:absolute;
	width:99%;
	background-color:#e8e8e8;
	margin-left:5px;
	min-height:0px;
	height:auto;
	text-align:left;
	color:#595959;
	font-size:12px;
}

#lightbox_guia_intro2{
	position:absolute;
	width:99%;
	border:1px solid #ccc;
	background-color:#fff;
	margin-left:5px;
	min-height:0px;
	height:auto;
	text-align:left;
	color:#595959;
	font-size:12px;
	overflow:hidden;
}

#lightbox_guia_intro_campos{
	position:relative;
	height:25px;
	text-align:left;
	color:#595959;
	border:0px solid #fff;
	font-size:12px;
	float:left;
}

#lightbox_guia_intro_campos_pop{
	position:relative;
	width:19%; 
	height:auto;
	text-align:left;
	border-bottom:1px solid #fff;
	color:#595959;
	padding: 15px;
	font-size:12px;
	float:left;
}

#gridguia_lightbox{
	position:relative;
	width:681px;
	height:auto;
	overflow:hidden;
	border-radius:1px;
	margin:0 auto;
	left:-12px;
	padding:0 6px;
	background-color:#fff;
	color:#595959;
	z-index:99999999;
	/*box-shadow:2px 0px 2px #000;*/
	float:left;
}
	
#gridguia_lightbox_pop{
	position:relative;
	width:648px;
	left:-10px;
	height:66px;
	background-color:#e8e8e8;
	margin:0 auto;
	margin-top:37px;
	overflow:scroll;
	overflow-x:hidden;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}

#gridguia_lightbox_pop_loading{
	position:relative;
	width:100%;
	height:74px;
	background-color:#000;
	margin:27px auto;
	box-shadow:0 0 10px #888;
	border-right:1px solid #000;
	border-left:1px solid #000;
	overflow:hidden;
	left:-1px;
	display:none;
}
/* F I M   G U I A */


/* C O M E N T Á R I O S   G U I A */
#consulta_guia_comentarios_campos{
	position:relative;
	width:665px;
	height:auto;
	min-height:50px;
	bottom:0px;
	background-color:#ccc;
	top:0px;
	border-top:1px solid #fff;
	box-shadow:0 0 7px #bcbcbc;
	padding:10px 20px;
	text-align:center;
	left:-15px;
	float:left;
}

#consulta_guia_comentarios{
	position:fixed;
	width:638px;
	border-radius:5px 5px 0 0;
	border-bottom:0;
	overflow:hidden;
	height:50px;
	min-height:35px;
	font-size:14px;
	color:#595959;
	border:2px solid #fff;
	margin:0 auto;
	bottom:0;
	margin-left:0px;
	text-align:center;
	display:true;
}

#consulta_guia_comentarios_intro{
	position:relative;
	min-width:596px;
	height:48px;
	background-color:#e8e8e8;
	border:1px solid #e8e8e8;
	padding:5px;
	font-size:14px;
	top:0px;
	color:#595959;
	padding:2px;
	padding-right:40px;
	margin:0 auto;
	margin-left:0px;
	text-align:left;
	overflow:hidden;
	resize:none;
	float:left;
}

#consulta_guia_comentarios_intro:hover{
	color:#396;
}

#consulta_guia_comentar{
	position:absolute;
	top:12px;
	right:10px;
	width:30px;
	height:28px;
	background-color:#e8e8e8;
	overflow:hidden;
	margin:0 auto;
	border-radius:5px;
}

#consulta_guia_comentar:hover{
	background-color:#fff;
}

#consulta_guia_comentar_salvar{
	position:absolute;
	top:12px;
	right:10px;
	width:30px;
	height:28px;
	background-color:#e8e8e8;
	overflow:hidden;
	margin:0 auto;
	border-radius:5px;
	display:none;
}

/* F I M   C O M E N T Á R  O S  G U I A */


/* G U I A    C O M  E N T A D A */
#consulta_guia_comentarios_ok{
	position:relative;
	width:600px;
	height:70px;
	min-height:35px;
	font-size:14px;
	color:#595959;
	margin:-10px auto;
	text-align:center;
	display:none;
}

#consulta_guia_comentado_intro{
	position:relative;
	min-width:510px;
	height:auto;
	min-height:50px;
	background-color:#e8e8e8;
	border-radius:10px;
	border:1px solid #fff;
	font-size:14px;
	color:#595959;
	padding:10px;
	margin:0 auto;
	margin-bottom:20px;
	margin-left:-20px;
	text-align:left;
	overflow:hidden;
	float:left;
}

#consulta_guia_comentado{
	position:relative;
	width:70px;
	height:70px;
	background-color:#fff;
	border:1px solid #bcbcbc;
	border-radius:10px;
	overflow:hidden;
	margin:0 auto;
	right:-20px;
	float:right;
}

#consulta_guia_comentado:hover{
	border:1px solid #bcbcbc;
	box-shadow:0 0 7px #bcbcbc;
	background-color:#fff;
}
/* F I M   G U I A  C O M E N T A D A */


/* I N P U T   F O T O S */
.foto_campos{
	width:95px;
	height:15px;
	border:1px solid #ccc;
	color:#595959;
	padding:10px;
	background-color:#fff;
	font-size:14px;
	float:left;
	left:0;
}

.foto_campos_select{
	width:120px;
	height:37px;
	border:1px solid #ccc;
	color:#595959;
	padding:10px;
	background-color:#fff;
	font-size:14px;
	float:left;
	left:0;
}

.foto_campos_pop{
	width:100%;
	height:30px;
	border:0px solid #fff;
	color:#595959;
	padding:5px 3px;
	background-color:#fff;
	border-radius:20px;
	font-size:14px;
	float:left;
	left:0;
}

#bt_add_procedimento{
	position:absolute;
	background-color:#fff;
	border:2px solid #ccc;
	width:30px;
	padding:3px 13px;
	height:29px;
	top:0px;
	right:42px;
}

#bt_add_procedimento:hover{
	background-color:#d8d8d8;
}

/* F I M   I N P U T S   F O T O S */
/********************************** FIM LIGHTBOX FOTOS *****************************************/


/********************************** LIGHTBOX VISUALIZAR FOTOS *****************************************/
#lightbox_visualizar_fixo{
	position:fixed;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.8);
	z-index:5;
	text-align: center;
	display:none;
}

#lightbox_visualizar_menu2{
	position:fixed;
	right:left;
	padding:20px;
	width:80px;
	height:100%;
}

#lightbox_visualizar_menu{
	position:fixed;
	height:330px;
	top:50%;
	right:20px;
	border:0px solid #fff;
	margin-top:-165px;
	width:80px;
}

.alt_imgs_visualizar{
	 position:fixed;
	 right:20px;
	 width:65px;
	 height:65px;
	 border-radius:100%;
	 background-color:#fff;
	 border:1px solid #ccc;
	 z-index:999999;
}

.alt_imgs_visualizar_play{
	 position:fixed;
	 left:20px;
	 width:65px;
	 height:65px;
	 border-radius:100%;
	 background-color:#fff;
	 border:1px solid #ccc;
	 z-index:999999;
}

.alt_imgs_visualizar_play:hover{
	 background-color:#d8d8d8;
	 border:1px solid #ccc;
	 color:#595959;
}

.alt_imgs_visualizar_pause{
	 position:fixed;
	 left:20px;
	 width:65px;
	 height:65px;
	 border-radius:100%;
	 background-color:#fff;
	 border:1px solid #ccc;
	 z-index:999999;
}

.alt_imgs_visualizar_pause:hover{
	 background-color:#d8d8d8;
	 border:1px solid #ccc;
	 color:#595959;
}

.alt_imgs_visualizar:hover{
	 background-color:#d8d8d8;
	 border:1px solid #ccc;
	 color:#595959;
}

.lightbox_visualizar_botoes{
	 position:relative;
	 right:0px;
	 width:65px;
	 height:65px;
	 border-radius:100%;
	 background-color:#fff;
	 border:1px solid #ccc;
	 float:right;
	 margin:0 auto;
	 margin-bottom:20px; 
	 z-index:999999;
}

.lightbox_visualizar_botoes:hover{
	 color:#ff0000;
	 background-color:#d8d8d8;
}

#lightbox_visualizar_fixo_intro_fundo{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
}

#lightbox_visualizar_fixo_intro2{
	position:relative;
	width:85%;
	height:100%;
	margin:0 auto;
	text-align:center;
}

#lightbox_visualizar_fixo_intro{
	position:relative;
	width:100%;
	max-width:1280px;
	height:auto;
	min-height:320px;
	overflow:hidden;
	max-height:470px; 
	text-align: center;
	top:50%; 
	background-color:#;
	margin:0 auto;
	border:0px solid #fff;
}

#lightbox_visualizar_fixo_intro_um{
	position:relative;
	width:100%;
	width:642px;
	height:auto;
	min-height:320px;
	overflow:hidden;
	max-height:480px; 
	text-align: center;
	top:50%;
	background-color:#;
	display:none;
	margin:0 auto;
	border:0px solid #fff;
}

#lightbox_visualizar_fixo_intro_quatro{
	position:relative;
	width:100%;
	max-width:70%;
	height:auto;
	min-height:0px;
	overflow:hidden;
	max-height:90%; 
	text-align: center;
	top:50%;
	display:none;
	background-color:#;
	margin:0 auto;
	border:0px solid #fff;
}

.lightbox_visualizar_fotos{
	padding:relative;
	width:48%;
	max-width:1280px; 
	height:auto;
	background-color:#e8e8e8;
	float:left;
	border:4px solid #fff;
	margin-bottom:10px;
	margin-left:5px;
	border-radius:3px;
	overflow:hidden;
}

.lightbox_visualizar_fotos_um{
	padding:relative;
	width:98%;
	max-width:640px; 
	height:auto;
	background-color:#e8e8e8;
	float:left;
	border:4px solid #fff;
	margin-bottom:10px;
	margin-left:5px;
	border-radius:3px;
	overflow:hidden;
}

.lightbox_visualizar_fotos_quatro{
	padding:relative;
	min-width:20%;
	max-width:47%; 
	height:auto;
	background-color:#e8e8e8;
	float:left;
	border:4px solid #fff;
	margin-bottom:5px;
	margin-left:5px;
	border-radius:3px;
	overflow:hidden;
}
/********************************** FIM LIGHTBOX VISUALIZAR FOTOS *****************************************/


/********************************** BUSCA PACIENTE *****************************************/
#gridpaciente{
	position:relative;
	width:auto;
	min-height:50px;
	max-height:600px;
	background-color:#fff;
	overflow:auto;
	overflow-x:hidden;
	margin:30px auto;
	border:1px solid #ccc;
	box-shadow:0 0px 7px #ccc;
}

#gridpaciente_2{
	position:relative;
	width:650px;
	height:750px;
	top:0;
	margin:-23px auto;
	background-color:#;
	background-image:url(../images/lupa_01.png);
	background-repeat:no-repeat;
	background-position:center;
	}

#gridpaciente_busca{
	position:relative;
	width:630px;
	height:30px;
	min-height:30px;
	margin:0 auto;
	margin-top:22px;
	border:0px solid #fff;
	padding:10px;
}

.loading{
	position:absolute;
	width:541px;
	height:462px;
	left:50%;
	top:50%;
	margin-left:-265px;
	margin-top:90px;
	background-color: #333;
	opacity:0.50;
	filter:alpha(opacity=50);
	z-index:5;
	border-radius:0 0 5px 5px;
	display:none;
}
/********************************** FIM BUSCA PACIENTE *****************************************/


/********************************** SELEÇÃO LOGIN / OPERADORA *****************************************/
#box_fixo{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0, 0.6);
	z-index:5;
	text-align: center;
	display:none;
}

#box_fixo_intro{
	position:relative;
	width:700px;
	height:400px;
	margin-left:50%;
	left:-350px;
	top:50%;
	margin-top:-225px;
	background-color: #e8e8e8;
	border:1px solid #fff;
	box-shadow:0 0 10px #888;
	padding:25px;
	z-index:5;
	border-radius:10px;
	text-align: center;
	display:none;
}

#box_fixo_intro_operadoras{
	position:relative;
	width:100%;
	height:auto;
	min-height:150px;
	top:10%;
	left:-26px;
	background-color: #fff;
	border:1px solid #fff;
	box-shadow:0 0 10px #888;
	text-align: center;
	padding:25px;
	z-index:5;
}

#box_fixo_intro_operadoras_campos{
	position:relative;
	width:150px;
	height:150px;
	background-color: #993333;
	border:2px solid #fff;
	float:left;
	margin:0 25px 25px 0;
	overflow:hidden;
}

#box_fixo_intro_operadoras_campos:hover{
	cursor:pointer;
	border:2px solid #fff;
	box-shadow:0 0 10px #888;
}
/********************************** FIM SELEÇÃO LOGIN / OPERADORA *****************************************/

/* GIF LOADING */
 .loading_gif{
	position:fixed;
	height:128px;
	margin:0 auto;
	top:50vh;
	margin-top:-64px;
}

/********************************************************************************************************** F I M   D I V S **********************************************************************************************************/


div#lightbox{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.9);
	z-index:9
}

div#lightbox .menu_lightbox{
	position:fixed;
	left:0;
	z-index:999;
	bottom:0px;
	width:100%;
	height:50px;
	background-color:#000;
	text-align:center;
}

div#lightbox div div{
	position:relative;
	display:inline-block;
	font-size:14px;
	width:100px;
	height:50px;
	padding:17px 5px;
	background-color:#;
}

div#lightbox div div a{
	position:relative;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	padding:10px;
	border-radius:10px;
	transition: 0.2s linear all;
}

div#lightbox div div a:hover{
	color:#fff;
	background-color:#333;
	cursor:pointer;
}

div#lightbox div img{
	background-color:transparent;
	box-shadow:1px 1px 1px #000;
}

.setas_lightbox{
	position:fixed;
	right:15px;
	width:50px; 
	top:50%;
	margin-top:-31px;
	opacity:0.5;
	transition: 0.2s linear all;
}

.setas_lightbox:hover{
	opacity:1.0;
	cursor:pointer;
}

div#lightbox a{
	color:#000;
	opacity:0.8;
	text-shadow:1px 1px 1px #000;
	transition: 0.2s linear all;
}

div#lightbox a:hover{
	color:#fff;
	opacity:1.0;
	cursor:pointer;
}

.imgs_lightbox{
	position:relative;
	display:inline-block;
	border:1px solid #fff;
	
}



























#upload-link {
position:fixed;
width:400px;
height:65px;
text-align:center; 
transition: 0.3s linear all;


background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%,#f6f6f6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

border:1px solid #ccc;
left:50%;
margin-left:-210px;
top:50%;
margin-top:-55px;
border-radius:5px;
opacity:.9;
color:#000;
}

#upload-link:hover {
	color:#000;
	opacity:1.0;
	cursor:pointer;	
}



#upload-link,
#browsers {
	display: none;
}

#bar {
	border-radius: 7px;
	border: 1px solid #666;
	height: 20px;
	margin: 1em 0 0 7px;
	position: relative;
	width: 200px;
	
	background: rgb(181,189,200); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
}

.progress {
	border-radius: 7px;
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	
	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
}

.progress:after {
	color: #fff;
	content: attr(data-percentage);
	display: block;
	text-align: center;
	width: 200px;
}

input[type=submit] {
	margin-top: 1em;
}

#confirm{
	position:fixed;
	left:50%;
	width:150px;
	height:50px;
	margin-left:-160px;
	top:50%;
	margin-top:60px;
	padding:0 10px;
	z-index:10;
	transition: 0.3s linear all;
	cursor:pointer;
}

#clear{
	position:fixed;
	left:50%;
	top:50%;
	margin-top:60px;
	height:50px;
	padding:0 10px;
	width:150px;
	margin-left:-11px;
	z-index:10;
	transition: 0.3s linear all;
	cursor:pointer;
}

.edit-dados{
	position:absolute;
	top:15px;
	right:15px;
	border-radius:100%;
	width:32px;
	height:32px;
	transition:0.3s linear all;
}

.edit-dados:hover{
	background-color:#e6e48a;
	cursor:pointer;
}



.save-dados{
	position:absolute;
	top:15px;
	right:55px;
	border-radius:100%;
	width:32px;
	height:32px;
	transition:0.3s linear all;
}

.save-dados:hover{
	background-color:#a2d7bc;
	cursor:pointer;
}
#termos{
cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-selection--single{
	height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.select2-selection__arrow{
	top: 4px !important;
}

.select2-selection__placeholder{
	font-size: small !important;
}

#overlay{
	display: none;
    justify-content: center;
    align-items: center;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    z-index: 4;
}

#overlay > div{
	outline: 2px dashed #fff;
	outline-offset: 5px;
	border-radius: 10px;
	background-color: rgba(255,255,255,.8);
	padding: 50px 30px;
	width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#overlay > div > p{
	padding-top: 20px;
	font-size: 20px;
    width: 275px;
}

#overlay > div > label{
	padding-top: 20px;
	font-size: 20px;
	border: 2px solid #999;
	background: #bbb;
    padding: 5px 10px;
    border-radius: 5px;
    width: 300px;
	margin-top: 20px;
}

.card-js input, .card-js select{
	box-sizing: border-box !important;
	height: 38px !important;
}

.card-js .icon{
	top: 4px !important;
}