/*
 * CSS padrão do sistema
 *
 * @versao: 0.0.1
 * @sistema: Site - Systema Clinica
 *
 * @autor: Émerson Januário da Silva
 * @data: 09/06/2023
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button{
    margin:0;
    padding:0;
    border:0;
    outline:0;
	font-size:100%;
    vertical-align:baseline;
}

html {
	position: relative;
    min-height: 100%;
	/* necessário no body e html para centralizar os objetos verticalmente 
	height:100%;*/
}

body, textarea {
    line-height:1.2;
	font-family:Arial;
	font-size:12px;
	color:#303030;
	background-color:#FFF;
	/* margin: 0 0 56px; altura do seu footer */
	
	/* necessário no body e html para centralizar os objetos verticalmente
	height:100%;
	width:100%; */
}

h1{
	font-size:20px;
	color:#464646;
}
h3{
	font-size:17px;
	color:#707070;
}

p{
	font-size:15px;
	padding:5px 0;
}

p.erro{
	width:100%;
	text-align:center;
	color:#FFF;
	padding:14px 0;
	margin-top:20px;
	margin-bottom:-30px;
	background-color:red;
	border-radius:6px;
}
p.alerta{
	width:100%;
	text-align:center;
	color:#000;
	padding:14px 0;
	margin-top:20px;
	margin-bottom:-30px;
	background-color:yellow;
	border-radius:6px;
}
p.alerta2{
	width:100%;
	text-align:center;
	color:#000;
	padding:14px 0;
	background-color:yellow;
	border-radius:6px;
}
p.ok{
	width:100%;
	text-align:center;
	color:#FFF;
	padding:14px 0;
	background-color:green;
	border-radius:6px;
}

a{
	text-decoration:none;
	color:#06C;
}

a.botao2{
	display:block;
	font-size:14px;
	font-weight:bold;
    text-align:center;
	color:#707070;
	width:74px;
	padding:16px 0;
	border:1px #F7F7F7 solid;
	border-radius:10px;
	box-shadow: 3px 3px 6px #F1F1F7;
}
a.botao2:hover{
	color:#5E19C4;
	background-color:#F7F7F7;
}
a.botao{
	display:block;
	font-size:14px;
	font-weight:bold;
    text-align:center;
	color:#707070;
	width:140px;
	padding:12px 0;
	border:1px #D1D1D1 solid;
	border-radius:10px;
}
a.botao:hover{
	background-color:#F1F1F1;
}

a.menor{
	padding:6px 0;
}

a.mes{
	display:block;
	font-size:14px;
	font-weight:bold;
    text-align:center;
	color:#707070;
	width:51px;
	padding:6px 0;
	border:1px #D1D1D1 solid;
	border-radius:4px;
}
a.mes:hover{
	background-color:#F1F1F1;
}

a.azul{
	color:#FFF;
	background-color:#3B7CD5;
	border:1px #2661B0 solid;
}
a.azul:hover{
	background-color:#2661B0;
}
a.verde2{
	color:#FFF;
	background-color: #3CE65F;
    width: 74px;
    border:1px #3CE65F solid;
    border-radius: 10px;
    padding: 16px 0;
}
a.verde2:hover{
	background-color: #3CE65F;
    border:1px #3CE65F solid;
}
a.verde{
	color:#FFF;
	background-color:#40A687;
	border:1px #0B9B7F solid;
}
a.verde:hover{
	background-color:#0B9B7F;
}
a.vermelho{
	color:#FFF;
	background-color:#F8744C;
	border:1px #F74917 solid;
}
a.vermelho:hover{
	background-color:#F74917;
}
a.amarelo{
	color:#FFF;
	background-color:#F8BC4C;
	border:1px orange solid;
}
a.amarelo:hover{
	background-color:orange;
}
a.roxo{
	color:#FFF;
	background-color:#5E19C4;
	border:1px #4F15A6 solid;
}
a.roxo:hover{
	background-color:#4F15A6;
}

a.left{
	float:left;
}
a.right{
	float:right;
}
a.margin-right{
	margin-right:10px;
}

.margin-bottom{
	margin-bottom:15px;
}
.margin-left{
	margin-left:204px;
}

.divisao{
	width:100%;
	height:3px;
	margin-bottom:12px;
	background: linear-gradient(0.25turn, #ECF7F3, #CCEADF, #ECF7F3);
}

form{
	width:100%;
	margin:20px 0;
}
form.pequeno{
	width:340px;
}
form div{
	float:left;
}
form label{
	font-size:14px;
	color:#464646;
}
form select{
	font-size:16px;
	color:#707070;
	width:338px;
	padding:11px 15px;
	margin:5px 0 15px;
	border:1px #D1D1D1 solid;
	border-radius:4px;
}
form select.pequeno{
	width:160px;
}
form select.margin-right{
	margin-right:19px;
}
form textarea{
	width:304px;
	height:140px;
	padding:11px 17px;
	margin:5px 0 15px;
	font-size:16px;
	color:#707070;
	border:1px #D1D1D1 solid;
	border-radius:4px;
}
form input{
	font-size:16px;
	color:#707070;
	width:304px;
	padding:11px 17px;
	margin:5px 0 15px;
	border:1px #D1D1D1 solid;
	border-radius:4px;
}
form input.pequeno{
	width:124px;
}
form input.margin-right{
	margin-right:19px;
}
form input.btn{
	font-size:16px;
    text-align:center;
	color:#464646;
	width:158px;
	padding:11px 0;
	margin-top:16px;
	border:1px #D1D1D1 solid;
	border-radius:4px;
	cursor:pointer;
}
form input.btn:hover{
	background-color:#FFF;
}
form input.verde{
	color:#FFF;
	background-color:#40A687;
	border:1px #0B9B7F solid;
}
form input.verde:hover{
	background-color:#0B9B7F;
}
form input.vermelho{
	color:#FFF;
	background-color:#F8744C;
	border:1px #F74917 solid;
}
form input.vermelho:hover{
	background-color:#F74917;
}
form input.azul{
	color:#FFF;
	background-color:#3B7CD5;
	border:1px #2661B0 solid;
}
form input.azul:hover{
	background-color:#2661B0;
}
form input.check{
	width: 30px;
}
form input[type="radio"]{
	width: auto;
	margin:0 10px;
}

nav{
	position:fixed;
	top:0;
	width:180px;
	min-height:100vh;
	padding:0 12px;
	background-color:#F7F7F7;
	/*background-color:#E2E7EB;
	background-color:#E0E0E0;*/
}
nav h1{
	padding:18px 0 22px;
}
nav h1 span{
	color:#FFF;
	background: linear-gradient(to right, blueviolet, #3B7CD5);
	/*background-color:#3B7CD5;*/
	padding:2px 10px;
	border-radius:3px;
}
nav h1 span.pro{
	background-color:#40A687;
	border:0;
}
nav h1 span.aten{
	background-color:#F8BC4C;
	border:0;
}
nav ul{
	list-style:none;
}
nav ul li{
	padding:14px 0;
}
nav ul li.bordas{
	border-top:1px #CCC solid;
	/*border-bottom:1px #CCC solid;
	margin-bottom:5px;*/
}
nav ul a{
	font-size:15px;
	font-weight:bold;
	color:#A4A4A4;
	/*color:#464646;*/
	padding:10px 0;
}
nav ul a:hover{
	color:#5E19C4;
	/*color:#40A687;*/
}
nav ul a.paginaAtual{
    color:#5E19C4;
}
nav ul a i{
	margin-right:10px;
}
nav .fa{
	width: 20px;
    text-align: right;
}

aside{
	position:fixed;
	top:0;
	left:204px;
	width:180px;
	height:100vh;
	padding:0 12px;
	/*background-color:#F5F5F5;*/
	background-color:#FFF;
    border-right:1px #F7F7F7 solid;
    box-shadow:3px 3px 6px #F1F1F7;
}
aside h3{
	padding:36px 0;
	/*border-bottom:1px #CCC solid;
	margin-bottom:20px;*/
	color:#1D1D1D;
	font-size:20px;
}
aside h3 i{
	color:#5E19C4;
	/*margin-right:6px;*/
}
aside ul{
	list-style:none;
}
aside ul li{
	padding:8px 0;
}
aside ul li.bordas{
	border-top:1px #CCC solid;
}
aside ul a{
	font-size:15px;
	font-weight:bold;
	color:#464646;
	padding:8px 0;
}
aside ul a:hover{
	color:#5E19C4;
}

header{
	float:left;
	width:770px;
	padding:22px 25px;
	margin-left:408px;
	background-color:#FFF;
	/*border-left:3px #5E19C4 solid;
	border-left:3px #40A687 solid;*/
	border-bottom:1px #F5F5F5 solid;
}
header h3{
	float:left;
	color:#5E19C4;
	font-size:22px;
	/*color:#40A687;*/
}
header h3.azul{
	float:left;
	color:#3B7CD5;
}
header i{
	margin-right:10px;
}

content{
	float:left;
	width:770px;
	padding:22px 25px;
	margin-left:408px;
	background-color:#FFF;
}
content h3{
	padding:5px 0;
}
content p.sucesso{
	font-weight:bold;
	text-align:center;
	color:#40A687;
	background-color:#ECF7F3;
	padding:14px 0;
}
content table{ 
    border-spacing: 0;
    border-collapse: collapse;
}
content td{
	font-size:14px;
	padding:14px 10px;
	border:7px #FFF solid;;
}
content td.agenda{
	min-width:170px;
}
content td.verde{
	background-color:#c8ffc3;
}
content td.vermelho{
	background-color:antiquewhite;
}
content td.amarelo{
	background-color:#ffffaa;
}
content td.indisponivel{
	background-color:#F5F5F5;
}
content td.topo{
	min-width:200px;
	font-size:17px;
	padding:12px 0px;
	border:0px;
}
content td.topo:hover{
	background-color:#FFF;
}
content td:hover{
	/*background-color:#F5F5F5;
	border:1px #5b7dcf solid;*/
}
content td a{
	color:#444;
}
content td span{
	/*padding:5px 8px;
	border-radius:3px;*/
	padding:8px 13px;
    border-radius:20px;
}
content td span.atendido{
	color:#FFF;
	background-color:#40A687; /*verde*/
}
content td span.confirmado{
	color:#FFF;
	background-color:#3B7CD5; /*azul*/
}
content td span.pendente{
	color:#FFF;
	background-color:#F8744C; /*vermelho*/
}
content td span.espera{
	color:#FFF;
	background-color:#F8BC4C; /*amarelo*/
}
content td span.atendimento{
	background-color:#D1D1D1; /*cinza*/
}
content td span.verde{
	color:#FFF;
	background-color:#008455; /*verde*/
}
content td span.verdeescuro{
	color:#FFF;
	background-color:#005B3C; /*verde escuro*/
}
content td span.azulescuro{
	color:#FFF;
	background-color:#102B52; /*azul escuro*/
}
content td span.horario{
	border:1px solid #ccc;
    padding:6px 20px 5px 9px;
    border-radius:15px;
}
content td span.sim:hover{
	background-color:#CEFFE7;
}
content td span.nao:hover{
	background-color:#FFCECE;
}
content tr.lista{
	background-color:#FFF;
	border:1px #D1D1D1 solid;
}
content tr.lista:hover{
	background-color:#F5F5F5;
}
content tr.lista td{
	padding:14px 10px;
	border:0;
}
content tr.lista2{
	background-color:#FFF;
}
content tr.lista2:hover{
	background-color:#F5F5F5;
}
content tr.lista2 td{
	padding:14px 10px;
	border:0;
}

#box{
	display:block;
	float:left;
	font-size:14px;
	/*font-weight:bold;
    text-align:center;*/
	color:#707070;
	width:170px;
	padding:16px 0;
	margin-right:20px;
	border:1px #F7F7F7 solid;
	/*border-top:3px #40A687 solid;*/
	border-radius:10px;
	box-shadow: 3px 3px 6px #F1F1F7;
	/*box-shadow: 1px 1px 14px #DDD;*/
}
#box.vermelho{
	border-top:3px #F8744C solid;
}
#box.amarelo{
	border-top:3px #F8BC4C solid;
}
#box.bg-amarelo{
	background-color:#F8BC4C;
	color:#FFF;
}
#box.bg-azul{
	background-color:#3B7CD5;
	color:#FFF;
}
#box.bg-verde{
	background-color:#EAFFEA;
}
#box h3{
	font-size:34px;
	color:#1D1D1D;
	padding:0 20px;
	/*font-size:20px;
	color:#3B7CD5;*/
}
#box p{
	/*text-transform:uppercase;*/
	font-size:15px;
	padding:5px 20px;
	color:#1D1D1D;
}

#login{
	max-width:946px;
	margin:0 auto;
}

.login{
	display:block;
	width:340px;
	/*margin:50px 0 0 50px;*/
	margin-top:50px;
	margin-left:0;
	border:1px #CCC solid;
	box-shadow:3px 3px 3px #CCC;
	border-radius:4px;
}
.login h3{
	font-size:20px;
}
.login h3 span.adm{
	color:#FFF;
	background-color:#3B7CD5;
	padding:2px 10px;
	border-radius:3px;
}
.login h3 span.adm2{
	color:#FFF;
	background: linear-gradient(to right, blueviolet, #3B7CD5);
	padding:2px 10px;
	border-radius:3px;
}
.login h3 span.pro{
	color:#FFF;
	background-color:#40A687;
	padding:2px 10px;
	border-radius:3px;
}
.login h3 span.pro2{
	color:#FFF;
	background: linear-gradient(to right, #3CE65F, #40A687);
	padding:2px 10px;
	border-radius:3px;
}
.login h3 span.aten{
	color:#FFF;
	background-color:#F8BC4C;
	padding:2px 10px;
	border-radius:3px;
}
.login h3 span.aten2{
	color:#FFF;
	background: linear-gradient(to right, yellow, #F8BC4C);
	padding:2px 10px;
	border-radius:3px;
}
.login h3 span a{
	color:#FFF;
}
.login form{
	width:340px;
	padding:20px 0;
}

.banner{
	width:500px;
	height:329px;
	margin:50px 0;
	box-shadow:3px 3px 3px #CCC;
	border-radius:4px;
}
.banner h1{
	font-size:60px;
	color:#FFF;
	margin-top:30px;
}
.banner h3{
	color:#FFF;
	border-bottom:2px #CCEADF solid;
}

.adm{
	background-color:#3B7CD5;
	border:1px #3B7CD5 solid;
}
.adm2{
	background: linear-gradient(to right, blueviolet, #3B7CD5);
	border:1px #3B7CD5 solid;
}
.pro{
	background-color:#40A687;
	border:1px #40A687 solid;
}
.pro2{
	background: linear-gradient(to right, #3CE65F, #40A687);
	border:1px #40A687 solid;
}
.aten{
	background-color:#F8BC4C;
	border:1px #F8BC4C solid;
}
.aten2{
	background: linear-gradient(to right, yellow, #F8BC4C);
	border:1px #F8BC4C solid;
}