@CHARSET "ISO-8859-1";
html.principal {
overflow-x: hidden;
}
.titulo-grafico {
background: #A9A9A9;
font-weight: bold;
color: #000000;
text-align: center;
border-radius: 10px 10px 0 0 ;
line-height: 40px;
}
html.principal:after {
content : "";
display: block;
position: absolute;
top:0;
left: 0;
background: url("http://www.intersport.com.br/blueintersport/repository/templates/soccer/fundo_3.jpg") fixed repeat;
background-size: 100% auto;
width: 100%;
height: 100%;
-opacity : 0.4;
z-index: -1;
}
a:link,
a:visited,
a:hover,
a:active,
a {
outline: none;
background-color:transparent;
text-decoration:none;
color:#000000;
}
.label {
font-size: 12px;
font-weight: bold;
}
button,
input,
select {
margin: 2px;
padding: 0;
height: 28px;
line-height: 28px;
color: #000000;
background: rgba(255,255,255,0.8);
font-size: 12px;
}
input[type='text'],
input[type='password'],
select {
padding: 0 0 0 4px;
margin:4px;
height:28px;
line-height:28px;
font-size:12px;
background: rgba(255,255,255,0.8);
}
input[type='checkbox'] {
padding: 0;
margin:4px;
height:26px;
font-size:12px;
background: rgba(255,255,255,0.8);
}
input[class='datas'] {
width: 100px;
border: solid 1px #ccc;
border-radius: 4px 4px 4px 4px;
text-align: center;
height:28px;
line-height:28px;
background: rgba(255,255,255,0.8);
border: solid 1px red;
}
input[type="text"]:disabled,
textarea:disabled,
select:disabled {
background: #fff;
-cursor:not-allowed;
}
span[class='checkbox'] {
position:relative;
top:-8px;
}
span[class='radio'] {
position:relative;
top:-9px;
}
button {
min-width: 120px;
line-height: 28px;
padding: 0 4px 0 4px;
font-size: 12px;
}
button.button-blue {
background: rgb(52,152,219);
border: solid 1px rgb(52,152,219);
border-radius: 4px 4px 4px 4px;
--box-shadow: 0px 3px 0px 0px rgba(42,131,190,0.75);
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
}
button.button-blue2 {
min-width: 80px;
background: rgb(52,152,219);
border: solid 1px rgb(52,152,219);
border-radius: 4px 4px 4px 4px;
--box-shadow: 0px 3px 0px 0px rgba(42,131,190,0.75);
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
}
button.button-red {
background: rgb(239,113,122);
border: solid 1px rgb(239,113,122);
border-radius: 4px 4px 4px 4px;
--box-shadow: 0px 3px 0px 0px rgba(220,88,93,0.75);
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
}
button.button-red2 {
min-width: 80px;
background: rgb(239,113,122);
border: solid 1px rgb(239,113,122);
border-radius: 4px 4px 4px 4px;
--box-shadow: 0px 3px 0px 0px rgba(220,88,93,0.75);
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
}
button.button-green {
background: rgb(13,215,131);
border: solid 1px rgb(20,159,132);
border-radius: 4px 4px 4px 4px;
--box-shadow: 0px 3px 0px 0px rgba(20,159,132,0.75);
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
}
/*/ TOPO /*/
.top-header {
height: 5px;
-background-color: #00A551;
background-color: #696969;
}
.barra-topo {
line-height: 18px;
text-align: right;
}
.top-logo-container {
height: 55px;
background: rgb(255,255,255);
}
/*/ LOGO /*/
.logo-blue {
width: 308px;
height: 27px;
margin-top: 14px;
background-image: url('http://www.intersport.com.br/blueintersport/repository/templates/soccer/logo.png');
background-repeat: no-repeat;
}
.menu-logo {
margin-top:10px;
text-align: right;
}
/*/ GADGETS /*/
.btn-notas {
height: 42px;
background-image: url('../img/icone-notas.png');
background-size:100% auto;
background-repeat: no-repeat;
}
.btn-calendario {
height: 42px;
background-image: url('../img/icone-calendario.png');
background-size:100% auto;
background-repeat: no-repeat;
}
.btn-calculadora {
height: 42px;
background-image: url('../img/icone-calculadora.png');
background-size:100% auto;
background-repeat: no-repeat;
}
.icone-vencimento {
height: 15px;
background-image: url('../img/icone-vencimento.png');
background-size:100%;
background-repeat: no-repeat;
}
.icone-exame-medico {
height: 15px;
background-image: url('../img/icone-exame-medico.png');
background-size:100%;
background-repeat: no-repeat;
}
.icone-avaliacao-fisica {
height: 15px;
background-image: url('../img/icone-avaliacao-fisica.png');
background-size:100%;
background-repeat: no-repeat;
}
.icone-documentos {
height: 15px;
background-image: url('../img/icone-documentos.png');
background-size:100%;
background-repeat: no-repeat;
}
.icone-eletrocardiograma {
height: 15px;
background-image: url('../img/icone-eletrocardiograma.png');
background-size:100%;
background-repeat: no-repeat;
}
.icone-agendamento {
height: 20px;
background-image: url('../img/icone-agendamento.png');
background-size:100%;
background-repeat: no-repeat;
}
.icone-contato {
height: 20px;
background-image: url('../img/icone-contato.png');
background-size:100%;
background-repeat: no-repeat;
}
/*/ MENU /*/
.top-menu-container {
-background-color: rgb(0,38,74);
background-color: rgb(0,0,0);
height: 38px;
}
.top-menu-barra-inferior {
text-align: left;
height: 38px;
}
.container-menu {
/* border-bottom: solid 1px #cccccc; */
margin-bottom: 10px;
font-size: 12px;
}
.menu-topo {
height: 35px;
}
.menu {
list-style:none;
float:left;
margin-top: 6px;
padding: 0;
}
.menu li {
position:relative;
float:left;
}
.menu li a {
color:#ffffff;
text-decoration:none;
padding:5px 10px;
display:block;
}
.menu li a:hover {
color:#fff;
}
.menu-active {
color:#fff;
}
.menu li ul {
position:absolute;
top:15px;
padding-top: 10px;
left:0;
-background-color: rgb(0,38,74);
background-color: rgba(0,0,0,0.6);
display:none;
font-size: 12px;
}
.menu li:hover ul, .menu li.over ul{
display:block;
margin-left: 0px;
margin-top: 6px;
z-index: 99999;
border-radius: 0 0 10px 10px;
-border-left: solid 1px rgb(0,38,74);
-border-right: solid 1px rgb(0,38,74);
-border-bottom: solid 1px rgb(0,38,74);
border-left: solid 1px rgb(0,0,0);
border-right: solid 1px rgb(0,0,0);
border-bottom: solid 1px rgb(0,0,0);
}
.menu li ul li{
display:block;
width:250px;
}
/*/ SEPARADOR /*/
.central-mensagens {
background-color: rgba(255,255,255,1);
height: 28px;
}
.separador {
margin-bottom: 10px;
height: 4px;
background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(255,255,255,0.5) 100%);
}
/*/ MENSAGENS /*/
.container-mensagens {
background: rgba(255,255,255,0.3);
padding: 0 10px 10px 10px;
}
.mensagem-blue {
background: rgba(52,152,219,0.8);
border: solid 1px rgb(52,152,219);
color: #FFFFFF;
border-radius: 0 0 10px 10px;
padding-left: 10px;
}
.mensagem-red {
background: rgba(239,113,122,0.8);
border: solid 1px rgb(239,113,122);
color: #FFFFFF;
border-radius: 0 0 10px 10px;
padding-left: 10px;
}
.mensagem-green {
background: rgba(13,215,131,0.8);
border: solid 1px rgb(20,159,132);
color: #FFFFFF;
border-radius: 0 0 10px 10px;
padding-left: 10px;
}
.central-mensagem,
.central-exclusao {
position: absolute;
margin:0 0 0 0;
z-index: 2000;
display: none;
}
.container-mensagem-central,
.container-mensagem-exclusao {
background: rgba(255,255,255,1);
padding: 10px;
border: solid 1px #CCC;
border-radius: 10px;
margin-top:250px;
box-shadow: 20px 18px 30px -4px rgba(51,51,51,0.9);
}
.container-button-central {
margin-top: 10px;
padding-top: 8px;
border-top: solid 1px #CCC;
}
/*/ ACOES /*/
.movable {
cursor: move;
}
.clickable {
cursor: pointer;
}
.fechar {
float: right;
background-image: url('../img/icone-fechar.png');
background-size:100%;
background-repeat: no-repeat;
height: 30px;
width: 30px;
}
/*/ LOGIN /*/
.container-login {
border: solid 1px #ccc;
border-radius: 10px;
margin-top: 10px;
}
.content-login {
padding: 10px;
}
.titulo-login {
height: 20px;
-background-color: #00A551;
background-color: #696969;
border-radius: 9px 9px 0 0;
}
.container-button-login {
border-top: solid 1px #CCC;
margin-top: 10px;
padding-top: 10px;
}
/*/ TABELAS /*/
.conteudo-tabela {
margin-top: -25px;
width: 100%;
max-height: 410px;
overflow: auto;
}
table {
margin: 0;
width: 100%;
border-collapse: collapse;
}
tr, th, td {
padding: 0 4px 0 4px;
font-size: 12px;
text-indent: 5px;
}
tr.hover:hover {
background: rgba(0,0,0,0.1);
}
th {
-background-color: rgba(198,175,97,0.1);
background-color: rgba(169,169,169,0.3);
text-align: left;
font-weight: normal;
padding-top: 4px;
padding-bottom: 2px;
font-weight: bold;
text-transform: uppercase;
}
.scroll-table {
overflow-x: hidden;
overflow-y: scroll;
}
/*/ TIPOGRAFIA /*/
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-red {
color: rgb(239,113,122);
}
.text-green {
color: rgb(13,215,131);
}
.text-blue {
color: rgb(52,152,219);
}
.text-white {
color: rgb(255,255,255);
}
.linha {
line-height: 36px;
height: 36px;
}
.marcador {
border: solid 1px red;
}
/*/ FOOTER /*/
.barra-footer {
position: fixed;
bottom: 0;
height: 5px;
-background-color: #00A551;
background-color: #696969;
}
.container-logo-rodape {
position: absolute;
bottom: 10px;
}
/*/ ABAS /*/
.aba {
text-align: center;
font-weight: normal;
--border: solid 1px rgb(0,38,74);
border-bottom: transparent;
--width: 140px;
padding-left: 10px;
padding-right: 10px;
height: 22px;
margin-right: 4px;
line-height: 22px;
border-radius: 4px 4px 0 0;
z-index: 2;
background: rgba(255,255,255,0.8);
float: left;
font-size: 12px;
}
.aba:hover {
background: #eeeeee;
color: #000000;
cursor: pointer;
border-bottom: solid 1px #eeeeee;
}
.aba.ativa {
position:relative;
background: rgba(255,255,255,1);
border: solid 1px #dddddd;
border-bottom: solid 1px #ffffff;
color: #000000;
z-index:1;
}
.aba.inativa {
display: none;
}
.container-abas {
border-top: solid 1px #dddddd;
-border-radius: 0 10px 0 0;
background: rgba(255,255,255,0.8);
margin-bottom: 50px;
margin-top:-1px;
padding-top: 5px;
}
/*/ BODY /*/
.content-geral {
padding: 10px;
}
.botoes-footer {
padding-top: 4px;
padding-bottom: 4px;
text-align: right;
}
.container-botoes {
padding-top: 4px;
padding-bottom: 4px;
}
.excluir {
background-image: url('../img/icone-excluir.png');
background-size:100%;
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
.editar {
background-image: url('../img/icone-editar.png');
background-size:100%;
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
.grafico {
background-image: url('../img/icone-grafico.png');
background-size:100%;
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
.visualizar-texto {
background-image: url('../img/icone-visualizar-texto.png');
background-size:100%;
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
.divisor-bottom {
padding-bottom: 5px;
margin-bottom: 10px;
-border-top: solid 1px #00A551;
border-top: solid 1px #696969;
}
.divisor-left {
-border-left: solid 1px #00A551;
border-left: solid 1px #696969;
padding-left: 10px;
}
.divisor-right {
-border: solid 1px #00A551;
border: solid 1px #696969;
padding-right: 10px;
}
.container-button-encerrar {
position:absolute;
float: right;
top: 45px;
right: 10px;
}
.cabecalho {
-background-color: #00A551;
background-color: #A9A9A9;
border-radius:10px 10px 0 0;
padding: 4px;
text-align: center;
font-weight: bold;
}
.bottom-fixed {
position:absolute;
bottom:5px;
right: 5px;
}
.ocultar {
display: none;
}
.titulo {
border-radius: 10px 10px 0 0;
-background-color: #00A551;
background-color: #A9A9A9;
padding: 4px;
text-align: center;
font-weight: bold;
-color: white;
}
.box-container {
-border: solid 1px #00A551;
border: solid 1px #A9A9A9;
padding: 4px;
}
.noBackgroud {
background: transparent;
}
.noBorder {
border: transparent;
}
.noHover:hover {
background: none;
}
.grid-br {
border-right: solid 1px #ddd;
}
.grid-bb {
border-bottom: solid 1px #ddd;
}
.chevron-up{
position:relative;
display:block;
height:20px;/*height should be double border*/
}
.chevron-up:before,
.chevron-up:after{
position:absolute;
display:block;
content:"";
border:15px solid transparent;/*adjust size*/
}
/*Change four 'top' values below to rotate (top/right/bottom/left)*/
.chevron-up:before{
bottom:0;
border-bottom-color:#000;/*Chevron Color*/
}
.chevron-up:after{
bottom:-4px;/*adjust thickness*/
border-bottom-color:#fff;/*Match background colour*/
}
.chevron-down{
position:relative;
display:block;
height:20px;/*height should be double border*/
}
.chevron-down:before,
.chevron-down:after{
position:absolute;
display:block;
content:"";
border:15px solid transparent;/*adjust size*/
}
/*Change four 'top' values below to rotate (top/right/bottom/left)*/
.chevron-down:before{
top:0;
border-top-color:#000;/*Chevron Color*/
}
.chevron-down:after{
top:-4px;/*adjust thickness*/
border-top-color:#fff;/*Match background colour*/
}
.cleft {
float: left;
}
.cright {
float: right;
margin-top: -6px;
}
.container-nav {
width: 30px;
}
#dia_atual {
background-color: #ddd;
}
.span-msg-container {
position: absolute;
min-width: 350px;
max-width: 800px;
margin-top: 200px;
left: 200px;
display: none;
z-index:99999;
}
.container-calculadora {
position: absolute;
width: 300px;
height: 350px;
border: solid 1px #2980B9;
border-radius: 4px;
background-color: rgba(255,255,255,0.8);
top: 80px;
right: 10px;
display: none;
}
.titulo-calculadora {
width: 150px;
padding: 4px;
font-weight: bold;
color: darkblue;
float:left;
}
.btn-fechar-calculadora {
width: 20px;
float:right;
color: red;
line-height: 22px;
font-size: 32px;
cursor: pointer;
}
.frame-calculadora {
scrolling: 'no';
border: none;
width: 100%;
height: 100%;
border: none;
}
.container-calendario {
position: absolute;
width: 980px;
height: 450px;
border: solid 1px #2980B9;
border-radius: 4px;
background-color: rgba(255,255,255,0.8);
top: 80px;
right: 10px;
display: none;
}
.titulo-calendario {
width: 860px;
padding: 4px;
font-weight: bold;
color: darkblue;
float:left;
}
.btn-fechar-calendario {
width: 20px;
float:right;
color: red;
line-height: 22px;
font-size: 32px;
cursor: pointer;
}
.frame-calendario {
margin-top: 0px;
height: 100%;
width: 100%;
scrolling: no;
border: none;
}
.container-notas {
position: absolute;
width: 350px;
height: 350px;
border: solid 1px #2980B9;
border-radius: 4px;
background-color: rgba(255,255,255,0.8);
top: 80px;
right: 10px;
display: none;
}
.titulo-notas {
width: 150px;
padding: 4px;
font-weight: bold;
color: darkblue;
float:left;
}
.conteudo-notas {
padding: 2px;
background-color: #FFFFAA;
height: 256px;
}
.texto-nota {
resize: none;
width: 296px;
height: 255px;
background: transparent;
border: none;
}
.texto-nota:focus{
outline: 0;
border:none;
box-shadow:none;
}
.btn-fechar-notas {
width: 20px;
float:right;
color: red;
line-height: 22px;
font-size: 32px;
cursor: pointer;
}
.container-mensagens-internas {
position: absolute;
width: 98%;
height: 81%;
border: solid 1px #2980B9;
border-radius: 4px;
background-color: rgba(255,255,255,0.98);
top: 130px;
left: 10px;
display: none;
}
.titulo-mensagens-internas {
width: 880px;
padding: 4px;
font-weight: bold;
color: darkblue;
float:left;
}
.btn-fechar-mensagens-internas {
width: 20px;
float:right;
color: red;
line-height: 22px;
font-size: 32px;
cursor: pointer;
}
.frame-mensagens-internas {
margin: 5px;
margin-top: 0px;
height: 99%;
width: 99%;
scrolling: no;
border: none;
}
#box .span-lista-matriculas {
-border:solid 1px #00A551;
border: solid 1px #696969;
position:fixed;
top:20px;
width:980px;
/* height:200px; */
display:none;
z-index:99999;
-padding:10px;
background: rgb(255,255,255);
border-radius: 10px 10px 0 0;
}
.cabecalho-lista-matricula {
font-size: 12px;
font-weight: normal;
-background-color: #00A551;
-background-color: #696969;
line-height: 40px;
border-radius: 10px 10px 0 0;
--text-align: center;
}
.tituloArea {
border-radius: 10px 10px 0 0;
-background-color: #00A551;
background-color: #A9A9A9;
padding: 4px;
text-align: center;
font-weight: bold;
-color: white;
}
.container-area {
-background-color: #00A551;
background-color: #696969;
border-radius: 11px 11px 0 0;
height: 510px;
background: rgba(255,255,255,1);
}
.container-area-planos {
margin-top: -15px;
-border: solid 1px #00A551;
border: solid 1px #696969;
height: 480px;
background: rgba(255,255,255,1);
}
.div-title {
-background-color: #00A551;
background-color: #A9A9A9;
text-indent: 4px;
font-size: 12px;
padding-top:4px;
padding-bottom: 4px;
font-weight: bold;
}
.container-nova-mensagem {
position: absolute;
width: 1000px;
height: 540px;
border: solid 1px #2980B9;
border-radius: 4px;
background-color: rgba(255,255,255,0.8);
top: 0px;
left: 0px;
display: none;
z-index: 999999;
}
.content-nova-mensagem {
padding: 10px;
}
.container-buttons-nova-mensagem {
text-align: right;
padding-right: 10px;
}
.container-mensagem-alerta {
position: fixed;
top: 120px;
left: 25%;
background-color: rgba(255,255,255,0.9);
border: solid 1px #A9A9A9;
width: 450px;
border-radius: 4px;
display: none;
z-index: 9999;
}
.titulo-mensagem-alerta {
text-transform: uppercase;
text-align: center;
background-color: #A9A9A9;
font-size: 14px;
font-weight: bold;
color: white;
line-height: 30px;
}
.texto-mensagem-alerta {
padding: 10px;
font-weight: bold;
}
.block-mensagem {
background-color: rgba(0,0,0,0.6);
z-index: 9990;
}
.iframe-nova-mensagem {
width:100%;height:98%;border:none;
}
.menu-lateral {
display: none;
width:410px;
height:250px;
background-color: rgba(0,0,0,0.7);
padding:10px 0 10px 10px;
position:absolute;
right: 10px;
margin-top: 32px;
cursor: move;
}