@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@import "styles.css";
@import "cssreset.css";
@import "formee-style.css";
@import "formee-structure.css";
@import "font-awesome/css/font-awesome.min.css";

/*******LOGIN*************/
.login{ max-width:350px; margin:0 auto; margin-top:70px; padding:5px; font-size:15px; }
.login p{font-family:'BebasNeueBook'; font-size:25px}
#logohome{ margin:0 auto; max-width:300px; top:80px; bottom:40px; padding:5px; position:relative}

.full-admin{ max-width:990px; margin:0 auto; position:relative }

.titulos{ font-family:'BebasNeueBook'; float:left; width:100%; border-bottom:1px #dddddd solid; color:#5a646e; font-size:25px; padding:10px; text-align:center;}

.tit-aviso{ float:left; width:100%; border-bottom:1px #c7c9c8 solid; color:#acabaa; text-transform:uppercase; font-size:17px; padding:10px; text-align:center;}

.conteudo{ width:100%; float:left; padding:10px}


.cont-noticia{ float:left; width:48%; height:400px; overflow:auto; margin:5px; padding:10px; position:relative}


.avisos{ float:left; position:relative; width:100%; padding:10px; border:1px #ddd solid; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px; -ms-border-radius:5px;}
.avisos h1{ line-height:15px; font-family:'BebasNeueBook'; font-size:20px; color:#5a646e}

.avisos img{ margin:5px; position:relative; width:50%; border:1px #CCC solid; padding:3px; border:1px #ccc solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; }


.noticias{ float:left; position:relative; width:100%; padding:10px; border-bottom:1px #ccc dashed}
.noticias img{ float:left; margin:10px; position:relative; width:30%; border:1px #CCC solid; padding:3px; border:1px #ccc solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; }

.esquece-senha{ max-width:300px; margin:0 auto; margin-top:20px; -moz-border-radius: 5px;-webkit-border-radius:5px; border-radius:5px; border: 1px #dddddd solid; padding:10px; }
.menu-down{ display:none}


#dados{ margin:0 auto; background:#95ca55; padding:10px; color:#fff; width:100%;  border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -ms-border-radius:0px 0px 10px 10px; min-height:45px; text-align:center; font-size:14px;}


#fullmenu{ width:100%; position:relative; float:left; background:url(../imagens/bg-menu.jpg) repeat-x center; height:87px; border-top:1px solid #dfdddd; }
.logotipos{ width:100%; padding:10px; float:left}
.logo-left{ width:30%; margin:5px; float:left;}
.logo-right{ width:30%; margin:5px; float:right;}




/************MENU*************************/

#top{ float:left; position:relative;  width:100%; background-color:#95ca55; padding:10px; color:#fff; text-align:center; }
#name{ float:right;  padding:0 15px; font-size:13px;}
#name a{ color:#fff; text-decoration:none; }
#title{font-family:'BebasNeueBook';, sans-serif; font-size:18px; color:#363636;}


#menu{background-color:#95ca55; position:absolute; width:20%; padding:10px; top:30px;}


#calendario{ width:50%; padding:10px; float:left; position:relative}
#datas_selecionadas{ width:50%; padding:10px; float:left; position:relative; border:1px #ddd solid; margin:48px 0 0 0}
/**********************DASHBOARD**********************************/


#lateral{ width:150px; padding:5px; border-right:1px #ccc solid; float:left; position:relative;  border:1px #ccc solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;}
.dashboard{ float:left; width:800px; position:relative; padding:5px; min-height:400px;}
.box-lateral{ float:left; position:relative; padding:5px; width:100%; margin-bottom:10px; text-align:center;}
.title{font-family:'BebasNeueBook';  color:#333; font-size:18px; text-transform:uppercase}
.valor{font-family:'BebasNeueBook'; color:#d27b7b; font-size:20px;}
.header{ float:left; width:100%; padding:5px; position:relative; text-align:center}


/**********PASSOS************/
.passos{ float:left; width:18%; margin:0 5px; padding:10px; border:1px #ddd solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; color:#a8a8a8; min-height:78px}
.passos:hover{ border:1px #95ca55 solid; text-decoration:none}
.passos i{ max-width:150px; float:left; margin:5px 10px; color:#95ca55; font-size:35px;}

.inativo{ color:#a8a8a8!important}
.opacity{ opacity: 0.7;     filter: alpha(opacity=70);}


/********status**********/

.status{ float:left; width:32%; padding:10px; border:1px #dddddd solid; border-radius:5px; -webkit-border-radius:5px;
 -moz-border-radius:5px; -ms-border-radius:5px; color:#a8a8a8; margin:5px; min-height:280px;}
.status h1{font-family:'BebasNeueBook';  color:#95ca55; font-size:20px;}


.infostatus{ width:50%; padding:5px; text-align:center; float:left; font-size:13px; min-height:100px}
.infostatus i{ font-size:35px;  color:#95ca55; float:left; width:100%}
.infostatus span{font-family:'BebasNeueBook';  color:#95ca55; font-size:30px;}

.infostatus:hover{ text-decoration:none; color:#78ab3a;}
.infostatus i:hover{ color:#78ab3a;}

.infostatusyellow{ width:50%; padding:5px; text-align:center; float:left; font-size:13px;  min-height:100px}
.infostatusyellow i{ font-size:35px;  color:#c2a73b; float:left; width:100%}
.infostatusyellow span{font-family:'BebasNeueBook';  color:#95ca55; font-size:30px;}

.infostatusyellow:hover{ text-decoration:none; color:#be9907;}
.infostatusyellow i:hover{ color:#be9907;}



.filtro{ float:left; width:100%; padding:10px;}
.fechar{ position:absolute; right:10px; top:10px; max-width:30px;  z-index:10}

.agenda{ margin:0 auto; width:98%;}


.informacoes{ float:left; width:100%; padding:10px; margin:10px 0 0 0; border:1px #ddd solid; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px; -ms-border-radius:5px; }
.informacoes h1{font-family:'BebasNeueBook';  color:#95ca55; font-size:30px;}
.informacoes h2{font-family:'BebasNeueBook'; color:#5a646e; font-size:20px;}


.legenda{ float:left;  width:100%; padding:10px;}
.legenda h1{font-family:'BebasNeueBook'; color:#78ab3a; font-size:30px;}


/***************CADATRO PROFISSIONAL**********/
.cadastro-profissional{ width:100%; margin:10px 0;  border-radius:2px; -webkit-border-radius:2px;  -moz-border-radius:2px; -ms-border-radius:2px; padding:10px; }
.cadastro-profissional h1{font-family:'BebasNeueBook';  color:#95ca55; font-size:25px; width:100%;}


.profissionais{ float:left; position:relative; margin:10px; width:45%; padding:5px;   border:1px #ddd solid; border-radius:2px; -webkit-border-radius:2px;  -moz-border-radius:2px; -ms-border-radius:2px; color:#5a646e; }
.profissionais:hover{border:1px #95ca55 solid; text-decoration:none}
.profissionais div{ float:left; background-color:#ddd; color:#5a646e; padding:5px; text-align:center}
.profissionais img{ float:left; margin:5px; max-width:180px;}
.profissionais strong{font-family:'BebasNeuebold', Segoe UI, Verdana; font-size:16px; font-weight:normal; color:#95ca55;  }
.excluir{ position:absolute; top:0px; right:10px; font-size:20px; color:#8b8b8b; z-index:100}
.visualizar{float:left; position:relative; width:100%; font-size:13px; color:#5a646e; z-index:90; text-align:center; border:1px #ddd solid; border-radius:2px; -webkit-border-radius:2px;  -moz-border-radius:2px; padding:5px;}
.visualizar:hover{ background-color:#95ca55; color:#fff; text-decoration:none}



/*********tooltip*************/
a.mouse {outline:none; color:#F60; font-size:20px; }
a.mouse strong {line-height:30px;}
a.mouse:hover {text-decoration:none;} 
a.mouse span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-35px; margin-left:20px;
    width:200px; line-height:16px; font-size:12px;
}
a.mouse:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.mouse span
{
    border-radius:4px;
    box-shadow: 2px 1px 4px #333;
}

.legendas{ float:left; width:25%; padding:10px; font-size:12px;}
.corazul{ background-color:#ceeaf9; padding:5px; margin:5px;}
.corvermelha{ background-color:#fab0b0; padding:5px; margin:5px;}
.corverde{ background-color:#cdf799; padding:5px; margin:5px;}
.coramarelo{ background-color:#f5e585; padding:5px; margin:5px;}


.videos{ float:left; width:20%; padding:10px; text-align:center; margin:20px 0}
.videos i{ font-size:45px;color:#95ca55}
.videos a{font-family:'BebasNeueBook';  color:#333333; font-size:15px; float:left; width:100%; padding:5px; background:none; border:none}
.videos a:hover{ background:none; color:#333}


/********semaanal***************/
.botoes{ margin:0 auto; padding:10px; text-align:center}
.botoes a{  margin:0 5px; font-size:12px; border:1px #ddd solid; padding:5px 20px; color:#999; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.botoes a:hover{ border:1px #060 solid; text-decoration:none}


/*********diario*************/
.data{ float:left; max-width:150px; font-size:23px; font-family:'BebasNeueBook'; text-align:center;}
#tabela{ margin:0 auto; width:50%; margin-top:20px;}
.bt-semanal{ position: absolute; right:70px; }
.btscalendar{ float: right; background:#cccccc; border:1px #9a9a9a solid; margin:0 4px; padding:3px 10px; color:#000; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; }

.btscalendar:hover{ text-decoration:none}
.diario, .semanal{ text-decoration:none}


/*********pagamento******************/
.pagamento{ margin:0 auto; text-align:center; padding:10px; font-size:18px;  font-family:'BebasNeueBook';  text-align:center;}
.confimados{ float:left; padding:10px; width:100%;}


#icon-contato{ position:fixed; bottom:-5px; left:0; max-width:15%;}






@media only screen and  (max-width: 1025px) {
.profissionais{width:48%; margin:5px; }

}

@media only screen and  (max-width: 801px) {
#cssmenu{ display:none}		
.menu-down{ display:block; position:absolute; left:10px; top:50px; z-index:100}		
.full{ width:100%; padding:10px;}

#cssmenu{ width:25%}
ul.dropdown li {padding:10px 28px 6px 28px;}
.apagar-ipad{ display:none}
#calendario, #datas_selecionadas{ width:100%;}
.status{ width:31%; min-height:175px;}
.infostatus, .infostatusyellow{ min-height:120px}
.infostatus span{ font-size:17px;}
.agenda{ width:98%;}
.fc-event { min-height:90px!important; 	}
.passos{ width:30%; margin:5px;}	

.profissionais{ margin:5px; width:48%;}
.corazul, .corvermelha,.corverde, .coramarelo{ float:left; width:20px; height:20px;}
.apagar800{ display:none}

#icon-contato{ width:20%}

}


@media only screen and  (max-width: 740px) {
	
.apagar740{ display:none}	

.status{ width:100%; min-height:130px; margin:5px 0}
#icon-contato{ display:none}	
}


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

.campos10, .campos15,  .campos20, .campos30, .campos40, .campos50, .campos60, .campos70, .campos80, .campos90{ width:95%}	
.login, .esquece-senha, #dados{ width:90%; }	


}




@media screen and (max-width: 480px) {
.apagar480{ display:none}
.iconesfull {display:none;}
.new, .cont-noticia{ width:100%; border-right:none}	
.noticias img, .avisos img{ width:98%}
.apagar-mobile{ display:none}
#name{ width:100%; border-left:none; text-align:center}
.infostatus span{ font-size:20px;}
.fc-event { min-height:70px!important; 	}
.passos{ width:46%}	
.titulos{ font-size:21px}
.profissionais{width:100%; margin:5px 0}


}


@media only screen and  (max-width: 385px) {
.apagar-mobile{ display:none}		
#logohome{ top:25px;}
.login{ margin-top:0px;}
#dados{ text-align:center; line-height:25px;}
.fc-event { min-height:45px!important; 	}	
.passos{ min-width:98%}	

a.tooltip span {  padding:10px;     margin-top:-35px; margin-left:10px;   width:120px; }
.ac-container label{ height:80px!important; padding:10px 20px!important}

.h2, h2{ font-size:15px!important;}
.fc-button-today{ display:none}
.legendas{ width:50%}

}





.dashboard{ float:left; width:100%; position:relative; padding:5px;}


#chartContainer01 {
	width:100%;
}