body{
margin: 0px;
font-family: sans-serif;
}
a{
text-decoration: none;
color: #619ddc;
}
.page-view{
padding-top: 2px;
}
.scroll-page {
/*padding-top: 60px;*/
}
.header-box-app {
background: #fff;
padding: 7px;
margin-bottom: 5px;
height: 90px;
text-align: center;
}
.scroll-header {
border-bottom: 1px solid #fff;
height: 32px;
opacity: 0.8;
z-index: 3;
-webkit-transition:all linear 0.1s;
-moz-transition:all linear 0.1s;
-o-transition:all linear 0.1s;
transition:all linear 0.1s;
}
.scroll-header img{
height: 28px;
-webkit-transition:all linear 0.1s;
-moz-transition:all linear 0.1s;
-o-transition:all linear 0.1s;
transition:all linear 0.1s;
}
.header-logo {
display: block
}
.header-logo img{
display:inline;
-webkit-transition:all linear 0.1s;
-moz-transition:all linear 0.1s;
-o-transition:all linear 0.1s;
transition:all linear 0.1s;
}
.header-logo span{
font-size: 16px; display:inline; color: #777; font-weight: 600;
}
.header-contados {
color: #ddd;
color: #ddd;
height: 55%;
font-size: 15px;
}
.header-btns {
width: 100%;
text-align: center;
}
/*.btns-entrada {
margin: 0px 0px;
}
.btns-entrada li{
display: inline-block;
margin-right: 12px;
font-size: 14px;
}*/
.header-user {
display: table-cell;
text-align: center;
vertical-align: middle;
float: left;
}
.body-app {
background: #ccc;
}
/*************************
## Conteudos texto ##
*************************/
.box-texto{
margin: 10px;
margin-left: 15%;
margin-right: 15%;
}
.box-texto p{
font-size: 18px;
color: #777;
letter-spacing: 0.1em;
line-height: 1.5em;
}
.bloco-info {
color: #fff;
width: 47%;
min-height: 403px;
vertical-align: top;
margin: 3px;
background: #fff;
/* float: left; */
display: inline-block;
padding: 10px;
}
.mask-degrade-black {
/*background-image: linear-gradient(90deg,#000, #000,transparent, transparent, #000, #000);*/
background-image: linear-gradient(90deg,#4a498b, #8c6f8d, #1c8b7b, #1c8b7b, #8c6f8d, #4a498b);
opacity: 0.9;
height: 100%;
display: table;
width: 100%;
}
.lista-itens {
text-align: center;
vertical-align: top;
padding: 0;
margin: 0;
margin-top: 10px;
}
.lista-itens li {
display: inline-block;
color: #fff;
margin: 5px 10px 3px 10px;
max-width: 177px;
vertical-align: top;
}
.lista-itens li img{
height:70px;
margin: 5px;
}
/*************************
## inicio ##
*************************/
.list-modulos {
list-style: none;
text-align: center;
padding: 0;
}
.list-modulos li{
display: inline-block;
text-align: center;
margin: 2%;
}
.btn-fixo {
width: 13px;
height: 13px;
margin: 8px;
background: #777;
border-radius: 100%;
display: inline-block;
border: 1px solid #ddd;
}
.fixo-modulos {
position: fixed;
list-style: none;
margin: 0;
padding: 0;
}
.fixo-modulos li{
display: block;
}
.fixo-modulos img{
width: 20px;
margin: 7px;
}
.fixo-modulos span{
display: none;
font-size: 12px;
text-shadow: 1px 1px #fff;
color: #777;
/* margin-left: -9px; */
position: relative;
top: -12px;
left: -5px;
}
.fixo-modulos:hover span{
display: inline;
}
.modulo {
background: #fff;
padding: 5px 2px 15px 2px;
border-bottom: 1px dashed #bbb;
}
.box-modulo {
text-align: center;
width: 80%;
margin: auto;
}
.img-modulo {
float: left;
padding: 13px;
width: 20%;
}
.img-modulo img{
/* width: 133px;*/
}
.conteudo-modulo {
display: inline-block;
width: 50%;
text-align: left;
}
.table-conteudo {
color: #fff;
}
.table-conteudo td{
padding: 5px;
vertical-align: middle;
height: 38px;
}
.table-desc {
color: #777;
line-height: 1.5;
}
.table-desc img{
/*margin-left: 77px;*/
}
.table-desc td{
padding: 5px;
vertical-align: middle;
}
.banner {
background: #fff;
display: table;
width: 100%;
}
.slider{
height: 320px;
background-position: left, center;
/* -webkit-transition:all linear 0.5s;
-moz-transition:all linear 0.5s;
-o-transition:all linear 0.5s;
transition:all linear 0.5s;*/
}
.slider img{
height: 320px;
}
.conteudo-slide {
color: #fff;
/* position: absolute; */
width: 42%;
padding: 11px;
margin: 11px;
float: right;
background: #6d6f81;
/* background-image: linear-gradient(90deg, transparent, #455056, #455056);*/
opacity: 0.8;
}
.conteudo-slide-b {
color: #14406d;
width: 32%;
padding: 11px;
margin: 11px;
margin-left: 10%;
float: right;
background: #fff;
text-align: center;
opacity: 0.8;
}
.btns-slider {
margin: 0px 0px;
display: table-cell;
text-align: center;
vertical-align: bottom;
}
.btns-slider li{
display: inline-block;
margin-right: 8px;
}
.btn-slider {
width: 14px;
height: 14px;
background: transparent;
border: 2px solid #eee;
cursor: pointer;
box-shadow: 1px 1px 0px #333;
-moz-box-shadow: 1px 1px 0px #333;
-webkit-box-shadow: 1px 1px 0px #333;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
}
.btn-visible{
background: #96aab3;
}
.mask-degrade {
background-image: linear-gradient(90deg,#fff, transparent,transparent,transparent, #fff);
height: 100%;
display: table;
width: 100%;
}
.slide-titulo {
color: #fff;
/* text-transform: uppercase; */
font-size: 26px;
/* letter-spacing: 0.07em; */
line-height: 1.3;
text-align: center;
font-weight: 600;
}
.slide-texto {
color: #fff;
/* text-transform: uppercase; */
font-size: 16px;
/* letter-spacing: 0.1em; */
line-height: 1.5;
}
.box-email {
position: fixed;
bottom: 0;
right: 9px;
background: #5b6f78;
width: 161px;
height: 35px;
display: table;
}
.icone-email {
background: #5b6f78;
border-right: 1px solid #fff;
width: 40px;
height: 100%;
display: table-cell;
text-align: center;
vertical-align: bottom;
}
.titulo-email {
background: #5b6f78;
width: 80px;
height: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
color: #fff;
font-size: 12px;
font-weight: 600;
}
/**
conteudo
**/
.sub-titulo {
color: #fff;
font-size: 30px;
text-align: center;
margin-top: 17px;
margin-bottom: 17px;
}
.sub-titulo-2 {
color: #133d9c;
font-size: 31px;
width: 93%;
text-align: center;
margin-top: 23px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}
.lista-conteudo {
list-style: none;
padding: 0px;
background: #fff;
vertical-align: top;
}
.lista-conteudo li{
display: inline-block;
margin-right: 12px;
width: 22%;
vertical-align: top
}
.lista-conteudo img{
width: 96%;
}
.texto-conteudo {
color: #777;
text-align: left;
font-size: 19px;
}
.corpo-texto {
width: 70%;
margin: auto;
line-height: 1.5;
}
.corpo-texto h3{
color: #0f63aa;
}
/**
formulario
**/
.table-form {
width: 100%;
}
.table-form th{
font-size: 14px;
}
.table-form th span{
font-weight: 100;
}
.table-form td{
padding: 0px 5px 0px 5px;
}
.myButton {
background-color:#44c767;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
background-color:#5cbf2a;
}
.myButton:active {
position:relative;
top:1px;
}
/**
Roda pé do site
**/
.foot-conteudo {
color: #eee;
background: #152025;
height: 280px;
padding-bottom: 10px;
text-align: center;
vertical-align: middle;
padding-right: 7%;
padding-left: 7%;
}
.foot-secundario {
color: #8f9ea5;
background: #152025;
padding: 10px;
text-align: center;
border-top: 1px solid #5b6f78;
}
/** social **/
.info-rodape-1 {
padding-left: 0;
list-style: none;
}
.info-rodape-1>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.info-rodape-1 p{
font-size: 16px;
font-weight: 600;
}
.info-rodape-1 span{
font-size: 14px;
}
.newsletter {
float: right;
width: 32%;
text-align: left;
margin: 0 2% 25px 4%;
}
.newsletter form {
float: left;
}
.newsletter label {
display: block;
margin-bottom: 5px;
line-height: 1.2;
}
.newsletter span {
margin: 6px 0;
float: left;
font-size: 1em;
color: #FFF;
}
.newsletter label input {
box-shadow: 1px 1px 1px #333;
font: 500 0.850em Helvetica, Arial;
color: #555;
background: #EEE;
}
.newsletter label input {
height: 15px;
width: 100%;
padding: 8px;
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btncad {
color: #fff;
padding: 5px;
background: #5b6f78;
}
/** educaty */
/*************************
## SISTEMA ##
*************************/
/***
MENU PREINCIPAL
***/
/*p {margin-bottom: 1px;}*/
.box-logo-login {
width: 93px;
margin-right: auto;
margin-left: auto;
padding: 11px;
text-align: center;
background: #003884;
-webkit-box-shadow: 4px 4px 10px #777;
box-shadow: 4px 4px 10px #777;
border-bottom-right-radius: 35px;
-webkit-border-bottom-right-radius: 35px;
-moz-border-bottom-right-radius: 35px;
-ms-border-bottom-right-radius: 35px;
-o-border-bottom-right-radius: 35px;
}
.img-logo-login {
font-size: 30px;
font-weight: 700;
color: #777;
}
.nome-logo-login {
font-size: 15px;
font-weight: 700;
color: #777;
margin-top: 5px;
}
.tag-ocorrencias {
width: 21px;
height: 21px;
background-color: #D40101;
border: transparent;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
-ms-border-radius: 19px;
-o-border-radius: 19px;
border-radius: 19px;
}
.tag-ocorrencias span {
font-size: 13px;
font-weight: 600;
color: #fff;
}
/*.box-logo-sistema{
position: absolute;
top: 3px;
left: 5%;
padding: 10px;
text-align: center;
background: #003884;
-webkit-box-shadow: 4px 4px 10px #777;
box-shadow: 4px 4px 10px #777;
-webkit-border-bottom-right-radius: 35px;
-moz-border-bottom-right-radius: 35px;
-ms-border-bottom-right-radius: 35px;
-o-border-bottom-right-radius: 35px;
}
.nome-logo {
font-size: 15px;
font-weight: 700;
color: #fff;
margin-top: 5px;
}
.barra-logo{
width: 100%;
height: 5px;
background-color: #999;
-webkit-transition: all .5s;
transition: all .5s;
}
.img-logo {
font-size: 30px;
font-weight: 700;
color: #fff;
}*/
.box-inicio-nave {
width: 100%;
min-width: 380px;
margin-right: 1px;
height: 25px;
float: left;
z-index: 96;
text-align: center;
background: #fff;
border-bottom: 3px solid #687B8E;
color: #687B8E;
}
.box-navegacao {
width: 29%;
min-width: 194px;
margin-right: 0px;
height: 70px;
float: left;
z-index: 96;
padding: 8px;
padding-right: 0px;
padding-top: 2px;
text-align: center;
background: #fff;
/*border: 1px solid #687B8E;*/
color: #687B8E;
border-right: transparent;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; */
transition: all .5s;
}
.box-selo-nave{
float: left;
height: 100%;
padding: 11px;
padding-left: 0px;
padding-top: 18px;
}
.selo-nave{
font-size: 22px;
}
.box-conteudo-nave{
float: left;
text-align: left;
/*width: 83%;*/
}
.titulo-nave{
font-size: 16px;
font-weight: 600;
display: block;
}
.texto-nave{
}
.box-logo-sistema{
position: absolute;
top: 3px;
left: 2%;
z-index: 96;
padding: 8px;
text-align: center;
background: #003884;
-webkit-box-shadow: 4px 4px 10px #777;
box-shadow: 4px 4px 10px #777;
/* -webkit-border-bottom-right-radius: 35px; */
-moz-border-bottom-right-radius: 35px;
-ms-border-bottom-right-radius: 35px;
-o-border-bottom-right-radius: 35px;
}
.nome-logo {
font-size: 11px;
font-weight: 700;
color: #fff;
margin-top: 2px;
}
.img-logo {
font-size: 26px;
font-weight: 700;
color: #fff;
}
.titulo-sessao{
color: #000;
font-size: 20px;
font-weight: 600;
margin-left: 18%;
margin-top: 8px;
}
.box-menu-app {
/* height: 92px; */
background: #1D2B38;
padding-bottom: 1px;
background-repeat: repeat-x;
position: fixed;
z-index: 95;
width: 100%;
top: 0px;
/*background: rgb(246,248,249);
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );*/
border-bottom: 3px solid #1D2B38;
}
.btns-menu{
text-align: right;
margin-right: 9px;
}
.btn-menu-principal{
text-align: center;
margin: 11px;
cursor: pointer;
display: inline-block;
}
.btn-sessoes{
border: 1px solid #bbb;
background: #fff;
/*margin-left: auto;*/
}
.btn-user{
border: 1px solid #777;
background: #003884;
}
.bar-menu-principal-2 {
padding: 0px;
z-index: 10;
text-align: center;
transition: all .5s;
}
.bar-menu-principal {
border: 1px solid #777;
background: #eee;
padding: 5px;
position: absolute;
top: 39px;
/* left: -223px; */
right: 10px;
/*height: 100%;*/
width: 540px;
z-index: 10;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 29px #777;
box-shadow: 0px 0px 29px #777;
-webkit-transition: all .5s;
transition: all .5s;
}
.arrow-bar-menu {
width: 0px;
height: 0;
position: absolute;
right: 91px;
top: -32px;
/* content: ""; */
border-width: 16px 16px 16px 16px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #eee;
border-left-color: transparent;
z-index: 94;
}
.op-app {
background:#4679bd;
/*border: 3px solid #4679bd;*/
height: 85px;
width: 85px;
color: #777;
font-size: 11px;
text-align: center;
padding-top: 15px;
margin-bottom: 5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.btns-menu-app { /* menu estilo 2 */
border: 1px solid #ccc;
padding: 16px;
width: 119px;
background: #fff;
font-size: 13px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.btns-menu-app span {
color: #777;
font-size: 13px;
text-align: center;
display: block;
}
.img-menu-app{ /* menu estilo 2 */
width:40px;
}
.menu-app {
/* border-bottom: 3px solid #4679BD;*/
text-align: left;
padding: 0px;
background: #455463;
margin: 0px;
float: left;
width: 100%;
text-align: center;
}
.menu-app li {
text-align: center;
display: inline-table;
vertical-align: top;
padding: 5px;
/* margin-right: 5px; */
}
.menu-app a {text-decoration:none;}
/*.menu-app li a:hover div {border-bottom: 2px solid #ccc;}*/
.menu-app li a:hover span{ color:#000;}
.menu-app li a:active span{ font-size: 12px;}
.menu-app li a:active div{ border: 1px solid #555;}
.op-app span {
font-size: 30px;
margin-bottom: 15px;
}
/*.menu-app {
border-bottom: 5px solid #4679BD;
text-align: center;
background: #fff;
margin: 0px;
height: 73px;
float: left;
}
.menu-app li {display:inline-block; margin-right: 5px;}
.menu-app a {text-decoration:none;}
.menu-app li a:hover span{ color:#000;}
.menu-app li a:active span{ font-size: 12px;}
.op-app span {
font-size: 30px;
margin-bottom: 15px;
}*/
.arrow-menu-app {
width: 0px;
height: 0;
position: absolute;
/* content: ""; */
border-width: 16px 16px 4px 16px;
border-style: solid;
border-top-color: #fff;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
z-index: 94;
-webkit-transition: all .5s;
transition: all .5s;
/*top: 32px;
left: 20px;*/
}
.box-minha-conta {
background: #fff;
}
/*.op-app span:hover {color:#eee;}*/
/*.op1 {background-image: linear-gradient(to bottom, #4679bd, #03285A);}
.bt-menu {
background:#777;
height: 55px;
width: 55px;
color: #FFF;
font-size: 10px;
text-align: center;
padding-top: 10px;
cursor: pointer;
position: absolute;
top: 10px;
right:20px;
}
.bt-menu:hover {
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.475);
box-shadow: 0 6px 12px rgba(0,0,0,.475);
}
.bt1 {top: 10px; right:110px;}
.bt2 {top: 10px; right:40px;}
.bt-menu span {
font-size: 19px;
margin-bottom: 10px;
}
*/
.modal-ref{
/*background: #f00;*/
/*border: 1px solid blue;*/
width: 100%;
position: absolute;
top: -38px;
left: 0px;
z-index: 201;
}
.box-modal {
width: 70%;
/*max-width: 753px;*/
padding: 10px;
text-align: left;
background: #eee;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 200;
/*top: -321px;*/
box-shadow: 8px 5px 12px #222;
-moz-box-shadow: 8px 5px 12px #222;
-webkit-box-shadow: 8px 5px 12px #666;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.modal-fixed{
position: fixed;
top: 32px;
left: 15%;
}
/****************************
Balões de ajuda do sistema
****************************/
.balao-de-ajuda {
border: 1px solid #ccc;
background: #FFF;
padding: 5px;
position: absolute;
top: 8px;
right: 161px;
width: 427px;
height: 52px;
z-index: 10;
text-align: center;
padding: 14px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 8px #aaa;
box-shadow: 0px 0px 8px #aaa;
}
.balao-de-ajuda span {
font-size: 16px;
font-weight: 600;
color: #003884;
}
.arrow-balao-de-ajuda {
width: 0px;
height: 0;
position: absolute;
right: -29px;
top: 13px;
border-width: 11px 16px 14px 13px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: #fff;
z-index: 94;
}
.arrow-balao-de-ajuda-2 {
width: 0px;
height: 0;
position: absolute;
right: 162px;
top: 72px;
border-width: 13px 16px 14px 16px;
border-style: solid;
border-top-color: #fff;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
z-index: 94;
}
.arrow-balao-de-ajuda-3 {
width: 0px;
height: 0;
position: absolute;
left: 22px;
top: -27px;
border-width: 13px 16px 14px 16px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #F9A732;
border-left-color: transparent;
z-index: 94;
}
/***
Corpo do sistema
***/
/*************************
SISTEMA
*************************/
.fundo-feedback-loading{
background: #fff;
height: 100%;
width: 100%;
position: fixed;
z-index: 200;
width: 100%;
opacity: 0.5;
top: 0px;
left: 0px;
}
.feedback-mensagem{
top: 17%;
left: 32%;
width: 502px;
/* height: 149px; */
position: fixed;
background: #ddd;
border: 4px solid #eee;
z-index: 1000;
text-align: center;
/*padding-top: 32px;*/
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 8px #aaa;
box-shadow: 0px 0px 8px #aaa;
}
.feedback-mensagem span {
font-size: 18px;
color: #fff;
}
.selo-feedback-msn{
width: 65px;
height: 65px;
border: 5px solid #eee;
background: #EEE;
text-align: center;
padding-top: 12px;
padding-left: 0px;
cursor: pointer;
position: relative;
top: -19px;
left: -30px;
-webkit-border-radius: 37px;
-moz-border-radius: 37px;
-ms-border-radius: 37px;
-o-border-radius: 37px;
border-radius: 37px;
}
.msn-ok{background: green;}
.fb-ok{background: #4cae4c;}
.msn-alerta{background: #D28210;}
.fb-alerta{background: #eea236;}
.msn-erro{background: #A21611;}
.fb-erro{background: #d43f3a;}
.msn-info{background: #337AB7;}
.fb-info{background: #539AD7;}
.texto-form{
font-size: 13px;
font-weight: bold;
color: #363986;
}
.input-form {
width: 100%;
padding: 6px 5px;
border: 1px solid #CCC;
height: 32px;
/*margin: 0px 2px 14px;*/
display: block;
font-weight: 600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.titulo-form{font-size:16px; color: #204d74; margin:1px; font-weight: 600;}
.btn-form {
display: inline-block;
font-size: 38px;
color: #999;
cursor: pointer;
}
.feedback-loading{
top: 40%;
left: 45%;
width: 100px;
height: 100px;
position: fixed;
background: url(img/fb-loader.gif);
z-index: 1000;
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
.box-fundo-cinza {
background: #eee;
padding: 3px;
margin: 0 0 0px 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
/*.arrow {
width: 0;
height: 0;
position: absolute;
content: "";
border-width: 10px 0 12px 10px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: #eee;
z-index: 10;
-webkit-transition: all .5s;
transition: all .5s;
}
.bt1 {left: 228px; top: 71px;}
.bt2 {left: 228px; top: 144px;}
.bt3{left: 228px; top: 215px;}
.bt4{left: 228px; top: 283px;}*/
.arrow {
width: 0;
height: 0;
position: absolute;
content: "";
border-width: 25px 0 25px 14px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: #1D2B38;
z-index: 10;
-webkit-transition: all .5s;
transition: all .5s;
}
.bt1 {left: 221px; top: 79px;}
.bt2 {left: 221px; top: 138px;}
.bt3{left: 221px; top: 201px;}
.bt4{left: 221px; top: 262px;}
/*
.box-aba{
margin-top: 30px;
}
.btns-aba {
margin: 5px;
margin-top: 35px;
text-align: right;
}
.btns-aba span{
margin:5px;
margin-left:15px;
font-size: 16px;
cursor: pointer;
font-weight: 600;
}
.btns-aba span:hover{
color: #aaa;
}
.btns-aba span:active{
margin-left:18px;
margin-right:10px;
}
*/
/* inicio btn-over-h */
.btns-over-h {
text-align: right;
z-index: 5;
width: 100%;
height: 52px;
background: #fff;
}
.btns-mural {
color: #687B8E;
border-top: 5px solid #687B8E;
padding: 10px 19px;
}
/*.btns-over-h {
border-bottom: 1px solid #777;
text-align: right;
padding-top: 2px;
padding-right: 10%;
position: fixed;
top: 71px;
left: 0;
z-index: 5;
width: 100%;
height: 52px;
background: #fff;
}*/
/*.btns-over-h span{
margin:5px;
margin-left:15px;
font-size: 16px;
cursor: pointer;
font-weight: 600;
}
.btns-over-h span:hover{
color: #aaa;
}
.btns-over-h span:active{
margin-left:18px;
margin-right:10px;
}*/
.margem-form{height: 65px;}
/* fim btn-over-h */
.box-body-app {
background: #fff;
border: 1px solid #777;
width: 81%;
max-width: 1092px;
/* height: 100%; */
margin-left: auto;
margin-right: auto;
padding: 10px;
box-shadow: 0px 4px 22px #999;
-moz-box-shadow: 0px 4px 22px #999;
-webkit-box-shadow: 0px 4px 22px #999;
}
/** inicio **/
.btn-show-bar-menu{
text-align: center;
/* border: 1px solid #FFF; */
background: #687B8E;
width: 51px;
height: 57px;
/* margin-top: 4px; */
border-bottom-right-radius: 15px;
/* border-top-right-radius: 35px; */
-webkit-border-bottom-right-radius: 15px;
/* -webkit-border-top-right-radius: 35px; */
-moz-border-bottom-right-radius: 15px;
/* -moz-border-top-right-radius: 35px;*/
-ms-border-bottom-right-radius: 15px;
/* -ms-border-top-right-radius: 35px;*/
-o-border-bottom-right-radius: 15px;
/*-o-border-top-right-radius: 35px;*/
}
.show-bar-interno {
border-bottom-right-radius: 10px;
/* border-top-right-radius: 35px; */
-webkit-border-bottom-right-radius: 10px;
/* -webkit-border-top-right-radius: 35px; */
-moz-border-bottom-right-radius: 10px;
/* -moz-border-top-right-radius: 35px;*/
-ms-border-bottom-right-radius: 10px;
/* -ms-border-top-right-radius: 35px;*/
-o-border-bottom-right-radius: 10px;
/*-o-border-top-right-radius: 35px;*/
}
.btn-show-externo{
border: 1px solid #2C3E50;
background: #2C3E50;
width: 57px;
height: 63px;
cursor: pointer;
position: absolute;
top: 0px;
left: 221px;
}
.btn-show-externo:active{
border: 1px solid #ccc;
background: #4679BD;
width: 60px;
height: 63px;
}
.btn-show-bar-menu span{
color: #fff;
font-size: 25px;
margin-top: 12px;
}
/*.bar-menu-vertical {
border: 1px solid #777;
background: #eee;
padding: 20px;
position: fixed;
top: 69px;
left: -223px;
height: 100%;
z-index: 10;
-webkit-box-shadow: 6px 6px 9px #999;
box-shadow: 6px 6px 9px #999;
-webkit-transition: all .5s;
transition: all .5s;
}*/
.show-bar-menu{
left: 0px;
}
.bar-menu-vertical {
border: 1px solid #777;
background: #2C3E50;
color: #fff;
/* padding: 20px; */
padding-top: 46px;
padding-left: 21px;
position: fixed;
top: 98px;
left: -219px;
height: 100%;
z-index: 10;
-webkit-box-shadow: 6px 6px 9px #999;
box-shadow: 6px 6px 9px #999;
-webkit-transition: all .5s;
transition: all .2s;
}
.show-bar-menu{
left: 0px;
}
/** fim **/
/*.btn-aba-vertical {
border: 1px solid #777;
height: 55px;
width: 190px;
padding-top: 18px;
text-align: center;
margin-top: 15px;
margin-bottom: 5px;
background: #fff;
cursor: pointer;
box-shadow: 3px 3px 3px #aaa;
-moz-box-shadow: 3px 3px 3px #aaa;
-webkit-box-shadow: 3px 3px 3px #aaa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}*/
.btn-aba-vertical {
color: #DDD;
height: 50px;
width: 200px;
padding-top: 15px;
padding-left: 13px;
/* text-align: center; */
margin-top: 11px;
margin-bottom: 5px;
background: #455463;
cursor: pointer;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-bottom-left-radius: 15px;
-moz-border-top-left-radius: 15px;
-ms-border-bottom-left-radius: 15px;
-ms-border-top-left-radius: 15px;
-o-border-bottom-left-radius: 15px;
-o-border-top-left-radius: 15px;
}
.btn-aba-vertical span{
font-size: 15px;
font-family: Arial;
font-weight: bold;
color: #eee;
}
/*.btn-selecionado {border: 2px solid #0049A5;}*/
.btn-selecionado {background: #1D2B38; color: #FFF;}
.fundo-cinza {
background: #eee;
padding: 10px;
margin: 0 0 0px 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
input, textarea, select {
color: #000;
font-size: 10pt;
border: 1px solid rgba(88,130,180,.62);
margin: 0;
padding: 0;
padding-left: 5px;
height: 29px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 2px 2px 3px rgba(88,130,180,.25);
-moz-box-shadow: 2px 2px 3px rgba(88,130,180,.25);
box-shadow: 2px 2px 3px rgba(88,130,180,.25);
vertical-align: top;
}
.titulo-lista{
font-weight: normal;
font-size: 17px;
display: block;
color: #fff;
margin-left: 15px;
}
.divide-lista{
border-top: 1px solid #ccc;
margin-bottom: 3px;
width: 100%;
}
.linha{
border-top: 1px solid #fff;
margin-bottom: 3px;
width: 93%;
margin-right: 11px;
padding-right: 9px;
}
.box-titulo-lista{
border-bottom: 1px solid #000;
background: #204d74;
margin-top: 5px;
margin-bottom: 0px;
width: 100%;
padding-left: 10px;
padding-top: 4px;
color: #fff;
font-size: 18px;
height: 30px;
}
.box-op-radio{
border-bottom: 1px solid #000;
background: #777;
margin-top: 0px;
margin-bottom: 17px;
width: 100%;
padding-top: 8px;
color: #000;
font-size: 18px;
height: 39px;
}
.box-op-radio span{
margin-left: 5%;
margin-right: 5%;
font-size: 17px;
}
/* input hora inicio - hora final */
.input-horario {
width: 278px;
margin-left: auto;
margin-right: auto;
}
.input-horario div{
display:inline-block;
margin: 10px;
}
/** Mural de postagens **/
.lista-legendas{
background: #fff;
margin: 0px;
}
.lista-legendas li{
display: inline-block;
text-align: center;
/* margin: 10px; */
padding: 10px;
vertical-align: top;
}
.table-legenda {
}
.table-legenda > tbody > tr > th,
.table-legenda > tbody > tr > td{
padding: 0;
}
.box-cor-legenda {
width: 20px;
height: 20px;
border: 2px solid #AAA;
display: inline-block;
padding: 0px;
}
.tex-legenda {
font-size: 13px;
font-weight: 600;
color: #000;
position: relative;
top: -6px;
}
.box-mural{
background: #FFF;
max-width: 1126px;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.table-mural{
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.img-origem{
margin: 10px;
margin-bottom: 2px;
width: 73px;
height: 73px;
-webkit-border-radius: 58px;
-moz-border-radius: 58px;
-ms-border-radius: 58px;
-o-border-radius: 58px;
border-radius: 58px;
}
.box-postagem{
border: 1px solid #ccc;
margin-top: 15px;
padding: 13px;
padding-left: 25px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
-ms-border-radius: 28px;
-o-border-radius: 28px;
border-radius: 28px;
}
.text-origem {
font-size: 12px;
margin: 1px;
font-weight: 600;
}
.selo-aula {
background: gray;
color: #fff;
padding: 5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
/*************************
MODULO PROFESSOR
*************************/
.ficha {
border: 1px solid black;
}
border: 1px solid black;
.aula-escolhida {
border-bottom: 1px solid #000;
background: #777;
width: 100%;
height: 34px;
padding-top: 5px;
text-align: center;
-webkit-transition: all .5s;
transition: all .5s;
}
.aula-escolhida span{
font-weight: normal;
font-size: 17px;
color: #fff;
margin-left: 5px;
font-weight: 600;
}
.aula-infos {
border-bottom: 1px solid #000;
background: #eee;
width: 100%;
height: 27px;
padding-top: 4px;
}
.aula-infos span{
font-weight: normal;
font-size: 14px;
color: #00206B;
margin-left: 6px;
}
.msn-feedback{
margin-top: 150px;
text-align: center;
width: 100%;
float: left;
}
.msn-feedback span{
font-size: 18px;
font-weight: 600;
color: #777;
}
/*************************
ABA FREQUENCIA ALUNOS
*************************/
.titulo-app-aba {
width: 100%;
margin: 5px;
}
.box-menu-frequencia {
border: 1px solid #D3D3D3;
background: #eee;
padding: 20;
position: fixed;
top: 133px;
left: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.box-titulo-turma {
position: absolute;
margin: 4px;
padding: 8px;
float: left;
text-align: center;
background: #FFF;
border: 1px solid #777;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.475);
box-shadow: 0 6px 12px rgba(0,0,0,.475);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.barra-cor-aula{
width: 100%;
height: 5px;
background-color: #999;
-webkit-transition: all .5s;
transition: all .5s;
}
.titulo-turma {
font-size: 15px;
font-weight: 700;
color: #777;
/*float:left;*/
}
.header-ficha-frequencia {
border-bottom: 1px solid #D3D3D3;
/*background: #DDD;*/
/*width: 100%;*/
height: 68px;
position: relatiuve;
}
/******** inicio table frequencia *****/
.table-ficha-frequencia {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
border-left: 1px solid #000;
}
.frequencias{
}
.table-ficha-frequencia > tbody > tr > th,
.table-ficha-frequencia > tbody > tr > td{
height: 6px;
padding: 1px;
/*line-height: 1.42857143;*/
border-bottom: 1px solid #D3D3D3;
border-spacing: 0;
border-right: 1px solid #777;
}
/*.table-ficha-frequencia tr:hover {background-color: #dadae3;}*/
.status-frequencia tr td:hover { background-color: #000; color: #fff; font-size: 12px;}
.status-frequencia tr td:hover span{ color: #fff;}
/*.table-ficha-frequencia tbody tr td table tbody tr td:hover { background-color: #000; color: #fff; font-size: 12px;}
.table-ficha-frequencia tbody tr td table tbody tr td:hover span{ color: #fff; font-size: 12px;}
/*.table-ficha-frequencia tbody tr td table tbody tr td:hover div{ color: #fff; font-size: 12px;}*/
.table-ficha-frequencia tr:hover { background-color: #EEE;}
.table-ficha-frequencia tr:hover span{}
.table-ficha-frequencia #nome-aluno{ width: 240px;}
.table-ficha-frequencia #matricula{ width: 95px; text-align: center;}
.table-ficha-frequencia #faltas{ width: 30px; text-align: center;}
.th-text {
font-size: 10px;
color: #777;
}
.td-nm-aluno {
font-size: 12px;
color: #0A239C;
font-family:Arial;
}
.td-text {
font-size: 12px;
color: #0A239C;
font-family: Arial;
font-weight: 600;
}
.status-frequencia tr td{
text-align: center;
padding: 0px;
height: 10px;
width: 15px;
border-right: 1px solid #D3D3D3;
}
.dt_status tr td{
text-align: center;
padding: 0px;
height: 30px;
width: 15px;
font-size: 10px;
font-family:Arial;
font-weight:normal;
border-right: 1px solid #D3D3D3;
}
.dt_chamada {
width: 12px;
position: relative;
color: #0A239C;
top: 7px;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
}
.td-status {
font-size: 9px;
font-family:Arial;
font-weight:bold;
}
.compareceu {color: blue;}
.faltou {color: red;}
.transferido{color: #bbb}
/******** menu frequencia *****/
.aba-ficha {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 50px;
width: 207px;
padding-top: 18px;
text-align: center;
margin-bottom: 10px;
margin-left: 20px;
background: #fff;
cursor: pointer;
box-shadow: 8px 5px 12px #bbb;
-moz-box-shadow: 8px 5px 12px #bbb;
-webkit-box-shadow: 8px 5px 12px #bbb;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.aba-ficha span{
font-size: 12px;
font-family:Arial;
font-weight:bold;
color: #777;
}
/*** Laçamento frequencia ***/
.box-chamada{
margin-top: 30px;
}
.modal-chamada-agil{
background: #555;
height: 100%;
width: 100%;
position: fixed;
z-index: 200;
width: 100%;
opacity: 0.5;
top: 0px;
left: 0px;
}
.titulo-modal{
margin-bottom: 15px;
}
.bt-modal-fechar {
text-align: right;
}
.bt-modal-fechar span{
margin: 5px;
margin-left: 15px;
font-size: 16px;
color: #999;
cursor: pointer;
}
.box-full {
width: 100%;
border: 2px solid #f00;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 200;
}
.modal-chamada{
width: 80%;
border: 1px solid #000;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: fixed;
top: 31px;
z-index: 200;
padding: 20px;
text-align: center;
background: #eee;
box-shadow: 8px 5px 12px #222;
-moz-box-shadow: 8px 5px 12px #222;
-webkit-box-shadow: 8px 5px 12px #666;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.aluno-index {
border: 1px solid #ccc;
padding: 10px;
margin: 5px;
width: 80px;
float: left;
font-size: 23px;
font-weight: bold;
color: #F00;
box-shadow: 8px 5px 12px #bbb;
-moz-box-shadow: 8px 5px 12px #bbb;
-webkit-box-shadow: 8px 5px 12px #bbb;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.aluno-chamada {
border: 1px solid #ccc;
background: #fff;
padding: 0px;
margin-top: 10px;
width: 99%;
float: left;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.anterior-posterior {
width: 96%;
margin-left: 11px;
}
.box-chamada-agio {
background: rgba(161,161,161,0.73);
background: -moz-linear-gradient(top, rgba(161,161,161,0.73) 0%, rgba(246,246,246,0.67) 19%, rgba(246,246,246,0.45) 81%, rgba(128,128,128,0.39) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(161,161,161,0.73)), color-stop(19%, rgba(246,246,246,0.67)), color-stop(81%, rgba(246,246,246,0.45)), color-stop(100%, rgba(128,128,128,0.39)));
background: -webkit-linear-gradient(top, rgba(161,161,161,0.73) 0%, rgba(246,246,246,0.67) 19%, rgba(246,246,246,0.45) 81%, rgba(128,128,128,0.39) 100%);
background: -o-linear-gradient(top, rgba(161,161,161,0.73) 0%, rgba(246,246,246,0.67) 19%, rgba(246,246,246,0.45) 81%, rgba(128,128,128,0.39) 100%);
background: -ms-linear-gradient(top, rgba(161,161,161,0.73) 0%, rgba(246,246,246,0.67) 19%, rgba(246,246,246,0.45) 81%, rgba(128,128,128,0.39) 100%);
background: linear-gradient(to bottom, rgba(161,161,161,0.73) 0%, rgba(246,246,246,0.67) 19%, rgba(246,246,246,0.45) 81%, rgba(128,128,128,0.39) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#808080', GradientType=0 );
}
.st-presente {font-size: 29px; position: relative; top: 25px; color: #104E8B; }
.st-ausente {font-size: 29px; position: relative; top: 25px; color: #BC3D48;}
.nome-aluno {
font-size: 21px;
color: #0A239C;
position: relative;
top: 17px;
}
.btn-chamada {
display: inline-block;
font-size: 63px;
color: #777;
margin-top: 46px;
margin-right: 82px;
cursor: pointer;
}
.btn-chamada:active {
font-size: 70px;
}
.fichaShow{
display: none;
}
/********************** fim frequencia ****************/
/**
* Table
*/
.diary-table a,
.diary-table img,
.diary-table span,
.diary-table input,
.diary-table button{
outline: none;
}
.diary-table .btn-table {
padding: 0px;
border-radius: 2px;
background-color: #F7F7F7;
border: 1px solid #DFDFDF;
margin-bottom: 2px;
margin-right: 2px;
font-size: 30px;
width: 44px;
height: 44px;
color: #757575;
}
.diary-table .input-box {
margin-left: 15%;
margin-right: 15%;
}
.date {
/* padding: 10px 15px 15px 15px;*/
width: 81px;
margin-left: auto;
margin-right: auto;
}
.date .dayNumber {
float: left;
font-size: 2.5em;
margin: -1px 10px 0 0;
text-transform: uppercase;
}
.weekDay {
display: block;
line-height: 15px;
}
.date .month, .liveClassroomSchedule .day .date .weekDay {
display: block;
line-height: 24px;
}
.diary-table .input-box > input,
.diary-table .avg {
height: 45px;
text-align: center;
font-size: 25px;
}
.diary-table .first-column {
text-align: left !important;
font-size: 15px;
font-weight: 300;
width: 350px;
vertical-align: middle;
}
.diary-table .rounded-thumbnail {
display: inline-block;
height: 45px;
width: 45px;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
background-color: #FFFFFF;
}
.diary-table .rounded-thumbnail.rounded-thumbnail-default {
text-align: center;
}
.diary-table .rounded {
height: 45px;
width: 45px;
border-radius: 50%;
color: #F7F7F7;
outline: none;
font-size: 21px;
}
.diary-table .rounded.centered span {
margin-top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.diary-table .success-rounded {
cursor: pointer;
background-color: #104E8B;
}
.diary-table .error-rounded {
cursor: pointer;
background-color: #BC3D48;
}
.diary-table .info-rounded {
cursor: pointer;
background-color: #269abc;
}
.diary-table .compareceu-ns {
cursor: pointer;
background-color: #92BCE4;
}
.diary-table .falta-ns {
cursor: pointer;
background-color: #DE868E;
}
.diary-table .default-rounded {
cursor: pointer;
background-color: #C0C0C0;
font-size: 38px;
}
.diary-table > thead > tr > th {
border: 1px solid #DFDFDF !important;
color: #818181;
text-align: center;
line-height: 15px;
padding: 5px;
vertical-align: middle;
}
.diary-table > thead > tr > th > span {
display: block;
}
.diary-table > thead > tr > th > span.title {
/*font-weight: 500;
font-size: 14px;*/
margin-top: 5px;
}
.diary-table > thead > tr > th > span.subtitle {
font-weight: 400;
font-size: 10px;
}
.diary-table > thead > tr > .without-border {
border: none !important;
padding: 0px;
}
.diary-table > tbody > tr > td {
/*border: 1px solid #DFDFDF;*/
color: #818181;
/*line-height: 45px;*/
text-align: center;
vertical-align: middle;
}
.diary-table > tbody > tr > td > div.centered {
margin-left: 50%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
/* by alex */
.header-table{
width: 100%;
height: 36px;
background-color: #fff;
}
.header-table-hora{
/* border: 1px solid #F00;*/
font-size: 12px;
color: #000;
padding: 0px;
margin-right: auto;
margin-left: auto;
width: 105px;
display: block;
}
.filter-aluno {
width: 300px;
padding: 6px 12px;
border: 1px solid #CCC;
height: 35px;
margin: 5px 0 0;
position: relative;
top: -9px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.aluno-selecionado {
background-color: #DDD;
}
.aluno-selecionado span{
//*color: #F00;*/
font-weight: 800;
font-size: 18px;}
.box-aula-professor{
background: #CCC;
width: 58px;
height: 41px;
color: #fff;
margin: 6px;
padding-top: 4px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.aula-check{
font-size: 15px;
display: block;
}
.tag-novo-lancamento{
background-color: #4679bd;
width: 76px;
height: 36px;
padding-top: 10px;
position: relative;
text-align: center;
top: -40px;
left: 91%;
box-shadow: 4px 4px 11px #aaa;
-moz-box-shadow: 4px 4px 11px #aaa;
-webkit-box-shadow: 4px 4px 11px #aaa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.tag-novo-lancamento span{
color: #FFF;
font-weight: 600;
margin-top: 15px;
font-size: 14px;
}
.arrow-info {
width: 0px;
height: 0px;
position: absolute;
/* content: ""; */
border-width: 0px 22px 21px 28px;
border-style: solid;
border-top-color: transparent;
border-right-color: #4679bd;
border-bottom-color: transparent;
border-left-color: transparent;
z-index: 94;
-webkit-transition: all .5s;
transition: all .5s;
top: 32px;
left: 20px;
}
/*************************
ABA PROFESSOR
*************************/
.span-combo {
font-weight: normal;
font-size: 17px;
display: inline-block;
color: #fff;
}
.aula-selecionada {
/*border-bottom: 1px solid #000;*/
background: #777;
width: 100%;
height: 39px;
padding-top: 11px;
text-align: center;
position: fixed;
top: 99px; /*71*/
z-index: 3;
opacity: 0.6;
-webkit-transition: all .5s;
transition: all .5s;
}
.aula-selecionada span{
font-weight: normal;
font-size: 17px;
color: #fff;
margin-left: 5px;
font-weight: 600;
}
.combo-periodos {
border-bottom: 1px solid #000;
background: #003884;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
width: 202px;
padding-top: 4px;
color: #fff;
font-size: 18px;
text-align: center;
cursor: pointer;
height: 34px;
position: fixed;
top: 110px;
left: 405px;
z-index: 3;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.combo-ops-periodos{
background: transparent;
position: fixed;
top: -200px;
left: 405px;
margin-left: 15px;
-webkit-transition: all .5s;
transition: all .5s;
z-index: 2;
}
.abrir-combo-periodos{
top:143px;
}
.select-turmas {
color: #FFF;
height: 38px;
background: #003884;
font-size: 14pt;
border: 1px solid rgba(88,130,180,.62);
margin: 5px;
margin-left: 0px;
padding: 8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 2px 2px 3px rgba(88,130,180,.25);
-moz-box-shadow: 2px 2px 3px rgba(88,130,180,.25);
box-shadow: 2px 2px 3px rgba(88,130,180,.25);
vertical-align: top;
}
.select-turmas select {
background: transparent;
width: 268px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
}
.combo-turmas {
border-bottom: 1px solid #000;
background: #777;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
width: 384px;
text-align: center;
cursor: pointer;
padding-top: 4px;
color: #fff;
font-size: 18px;
height: 34px;
position: fixed;
top: 110px;
z-index: 3;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.combo-ops-turmas{
background: transparent;
position: fixed;
top: 143px;
left: -500px;
margin-left: 15px;
-webkit-transition: all .5s;
transition: all .3s;
z-index: 2;
}
.abrir-combo-turmas{
left: 0px;
}
.lista-ops {
width: 100%;
background: #fff;
margin-bottom: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
padding-bottom: 10px;
border: 1px solid #000;
box-shadow: 2px 2px 8px #555;
-moz-box-shadow: 2px 2px 8px #555;
-webkit-box-shadow: 2px 2px 8px #555;
}
.lista-ops li{
list-style: none;
display: block;
margin: 0px;
margin-top: 13px;
padding: 0px;
}
.lista-ops div{
width: 100%;
height: 35px;
margin: 0px;
padding: 6px;
margin-right:auto;
margin-left: auto;
background-color: #eee;
text-align: center;
border: 1px solid #FFF;
cursor: pointer;
border-bottom: 1px solid #aaa;
}
.lista-ops span{
font-size: 17px;
margin-right: 10px;
}
.lista-ops div:active{
background-color: #ccc;
}
.box-professor {
width: 100%;
height: 100%;
background-color: #fff;
margin-top: 53px;
}
.lista-professor{
/* border: 1px solid #777; */
text-align: center;
background: #fff;
margin: 0px;
/* height: 112px; */
}
.lista-professor li {
display: inline-block;
margin-top: 5px;
margin-left: 10px;
padding-left: 219px;
}
/*.menu-app li a:hover div {border-bottom: 2px solid #ccc;}*/
.btn-periodo{
width: 180px;
/* height: 45px; */
border: 1px solid #FFF;
padding: 2px;
background-color: #FFF;
cursor: pointer;
border-bottom: 2px solid #FFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.btn-periodo:hover{border: 1px solid #777;}
.periodo-selecionado{ background-color: #FFF; border-bottom: 1px solid #FFF;}
.arrow-selecionado{
border-width: 23px 0px 23px 12px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: #1736AB;
float: left;
}
.periodo-desc{
font-weight: normal;
font-size: 14px;
display: block;
color: #555;
}
.periodo-titulo{
font-weight: 700;
font-size: 15px;
color: #1736AB;
}
.tag-periodo-vigente {
background-color: #4679bd;
width: 110px;
height: 22px;
padding-top: 3px;
position: relative;
text-align: center;
left: -5%;
box-shadow: 4px 4px 11px #aaa;
-moz-box-shadow: 4px 4px 11px #aaa;
-webkit-box-shadow: 4px 4px 11px #aaa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.tag-periodo-vigente span{
color: #FFF;
font-weight: 600;
margin-top: 15px;
font-size: 13px;
}
.arrow-periodo {
width: 0px;
height: 0px;
position: absolute;
/* content: ""; */
border-width: 0px 16px 16px 26px;
border-style: solid;
border-top-color: transparent;
border-right-color: #4679bd;
border-bottom-color: transparent;
border-left-color: transparent;
z-index: 94;
-webkit-transition: all .5s;
transition: all .5s;
top: 22px;
left: -13px;
}
.btn-lista{
width: 80%;
background-color: #ccc;
border: 1px solid #FFF;
cursor: pointer;
border-bottom: 2px solid #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.op-tipo-avaliacao li div:hover div{color: #F00;}
.btn-lista:hover{ border: 1px solid #777;}
.btn-turmas{background-color: #FFF;}
.btn-disciplinas{height: 96px; background-color: #999;}
.selecionado{
background-color: #EEE;
border-bottom: 2px solid #AAA;
border-right: 2px solid #AAA;
/*box-shadow: 0px 0px 13px #2745B3;
-moz-box-shadow: 0px 0px 25px #2745B3;
-webkit-box-shadow: 0px 0px 25px #2745B3;*/
}
.arrow-btn-lista{
width: 0px;
height: 0;
position: relative;
z-index: 94;
}
.arrow-1{
left: 118px;
border-width: 14px 17px 15px 15px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.btn-desc{
font-weight: normal;
font-size: 14px;
display: block;
color: #FFF;
}
.btn-titulo{
font-weight: 700;
font-size: 18px;
color: #FFF;
}
/***
Sessão Ensino
***/
.lista-regis-diario{
list-style: none;
padding: 0px;
background: #fff;
}
.lista-regis-diario li{
border-bottom: 1px solid #aaa;
/* margin: 8px; */
padding: 10px;
margin-left: 10px;
margin-right: 10px;
/* margin-bottom: 15px; */
}
.lista-regis-diario span{
margin-left: 5px;
}
.box-combo-tipo-registro{
border: 1px solid #777;
background: #fff;
height: 34px;
width: 100%;
border: 1px solid rgba(88,130,180,.62);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 2px 2px 3px rgba(88,130,180,.25);
-moz-box-shadow: 2px 2px 3px rgba(88,130,180,.25);
box-shadow: 2px 2px 3px rgba(88,130,180,.25);
}
.box-combo-tipo-registro span{
font-size: 17px;
font-weight: 600;
margin: 6px;
float: left;
}
.combo-tipo-registro{
background: #FFF;
list-style: none;
position: absolute;
z-index: 1;
width: 98%;
border: 1px solid #aaa;
}
.btn-combo{
margin-left: auto;
text-align: center;
width: 59px;
height: 100%;
border: 1px solid #ccc;
padding-top: 8px;
}
.btn-combo span{
font-size: 20px;
}
/* plano de ensino */
.box-plano-ensino{
border: 1px solid #777;
border-top: transparent;
background: #fff;
width: 100%;
padding: 6px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}
.box-plano-ensino span{
font-size: 14px;
}
.btn-edit-pl-ensino {
background: #003884;
border-top: 2px solid #ddd;
border-left: 2px solid #ddd;
border-bottom: 2px solid #999;
border-right: 2px solid #999;
width: 50px;
height: 41px;
font-size: 22px;
color: #fff;
position: relative;
text-align: center;
padding-top: 7px;
margin-left: auto;
margin-right: 12px;
margin-top: -11px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
}
.btn-edit-pl-ensino:active{
background-color: #639AE4;
}
.tipo-registro{
font-size: 14px;
color: #2856DA;
}
.box-dt-registro {
position: relative;
top: 21px;
display: inline-block;
width: 40%;
margin-left: 34px;
}
.obs-registro{
margin: 6px;
font-size: 12px;
color: #2856DA;
}
.topico-selecionado{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
display: inline-block;
background: #fff;
margin-bottom: 15px;
margin-top: 15px;
padding-top: 17px;
padding-bottom: 17px;
text-align: center;
width: 100%;
}
.msn-inf{
margin: 14px;
text-align: center;
}
.msn-inf span{
font-size: 16px;
color: #777;
}
.table-cadastrados{
margin-bottom: 5px;
}
.table-cadastrados td{
cursor: pointer;
}
.table-cadastrados tr:hover { background-color: #EEE;}
.table-cadastrados tr:hover .table-selo-editar p{
display: inherit;
}
.table-selo-editar {
text-align: center;
position: relative;
width: 18px;
}
.table-selo-editar p{
font-size: 13px;
color: #423B3B;
display: none;
}
.cursor-default td{ /*opcioanal*/
cursor: default;
}
.btn-add{
background: #003884;
border-top: 2px solid #ddd;
border-left: 2px solid #ddd;
border-bottom: 2px solid #999;
border-right: 2px solid #999;
width: 50px;
height: 41px;
font-size: 22px;
color: #fff;
display: inline-block;
text-align: center;
padding-top: 7px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
}
.text-boletim {
height: 40px;
width: 92%;
margin-bottom: 10px;
display: inline-block;
padding: 10px;
}
.nota-desc-2 {
background: #fff;
color: #000;
font-weight: 600;
font-size: 12px;
border: 1px solid #aaa;
}
.nota-desc-1 {
background: #005EDE;
color: #fff;
font-weight: 600;
font-size: 12px;
border: 1px solid #aaa;
}
.aluno_selecionado {
background: #C8C8FF;
}
/***
Lista de aulas do professor
****/
/*table tr td ul li*/
.th-semana-aula {
font-size: 12px;
color: #000;
text-align: center;
}
.lista-selecao{
padding: 1px;
list-style: none;
text-align: center;
margin-top: 30px;
}
.lista-selecao li{
list-style: none;
margin-bottom: 5px;
display: inline-block;
margin: 5px;
}
.box-selecao {
background: #eee;
border: 1px solid #455463;
width: 100%;
max-width: 175px;
text-align: center;
cursor: pointer;
font-size: 12px;
color: #455463;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.box-aula-turma:active {
border: 2px solid #777;
}
.head-selecao {
background: #455463;
color: #fff;
font-size: 17px;
padding: 6px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-ms-border-top-right-radius: 5px;
-ms-border-top-left-radius: 5px;
-o-border-top-right-radius: 5px;
-o-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.arrow-selecao {
width: 0;
height: 0;
position: absolute;
content: "";
border-width: 35px 0 35px 18px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
z-index: 10;
-webkit-transition: all .5s;
transition: all .5s;
}
.lista-aulas{
padding: 1px;
list-style: none;
}
.lista-aulas li{
list-style: none;
margin-bottom: 5px;
}
.box-aula-turma {
background: #888;
border: 1px solid #fff;
width: 100%;
max-width: 175px;
margin-left: auto;
margin-right: auto;
text-align: center;
cursor: pointer;
font-size: 12px;
color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.box-aula-turma:active {
border: 2px solid #777;
}
.icone-disciplina {
font-size: 20px;
color: #fff;
margin-top: 7px;
margin-bottom: 2px;
}
.text-sigla-aula{font-size: 15px; font-weight: 600;}
.sem-aula {
background: transparent;
width: 100%;
max-width: 170px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 13px;
color: transparent;
}
.sem-aula span{
font-size: 12px;
color: #888;
word-wrap: break-word;
}
/*************************
LOGIN
*************************/
.box-login {
width: 100%;
height: 100%;
background-color: #CCC;
}
/*************************
ABA AVALIAÇÕES
*************************/
/*** ficha de notas de avaliações ***/
.notas-avaliacao tr td{
text-align: center;
padding: 0px;
height: 12px;
width: 51px;
border-right: 1px solid #D3D3D3;
}
.th-notas-avaliacao tr td{
text-align: center;
padding: 0px;
height: 17px;
width: 51px;
font-size: 9px;
font-family:Arial;
font-weight:normal;
border-right: 1px solid #D3D3D3;
}
.dt-nm-avaliacao {
/*width: 33px;*/
position: relative;
color: #0A239C;
/* top: 17px;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);*/
}
.td-nota {
font-size: 14px;
font-family:Arial;
font-weight:bold;
}
.acima-media {color: blue;}
.abaixo-media {color: red;}
.desconsiderada {color: #777; text-decoration: line-through;}
.sem-nota {color: #fff;}
/*** lista de avaliações ***/
.box-lista-avaliacoes{
margin-top: 0px;
}
.lista-avaliacoes{
background: #fff;
margin: 0px;
}
.lista-avaliacoes li {display:inline-block; text-align: center; vertical-align: top;}
.btn-avaliacao{
width: 130px;
height: 130px;
/*border: 1px solid #ccc;*/
cursor: pointer;
}
.btn-avaliacao p:hover{
color:#777;
}
.tag-avaliacao{
width: 20px;
height: 20px;
position: relative;
z-index: 4;
left: 29px;
top: 11px;
-webkit-transition: all .5s;
transition: all .5s;
}
.pendente-red{font-size: 20px; color: #FF0000;}
.pendente-yellow{font-size: 20px; color: #F7AC03;}
.aplicado{font-size: 20px; color: #0726BF;}
.finalizado{font-size: 20px; color: #16BB02;}
.legenda-avaliacao {
font-size: 12px;
color: #000;
margin-right: 15px;
}
.box-tipo-nota{
padding: 2px;
text-align: center;
}
.box-tipo-nota span{
font-size: 12px;
font-weight: 600;
color: #000;
display: block;
}
.op-tipo-nota{
position: relative;
top: 9px;
width: 21px;
height: 21px;
border: 3px solid #AAA;
display: inline-block;
text-align: center;
cursor: pointer;
}
.op-tipo-nota span{
font-size: 27px;
color: #349834;
position: relative;
left: -8px;
top: -7px;
}
.tag-peso-av {
border: 1px solid #222;
margin-top: 5px;
background: #fff;
color: #222;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
-ms-border-radius: 19px;
-o-border-radius: 19px;
border-radius: 19px;
}
.btn-titulo-avaliacao{
font-weight: normal;
font-size: 14px;
display: block;
color: #777;
}
.btn-desc-avaliacao{
font-weight: normal;
font-size: 13px;
color: #777;
}
/** modal nova avaliação **/
.box-nova-avaliacao {
width: 100%;
max-width: 753px;
padding: 10px;
text-align: left;
background: #eee;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 200;
top: -321px;
box-shadow: 8px 5px 12px #222;
-moz-box-shadow: 8px 5px 12px #222;
-webkit-box-shadow: 8px 5px 12px #666;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
/*
.box-modal {
width: 100%;
max-width: 753px;
padding: 10px;
text-align: left;
background: #eee;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 200;
top: -461px;
box-shadow: 8px 5px 12px #222;
-moz-box-shadow: 8px 5px 12px #222;
-webkit-box-shadow: 8px 5px 12px #666;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}*/
.op-tipo-avaliacao {
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.op-tipo-avaliacao li {display:inline-block;}
/*.op-tipo-avaliacao li div span {color: #999;}*/
.op-tipo-avaliacao li div:hover span{font-size: 32px}
.op-tipo-avaliacao li div:hover div{color: #5581FF;}
.btn-tipo-avaliacao{
width: 130px;
/*border: 1px solid #ccc;*/
cursor: pointer;
}
.tag-tipo-selecionado {
width: 20px;
height: 20px;
position: relative;
z-index: 94;
left: 36px;
top: 16px;
color: #5581FF;
font-size: 20px;
}
.box-data-avaliacao{
text-align: center;
/* margin: 10px; */
padding: 10px;
/* margin-left: auto; */
/* margin-right: auto; */
}
/*** Modal Lançamento/Edição de Notas ***/
.input-form-nota{
text-align: center;
width: 50px;
height: 50px;
padding: 6px 5px;
border: 1px solid #CCC;
display: inline-block;
font-weight: 600;
/*color: #0F0;*/
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
-ms-border-radius: 27px;
-o-border-radius: 27px;
border-radius: 27px;
}
.input-acima-media{border: 1px solid #00F;}
.input-abaixo-media{border: 1px solid #F00;}
.input-sem-nota{border: 1px solid #CCC;}
.tag-situacao{
width: 100%;
/*margin-top: 10px;*/
text-align: center;
-webkit-transition: all .5s;
transition: all .5s;
}
.estilotextarea4 {
background-color: transparent;
border: 1px solid #BBB;
scrollbar-arrow-color: #000066;
scrollbar-base-color: #000033;
scrollbar-dark-shadow-color: #336699;
scrollbar-track-color: #666633;
scrollbar-face-color: #cc9933;
scrollbar-shadow-color: #DDDDDD;
scrollbar-highlight-color: #CCCCCC;
}
.comentario-nota{
font-size:24px; color: #777; cursor: pointer;"
}
.tem-comentario{color: #0A239C;}
/*************************
MURAL
*************************/
/* novo estilo para Modulo secretaria */
/*#######################################################################################################*/
.box-tela-produto {
width: 890px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 25px;
border: 1px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.box-center {
border:1px solid silver;
width: 590px;
margin-top: 5px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 25px;
}
.modal-titulo{
color: #23527c;
margin: 12px;
}
.box-cadastro{
width: 100%;
}
.imagem-capa-item{
text-align: center;
position: relative;
top:15px;
left:0px;
}
.imagem-capa-item img {
text-align: center;
height: 145px;
width:100px;
}
.box-imagem-capa{
border:2px dashed silver;
margin: 10px;
width: 150px;
height: 154px;
text-align: center;
}
.status-upload{
position: relative;
top: -145px;
left: -50px;
}
.span-status{
color: #B5B1B1;
font-size: 11px;
}
.thumb-upload{
position: relative;
top:-218px;
left:3px;
}
.bt-upload{
border:1px solid red;
width: 150;
height: 26px;
}
.form-item{
margin-left: 20px;
}
div.upload-cadastro{
background: url(img/iconeAnexo.png);
}
.bts-eventos-upload{
width:20%;
}
.span-bts{
color: #B5B1B1;
font-size: 12px;
}
.panel {
width: 500px;
text-align: left;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.bt-anexar-cadastro{
position: relative;
top: 12px;
left: 0px;
}
.form-control {
margin-bottom: 5px;
}
.input-box-filter {
width: 300px;
padding: 6px 12px;
border: 1px solid #CCC;
height: 30px;
margin: 10px 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
/********************************************
*** Tela gerenciar itens itensManager.html
********************************************/
.panel-itens{
width: 90%;
padding: 10px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
border: 1px solid #ccc;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.btn-panel-itens {
color: #585858;
font-size: 15px;
font-weight: 550;
}
.item-excluido span {
color: silver;
}
.table-lista-itens td{
padding: 6px;
line-height: 1.428571;
vertical-align: top;
border-top: 1px solid #A14949;
}
.table-lista-itens span{
font-size:14px;
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table-itens {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table-itens > thead > tr > th,
.table-itens > tbody > tr > th,
.table-itens > tfoot > tr > th,
.table-itens > thead > tr > td,
.table-itens > tbody > tr > td,
.table-itens > tfoot > tr > td {
padding: 5px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #D3D3D3;
}
.table-itens > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #D3D3D3;
}
.table-itens tr:hover {background-color: #dadae3;}
/* Janela Editar Item */
.box-imagens{
border: 1px solid #CCC;
height: 190px;
}
.box-imagem{
border: 2px dashed rgb(199, 199, 199);
margin: 10px;
width: 170px;
height: 174px;
text-align: center;
}
.imagem-antes{
position: relative;
top: -3px;
left: 27px;
}
.imagem-depois{
position: relative;
top: -187px;
left: 280px;
}
.seta{
position: relative;
top: -285px;
left: 240px;
}
.bt-anexar-editar{
position: relative;
top: -43px;
left: 43px;
}
div.bt-anexar-editar{
background: url(img/editar.png);
}
.bt-carregar-imagem{
position: relative;
top: -238px;
left: 296px;
}
/*************************
Vitrine de produtos 03/07/15
**************************/
.box-vitrine { /* usado no index.html posiciona e limitar a vitrine */
position:relative; /* influi na class "grupos-categorias" */
/*top: 40px;*/
margin-left: auto;
margin-right: auto;
width: 1130px;
/* margin-top: 10px;*/
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.sub-box-left-vitrine {
/*border: 1px dotted blue;*/
width: 19%;
margin-right: 10px;
/*height: 100%;*/
float: left;
background-color: #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.prateleira {
display: inline-block;
/*border: 1px dotted red;*/
}
.prateleira ul li {
/*border: 1px dotted #777;*/
float: left;
text-align: center;
margin-bottom: 30px;
min-height: 330px;
padding: 0 0px 0px;
position: relative;
}
/** Vitrine com 3 colunas de itens **/
.n3colunas { width: 80%;}
.n3colunas ul{ padding: 0px;}
.n3colunas ul li{ width: 280px; margin-left: 15px;}
.n3colunas img{ margin-bottom: 5px; max-width: 240px; /* limite maximo da largura da imagem */}
/** Vitrine com 4 colunas de itens **/
.n4colunas { width: 80%;}
.n4colunas ul{ padding: 2px;}
.n4colunas ul li{ width: 210px; margin-left: 13px;}
.n4colunas img{ margin-bottom: 5px; max-width: 210px; /* limite maximo da largura da imagem */}
.vitrine-imagem-item{
/*border:1px solid #F00;*/
cursor: pointer;
position: relative;
text-align: center;
}
.vitrine-nome{
color: #666;
font:700 13px Arial, sans-serif;
}
.vitrine-valor-original{
font:100 12px Arial, sans-serif;
color:#666;
text-decoration: line-through;
}
.vitrine-valor {
color: #c4151c;
font-size: 16px;
font-weight: 700;
}
.vitrine-esgotado{
color: #777;
font-size: 16px;
font-weight: 700;
background-color: #DDD;
}
.vitrine-texto {
font:100 12px Arial, sans-serif;
color:#666;
}
.vitrine-selo-lancamento { /*obsoleto*/
/*
Novo
*/
border-right: 3px solid #CCC;
border-bottom: 3px solid #CCC;
background-color: #E81E1E;
margin-bottom:5px;
position: relative;
top: -28px;
left: 67%;
width: 70px;
height: 30px;
z-index: 1;
opacity: 0.9;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.prateleira ul li p.flag.lancamentos {
display: block;
position: absolute;
top: 2%;
left: 2%;
background-image: url('img/selo_lancamento.png');
color: transparent;
width: 90px;
height: 22px;
background-repeat: no-repeat;
}
.vitrine-selo-lancamento span {
font:700 17px Arial, sans-serif;
color:#FFF;
position: relative;
top: 3px;
}
.vitrine-selo-off {/*obsoleto*/
/*
{{((item.valor*100)/item.valor_original).toFixed(0)}}% OFF
*/
border-right: 3px solid #CCC;
border-bottom: 3px solid #CCC;
background-color: #676767;
margin-bottom:10px;
position: relative;
top: -28px;
left: 70%;
width: 70px;
height: 30px;
z-index: 1;
opacity: 0.9;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.vitrine-selo-off span {
font:100 17px Arial, sans-serif;
color:#FFF;
position: relative;
top: 3px;
}
.bandeirapromo {
background: url("img/selo_sale_off.png") no-repeat scroll right top transparent;
height: 70px;
padding: 3px 3px 0 0;
position: absolute;
right: 0px;
text-align: right;
top: 0px;
width: 70px;
z-index: 3;
}
.bandeirapromoPN {
color: #FFFFFF;
font-size: 25px;
position: relative;
right: -12px;
top: -4px;
opacity: .9;
}
.bandeirapromoV {
color: #fff !important;
font-size: 23px !important;
position: relative;
right: 7px;
top: 0px;
font-weight: normal !important;
}
.bandeirapromoPS {
color: #fff !important;
font-size: 14px;
line-height: 0;
position: relative;
right: 13px;
top: 0px;
}
.banderiapromoOFF {
color: #fff !important;
font-size: 12px;
position: relative;
right: 13px;
top: -6px;
}
.smoothOpacity {
opacity: .9;
}
.vitrine-likes {
background-color: #263F86;
margin-bottom:10px;
position: relative;
cursor: pointer;
text-align: center;
padding: 0 0px 0 0px;
top: 5px;
left: 2%;
z-index: 1;
width: 60px;
height: 25px;
opacity: 0.9;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.likes-off span {
color:#FFF;
position: relative;
font-size: 14px;
top: 6px;
left: 0px;
}
.likes-on span {
color:red;
position: relative;
font-size: 14px;
top: 6px;
left: 0px;
}
/**************************************
USER - Tela de detalhe do produto
***************************************/
.propriedade_produto {
border: 1px solid #ccc;
padding: 5px;
float: left;
margin: 2px;
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.habilitado {
cursor: pointer;
}
.habilitado span{
font-size: 13px;
font-weight: bold;
color: #363986;
}
.desabilitado {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.desabilitado span{
font-size: 13px;
font-weight: normal;
color: #363986;
}
/**************************************
ADMIN - Cadastro de produtos - Categorias
***************************************/
.cadastro-categoria {
padding: 0px 5px;
border: 1px solid #CCC;
height: 21px;
margin: 3px 4px 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.clt{
background-color: #EEE;
/*border: 1px solid #CCC;*/
position:relative;
margin: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.lado-a-lado{float: left; width: 395px;}
.clt,
.clt ul,
.clt li { position: relative;}
.clt ul {list-style: none; padding-left: 25px;}
.clt li::before,
.clt li::after { content: ""; position: absolute; left: -12px;
}
.clt li::before { border-top: 1px solid #AAA; top: 9px; width: 8px; height: 0;}
.clt li::after { border-left: 1px solid #AAA; height: 100%; width: 0px; top: 2px;}
.clt ul > li:last-child::after { height: 8px;}
.clt{
background-color: #EEE;
/*border: 1px solid #CCC;*/
position:relative;
margin: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.lado-a-lado{float: left; width: 395px;}
/****** Tela cadastro de categorias ********/
.input-categoria {
width: 150px;
padding: 5px 8px;
border: 1px solid #393986;
height: 31px;
margin: 3px 5px 3px;
text-align: right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.clt2-texto-editado{
font-size: 13px;
font-weight: bold;
color: red;
}
.clt2-texto{
cursor: pointer;
font-size: 13px;
font-weight: bold;
color: #363986;
}
.selo-nivel{
display: inline-block;
padding: 1px 5px;
margin:0px;
margin-right: 5px;
background-color: #999;
font-size: 10px;
color: #fff;
font-weight: bold;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
background-image: none;
border: 1px solid #999;
border-radius: 30px;
}
.clt2 { margin: 10px;}
.clt2 ul,
.clt2 li { position: relative;}
.clt2 ul {list-style: none; padding-left: 25px; }
.clt2 li::before,
.clt2 li::after { content: ""; position: absolute; left: -17px;
}
.clt2 li::before { border-top: 2px solid #999; top: 18px; width: 17px; height: 0;}
.clt2 li::after { border-left: 2px solid #999; height: 100%; width: 0px; top: -10px;}
.clt2 ul > li:last-child::after { height: 29px;}
/* Estilo do input do upload */
div.upload {
width: 30px;
height: 30px;
/* background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);
/*background: url(anexar-icone.jpg); */
/*background-position: 0px 0px;*/
cursor: pointer;
overflow: hidden;
z-index: 1;
}
div.upload input {
position: relative;
display: block !important;
cursor: pointer;
width: 29px !important;
height: 54px !important;
opacity: 0 !important;
overflow: hidden !important;
top: -23px;
}
.span-anexar{
color: #B5B1B1;
font-size: 12px;
position: relative;
top: -14px;
left: 18px;
}
/************************
Tela do item
************************/
.box-detalhe-item-img {
border:1px solid silver;
height: 307px !important;
}
.lista-vertical {
text-align: left;
margin-left: 0px;
padding-left: 0px;
}
.lista-vertical li {
list-style:none;
cursor: pointer;
display:inline-block;
}
.texto-form{
font-size: 13px;
font-weight: bold;
color: #363986;
}
.texto-radio{
font-size: 13px;
font-weight: bold;
}
.espaco-radio{
margin-left: 13px;
margin-right: 13px;
}
.bottom{
padding-bottom: 10px;
}
/** MENASAGEM DE FEEDBACK **/
.mensagem-feedback {
position: fixed;
overflow: visible;
z-index: 100;
font-size: 16px;
width: 500px;
top: 9%;
left: 30%;
padding: 19px 81px;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.danger {
border: 3px solid #9E201B;
background-color: #FF0B00;
color: #FFFFFF;
}
.success {
border: 3px solid #367945;
background-color: #1FA200;
color: #FFFFFF;
}
.warning {
border: 3px solid #C16909;
background-color: #FDA207;
color: #FFFFFF;
}
.info {
border: 3px solid #748AA0;
background-color: #07B9FD;
color: #FFFFFF;
}
.inline-texto {
color: #777;
font-size: 11px;
font-weight: normal;
float: left;
width: 125px;
text-align: left;
margin-top:2px;
}
.inline-label {
float: left;
width: 141px;
text-align: left;
margin-top:2px;
}
/****** Estilos gerais ********/
/*
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 30px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #337ab7;
border-color: #2e6da4;
}
*/
/***** menu dropdown ********/
.menu-principal {
height: 42px;
background: #D7D7D7;
background-repeat: repeat-x;
position: fixed;
z-index: 95;
width: 100%;
top: 0px;
}
.menu-dropdown {
position: fixed;
top: 40px;
left: 89px;
z-index: 94;
float: left;
min-width: 160px;
padding: 10px;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.submenu {
border-bottom: 1px solid #ccc;
padding: 5px;
margin: 5px;
/*margin: 2px 0 0;*/
}
.submenu a {
font-size: 12px;
text-align: left;
color: #337ab7;
text-decoration:none;
}
.submenu :hover{
color: #777;
font-weight: bold;
}
.product-box {
background: #eee;
padding: 20px;
margin: 0 0 20px 0;
border-radius: 6px;
}
/***************************************************
TELA Cadatro Variações?propriedades do produto
***************************************************/
.valor_propriedade {
border: 1px solid #ccc;
padding: 5px;
float: left;
margin: 2px;
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.select-propriedade {
padding: 0px 5px;
border: 1px solid #CCC;
height: 32px;
margin: 5px 6px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.th-propriedade{
font-size: 12px;
color: #777;
}
.box-propridades-combinadas{
border: 1px solid #ccc;
height: 45px;
width: 100%;
padding: 5px 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px
}
.erro-validacao-propriedade {
border: 1px solid #F00;
}