/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration:none;}
ins {background-color:#F3F3F3;color:#363636;text-decoration:none;}
mark {background-color:#FF9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
a:hover, a:active {outline: none;}
::-moz-selection{background:#6B82B3; color:#FFF; text-shadow:none;}
::selection {background:#6B82B3; color:#FFF; text-shadow:none;}
textarea { resize: none}

/* Toolbox */
*.right {float:right;}
*.left {float:left;}
*.clear {clear:both;}
*.hide {display:none;}
*.bold {font-weight:bold;}
*.italic {font-style:italic;}
*.underline {border-bottom:1px solid;}
img.centered {display:block;margin:0 auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}
img.middle {vertical-align:middle; margin:8px 5px 8px 0;}
*.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
*.clearfix {display:block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.z-index {position:relative; z-index:1;}
.access { margin-right: 30px}

/* Fonts */
@font-face {font-family: 'ApexNewBook';
src: url('http://cm.santajoanarecife.com.br/sj/fonts/apexnew-book.eot');
src: local('Aaux ProMedium'), url('http://cm.santajoanarecife.com.br/sj/fonts/apexnew-book.woff') format('woff'), url('http://cm.santajoanarecife.com.br/sj/fonts/apexnew-book.ttf') format('truetype'), url('http://cm.santajoanarecife.com.br/sj/fonts/apexnew-book.svg#ApexNewBook') format('svg');
font-weight:normal; font-style:normal;}

@font-face {font-family: 'ApexNewMedium';
src: url('http://cm.santajoanarecife.com.br/sj/fonts/apexnew-medium.eot');
src: local('Aaux ProMedium'), url('http://cm.santajoanarecife.com.br/sj/fonts/apexnew-medium.woff') format('woff'), url('http://cm.santajoanarecife.com.br/sj/fonts/apexnew-medium.ttf') format('truetype'), url('http://cm.santajoanarecife.com.br/sj/fonts/apexnew-medium.svg#ApexNewMedium') format('svg');
font-weight:normal; font-style:normal;}

input {font-family: 'ApexNewBook'; padding-left: 4px}
textarea {font-family: 'ApexNewBook'; padding: 10px}
dl, #treinamentos table, .status, div#avalicaodesempenho, table {font-family: 'ApexNewBook';}
#criartreinamentos h3, #treinamentos h3, table td.titulos, div#pontuacao, div#predominancia dt, .add  {font-family: 'ApexNewMedium';}
footer { font-family: Verdana; }

select { border: 1px solid #C6C6C6; color: #6A6A6A; font-size: 13px; height: 25px; margin-top: 2px; padding: 3px; text-transform: uppercase;  }

dl.criarntreinamento {width: 437px;}
dl.addtreinamento {width: 312px;}

dt {color: #6a6a6a; font-size: 13px; margin-bottom: 6px; }
dd {}
dd.right {text-align: right; }
dd input {height: 21px; margin-bottom: 6px;}
dd textarea { resize: none; height: 155px; margin-bottom: 10px;}
input[type=submit], input[type=button] { background: #c3c3c3; color: #fff; text-transform: uppercase; border: none; height: 25px; font-size: 12px; cursor: pointer; width: 116px!important;}
input[type=submit]:hover, input[type=button]:hover { background: #ababab; }
dd input.type_1 { width: 97px!important}
dd input.type_2 { width: 40px!important; border: 1px solid #ABADB3; border-right: 0; height: 23px;}
dd input.type_3 { width: 229px!important}
dd input[type=file] { padding-left: 0; height: 24px;}
dd input[type=radio] { width: 14px!important; height: 14px!important; outline: none;margin-bottom: 6px; }

table { font-size: 13px; margin-bottom: 36px }
table td { height: 31px; padding:7px 4px 7px 10px; font-size:14px;  border: 1px solid #c6c6c6; vertical-align: middle;}
table td.tbh3 { background: #e8e8e8; text-align: center; color: #6a6a6a; text-transform: uppercase; font-size: 14px; padding-top: 8px; }
table td.center { text-align: center; padding: 5px;}
table td a { color: #2e61d1; text-decoration: underline;}
table td a:hover { color: #3039a2; text-decoration: underline;}
table td.td_ava { width: 77%; }
.status { width: 142px; }
.ufcrm { width: 60px; margin-bottom: 6px;}
.foto { }
.treinstatus { float: right}


/* Page style */
body {font:11px Verdana, sans-serif; color:#666; background:#D5D5D5 url(../images/background-body.png) repeat-x top;}
#wrap {background:url(../images/background-header.gif) repeat-x;}
header, section, footer {width:1170px; margin:0 auto;}
hr { background: #ebebeb; height: 1px; width: 100%; border: none; margin-top: 36px; margin-bottom: 19px;}

/* Header */
h1 a {width:260px; height:53px; background:url(../images/logo.png) no-repeat bottom right; display:block; text-indent:-99999px; padding:22px 0 0 10px;}
.titulo-principal {background:#204DB1 url(../images/background-titulo.gif) repeat-x top; height:58px; padding:0 10px; margin:26px 0 0; border-width:1px; border-color:#295bc8 #142d65 #142d65 #295bc8; border-style:solid;}
.titulo-principal h2 {font:bold 32px/58px "ApexNewMedium"; color:#FFF; text-shadow:1px 1px 1px #081C41; text-transform:uppercase; float: left;}
.titulo-principal div#logout { background: url("../images/cross.png") no-repeat scroll center center transparent; cursor: pointer; float: right; height: 58px; width: 44px;}

section {margin:45px auto 0;}
#login {background:#F5F5F5;}
#logar {padding:30px 20px; width:; float:left;}
#logar h3 {color:#2451B3; font:bold 15px Verdana, sans-serif; text-transform:uppercase;}
#logar label {margin:25px 0 2px; display:block; font:15px "ApexNewBook"; text-transform:uppercase;}
#logar input {margin:0; padding:5px; width:250px; font:15px "ApexNewBook"; color:#9D9D9D;}
#logar input:focus {outline:2px solid #295BC8; color:#666;}
#logar #senha {margin:0 0 40px;}
#logar input[type=submit] {float:right; padding:0 10px; height:28px; width:auto; font:15px/28px "ApexNewBook"; cursor:pointer; color:#FFF; text-shadow:1px 1px 1px #3C3C3C; background:#7B7B7B; border-width:1px; border-style:solid; border-color:#D6D6D6 #505050 #505050 #D6D6D6;}
#logar a {color:#666; float:left;}
#logar a:hover {text-decoration:underline;}

#login img {float:right; border-left:1px solid #A7A8A9;}

/* Sidebar */
aside {width:190px; float:left; background:#fff; padding:20px 10px; height: 100%; min-height: 710px; display: block;}
aside h2 {border-bottom: 1px solid #E6E6E6; color: #2E61D1; font: 14px "ApexNewBook"; padding: 0 0 3px; }
aside h3 {color: #2E61D1; text-transform: uppercase; font-size: 13px; margin: 20px 0 25px;font-weight: bold; font-family: "ApexNewMedium";}

aside ul {font:14px "ApexNewBook"; margin:0 0 20px;}
aside ul li {background: url(../images/seta.png) no-repeat 178px 10px #EBEBEB;
width: 192px; height: 35px; margin-bottom: 3px; text-transform: uppercase; color: #232323;}
aside ul li a {padding: 10px 5px 10px 10px; width: 177px; height: 14px; display: block; color: #232323;}
ul#acoes li:hover {background: url(../images/seta.png) no-repeat 178px 10px #d6d6d6; }

aside ul li ul {overflow: hidden}
aside ul li ul li {background: none; font-size: 12px; width: 100%; padding-left: 10px;  }
aside ul li ul li a {}
aside ul li ul li a.active {background: url(../images/seta.png) no-repeat 178px 10px #f8f8f8; margin-left: -10px; padding-left: 20px; height: 15px }
aside ul li ul li a:hover {background: url(../images/seta.png) no-repeat 178px 10px #f8f8f8; margin-left: -10px; padding-left: 20px; height: 15px }


aside .editar {font:13px "ApexNewBook"; color:#8B8B8B; text-align:right; display:block; text-transform:lowercase; text-decoration:underline; padding:10px 0 0;}

aside a.active {background: url(../images/seta.png) no-repeat 178px 10px #d6d6d6;}

/* == - == */


#busca {float:right;}
#busca input {font:13px "ApexNewBook"; color:#D3D3D3; border:0; box-shadow:inset 1px 1px 4px #BCBCBC; padding:3px 8px; width:150px;}
#busca input:focus {outline:none; color:#666;}
#busca input[type=submit] {text-indent:-99999px; font-size:0; line-height:0; background:url(../images/background-submit.gif) no-repeat; height:22px; width:22px; cursor:pointer; margin:0 0 0 -6px;}

#entrada {float:right; width:900px; /*background:#F5F5F5;*/ background:#fff; padding:23px;}
#entrada h2 {font:23px "ApexNewBook"; color:#3063D3; text-transform:uppercase; margin:0 0 5px;}
#entrada h2 span { font-size:15px; text-transform:lowercase; }
#entrada h3 {font:15px "ApexNewBook"; font-weight:bold; color:#6A6A6A; text-transform:uppercase; margin:0 0 5px;}

#ordenar {color:#6B82B3; width:100%; float:left; padding:0 0 8px; margin-bottom: 30px;}
#ordenar li {float:left; _padding:0 5px;}

#ordenar a {color:#656565; padding:7px 12px; border: 1px solid #e6e6e6; border-bottom: 1px solid #d2d2d2;}
#ordenar a.enable:hover {background:#fff url(../images/active-ordenar.jpg)  repeat-x 0 2px; color:#204db1; border: 1px solid #d2d2d2; border-bottom: none; padding-top: 12px;}
#ordenar a.disabled:hover {cursor:default;}
#ordenar .active {background:#fff url(../images/active-ordenar.jpg)  repeat-x 0 2px; color:#204db1; border: 1px solid #d2d2d2; border-bottom: none; padding-top: 12px;}
#ordenar .enable.active:hover {color:#D2D2D2;}

/* criar treinamentos */
#criartreinamentos {}
#criartreinamentos li {padding:15px 0; border-bottom:1px solid #D7D7D7; position:relative;}
#criartreinamentos h3 {font-size:24px; color:#6a6a6a; margin:0 0 8px; padding:0 70px 0 0; margin-bottom: 21px;}
#criartreinamentos p {font:11px Verdana, sans-serif; color:#514f4f;}

#criartreinamentos input[type=text]{ width: 427px; }
#criartreinamentos textarea { width: 412px; }
#criartreinamentos select { width: 312px; margin-bottom: 6px;}
select.small { width: 135px !important;}

/* Criar */

/* treinamentos */
#treinamentos {color: #6a6a6a;}
#treinamentos p {font:11px Verdana, sans-serif; color:#514f4f;}

#treinamentos input[type=text]{ width: 427px; }
#treinamentos textarea { width: 412px;}
/* treinamentos */}

/* identificação */
div.fotoid { height: 146px!important;}
div.fotoid img {float: left; margin-right: 5px; width: 129px; height: 129px;}

dl.foto dt { float: left; width: 200px; display: block; }
dl.foto dd { font-size: 13px;}
dl.foto dd input { width: 277px; }


div#identificacao {}
dl.identificacao {}
dl.identificacao dt { float: left; width: 200px; display: block; }
dl.identificacao dd { font-size: 13px;}
dl.identificacao dd input { width: 277px; }
dl.identificacao dd textarea { width: 400px;}
dl.identificacao dd.center { width: 421px; float: left; text-align: center; }

dl.identificacao dd input[type=file] { width: 288px}
dl.identificacao dd input[type=radio] { outline: none }

dl.identificacao dd#cep input { float: left }
dl.identificacao dd#cep div.loadCep{ background: url("../images/load.gif") no-repeat; width: 27px; height: 25px; float: left;}
dl.identificacao dd#cep span.erroCep{ color: #FF0000;font-size: 0.9em;padding-left: 10px; float: left;}

/* titulos */
div#titulos {}
dl.titulos {}
dl.titulos dt { float: left; width: 200px; display: block; }
dl.titulos dd { font-size: 13px; margin-left: 200px}
dl.titulos dd a { color: #204DB1; font-size: 16px }
dl.titulos dd a:HOVER { text-decoration: underline; }
dl.titulos dd input { width: 277px; }
dl.titulos dd textarea { width: 400px;}
dl.titulos dd.center { width: 469px; float: right; text-align: center; }

dl.titulos dd input[type=file] { width: 288px}
dl.titulos dd input[type=radio] { outline: none }


/* avaliação */
div#avalicaodesempenho { }
div#avalicaodesempenho h3 { font-size: 18px; color: #6a6a6a; text-transform: uppercase; text-align: center; background: #ebebeb; height: 25px; padding: 14px 0 10px 0; margin-bottom: 17px}
div#avalicaodesempenho h4 { font-size: 18px; color: #6a6a6a; margin-bottom: 7px}
div#avalicaodesempenho textarea { width: 98%; height: 156px; margin-bottom: 15px;}

dl.avaliacao {margin-bottom: 34px;}
dl.avaliacao dt { float: left; width: 150px; display: block; }
dl.avaliacao dd { font-size: 13px;}
dl.avaliacao dd input { width: 277px; }
dl.avaliacao dd textarea { width: 400px;}
dl.avaliacao dd.center { width: 469px; float: right; text-align: center; }

dl.avaliacao dd input[type=file] { width: 288px}

table#tabavaliacao input[type=text]{width: 90%; height: 24px}
table#compcomportamentais input[type=text]{width: 90%; height: 24px}
table#comptecnicas input[type=text]{width: 90%; height: 24px}

div#pontuacao {margin-bottom: 34px; overflow: hidden;}
div#pontuacao ol { padding-left: 5px; width: 340px; float: left; height: 77px; display: block; overflow: hidden; margin-right: 5px;}
div#pontuacao ol li {font-size: 14px; margin-bottom: 7px;  width: 150px; float: left; list-style: none;}
div#pontuacao ol span { float: left; margin-right: 60px; display: block }
div#pontuacao ul li {font-size: 14px; margin-bottom: 7px; }

div#pontuacaomedia { margin-bottom: 33px;}
div#pontuacaomedia ul li {font-size: 13px; margin-bottom: 6px; }

div#predominancia { margin-bottom: 25px; }
div#predominancia h4 { margin-bottom: 23px;}
div#predominancia input[type=radio] { margin-right:18px; margin-top:-5px }
div#predominancia dt { font-size: 14px;}
div#predominancia dd { font-size: 14px; margin: 15px 0}

/* criar avaliacao */
div#criarav {}
dl.criarav { margin-bottom: 15px;}
dl.criarav dt { float: left; margin-right: 15px;  }
dl.criarav dd { font-size: 13px;}
dl.criarav dd input { width: 427px; }
dl.criarav dd textarea { width: 400px;}
dl.criarav dd.center { width: 469px; float: right; text-align: center; }

dl.titulos dd input[type=file] { width: 288px}
dl.titulos dd input[type=radio] { outline: none }

table#comptecn input[type=text]{width: 97%; height: 24px}


.add {background: #C3C3C3 url(../images/add.png) no-repeat 4px 7px; text-transform: uppercase; border: none; height: 30px; font-size: 12px; width: auto; margin-bottom: 10px; float: left; padding-right: 9px; }
.add:hover {background: #ababab url(../images/add.png) no-repeat 4px 7px;;}
.add a{width: 90%; padding-left: 24px; display: block; color: white; height: 22px;
padding-top: 7px; }

.addcomp {background: #6C6C6C url(../images/add.png) no-repeat 4px 7px; text-transform: uppercase; border: none; height: 30px; font-size: 12px; width: auto; float: right; padding-right: 14px; margin-top: -6px;}
.addcomp:hover {background: #4c4c4c url(../images/add.png) no-repeat 4px 7px;;}
.addcomp a{width: 90%; padding-left: 24px; display: block; color: white; height: 22px; padding-top: 7px; text-decoration: none }
.addcomp a:hover { color: #fff; text-decoration: none }


table#comptecn td.tbh3 { background: #E8E8E8; color: #6A6A6A; text-transform: uppercase; font-size: 14px; padding-top: 14px; height: 20px; }


.medicosativos { float:right; width: 142px; }
.pesquisarmedico { float: right }
.pesquisarmedico input[name=pesquisar] { width: 200px; height: 19px;}
.pesquisarmedico input[type=button],
.pesquisarmedico input[type=submit] { width: 30px!important; }

.especialidademedico {float: right; margin-right: 7px;}

.paginacao {margin-top: -15px; width: 100%; text-align: center;}
.paginacao p {display:inline; font:13px Verdana, sans-serif; color:#6B82B3;}
.paginacao em {text-decoration:underline; font-style:normal;}
.paginacao a {margin:0 0 0 15px; color:#6B82B3; font:14px "ApexNewBook";}
.paginacao a:hover { color: #344771}

#relatorios form.filtros { line-height: 27px; margin: 5px 0 40px; padding: 10px; background-color: #e1e1e1; }
#relatorios h3 { font-size: 17px; }
#relatorios ul { margin-bottom: 40px; line-height: 27px; }
#relatorios ul li { border-bottom: 1px solid; font-size: 1.2em; }
#relatorios ul li a { color:#6B82B3; font-size: 1.1em; }
#relatorios ul li .filtros { }
#relatorios ul li .filtros div.info { margin-bottom: 8px; border-top: 1px dashed; }
#relatorios ul li .filtros div.info .select-medicos #meds-off,
#relatorios ul li .filtros div.info .select-medicos #meds-all,
#relatorios ul li .filtros div.info .select-medicos_ava #meds-off_ava,
#relatorios ul li .filtros div.info .select-medicos_ava #meds-all_ava {display: none; }
#relatorios ul li .filtros div.info .ui-multiselect input.search {height: 29px; width: 130px; }


/* footer */
footer {margin:30px auto 10px;}
footer p {font-size:11px; color:#514f4f; text-align:center;}
footer a  {color:#514f4f; font-weight: bold; }


/* Classes gerais */
.left { float: left; margin-right:20px;}
.right { float: right}
.center { text-align: center;}
.tright { text-align: right; padding-right: 9px;} /* texto à direita*/
.odd td { background: #f9f9f9; }
.noborder {border:none; background: none!important}
.fmedium {font-family: 'ApexNewMedium';}
.flight {font-family: 'ApexNewBook';}
.none {display: none; }
.red {color: #ff0000; font-size: 12px}
.alertAct { height: 50px; text-align: center; }
.alertActTxt { background-color: #FFFFC6; border: 1px solid; color: #FF0000; margin: auto; padding: 5px 10px; }
.media_ava {  font-size: 20px; padding-bottom: 3px; padding-right: 5px; text-align: right; width: 125px !important;}
.clear {display: block; clear: both;}

.wrapper-checkbox {
    width: 622px;
    height: 200px;
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.wrapper-checkbox-areas {
    width: 622px;
    height: 160px;
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

#inf-vacinas {
    padding: 15px;
    padding-left: 22%;
    display: grid;
    grid-template-columns:auto;


}

#vacina {
    padding-bottom: 10px;
}

#inf-especialidade {
    padding: 15px;
    padding-left: 22%;
    display: grid;
    grid-template-columns:auto;


}

#inf-especialidade h4 {
    padding-bottom: 10px;
}

#inf-especialidade p {
    padding-bottom: 10px;
}

#especialidade {
    padding-bottom: 10px;
}


.pre-cadastro-table {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 20px;
}

.form-group {
	grid-column: span 2;
}

.form-group select {
	width: 100% !important;
}

.grid-3 {
	grid-column: 1/3;
}

.grid-1 {
	grid-column: 1/2;
}

.grid-5 {
	grid-column: 2/5;
}

.grid-full {
	grid-column: 1/5;
}

.input-ddd {
	width: 108px !important;
}

.input-tel {
	width: 96% !important;
}

.pre-cadastro-group {
	display: flex;
}

.pre-cadastro-radio {
	display: flex;
	align-items: center;
	margin: 10px 10px 10px 0;
}

.pre-cadastro-radio-label {
	font-size: 12px !important;
	margin: 0 0 0 5px !important;
}

.pre-cadastro-radio-input {
	width: initial !important;
	outline: none !important;
}

.pre-cadastro-mail {
	width: 97% !important;
	margin-bottom: 40px !important;
}

.btn-submit {
	float: none !important;
}

.form-response{
    margin-bottom: 20px;
    padding: 11px 11px;
    text-align: center;
    border: 1px solid #F6F6a6;
    width: 100%;
    /* margin-left: 10%; */
    background-color: #FFFFC6;
    color: green;
}

.red {
    color:#FF0000;
}

.linha{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    padding:10px;  
}
  
.coluna-50 {
    padding-bottom: 10px;
}

.coluna-33 {
    width: 33%;
}