body { background: #fcfcfc!important; padding-top: 60px;padding-bottom: 40px; /*font-family: 'Lato', sans-serif;*/ font-family: 'Lato', sans-serif;}
.sidebar-nav { padding: 9px 0; }
.form-login { background-color: #EEEEEE; border-radius: 6px 6px 6px 6px; width: 250px; margin: 0 auto; padding:1%; text-align: center; }
.form-login img { margin-bottom: 2%; }
.alert-login { width:280px; margin:0 auto; }
.logo { width: 100%; margin-bottom: 5%; }
.alert { text-align: center; }
.titulo { font-size: 24px; color: #0088CC; }
#suporte input[type=text] {	width: 400px; }
.navbar-collapse {font-size: 13px !important}

table a.glyphicon,
table a i.glyphicon{
	color: #000;
}

thead{
	background: #f7f7f7;
}

.spanpop{
	margin-left: 12px !important;
	color: #0f4e77 !important;
	font-size: 14px !important;
}

.spanpop:hover{
	opacity: 0.5;
}

.spanpop-info{
	width: 12px !important;
	min-height: 0 !important;
	float: right !important;
	position: relative;
	left: 2px;
	margin-left: 0;
}

.obs_agenda_info{
	font-size: 16px !important;
}

.obs_agenda_info_pront{
	font-size: 16px !important;
	margin-top: -30px;
}

.spanpop-info > .popover{
	width: 300px !important;
}

.clear{
	clear:both;
}

.disabled{
	color: #AEAEAE!important;
}
.fc-event{
	cursor: pointer;
}

hr{
	border-color: #C9D3DD !important;
}

.btn-avaliacao{
	margin: 5px;
}

.table, .cont-form, .pagina{
	font-size: 13px;
}

/*--------------------------*/
/*-----Topo do layout-------*/
/*--------------------------*/


/*.container-fluid{
	width:1000px;
	margin:0 auto;
}*/

.sombra{
	margin: 0 auto; 
	width:40px; 
	box-shadow: 0px 10px 100px 35px #fff;
}

.navbar-fixed-top{
	background-image: url(../img/bg_menu.png);
	background: #002856;
	/*background: #19a767;*/
	/*border-bottom: 1px solid #ccc !important;*/
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

/*Logo*/
.page-header{
	border-bottom-color: #002856 !important;
	margin: 10px 0;
}


/*.navbar-header{
	position: relative;
	left: -6px;
}
.navbar-header:hover{
	background: #04923e;
}
.navbar-header img{
	position: relative;
	left: 6px;
}*/
/*Fim logo*/

/*Menu*/
.divider-vertical {
    background: url("images/image-separador-menu-usuario.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 24px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -2px;
    width: 1px;
}

/*.navbar-collapse a:focus{
	background: #04923e !important;
}
*/

.dropdown-toggle a:focus{
	height: 54px !important;
}

/*.dropdown{
	height: 54px !important;
}*/
.navbar .dropdown a:hover{
	background: #243f5e !important;
}

/*.botao_top a{
	height: 54px !important;
}*/
.botao_top a:hover{
	background: #243f5e !important;
}
/*
.navbar .dropdown-toggle{
	height: 54px !important;
}*/

.navbar .dropdown-menu a:hover{
	background: #002856 !important;
	color: #fff!important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
	background: #243f5e !important;
}

/*Fim menu*/ 

.notificacao-layout{
	position:relative; left:-6px;
}
/*--------------------------*/
/*---FIM Topo do layout-----*/
/*--------------------------*/

/*--------------------------*/
/*---Conteudo do layout-----*/
/*--------------------------*/

/*-----------Table - tr-------------*/
.tr-click{
	cursor: pointer;
}

.tr-registros{
	background:#006DA0; 
	color:#fff;
}

.tr-apagado{
	background: #f9f9f9;
	color: #777;
}

.tr-color-tabs{
	background: #006DA0;
	color: #fff;
}
/*----------------------------------*/

.pagina{
	margin-top:-10px;
	width: 100%;
}

.page-header{
	font-size: 25px !important;
	color: #555;
}

.float-botao{
	float:left; 
	position:relative; 
	z-index:100;
}

.tabela-registros{
	margin-top:0px;
}

.geral-form-pesquisa{
	position:relative; 
	left:10px;
}

.input-pesquisa{
	width:200px !important; 
	float:left !important; 
	border-radius:5px 0px 0px 5px !important;
}

.button-pesquisa{
	float:left !important; 
	position:relative !important; 
	left:-1px !important; 
	border-radius:0 5px 5px 0px !important;
}
.panel-green .panel-heading{
	background: #00A543!important;
}
.panel-green .panel-body{
	border: 1px solid #00A543!important;
}

.panel-primary .panel-heading{
	background: #006DA0 !important;
}

.panel-primary{
	border-color: #006DA0 !important;
}

.panel-warning .panel-heading{
	background: #f0ad4e !important;
	color: #fff!important;
}

.panel-warning{
	border-color: #f0ad4e !important;
}

.alert{
	position: relative;
	top: 20px;
}

/*.glyphicon-pencil, .glyphicon-remove, .icone_color{
	color: #000 !important;
}

.glyphicon-pencil:hover, .glyphicon-remove:hover, .icone_color:hover{
	color: #000 !important;
}*/

.table{
	background: #fff !important;
}

.botao-left{
	margin-left:35px;
}

/*--------Paginação--------*/
.pagination{
	position: relative;
	top: -41px;
}

.pagination a{
	border-radius: 0 !important;
}
/*-------------------------*/

.control-label{
	width: 200px !important;
}

.font-num{
	float:left; 
	font-weight:bold; 
	margin-left:15px;
	position:relative; 
	left:-5px; 
	top:5px;
}

.font-empresa{
	color: #444;
	text-shadow:1px 1px 1px #ccc;
}

/*Pagina login*/
.alert-login{
	position:relative; 
	top:-10px;
}
/*------------*/

/*Data Tables*/
.geral-data-table{
	width:800px;
	margin:0 auto;
}
.geral-data-table input[type=text]{
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 5px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 150px;
}

.odd{
	background: none !important;
}

.odd hover{
	background: #eee !important;
}

.apagado{
	background: #eee !important;
	color: #999;
}

.botao-color{
	border: 1px solid #ccc;
	padding: 6px;
	border-radius: 4px;
	width: 46px;
}

.botao-color:hover{
	opacity: 0.4;
}
.botao-color:focus{
	opacity: 0.4;
}

.icone-neutro{ 
	color: #000 !important;
	opacity: 0.5;
}

.status-desc{
	width: 161px;
	float: right;
	margin-left: 5px;
	position: relative;
	top: 0px;
	border: none !important;
	padding: 6px !important;
	color: #fff !important;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0 -4px 0 0 rgba(0, 0, 0, 0.3) inset;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    text-shadow:1px 1px 1px #000;
}   
.status-desc:hover{
	opacity: 0.8 !important;
}
    
.editar-status{
	padding: 12px !important;
	float: left !important;
	width: 215px !important;
	margin-left: 20px; 
	position: relative;
	left: 5px;
}

.div-pesquisa{
	float:left; 
	position:relative;  
	z-index:100; 
}

.margin-pesquisa{
	margin-left:10px;
}

.tudo-pesquisa{
	width:900px; 
	float:left;
}

.campo-data{
	width:100px !important; 
	float:left; 
	margin-left:5px;
}

.largura-pesquisa{
	width: 158px !important;
}

.botao-relatorio{
	float:right; 
	margin-top:-25px; 
	position:relative; 
	z-index:999;
}
/*------------------------------*/
/*---FIM Conteudo do layout-----*/
/*------------------------------*/

#referencias{
	width:350px;
	height:50px;
	float: right;
	position: relative;
	left: -15px;
}
.referencia{
	width: 100px;
	float: right;
	margin-left:10px;
}

.hover:hover{
	background: #eee;
	cursor: pointer;
}
.hover2:hover{
	background: #eee !important;
}
.botao_submit{
	background: none;
	background-image:url(../img/refresh.png);
	background-size: 35px;
	background-repeat: no-repeat;
	width: 40px;
	height:50px;
	float: left;
	border: none;
}

.input{           
    background: none repeat scroll 0 0 #CE5D48;
    border: medium none;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0 -4px 0 0 rgba(0, 0, 0, 0.3) inset;
    color: #fff !important;
    cursor: pointer;
    font-family: 'raleway',sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1em;
    margin: 10px 0;
    padding: 20px 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    transition: none 0s ease 0s !important;
}
.input:hover{
    background: #999;
}


#meio_banner{
	width:100%;
	min-height:160px;
	margin-top:-40px;
	position:relative;
	top:10px;
}
 
#subtitulo{
	font-size:20px;
}


#meio_conteudo{
	width:265px;
	min-height:210px;
	position:relative;
	top:-30px;
	margin-top:90px;
	float:left;
	margin-left:35px;
	border:1px solid #7a7a7a;
}

#titulo_conteudo{
	width:250px;
	height:40px;
	padding-left:10px;
	line-height:38px;  
	font-size:16px;
	font-family:arial black;
	color:29457d;
	margin:0 auto;
	margin-left:5px;
	border-bottom:1px solid #7a7a7a;
	box-shadow: 2px 1px 3px 1px #7a7a7a;
}

#imagem_conteudo{
	width:95%;
	height:117px;
	margin:0px auto;
	margin-top:2px;
}

#texto_conteudo{
	width:95%;
	height:60px;
	margin:0 auto;
	margin-top:5px;
	font-size:13px;
	line-height:20px;
	position:relative;
	top:10px;
}

#sem_registro{
	width:400px;
	height:30px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	position: relative;
	top:30px;
}

.head{
	background:#F5F5F5 !important;
}

.graficos_processo{
	width:490px;
	float: left;
	margin-top: -25px;
	height: 400px;
}
.input-tratamento{
	height: 23px!important;
	padding: 1px 6px!important;
}
thead tr th{
	/*background-color: #EAEAEA!important;*/
}
table a,
table a:hover{
	/*color: #04923e !important;*/
	text-decoration: none;
}

.green{
	color: green!important;
}
.red{
	color: red!important;
}
.conteudo{
	max-width: 1000px;
	margin: 0 auto;
}
.multiselect{
	width: 100%;
}
.content{
	/*width: 70%!important;*/
	/*margin: 5px auto;*/
	/*padding: 20px;*/
	background-color: #fff;
}
.dataTables_paginate{
	/*padding-top: 40px;*/
}
.pagination{
	margin: 50px 0!important;
}
.pagination ul li{
	margin: 0!important;
	padding: 0!important;
}
.sorting_1{
	background-color: #fff!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
	margin: 0!important;
	padding: 0!important;	
}

.dataTables_wrapper .form-control{
	width: 200px!important;
}

.login-content{
	width: 280px;
	margin: 0 auto;
}

.clientes tbody tr,
.sessoes tbody tr,
.pacotes tbody tr{
	cursor: pointer;
}
.busca{
	width: 200px!important;
	float: left;
}
.btn-busca{
	float: left;
	border-radius: 0!important;
}
.select-tratamento{
	width: 150px;
}
.select-pacotes{
	width: 330px;
}
#relatorio-utilizacao .date{
	width: 162px!important;
}
.date_label{
	width: 162px!important;
}
.select-tratamento.select2-container .select2-choice{
	height: 22px!important;
	padding: 0px 10px!important;
}

#relatorio-pacotes,
#relatorio-utilizacao{
	width: 800px;
	min-height: 100px;
	margin: 10px 0;
	display: none;
	/*border: 1px solid #000;*/
}

.area{
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 4px;
	padding: 10px 20px;
	margin: 10px 0;
}
.sessoes .a-sessao{
	width: 100%;
	display: inline-block;
	padding: 5px 0;
	margin: -5px 0;
}
ul.pagination{
	float: right;
}
.dataTables_filter label{
	float: right;
}
.accordion-clientes{
	margin: 5px 0;
}
.navbar-toggle,
.navbar-toggle .icon-bar{
	border: 1px solid #fff;
}
.info-paciente .row-fluid{
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.info-paciente div[class^="col"]{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.row-fluid input{
	/*margin: 5px 0;*/
}
#calendar{
	background: #fff;
}
.required{
	color: red;
	font-size: 18pt;
	line-height: 0;
}
label{
	padding-top: 15px;
}
.lista-permissao{
	width: 30%;
	float: left;
	margin: 0 .5%;
}

/****************/
/*Estilizando dropdown sub niveis*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*ESTILIZA UI jQuery*/
.ui-helper-hidden-accessible{
	display: none;
}
.ui-menu{
	width: 300px;
	max-height: 450px;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 0 0 4px 4px;
	border: 1px solid #ccc;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	overflow-x: auto;
	/*0 1px 1px rgba(0, 0, 0, 0.075) inset, */
}
.ui-menu li{
	list-style: none;
	border-top: 1px solid #ccc;
}
.ui-menu li a{
	position: relative;
	padding: 7px 8px;
	display: block;
}
.ui-menu li:hover a,
.ui-state-focus{
	background: #EDEDED;
}
.ui-menu li a{
	color: #000;
	text-decoration: none;
}

.navbar-center{
	max-width: 990px;
	margin: 0 auto;
}
.lista-sessoes div[class^=col-md]{
	min-height: 80px!important;
	padding: 5px 0;
	text-align: center;
}
.pacientes{
	width: 88%!important;
}

.btn-agenda{
	width: 110px;
}
.ctrl-agenda button{
	display: block;
}
.ctrl-agenda{
	margin-top: -75px;
	float: right;
}
#info-agendamento label{
	padding-top: 5px;
}
.aviso{
	font-weight: bold;
	color: #E42E2E;
	font-style: italic;
}
.navbar-right{
	margin-right: 0!important;
}

.fc-widget-content{
	height: 40px!important;
}
.fc-day-header{
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: 'Lato', sans-serif;*/
	font-size: 10pt!important;
	font-weight: normal;
	
}
.fc .fc-axis{
	vertical-align: top!important;
}
.fc-content{
	font-family: 'Lato', sans-serif;
}
.agenda-container{
	min-width: 650px;
	border: 1px solid #DDD;
	padding: 0 40px 30px 40px;
	border-radius: 3px;
	background: #fff;
	color: #777;
}
.agenda-container .fc-button,
.agenda-container input{
	color: #777!important;
}
.agenda-container .btn,
.agenda-container .fc-button,
.agenda-container input{
	font-family: 'Montserrat', sans-serif;
	font-size: 9pt;
}
.fc-unthemed{
	/*font-family: 'Lato', sans-serif;*/
	font-size: 10pt!important;
	font-weight: normal;
}

/**/

.table-profissionais {
	width: 100%;
    margin: 0;
    padding: 0; 
}

.table-profissionais.empty {
    border: none;
}


.table-profissionais li {
    background-color: #FFF;
    position: relative;
    list-style: none;
	font-size: 10pt;
}
.table-profissionais li a:hover,
.table-profissionais li.info a:hover {
	text-decoration: none;
}

.table-profissionais li:nth-child(even) {
    background-color: #f5f5f5;
}

.table-profissionais li:first-child {
    border-radius: 3px 3px 0 0;
}

.table-profissionais li:last-child {
    border-radius: 0 0 3px 3px;
}

.table-profissionais li .status {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 11px;
}

.table-profissionais li a {
    color: #333;
    /*font-size: 12px;*/
    line-height: 14px;
    padding: 7px 25px 7px 10px;
    display: block;
}

.table-profissionais li .time {
    display: block;
    color: #777;
    font-size: 11px;
}
.table-profissionais li.info span{
	color: #2696d3;
	text-decoration: none;
}

/**/

.table-pacientes {
	width: 100%;
    margin: 0;
    padding: 0; 
}

.table-pacientes.empty {
    border: none;
}


.table-pacientes li {
    background-color: #FFF;
    position: relative;
    list-style: none;
	font-size: 10pt;
}
.table-pacientes li a:hover,
.table-pacientes li.info a:hover {
	text-decoration: none;
}

.table-pacientes li:nth-child(even) {
    background-color: #f5f5f5;
}

.table-pacientes li:first-child {
    border-radius: 3px 3px 0 0;
}

.table-pacientes li:last-child {
    border-radius: 0 0 3px 3px;
}

.table-pacientes li .status {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 11px;
    font-size: 9pt;
    color: #747474;
}

.table-pacientes li a {
    color: #333;
    /*font-size: 12px;*/
    line-height: 14px;
    padding: 7px 25px 7px 10px;
    display: block;
}

.table-pacientes li .time {
    display: block;
    color: #777;
    font-size: 11px;
}
.table-pacientes li.info a{
	color: #777;
	text-decoration: none;
}

h5{
	padding-left: 5px;
    color: #999;
    font-size: 13px;
    padding: 10px 0;
}
table h3{
	padding-left: 5px;
    color: #999;
    font-size: 15px;
    padding: 0px 0;
    margin: 0px 0;
}
table h2{
	padding-left: 5px;
    color: #999;
    font-size: 18px;
    padding: 0px 0;
    margin: 0px 0;
}
h2, h4, h5{
	font-family: 'Montserrat', sans-serif;
}

.table-profissionais .disponibilidade{
	color: #777;
	font-size: 9pt;
}
.table-pacientes .disponibilidade{
	color: #777;
	font-size: 9pt;
}
#nome-profissional{
	color: #2696d3;
    font-size: 23px;
    padding: 0;
}
.fc-button{
	padding: 7px 8px!important;
	height: auto!important;
}
.data-calendar{
	width: 21%;
	float: left;
	margin-right: 2%;
}
/*.fc-toolbar{
	text-align: left!important;
	margin: 0 10px!important;
}*/
.fc{
	font-family: 'Montserrat', sans-serif;
}
/*.fc-unthemed th,
.fc-unthemed td{
	border-color: #fff!important;
}
, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover*/
.col-profissionais{
	/*position: fixed;*/
}
.fixed{
	position: fixed;
}

/**NANO SCROLLER**/
/** initial setup **/
.nano {
  position : relative;
  /*width    : 400px;*/
  height   : 100%;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  /*background : rgba(0,0,0,.25);*/
  position   : absolute;
  width      : 6px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background: #444;
  background: rgba(0,0,0,.25);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
    
.nano { height: 600px; border: 1px solid #ddd; border-radius: 3px; }
.nano .content { }
.nano .pane   { }
.nano .slider { }
.fc-head{
	width: 100%;
	z-index: 999999;
}
.fc-head th{
	background: #fff!important;
}
.fc-slats{
	position: relative;
}


.alert{
	margin-bottom: 35px !important;
}

/* Edição de periodo do agendamento */
#editar-periodo-evento, #editar-profissional-evento, #editar-procedimento-evento, .editar-agenda, .confirm-agenda, #editar-tipoagendamento-evento{
	cursor: pointer;
}

#editar-periodo-evento:hover, #editar-profissional-evento:hover, #editar-procedimento-evento:hover, .editar-agenda:hover, .confirm-agenda:hover, #editar-tipoagendamento-evento:hover{
	opacity: 0.5;
}

.editar-procedimento-cont,
.editar-profissional-cont,
.editar-periodo-cont{
	display: none;
}

.agenda-container .col-pacientes .popover{
	width: 250px!important;
	box-shadow: 0 0 15px #000;
}
.agenda-container .popover{
	width: 260px!important;
	z-index: 9999999!important;
}
.close-table{
	font-size: 1.4em!important;
}
.close-popover{
	margin: 5px 5px!important;
}


@media (max-width: 960px) {
	body{
		padding-top: 0; 
	}
	.dropdown-menu{
		width: 98%!important;
		margin: 0 auto;
		left: 0;
		right: 0;
		position: relative!important;
		background: #fff!important;
	}

	.scroll .table{
		min-width: 990px; 
	}
	.scroll{
		overflow-x: auto;
	}

	.lista-sessoes div[class^=col-md]{
		min-height: 20px!important;
		text-align: center;
	}

	
	.pacientes{
		width: 80%!important;
	}

	.fixed{
		position: relative;
	}
	.fc-head{
		position: relative!important;
	}

	.graph-num{
		width: 200px;
		height: 200px;
	}

	.container{
		width: 100%!important;
		padding: 0;
		margin: 0;
	}
	.col-pacientes,
	.col-profissionais{
		width: 100%;
		padding: 0!important;
	}
	.col-profissionais #about,
	.col-pacientes #about{
		width: 100%;
	}

	.calendario{
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.agenda-container{
		width: 100%;
		min-width: 100%;
		padding: 5px;
	}

	.fc-left{
		display: none;
	}
	.data-calendar{
		width: 150px;
		float: right;
	}
	.fc-center{
		margin: 0 auto!important;
		float: none!important;
		display: block!important;
		background: #000;
	}

}
@media print{
	a, button, input, textarea, select{
		display: none!important;
	}
	.scroll{
		overflow: hidden;
	}
	body{
		padding-top:0!important; 
	}
}

/* Small Sizes */
@media (max-width: 600px) { 
	.info-paciente .detalhes{
		min-width: 100%!important;
	}
	.info-paciente .detalhes thead {
		display: none;
	}
	.info-paciente .detalhes tr {
		border-bottom: 1px solid #dddddd;
	}
	.info-paciente .detalhes td {
		border: 0;
	}
	.info-paciente .detalhes td {
		display: block;
	}


	.evolucoes{
		min-width: 100%!important;
	}
	.evolucoes thead {
		display: none;
	}
	.evolucoes tr {
		border-bottom: 1px solid #dddddd;
	}
	.evolucoes td {
		border: 0;
	}
	.evolucoes td:not(:first-child) {
		display: block;
	}
	.content{
		position: relative!important;
	}
	#about{
		/*display: none;*/
		height: auto!important;
		margin: 20px 0;
	}

	#agendar-evento{
		margin: 5px;
		float: none!important;
	}

	.agenda-container .col-pacientes .popover{
		width: 250px!important;
		box-shadow: 0 0 15px #000;
	}
	.agenda-container .popover{
		width: 235px!important;
		z-index: 9999999!important;
	}

}
@media (max-width: 1024px) { 
	.aniversariantes ul li{
		font-size: 8pt;
	}
}

.permissao{
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	min-height: 475px !important;
}

.permissao label{
	font-size: 13px;
	font-weight: normal;
	margin-left: 20px;
}

@media (max-width: 991px) { 
	.permissoes{
		margin-top: -180px;
		
	}
}


.alert{
	margin-bottom: 35px !important;
}

/* Edição de periodo do agendamento */
#editar-periodo-evento, #editar-profissional-evento, #editar-procedimento-evento, .editar-agenda, .confirm-agenda, #editar-tipoagendamento-evento{
	cursor: pointer;
}

#editar-periodo-evento:hover, #editar-profissional-evento:hover, #editar-procedimento-evento:hover, .editar-agenda:hover, .confirm-agenda:hover, #editar-tipoagendamento-evento:hover{
	opacity: 0.5;
}

.editar-procedimento-cont,
.editar-profissional-cont,
.editar-periodo-cont{
	display: none;
}

.panel-guias > .panel-heading{
	background-color: #f5f5f5!important;
    border-color: #ddd!important;
    color: #333!important;
}
.panel-guias > .panel-heading h5{
	padding: 0!important;
	margin: 0!important;
	font-size: 10pt!important;
}
.heading{
  padding: 10px;
}

.header-control{
	display: none;
	background: #fff;
	width: 100%;
	/*max-width: 745px;*/
	height: 50px;
	position: fixed;
	z-index: 999;
	top: 50px;
	padding-right: 4px;
}
.header-control table{

}
.header-control table th{
	font-family: "Montserrat",sans-serif;
	text-align: center;
	padding-top: 15px; 
	border-bottom: 1px solid #DDD;
}


.legenda{
	max-width: 700px;
	position: fixed;
	bottom: 0;
	z-index: 50;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 15px 15px 0 0;
	box-shadow: 0px 0px 5px #000;
	background: #fff;
	padding: 3px 0;
	font-size: 9pt;
}
.legenda .boll-color{
	width: 20px;
	height: 15px;
	float: left;
	margin: 1px 5px;
	border-radius: 5px;
}

@media (max-width: 600px) { 
	.header-control{
		display: none!important;
	}

	.pagina{
		padding-bottom: 70px;
	}

	#busca_nome{
		position: relative;
		z-index: 99999;
	}
}

.alert-informacao.alert-warning a{
	color: #8a6d3b!important;
}

.radio-eva{
	float: left;
	padding: 0 24px;
}

.fc-lembrete{
	top: 2px;
	right: 5px;
	position: absolute;
}
.fc-resposta i.glyphicon{
	top: 0px;
	right: 5px;
	position: absolute;
	color: rgba(0,0,0,.8);
}

.envelope-P i.glyphicon{
	color: #B5B5B5!important;
}
.envelope-E i.glyphicon, .envelope-C i.glyphicon, .envelope-A i.glyphicon{
	color: #22BC15!important;
}
.envelope-NA i.glyphicon{
	color: #E43E4C!important;
}

.alert-informacao {
	width: 350px;
    position: fixed;
    right: 15px;
    top: auto;
    bottom: -9999px;
    z-index: 9999999999;
}


/*Timeline*/
.timeline {
	position: relative;
	list-style-type: none;
	padding: 0px;
	position:relative; 
	left:12px;
}

.event {
	position: relative;
	margin-bottom: 20px;
}

.thumb {
	background: #4598CE;
	position: absolute;
	width: 80px;
	height: 90px;
	background-repeat: no-repeat;
	border-radius: 5px;
	left: -10px;
}

.thumb-dia, .thumb-mes, .thumb-ano {
	width: 100%;
	height: 25px; 
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.thumb-ano {
	border-top: 1px solid #fff;
	font-size: 18px;
	margin-top: 5px;
	line-height: 30px;
}

.thumb:before {
	content: '';
	position: absolute;
	height: 8px;
	z-index: -1;
	border-bottom: 4px solid #ccc;
	width: 60px;
	top: 40px;
	left: 80px;
}

.event .circle {
	width: 24px;
	height: 24px;
	left: 158px;
	top: 36px;
	position: absolute;
	display: block;
}

.event .circle:after {
	content: '';
	background: #fff;
	border: 3px solid #4598CE;
	border-radius: 50%;
	height: 100%;
	width: 100%;
	left: -58px;
	top: -2px;
	position: absolute;
}

.content-perspective {
	margin-left: 180px;
	position: relative;
}

.content-perspective:before {
	content: '';
	width: 40px;
	left: -50px;
	top: 44px;
	position: absolute;
	height: 4px;
	z-index: -1;
	background: #ccc;
}

.content-inner {
	position: relative;
	padding: 20px;
	color: #333;
	border: none;
	border-left: 5px solid #4598CE;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	left: -13px;
}

.content-inner h3 {
	font-size: 26px;
	padding: 5px 0 5px 0;
	color: #4598CE;
}

.content-inner:before {
	content: '\25c2';
	font-weight: normal;
	font-size: 54px;
	line-height: 54px;
	position: absolute;
	width: 30px;
	height: 30px;
	color: #4598CE;
	left: -22px;
	top: 12px;
	z-index: -1;
}

@media screen and (max-width: 540px) {
	.event { 
		padding-right: 0px;
		margin-bottom: 120px;
	}

	.thumb:before {
		background: none;
		width: 0;
	}

	.event .circle {
		display: none;
	}

	.content-perspective {
		margin-left: 0px; 
		top: 96px;
	}

	.content-inner {
		border-left: none;
		border-top: 5px solid #4598CE;
	}

	.content-inner:before {
		content: '\25b4';
		left: 33px;
		top: -32px;
	}

	.content-perspective:before{
		display: none;
	}
}
.informativo .logo,
.timeline .logo{
	width: 10%;
	text-align: center;
	float: left;
	margin: 20px 0;
}
.informativo .texto,
.timeline .texto{
	width: 88%;
	float: right;
}
.main-horarios{
	width: 280px;
	min-height: 200px;
}
.main-horarios .logo{
	width: 60px;
	float: left;
	margin: 0;
}
.main-horarios .logo img{
	width: 100%;
	margin-bottom: 2px;
}
.main-horarios .clinica{
	width: 200px;
	float: left;
	margin-left: 10px;
	text-align: center;
}
.main-horarios .clinica h2{
	font-weight: normal;
	color: #6EAC49;
	margin: 0;
	font-size: 16pt;
}
.main-horarios .clinica span{
	font-style: italic;
	font-size: 5pt;
}
.main-horarios .detalhes{
	width: 100%;
	margin-top: 5px;
}
.main-horarios .telefone{
	width: 100%;
	float: left;
	font-size: 9pt;
	text-align: left;
}
.main-horarios .horario-atendimento{
	width: 100%;
	float: left;
	font-size: 7pt;
	text-align: left;
}
.main-horarios .table{
	width: 100%;
}
.main-horarios .table{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-collapse: collapse;
}
.main-horarios .table tr{
	padding: 0;
	margin: 0;
}
.main-horarios .table th,
.main-horarios .table td{
	padding: 3px;
	margin: 0;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.main-horarios p{
	font-size: 8pt;
	text-align: center;
}
.info{
	cursor: pointer;
	color: #000;
	font-size: 12pt;
}
.atendimentos h5{
	margin-top: -10px;
}

@media screen and (max-width: 1400px) {
	.navbar-nav > li > a{
		font-size: 12px!important;
	}

}

@media screen and (max-width: 1340px) {
	.dropdown-toggle{
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

}
@media screen and (max-width: 1290px) {
	.dropdown-toggle{
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

}

@media screen and (max-width: 1215px) {
	.dropdown-toggle{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

}

@media screen and (max-width: 1160px) {
	.navbar-nav > li > a .notificacoes{
		display: none;
	}

}
@media screen and (max-width: 1140px) {
	.navbar-nav.notificacao-layout{
		display: none;
	}

}

.pagina > form{
	background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    padding: 10px 15px;
    position: relative;
	/* z-index: 1; */
}
.pagina a[href*="financeiro"].btn{
	position: relative;
	z-index: 2;
	top: 10px;
	right: 10px;
}

select.bs-select-hidden, select.selectpicker{
	display: block !important;
	width: 0px !important; 
	height: 0px !important; 
	padding: 0px !important; 
	position: relative !important;
	top: 30px !important;
	left: 20px !important;
}

.bootstrap-select{
	position: relative !important;
	top: -2px !important;
}
.content-inner{
	position: relative;
}
.content-inner .link-editar{
	position: absolute;
	right: 20px;
	top: 20px;
}
.imgem-avaliacao,
.area-alternativas{
	display: none;
}
.table-profissionais .boll-color{
	width: 20px;
	height: 15px;
	float: left;
	margin: 1px 5px;
	border-radius: 5px;
	opacity: .8;
}

#table-procedimentos tr{
	background: #fff;
}
.dotted{
	width: 7px;
	height: 14px;
	border-left: 2px dotted #BFBFBF;
	border-right: 2px dotted #BFBFBF;
	float: right;
	margin: 10px 0;
	cursor: move;
}

#busca-profissionais{
	border-radius: 3px 3px 0px 0px !important;
	border-bottom: none !important;
	border-color: #ddd !important;
	position: relative;
	top: 2px;
}

.sem-registros-profissionais{
	padding: 10px;
	color: #999;
}

.btn-foto{
	width: 100%;
	border-radius: 0px;
	border: 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.btn-foto i{
	zoom: 1.5;
    margin: -5px;
    position: relative;
    left: -10px;
    top: 3px;
}

.preview-imagens img{
    display: flex;
    width: 100%;
    margin: 0px auto;
    max-height: 343px;
}

.ui-state-highlight { height: 100px; background: #F5F1F1; margin: 15px 0; border-radius: 2px; }

/*Agenda correção scroll*/
.modal {overflow-y: scroll !important;}

@media screen and (max-width: 600px) {
	#info-paciente{
		position: relative;
		z-index: 2;
	}
	#info-tratamento{
		position: relative;
		z-index: 1;	
	}
}
.titulo-evolucao{
	font-size: 14pt;
	color: #848484;
}
.titulo-evolucao span{
	color: #000000;
	font-weight: bold;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
	width: 100%;
}
.nano .tamanho-padrao-coluna-profissionais-agenda-geral{
	width: 100%;
}
.filtro-especialidade .dropdown-menu{
	float: none;
	position: relative;
}
.col-filtro-agenda .btn-group button{
	width: 100%;
}

#col-filtro-agenda{
	max-width: 200px;
}
.cursor-pointer-i-mais, .cursor-pointer-i-menos{
	zoom: 1.6;
	cursor: pointer;
}

.cursor-pointer-i-mais{
	color: #0f4e77;
}

.cursor-pointer-i-menos{
	display: none;
	color: #0f4e77;
}

.icone-mostra-detalhes{
    cursor: pointer;
    color: #044071;
}

table tbody .bg-primary:hover{
	background: #337ab7!important;
}
.copiado{
	position: fixed;
    top: 10%;
    right: 5%;
    width: 300px;
    min-height: 40px;
    border-radius: 5px;
    z-index: 999;
    display: none;
    cursor: default;
    user-select: none;
    z-index: 9999999999;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}
.copiado.bottom{
	top: auto!important;
	bottom: 5%;
}
.copiado .arrow_balao{
	position: absolute;
	top: 9px;
	right: -5px;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
}
.copiado .content{
	display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    background-color: #3e6edf;
    border-radius: 5px;
}
.copiado .msg_alerta{
	padding: 0px!important;
}
.copiado .content span{
	text-shadow: none;
    color: #fff;
    padding: 8px;
}
.icon_copy{
	position: relative;
    margin-left: 15px;
    opacity: 0;
    font-size: 11px;
}
.copy:hover + i{
	opacity: 1;
}
.fechar-modal-alerta{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.5s;
}
.fechar-modal-alerta:hover{
	font-size: 15px;
	text-shadow: 0px 0px 5px #c8c8c8;
}
.modal_estoque{
	display: none;
	width: 50%;
    margin-left: 25%;
    left: 0px;
    position: fixed;
    top: 5%;
    background-color: #fff;
    border-radius: 6px;
    z-index: 1050;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    border: 1px solid rgba(0,0,0,.2);
}
.modal_estoque .header_modal{
	padding: 15px;
    border-bottom: 1px solid #e5e5e5; 
}
.modal_estoque .header_modal h4{
	margin: 0px;
}
.modal_estoque .modal_content{
	position: relative;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}
.modal_estoque .modal-footer, .modal_estoque .modal_footer{
	text-align: right;
	padding: 15px;
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
}
.bg-modal{
	background-color: #00000063;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1047;
    width: 100%;
    height: 100%;
    display: none;
}
.thumbnails li .thumbnail{
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.quadro-info .span4{
	opacity: 0.9;
	margin-right: 1.7%;
	list-style: none;
}

.quadro-info .span4:hover{
	opacity: 1;
}

.quadro-info .span4 .thumbnail{
	box-shadow: 0px 2px 6px 1px #CCC;
}

.titulo-quadro-info{
	margin: -14px;
    margin-bottom: 5px;
    font-size: 20px;
    padding: 15px;
}

.quadro-info .btn-acessar{
	margin: -14px;
	margin-top: 15px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    background: #298FC6;
    color: #ffffff;
}

.quadro-info .btn-acessar i{
	background: #ffffff;
    padding: 6px;
    color: #298FC6;
    border-radius: 7px;
    margin-right: 5px;
    font-weight: 900;
}

.texto-quadro-info{
	min-height: 53px;
}
.container_config{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.header_config{
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    border-radius: 15px;
    background-color: #002856;
    color: #fff;
    border: solid 2px #002856;
	cursor: pointer;
	transition: all 0.3s;
}
.header_config:hover{
	background-color: #001731;
}
.header_config i{
	font-size: 22px;
    margin-right: 10px;
}
.content_config{
	width: 100%;
	display: none;
    padding-left: 20px;
    padding-right: 20px;
}
.container_config.active .header_config{
	border-radius: 4px 4px 0px 0px;
}
.container_config.active .content_config{
	border: solid 2px #002856;
	border-radius: 0px 0px 4px 4px;
}
.complementos_whats{
	display: flex;
    justify-content: space-between;
}
.variaveis_whats{
	width: 50%;
}
.periodo_whats{
	width: 50%;
}
.periodo_whats label{
	width: 100%;;
}
.content_salvar{
	margin-bottom: 20px;
    margin-top: 30px;
}
.btn_salvar_config_whats{
	padding: 10px 20px;
    border-radius: 4px;
    background-color: #5cb85c;
    color: #fff;
	cursor: pointer;
	transition: all 0.3s;
}
.btn_salvar_config_whats:hover{
	background-color: #3a873a;
}
.copy_content{
	user-select: none;
}
.variaveis_whats{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}
.periodo_whats{
	width: 50%;
}
.variaveis_whats h5{
	width: 100%;
    margin: 5px 0px;
    padding: 0px;
}
.variaveis_whats h5 span{
    padding: 4px 10px;
    background-color: #337ab7;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #000000b8;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 12px;
}
.variaveis_whats h5 span:hover{
	background-color: #65b1f3;
}

.whatsapp-content .mostrar_qr_code{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 15px;
    background-color: #4caf50;
    padding: 15px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: all 0.5;
    margin-top: 30px;
}
.whatsapp-content .mostrar_qr_code .bi-qr-code{
	margin-right: 15px;
}
.whatsapp-content .mostrar_qr_code:hover{
	background-color: #409143;
}
.whatsapp-content .qr_code_para_leitura{
	display: none;
	width: 100%;
    text-align: center;
    padding: 20px;
    border-radius: 0px 0px 15px 15px;
    border: solid 2px #4caf50;
}
.whatsapp-content .qr_code_para_leitura div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.whatsapp-content .qr_code_para_leitura i{
    font-size: 26px!important;
    background-color: #4caf50;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 11px;
}
#visualizar-lista-espera{
	width: 70%;
	margin-left: 12.5% !important;
	top: 8%;
	position: absolute!important;
	z-index: 1048!important;
}
#lista-espera{
	margin-right: 10px;
}
.lista_espera{
	margin-right: 2%;
}
.lista_espera, .cadastro_espera{
	width: 48%;
}
.lista_divisor{
	width: 1%;
	margin: 1%;
	border-left: solid 1px #ccc; 
	height: 100%;
	position: absolute;
	margin-left: 46%;
}
#visualizar-lista-espera .modal_content{
	display: flex;
	flex-wrap: wrap;
}
.card_lista-espera{
	display: flex;
    flex-wrap: wrap;
    margin: 10px;
    box-shadow: 0px 0px 3px #a4a4a4;
    border-radius: 5px;
    padding: 8px;
    cursor: grab;
    user-select: none;
    background-color: #fff;
}
.card_lista-espera .posicao{
	width: 10%;
}
.card_lista-espera .conteudo-lista{
	width: 90%;
	display: flex;
    flex-wrap: wrap;
}
.card_lista-espera .conteudo-lista h2{
	font-size: 18px;
    margin-top: 0px;
}
.card_lista-espera .acoes{
	width: 100%;
	display: flex;
    justify-content: flex-end;
    margin-top: -20px;
    align-items: center;
}
.card_lista-espera .acoes span{
	margin-right: 10px;
	cursor: pointer;
}
.conteudo-lista #numero, .conteudo-lista #especialidades, #hora_lista_espera_cartao{
	width: 70%;
}
.posicao{
	display: flex;
	justify-content: center;
	align-items: center;
}
.posicao #numero{
	background-color: #f44336;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    padding-top: 1px;
}
.editar-obs{
	width: 100%;
	margin-top: 10px;
}
.obs_acoes{
	margin-top: 5px;
	display: flex;
	justify-content: flex-end;
	width: 96%;
}
.agendar_lista_espera{
    padding: 5px 10px 5px 10px;
    border: solid 1px #ccc;
    border-radius: 4px;
    color: #333!important;
    text-decoration: none!important;
}
.formulario_lista_espera .box{
	display: flex;
    flex-wrap: wrap;
}
.formulario_lista_espera .box label{
	width: 90%;
}
.remover-procedimento-profissional{
    width: 100%;
    justify-content: center;
    display: flex;
    cursor: pointer;
    transition: all 0.3s;
}
.remover-procedimento-profissional:hover{
    opacity: 0.5;
}