.total-mensagem-nao-lida {
  display:inline-block;
  padding:5px 10px;
  font-size:.8em;
  text-align:center;
  border-radius:5px;
  background-color:#ff0000;
  margin-left:10px;
  color:#fff;
}
.caixa-destaque {
  clear: both;
  float: left;
  width: 96%;
  margin-bottom: 15px;
  background-color:#f5f5f5;
  border-radius:5px;
  padding:2%;
}

.caixa-destaque .titulo-caixa .titulo-caixa-menu,
.caixa-destaque .titulo-caixa .titulo-caixa-menu .titulo {
  border:0;
}

.box-info {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(204,204,204,1);
  box-shadow: 0px 0px 5px 1px rgba(204,204,204,1);
  border-radius:3px;
  border:1px solid transparent;
  clear:both;
  float:left;
  width:95.7%;
  /*padding:10px 2%;*/
  padding:1% 2% 1% 2%;
  margin-bottom:15px;
}
.box-info h3 {
  text-align:left;
  margin-top:0;
}
.box-info:hover {
  border-color:#ccc;
}
.status {
  display:inline-block;
  padding:0 10px;
  line-height:18px;
  border-radius:10px;
  font-size:.9em;
  border:1px solid #ccc;
  font-weight:bold;
  background-color:#fff;
  white-space:nowrap;
}

.status-yes {
  color:#75B655;
  font-weight:bold;
}
.status-no {
  color:#E74E35;
}
.status-x {
  color:#999;
}
.status-wait {
  color:#1F86C5;
}
.status-alert {
  color:#F18F3C;
}

.dobra {
  position: relative;
}
.dobra:before,
.dobra:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.dobra:before {
  top: 0;
  left: 0;
  border-bottom: 50px transparent;
  border-left: 50px solid #fff;
}

.dobra:after {
  bottom: 0;
  right: 0;
  border-bottom: 50px solid #fff;
  border-left: 50px solid transparent
}

.scroll-bar {
  overflow:auto;
}
.scroll-bar::-webkit-scrollbar {
  width: 15px;
  height: 20px;
}

.scroll-bar::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-bar::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 20px;
  border: 3px solid #fff;
}

.lstEmailCreditoPlanos {
  clear:both;
  float:left;
  width:100%;
  display:block;
  text-align:center;
  margin-bottom:15px;
}
.lstEmailCreditoPlanos ul {
  list-style-type:none;
}

.lstEmailCreditoPlanos ul li {
  display:inline-block;
  padding:5px;
}

.lstEmailCreditoPlanos ul li div {
  border:3px solid #ccc;
  background-color:#fff;
  border-radius:5px;
  text-align:center;
  padding:10px 20px;
}

.lstEmailCreditoPlanos ul li div span {
  display:block;
}

.lstEmailCreditoPlanos ul li div:hover {
  cursor:pointer;
  border-color:#66BD55;
}

.lstEmailCreditoPlanos ul li div h2 span {
  color:#666;
}

.lstEmailCreditoPlanos ul li div h3 span {
  color:#000;
}

.lstEmailCreditoPlanos ul li .sel {
  background-color: #66BD55;
  border-color:#fff;
}

.lstEmailCreditoPlanos ul li .sel span {
  color:#fff;
}

#uploadImageList {
  clear:both;
  float:left;
  width:center;
  max-height: 110px;
  overflow:auto;
}

#uploadImageList ul {
  padding:7px 0;
}
#uploadImageList ul li {
  display:inline-block;
  padding:5px;
  margin:1px;
  height:30px;
  width:30px;
  overflow:hidden;
  border:1px solid #ccc;
}
#uploadImageList ul li img {
  max-width:100%;
  max-width:100%;
}
#uploadImageList ul li:hover {
  background-color:#fff;
  cursor:pointer;
}
.por-frm-acesso {
  padding:0 10%;
}
.por-frm-acesso input[type="text"],
.por-frm-acesso input[type="password"] {
  height:30px;
}

.btn-retractable-frame {
  display:inline-block;
}
.btn-retractable-frame:hover {
  cursor:pointer;
}
.quadro-retratil {
  display:none;
  clear:both;
  float:left;
  width:100%;
  margin-bottom:15px;
}
.mv-lateral,
.mv-lateral .grp,
.mv-lateral .sgrp,
.mv-lateral .ssgrp{
  clear:both;
  float:left;
  width:100%;
}
.mv-lateral {
  padding:15px 5%;
  width:90%;
  background-color:#f5f5f5;
}
.mv-lateral .grp,
.mv-lateral .sgrp,
.mv-lateral .ssgrp{
  clear:both;
  float:left;
  width:90%;
  padding:6px 4.8%;
  display:block;
  font-family: 'Oswald';
  font-size:1.2em;
  color:#000;
  border:1px solid #ddd;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.mv-lateral .sgrp {
  color:#666;
  border:0;
}
.mv-lateral .ssgrp {
  width:85%;
  padding-left:10%;
  color:#666;
  border:0;
}

.mv-lateral .grp span,
.mv-lateral .sgrp span,
.mv-lateral .ssgrp span{
  display:inline-block;
  -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);
  font-weight:bold;
  float:right;
}
.mv-lateral .grp:hover {
  color:#000;
}
.mv-lateral .sgrp:hover {
  color:#666;
}
.mv-lateral .ssgrp:hover {
  color:#999;
}
.mv-lateral .quadro-retratil li {
  clear:both;
  float:left;
  width:100%;
  display:block;
}

.mv-lateral .quadro-retratil li a {
  border-bottom:1px solid #ddd;
  display:block;
  padding:6px 5%;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.mv-lateral .quadro-retratil li a::before {
  content : '>> ';
}
.mv-lateral .quadro-retratil li .quadro-retratil a::before {
  content : '>> ';
}
.mv-lateral .quadro-retratil li .quadro-retratil li .quadro-retratil li a::before {
  content : '> ';
}
.mv-lateral .quadro-retratil .no-bullet a::before,
.mv-lateral .quadro-retratil li .quadro-retratil .no-bullet a::before,
.mv-lateral .quadro-retratil li .quadro-retratil li .quadro-retratil .no-bullet a::before{
  content: '';
}
.mv-lateral .quadro-retratil .quadro-retratil .quadro-retratil {
  width:95%;
  padding-left:5%;
}
.mv-lateral .quadro-retratil li a:hover {
  background-color:#fff;
  font-weight:bold;
}
.mv-lateral .quadro-retratil .quadro-retratil li a:hover {
  background-color:transparent;
}
.mv-lateral .quadro-retratil .quadro-retratil .quadro-retratil li a:hover {
  background-color:transparent;
}

.preview-img {
  height:63px;
  max-width:97.6%;
  background-color:#fff;
  padding:1%;
  border:1px solid #eaeaea;
}
.preview-img img {
  max-width:100%;
}

.float-window {
  display:none;
  clear:both;
  float:left;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.7);
  z-index:10000;
}
.float-window-form {
  clear:both;
  float:left;
  width: 800px;
  min-height:300px;
  max-width:100%;
  position: fixed;
  left: 50%;
  top: 20px;
  margin-left:-400px;
  background-color:#f5f5f5;
  box-shadow: 2px 2px 30px 2px #999;
  border-radius:5px;
}
.float-window-form .window-title {
  clear:both;
  float:left;
  width:96%;
  padding:1% 1% 1% 3%;
  font-size:1.2em;
  background-color:#ccc;
  border-radius: 5px 5px 0 0;
  line-height:25px;
}
.float-window-form .window-title label {
  font-weight:bold;
}
.float-window-form .window-title span {
  float:right;
  display:inline-block;
  width:30px;
  height:30px;
  line-height:30px;
  background-color:#ff0000;
  color:#fff;
  text-align:center;
  border-radius:3px;
}
.float-window-form .window-title span:hover {
  cursor:pointer;
  opacity:.7;
}

.float-window-form .window-form {
  clear:both;
  float:left;
  width:94%;
  max-width:94%;
  padding:10px 3%;
  min-height:300px;
  max-height:540px;
  overflow:auto;
}
.float-window-form .window-form .frame {
  display:block;
  background-color:#eaeaea;
  padding:2%;
}
.float-window-form .window-footer {
  position:relative;
  clear:both;
  float:left;
  width:98%;
  padding:5px 1%;
  text-align:center;
  border-top:1px solid #ccc;
  margin-top:10px;
}
.float-window-form .window-form .b {
  font-weight:bold;
}
.float-window-form .window-form .u {
  text-decoration:underline;
}
.float-window-form .window-form .i {
  font-style:italic;
}
.float-window-form .frmSubTitulo {
  padding:0 0 5px 0;
}
.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.iframe-responsive {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.iframe-fixed {
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.frame-border, .container-padding {
  display:block;
  position:relative;
  clear:both;
  float:left;
  border-radius:3px;
  width:96%;
  padding:1% 2% 1% 2%;
  background: url('../images/bgTrans80.png') #666;
  margin-bottom:15px;
}
.frame-border h {margin-top:0;}
.frame-border .frame-border {
  background-image:url('../images/bgTrans90.png');
  width:94%;
  padding:1% 3% 2% 3%;
}
.container-padding,
.container-padding-both,
.container-padding-left,
.container-padding-right {
  position:relative;
  vertical-align:top;
  margin:0;
}
.container-padding {
  width:100%;
  padding:0;
  background-color:transparent;
}
.container-padding-both {
  padding:0 15px;
}
.container-padding-left {
  padding:0 0 0 15px;
}
.container-padding-right {
  padding:0 15px 0 0;
}

.loading-ajax-0, .loading-ajax-1, .loading-ajax-2, .loading-ajax-3, .loading-ajax-4 {
  display: inline-block;
  vertical-align: middle;
  background: url('') no-repeat center;
  background-size: 80%
}

.loading-ajax-0 {
  width: 20px;
  height: 20px;
  background-image: url(../images/indicator.gif)
}

.loading-ajax-1 {
  width: 20px;
  height: 20px;
  background-image: url(../images/ajx-loading.gif)
}

.loading-ajax-2, .loading-ajax-4 {
  width: 50px;
  height: 50px;
  background-image: url(../images/ajx-giphy.gif)
}

.loading-ajax-3 {
  width: 50px;
  height: 50px;
  background-image: url(../images/ajx-loading.gif)
}

.loading-ajax-4 {
  width: 80px;
  height: 80px;
}

.bg-trans-10 {
  background-image: url(../images/bgTrans10.png)
}

.bg-trans-20 {
  background-image: url(../images/bgTrans20.png)
}

.bg-trans-30 {
  background-image: url(../images/bgTrans30.png)
}

.bg-trans-40 {
  background-image: url(../images/bgTrans40.png)
}

.bg-trans-50 {
  background-image: url(../images/bgTrans50.png)
}

.bg-trans-60 {
  background-image: url(../images/bgTrans60.png)
}

.bg-trans-70 {
  background-image: url(../images/bgTrans70.png)
}

.bg-trans-80 {
  background-image: url(../images/bgTrans80.png)
}

.bg-trans-90 {
  background-image: url(../images/bgTrans90.png)
}

.bg-trans-70-black {
  background-image: url(../images/bgTrans70-black.png)
}

.up-arrow-gray {
  background-image: url(../images/up-arrow-gray.png)
}
.down-arrow-gray {
  background-image: url(../images/down-arrow-gray.png)
}

.up-arrow-green {
  background-image: url(../images/up-arrow-green.png)
}
.down-arrow-green {
  background-image: url(../images/down-arrow-gray.png)
}

.status-color-ok {color:#008000;}
.status-color-not-ok {color:#ff0000;}
.status-color-wait {color:#0000ff;}
.status-color-warning {color:#ffffd5;}
.status-bg-color-ok {background-color:#008000;color:#fff;}
.status-bg-color-not-ok {background-color:#ff0000;color:#fff;}
.status-bg-color-wait {background-color:#0000ff;color:#fff;}
.status-bg-color-warning {background-color:#ffffd5;color:#000;}

.icon-dot {
  display: inline-block;
  width: 1px;
  height: 1px;
  background: url(../images/d.gif) no-repeat center
}

.icon-square {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('') no-repeat center;
  background-size: 90%;
  vertical-align: middle;
  border-radius:3px;
}

.icon-btn:hover {
  cursor: pointer;
  opacity: .8
}

.btn-lupa-white, .btn-lupa-gray, .btn-lupa-blue {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(../images/lupa-cinza.png) no-repeat center;
}

.btn-lupa-white {
  background-image: url(../images/lupa.png)
}

.btn-lupa-blue {
  background-image: url(../images/lupa-azul.png)
}

.btn-lupa:hover {opacity:.8;}

.icon-extra-large, .icon-large, .icon-medium, .icon-small, .icon-mini {
  display: inline-block!important;
  width: 18px;
  height: 18px;
  line-height:18px;
  background-image: url('');
  background-position:center;
  background-repeat:no-repeat;
  background-size: 100% !important;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 5px;
  border-radius:3px;
}

.icon-esfera {
  border-radius:50%;
  text-align:center;
  font-weight:bold;
  vertical-align:middle;
  background-color:#eaeaea;
}

.icon-mini {
  width: 15px;
  height: 15px;
  line-height:15px;
}

.icon-medium {
  width: 30px;
  height: 30px;
  line-height:30px;
}

.icon-large {
  width: 42px;
  height: 42px;
  line-height:42px;
}

.icon-extra-large {
  width: 54px;
  height: 54px;
  line-height:54px;
}

.btn-menu-mobile {
  width:30px;
  height:40px;
  display:block;
  vertical-align:middle;
  display:none;
  background-size:90%;
  background-position:center;
  background-repeat:no-repeat;
}

.btn-menu-mobile-white {
  background-image: url(../images/mMobile.png);
}

.icon-insights-white {
  background-image: url(../images/ic_insights-white.png);
}

.icon-insights-black {
  background-image: url(../images/ic_insights-black.png);
}

.icon-lupa-white {
  background-image: url(../images/ic_lupa-white.png);
}

.icon-follower-black {
  background-image: url(../images/ic_follower-black.png);
}
.icon-follower-white {
  background-image: url(../images/ic_follower-white.png);
}
.icon-following-black {
  background-image: url(../images/ic_following-black.png);
}
.icon-following-white {
  background-image: url(../images/ic_following-white.png);
}

.icon-tv-black {
    background-image: url(../images/ic_tv-black.png);
}
.icon-tv-white {
    background-image: url(../images/ic_tv-white.png);
}

.icon-job-black {
  background-image: url(../images/ic_job-black.png);
}
.icon-news-white {
  background-image: url(../images/ic_news-white.png);
}
.icon-video-white {
  background-image: url(../images/ic_video-white.png);
}
.icon-like-white {
  background-image: url(../images/heart-white.png);
}
.icon-like-red {
  background-image: url(../images/heart-red.png);
}

.icon-comment-black {
  background-image: url(../images/icComment.png);
}

.icon-views-white {
  background-image: url(../images/ic_views-white.png );
}
.icon-add {
  background-image: url(../images/add.png);
}

.icon-lamp {
  background-image: url(../images/icLampada.png);
}

.icon-permission {
  background-image: url(../images/icPermission.png);
}

.icon-word {
  background-image: url(../images/ic-word.png);
}

.icon-alert {
  background-image: url(../images/icAlerta.png);
}
.icon-fake {
  background-image: url(../images/d.gif);
}

.icon-excel {
  background-image: url(../images/ic-excel.png)
}

.icon-newsletter {
  background-image: url(../images/logo-news.png)
}

.icon-blank-mini {
  background-image: url(../images/d.gif)
}
.icon-class-mini {
  background-image: url(../images/icAula-mini.png)
}
.icon-message-mini {
  background-image: url(../images/icMensagemMini.png)
}
.icon-document-edit-mini {
  background-image: url(../images/icDocEditMini.png)
}
.icon-video-mini {
  background-image: url(../images/icVideoMini.png)
}
.icon-download-mini {
  background-image: url(../images/icDownloadMini.png)
}
.icon-upload-mini {
  background-image: url(../images/icUploadMini.png)
}
.icon-quiz-mini {
  background-image: url(../images/icQuizMini.png)
}
.icon-anota-mini {
  background-image: url(../images/icAnotaMini.png)
}
.icon-drag-drop {
  background-image: url(../images/icDragDrop.png);
}
.icon-drag-drop-green {
  background-image: url(../images/icDragDrop-green.png);
}

.icon-about-black {
  background-image: url(../images/ic_about.png);
}

.icon-blank {
  background-image: url(../images/d.gif)
}
.icon-copy {
  background-image: url(../images/copy.png) !important
}

.icon-help {
  background-image: url(../images/icHelp.png)
}

.icon-product {
  background-image: url(../images/icProd.png)
}
.icon-basket {
  background-image: url(../images/icBasketa.png)
}

.icon-shopping-cart-white {
  background-image: url(../images/icShopping-Cart-white.png);
}
.icon-shopping-cart-green {
  background-image: url(../images/icShopping-Cart-green.png);
}
.icon-shopping-cart-gray {
  background-image: url(../images/icShopping-Cart-gray.png);
}

.icon-ok {
  background-image: url(../images/icOk.png)
}

.icon-not-ok {
  background-image: url(../images/icNotOk.png)
}

.icon-ok-white {
  background-image: url(../images/icOk-white.png)
}

.icon-not-ok-white {
  background-image: url(../images/icNotOk-white.png)
}

.icon-web {
  background-image: url(../images/globe.png)
}

.icon-video {
  background-image: url(../images/icVideo.png)
}

.icon-cifrao {
  background-image: url(../images/icCifrao.png)
}

.icon-cifrao-white {
  background-image: url(../images/icCifrao-white.png)
}

.icon-question {
  background-image: url(../images/ic-question.png)
}

.icon-answer {
  background-image: url(../images/ic-answer.png)
}

.icon-view {
  background-image: url(../images/monitor16.png)
}

.icon-view-white {
  background-image: url(../images/icView-white.png)
}

.icon-na-mosca-white {
  background-image: url(../images/na-mosca-white.png)
}

.icon-na-mosca-gray {
  background-image: url(../images/na-mosca-cinza.png)
}

.icon-na-mosca-blue {
  background-image: url(../images/na-mosca-azul.png)
}

.icon-print-white {
  background-image: url(../images/print-white.png)
}

.icon-print-blue {
  background-image: url(../images/print-blue.png)
}

.icon-student {
  background-image: url(../images/icAluno.png)
}

.icon-certified {
  background-image: url(../images/icCertificado.png)
}

.icon-course {
  background-image: url(../images/icCurso.png)
}

.icon-module {
  background-image: url(../images/icModulo.png)
}

.icon-quiz {
  background-image: url(../images/icQuestionario.png)
}

.icon-class {
  background-image: url(../images/icAula.png)
}

.icon-clock {
  background-image: url(../images/icClock.png)
}

.icon-user {
  background-image: url(../images/icUser.png)
}

.icon-begin {
  background-image: url(../images/ic_begin.png)
}

.icon-end {
  background-image: url(../images/ic_end.png)
}

.icon-door-open {
  background-image: url(../images/icDoorOpen.png)
}

.icon-sales {
  background-image: url(../images/icVendas.png)
}

.icon-no-photo {
  background-image: url(../images/ic-no-photo.png)
}

.icon-check-list {
  background-image: url(../images/icCheck.png)
}

.icon-check-green {
  background-image: url(../images/check-green.png)
}

.icon-check-gray {
  background-image: url(../images/check-gray.png)
}

.icon-check-box-green {
  background-image: url(../images/chk-verde.png)
}

.icon-check-box-gray {
  background-image: url(../images/chk-cinza.png)
}

.icon-btn-menu {
  background-image: url(../images/btn-menu.png)
}


.icon-contact-black {
  background-image: url(../images/ic_contact-black.png)
}
.icon-contact-white {
  background-image: url(../images/ic_contact-white.png)
}

.icon-content {
  background-image: url(../images/icContent.png)
}

.icon-pin {
  background-image: url(../images/alfinete.png)
}

.icon-message {
  background-image: url(../images/icEmail.png)
}

.icon-note {
  background-image: url(../images/icAnota.png)
}

.icon-graph {
  background-image: url(../images/icGraph.png)
}

.icon-add {
  background-image: url(../images/add.png)
}

.icon-minus {
  background-image: url(../images/minus.png)
}

.icon-emoji-amei {
  background-image: url(../images/emoji-amei.png)
}
.icon-emoji-amei-gray {
  background-image: url(../images/emoji-amei-gray.png)
}
.icon-emoji-muito-feliz {
  background-image: url(../images/emoji-muito-feliz.png)
}
.icon-emoji-muito-feliz-gray {
  background-image: url(../images/emoji-muito-feliz-gray.png)
}
.icon-emoji-feliz {
  background-image: url(../images/emoji-feliz.png)
}
.icon-emoji-feliz-gray {
  background-image: url(../images/emoji-feliz-gray.png)
}
.icon-emoji-serio {
  background-image: url(../images/emoji-serio.png)
}
.icon-emoji-serio-gray {
  background-image: url(../images/emoji-serio-gray.png)
}
.icon-emoji-triste {
  background-image: url(../images/emoji-triste.png)
}
.icon-emoji-triste-gray {
  background-image: url(../images/emoji-triste-gray.png)
}
.icon-emoji-bravo {
  background-image: url(../images/emoji-bravo.png)
}
.icon-emoji-bravo-gray {
  background-image: url(../images/emoji-bravo-gray.png)
}

.icon-carinha-feliz-yellow {
  background-image: url(../images/carFelizAmarela.png)
}

.icon-carinha-feliz-blue {
  background-image: url(../images/carFelizAzul.png)
}

.icon-carinha-feliz-green {
  background-image: url(../images/carFelizVerde.png)
}

.icon-carinha-seria-blue {
  background-image: url(../images/carSeriaAzul.png)
}

.icon-carinha-seria-orange {
  background-image: url(../images/carSeriaLaranja.png)
}

.icon-carinha-triste-red {
  background-image: url(../images/carTristeVermelha.png)
}

.icon-certified {
  background-image: url(../images/icCertificado.png)
}

.icon-declaration {
  background-image: url(../images/icDeclaracao.png)
}

.icon-download {
  background-image: url(../images/icDownload.png)
}

.icon-download-white {
  background-image: url(../images/icDownload-white.png)
}

.icon-arrow-down {
  background-image: url(../images/arrDwn.png)
}

.icon-arrow-up {
  background-image: url(../images/arrUp.png)
}

.icon-document-edit {
  background-image: url(../images/icDocEdit.png)
}

.icon-double-win-blue {
  background-image: url(../images/double-win-blue.png)
}

.icon-moeda-ouro {
  background-image: url(../images/ic-moeda-ouro.png)
}
.icon-moeda-prata {
  background-image: url(../images/ic-moeda-prata.png)
}
.icon-moeda-bronze {
  background-image: url(../images/ic-moeda-bronze.png)
}
.icon-moeda-furada-cinza {
  background-image: url(../images/ic-moeda-furada-cinza.png)
}

.lnk-icon {
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%
}

.lnk-icon:hover {
  cursor: pointer;
  opacity: .8
}

.lnk-rs-zap {
  background-image: url(../images/Zap.png)
}

.lnk-rs-facebook {
  background-image: url(../images/icFacebook.png)
}

.lnk-rs-instagram {
  background-image: url(../images/icInstagram.png)
}

.lnk-rs-youtube {
  background-image: url(../images/icYoutube.png)
}

.lnk-rss {
  background-image: url(../images/RSS.png)
}

.lnk-newsletter {
  background-image: url(../images/mail.png)
}

.lnk-widget {
  background-image: url(../images/process.png)
}

.lnk-favorite {
  background-image: url(../images/favorite.png)
}

.lnk-com-erro {
  background-image: url(../images/warning.png)
}

.lnk-login {
  background-image: url(../images/lock.png)
}

.lnk-fale-conosco {
  background-image: url(../images/comentar.png)
}

.lnk-envie-sua-noticia {
  background-image: url(../images/ic-env-sua-noticia.png)
}

.lnk-app {
  display: inline-block;
  height: 35px;
  width: 102px;
  background-repeat: no-repeat;
  backround-position: center;
  background-size: 100%
}

.lnk-app:hover {
  cursor: pointer;
  opacity: .8
}

.lnk-app-android {
  background-image: url(../images/app-google-play.png)
}

.lnk-app-ios {
  background-image: url(../images/app-apple-store.png)
}

.btn-rs {
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center
}

.btn-rs:hover {
  cursor: pointer
}

.btnFacebook {
  background-image: url(../images/icFace.png);
  background-color: #3b5998
}

.btnTwitter {
  background-image: url(../images/icTwitter.png);
  background-color: #27aade
}

.btnLinkedin {
  background-image: url(../images/icLinkedIn.png);
  background-color: #1c87bd
}

.btnWhatsApp {
  background-image: url(../images/icZap.png);
  background-color: #65bc54;
  display: none;
}

.btnSend {
  background-image: url(../images/icSend.png);
  background-color: #006ab0
}

.btnPrint {
  background-image: url(../images/icPrint.png)
}

.comentar {
  display: inline-block;
  height: 35px;
  background: url(../images/icComment.png) no-repeat left center;
  background-size: 35px;
  margin:5px;
}
.comentar span {
  display: inline-block;
  padding-left: 40px;
  color: #000;
  line-height: 35px;
  font-weight: 700
}

.f-size {
  vertical-align:top;
  height:45px;
}

.f-size span {
  vertical-align:top;
}

.f-size label {
  display: inline-block;
  vertical-align: middle;
}

.f-size .f-menos {
  font-size: .9em;
  font-weight: 700;
}

.f-size .f-mais {
  font-size: 1.2em;
  font-weight: 700;
}

.icon-medal {
  display: inline-block;
  width: 20px;
  height: 40px;
  text-align: left;
  background: url('') no-repeat center;
  background-size: 100%
}

.icon-medal-gold {
  background-image: url(../images/goldMedal.png)
}

.icon-medal-silver {
  background-image: url(../images/silverMedal.png)
}

.icon-medal-bronze {
  background-image: url(../images/bronzeMedal.png)
}

.icon-medal-transparent {
  background-image: url(../images/TransMedal.png)
}

.icon-pne {
  display: inline-block !important;
  width: 20px;
  height: 20px;
  background: url(../images/icPNE.gif) no-repeat;
  padding: 0;
  margin: 0 5px 0 0;
  vertical-align: middle
}

.btn-img-text-down, .btn-img-text-side {
  display: inline-block;
  padding: 5px 10px;
  text-align: center;
  background: url(../images/bgTrans30.png) #ccc;
  margin: 5px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
  border-radius:3px;
}

.btn-img-text-down .icon {
  display: inline-block;
  height: 25px;
  width: 25px;
  background: url('') no-repeat center;
  background-size: 100%
}

.btn-img-text-down .lbl {
  display: block;
  padding-top: 5px;
  text-decoration: none;
  color: #000
}

.btn-img-text-down:hover {
  background: url(../images/bgTrans50.png);
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out
}

.btn-img-text-side {
  text-white: nowrap;
  background-image: url(../images/bgTrans10.png)
}

.btn-img-text-side span {
  display: inline-block
}

.btn-img-text-side .icon {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.btn-img-text-side .lbl {
  display:inline-block;
  text-decoration: none;
  color: #fff;
}

.btn-img-text-side:hover {
  background-image: url(../images/bgTrans50.png);
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out
}

.btn-img-text-side-delete {
  background-color: red
}

.btn-img-text-side-delete .icon {
  background-image: url(../images/deleteWhite.png)
}

.btn-img-text-side-comprar {
  background-color: #7EBF00;
  paddding:10px 20px;
  border-bottom:3px solid #7EBF0080;
}

.btn-img-text-side-comprar .icon {
  height: 30px;
  width: 30px;
  background-image: url(../images/icShopping-Cart-white.png);
}

.btn-img-text-side-comprar .lbl {
  font-size:1.2em;
  font-weight:bold;
}

.btn-img-text-side-imprimir {
  background-color:#D89615!important;
}

.btn-img-text-side-imprimir .icon {
  height: 20px;
  width: 20px;
  background-image: url(../images/print-white.png);
}

.icon-fale-conosco-green {
  background-image: url(../images/comentarGreen.png) !important
}

.icon-enviar-por-email {
  background-image: url(../images/Enviar.png) !important
}

.icon-avaliar {
  background-image: url(../images/avaliar.png) !important
}

.icon-arquivar {
  background-image: url(../images/arquivar.png) !important
}

.icon-visualizar {
  background-image: url(../images/visualizar.png) !important
}

.icon-imprimir {
  background-image: url(../images/imprimir.png) !important
}

.icon-imprimir-white {
  background-image: url(../images/imprimir-white.png) !important
}

.icon-fechar-white {
  background-image: url(../images/deleteWhite.png) !important
}

.icon-depoimento {
  background-image: url(../images/icDepoimento.png) !important
}

.icon-dbl-check {
  display: inline-block;
  height: 30px;
  width: 30px;
  background: url(../images/dbl-check.png) no-repeat center;
  background-size: 100%
}

.icon-pay, .icon-boleto, .icon-credit-card, .icon-pix, .icon-faturado {
  display: inline-block;
  width: 45px;
  height: 28px;
  vertical-align: middle;
  background: url('') no-repeat center;
  background-size:100%;
}

.icon-pay, .icon-boleto, .icon-credit-card, .icon-pix, .icon-faturado {
  width: 38px;
  height:25px;
  margin:5px;
}

.icon-boleto {
  background-image: url(../images/ic-boleto.png) !important
}

.icon-credit-card {
  background-image: url(../images/ic-credit-card.png) !important
}

.icon-pay-cc-gray {
  background-image: url(../images/ic-cartao-gray.png) !important
}

.icon-pay-boleto {
  background-image: url(../images/icboleto.png) !important
}

.icon-pay-faturado {
  background-image: url(../images/icFaturado.png) !important
}

.icon-pay-cc-visa {
  background-image: url(../images/icVisa.gif) !important
}

.icon-pay-cc-mastercard {
  background-image: url(../images/icMastercard.gif) !important
}

.icon-pay-cc-amex {
  background-image: url(../images/icAmex.gif) !important
}

.icon-pay-cc-diners, .icon-pay-cc-diners_club_international {
  background-image: url(../images/icDiners.gif) !important
}

.icon-pay-pix {
  background-image: url(../images/icPix.png) !important;
  width:28px;
}

.icon-delete {
  background-image: url(../images/delete.png) !important
}
.icon-delete-gray {
  background-image: url(../images/delete-gray.png) !important
}

.icon-link {
  background-image: url(../images/icLink.png) !important
}
.icon-link-gray {
  background-image: url(../images/icLink-gray.png) !important
}

.icon-mail {
  background-image: url(../images/icMail.png) !important
}
.icon-mail-gray {
  background-image: url(../images/icMail-gray.png) !important
}

.icon-env-yellow {
  background-image: url(../images/envAmarelo.png) !important
}

.icon-env-open-yellow {
  background-image: url(../images/envAmareloOpen.png) !important
}

.icon-env-open-white {
  background-image: url(../images/envBrancoOpen.png) !important
}

.icon-basket-white {
  background-image: url(../images/icBasket-white.png) !important
}

.icon-basket-green {
  background-image: url(../images/icBasket-green.png) !important
}

.icon-basket-gray {
  background-image: url(../images/icBasket-gray.png) !important
}

.icon-clips {
  background-image: url(../images/icDown.png) !important
}

.icon-star-orange {
  background-image: url(../images/star-orange.png)
}

.icon-star-gray {
  background-image: url(../images/star-gray.png)
}

.icon-rss {
  background-image: url(../images/icRss.jpg)
}

.icon-analytics {
  background-image: url(../images/grp-exclusivo.png)
}

.image-security-code {
  display: inline-block;
  width: 250px;
  height: 153px;
  margin: 5px;
  background: url(../images/security-code.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle
}

.image-security-stamp-pagar-me {
  display: inline-block;
  width: 100px;
  height: 40px;
  margin: 5px;
  background: url(../images/selo-seguranca-pagar-me.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle
}

.image-upload-face {
  display: inline-block;
  width: 105px;
  height: 75px;
  margin: 5px;
  background: url(../images/icmPhotos.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle
}

.image-logo-correios-small,
.image-logo-correios-medium,
.image-logo-correios-large {
  display: inline-block;
  width: 201px;
  height: 49px;
  margin: 5px;
  background: url(../images/logo-correios.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle
}

.image-logo-correios-small {
  width: 100px;
  height: 25px;
}

.image-logo-correios-medium {
  width: 150px;
  height: 36px;
}

.image-certified {
  display: inline-block;
  width: 150px;
  height: 150px;
  margin: 5px;
  background: url(../images/certificado.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle
}

.image-logo-moip-small,
.image-logo-moip-medium,
.image-logo-moip-large {
  display:inline-block;
  width:103px;
  height:58px;
  margin: 5px;
  background: url(../images/logo-moip.svg) no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}

.image-logo-moip-small {
  width: 51px;
  height: 29px;
}

.image-logo-moip-medium {
  width: 70px;
  height: 39px;
}

.image-logo-pagar-me-small,
.image-logo-pagar-me-medium,
.image-logo-pagar-me-large {
  display:inline-block;
  width:185px;
  height:59px;
  margin: 5px;
  background: url(../images/logo-pagarme.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}

.image-logo-pagar-me-small {
  width: 97px;
  height: 25px;
}

.image-logo-pagar-me-medium {
  width: 138px;
  height: 37px;
}

#Topo {
  clear: both;
  float: left;
  width: 100%
}

:-moz-placeholder {
  color: red;
  opacity: 1
}

#Topo .topoLogo {
  clear: both;
  float: left;
  width: 100%;
  padding: 10px 0
}

#Topo .topoLogo .logo {
  clear: both;
  display: block;
  float: left;
  width: 320px;
  text-align: center;
}

#Topo .topoLogo .logo img {
  height:80px;
  max-width: 100%;
  border: 0
}

#Topo .topoLogo .banTopo {
  width: 850px;
  float: right;
  text-align: right
}
#Topo .topoLogo .banTopo .abanner img {
  max-height:80px;
  max-width:100%;
}

#Topo #TopoBarraHorizontal {
  height: 40px;
  padding: 7px 0;
  line-height: 35px;
  background-color: #666;
  color: #fff;
  border: 0
}

#Topo #TopoBarraHorizontal .barra .ddMenu {
  float: left;
  width: 30%;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .menu-btn {
  font-weight: 700;
  padding: 2px 10px 9px 0;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .menu-btn div {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .menu-btn .txt {
  display:inline-block;
  padding-left:5px;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .menu-btn div span {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #fff;
  margin: 6px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

#Topo #TopoBarraHorizontal .barra .ddMenu .menuSecoes:hover {
  cursor: pointer;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens {
  display: none;
  position: absolute;
  z-index: 1;
  width: 96%;
  padding:2%;
  top:47px;
  font-size: 1.1em;
  background: url(../images/bgTrans80.png) #666;
  box-shadow: 5px 5px 5px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
  line-height:1.6em;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .menu-quadro {
  padding:0 10px;
  margin-bottom:10px;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens ul {
  list-style-type: none;
  padding:20px 4%;
  widtth: 92%;
  background-image:url('../images/bgTrans50.png');
  min-height:160px;
  vertical-align:top;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .menu-mais {
 margitn-right:0;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .site-menu ul li {
  float:left;
  width: 50%;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .site-menu .mais-institucional {
  clear: both;
  display: block;
  padding: 0 3%;
  width: 94%;
  height: 1px;
  background-color: #eaeaea;
  margin: 5px 0
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .site-menu .ms {
  text-transform: uppercase;
  padding: 0 10px;
  display:inline-block;
  color:#fff;
  border-radius:3px 3px 0 0;
  margin:0;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .site-menu .ip {
  display: none
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .site-menu ul li:hover a {
  text-decoration: underline
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .rod ul {
  clear: both;
  float:left;
  width:98%;
  background-image:url('../images/bgTrans50.png');
  text-align: center;
  padding:5px 1% 0 1%;
  line-height:25px;
  min-height:auto;
  margin:0;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .rod li {
  display: inline-block;
}

#Topo #TopoBarraHorizontal .barra .ddMenu .itens .rod li .lnk-icon {
  width: 25px;
  height: 25px;
  margin:0 5px;
}

#Topo #TopoBarraHorizontal .barra .siteNome {
  width: 70%;
  float:left;
  text-align: left;
}

#Topo #TopoBarraHorizontal .barra .siteNome a {
  display: block;
  line-hefight:50px;
  position: relative;
  font-family: Oswald,arial;
  color: #fff !important;
  font-size: 2em;
  text-transform: lowercase;
  text-decoration: none
}

#Topo #TopoBarraHorizontal .barra .busca,
#Topo #TopoBarraHorizontal .barra .btn-entrar,
#Topo #TopoBarraHorizontal .barra .siteNome {
  text-align: center;
}

#Topo #TopoBarraHorizontal .barra .busca input,
#Topo #TopoBarraHorizontal .barra .busca select {
  height: 40px;
  line-height: 40px;
  padding: 0 1%;
  margin:0 1px;
}

#Topo #TopoBarraHorizontal .barra .busca input,
#Topo #TopoBarraHorizontal .barra .busca select,
#Topo #TopoBarraHorizontal .barra .busca span {
  display:inline-block;
  vertical-align:top;
  height:40px;
}
#Topo #TopoBarraHorizontal .barra .busca span {
  background-color:#fff;
  border-radius: 0 3px 3px 0;
  width:50px;
}
#Topo #TopoBarraHorizontal .barra .busca span:hover {
  background-image:url(../images/lupa-azul.png);
}

#Topo #TopoBarraHorizontal .barra .busca input {
 width:70%;
}

#Topo #TopoBarraHorizontal .barra .busca {
  white-space: nowrap
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante {
  position:relative;
  text-align:right;
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .btn-login,
#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .btn-arrow {
  margin: 0!important;
  padding:0 10px!important;
  line-height:35px;
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .fPass {
  display: inline-block;
  margin-left: 20px;
  line-height: 15px;
  font-size:.9em;
  vertical-align: middle;
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .fPass span {
 display:block;
  color:#fff!important;
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .fPass .text-link {
 color:#fff;
}

#Topo .topo-logado #TopoBarraHorizontal {
  padding:7px 0;
}
#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .btn-user-menu .icon-user {
  background-color: #fff;
  border-radius:50%;
}

.box-user-login,
.carrinho-de-compras-preview .box-carrinho-de-compras {
  position:fixed;
  width:300px;
  height:100%;
  max-width:100%;
  top 0;
  right:0;
  margin-right:-100%;
  padding:30px;
  color:#000;
  z-index:1;
  line-height:normal;
  text-align:left;
  background-color:#fff;
  border-left:1px solid #666;
}

.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-titulo {
  clear:both;
  float:left;
  width:100%;
  border-bottom:1px solid #666;
  padding-bottom:5px;
  margin:0 0 10px 0;
}

.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-titulo h2 {
  margin:0;
}

.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-titulo .fechar {
  margin-top:5px;
  display:inline-block;
  width:25px;
  height:25px;
  line-height:25px;
  border:1px solid #666;
  border-radius:3px;
  font-weight:bold;
  text-align:center;
  opacity:.7;
  font-size:1.3em;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-titulo .fechar:hover {
  opacity:1;
  cursor:pointer;
}

.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-cesta {
  position:relative;
}

.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens {
  height:380px;
  overflow:auto;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .cesta-item {
  padding:5px;
  margin-bottom:5px;
  border-bottom:1px solid #ccc;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens table {
  width:100%;
  margin-top:5px;
  padding:0;
  border:0;
  border-spacing:0px;
  border-collapse:separate;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens table td {
  vertical-align:top;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .btn-item-excluir {
  display:none;
}

.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .cesta-item .item-foto {
  float:left;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .cesta-item .item-foto .icon {
  margin:0 10px 5px 0!important;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .cesta-item .item-nome {
  font-size:1.3em;
  font-weight:bold;
  margin-top:15px;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .cesta-item .item-preco {
  font-size:1.5em;
  font-weight:bold;
  text-align:right;
  padding-top:5px;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .cesta-item .item-quantidade {
  text-align:left;
  padding-top:5px;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .cesta-item .item-quantidade input,
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .cesta-item .item-quantidade select {
  padding:3px 0!important;
  line-height:normal;
  height:auto;
  text-align:center;
}

.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .produto-variacao {
  clear:both;
  display:block;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .produto-variacao li {
  display:inline-block;
}

.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .produto-variacao span::after {
  content: ':';
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .produto-variacao label,
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-itens .pedido-item-detalhe label{
  display:inline-block;
  padding:0 5px;
  font-weight:bold;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-cesta-total {
  clear:both;
  float:left;
  width:100%;
  padding:10px 0;
  font-size:1.5em;
  font-weight:bold;
  text-align:right;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-botoes {
  padding-top:20px;
  text-align:center;
}
.carrinho-de-compras-preview .box-carrinho-de-compras .carrinho-botoes span {
  font-size:1.2em;
}

.box-user-login input {
  top: 5px;
}

.box-user-login .input-group input:focus ~ .input-group-label {
  top: -30px;
}

.box-user-login .lg-fechar {
  padding-bottom:10px;
  border-bottom:1px dotted #ccc;
}
.box-user-login .lg-fechar img {
  height:35px;
}

.box-user-login .lg-fechar span {
  float:right;
}

.box-user-login .lg-fechar span {
  display:inline-block;
  padding:3px 10px;
  color:#666;
  font-weight:bold;
  font-size:1.7em;
  border:1px solid #eaeaea;
  border-radius:3px;
}

.box-user-login .lg-fechar span:hover {
  cursor:pointer;
  background-color:#f5f5f5;
}

.box-user-login h2 {
  text-transform:uppercase;
  font-family:Oswald, arial;
  color:#002E48;
}

.box-user-login .formQuadro p {
 line-height:2.5em;
}

.box-user-login #btnLoginOk {
  width:100%;
  padding:10px 0!important;
  margin:0!important;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:2px;
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .infoUsuario-menu {
  background:url('../images/bgTrans20.png') #666;
  padding:10px 4%;;
  width:92%;
  position:absolute;
  z-index:10;
  line-height:normal;
  text-align:left;
  border-radius: 0 0 3px 3px;
  margin-top:2px;
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .infoUsuario-menu li {
  display:block;
  padding:10px;
  color:#fff;
  background-image:url('../images/bgTrans20.png');
  margin-bottom:1px;
}
#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .infoUsuario-menu li a {
  color:#fff!important;
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .infoUsuario-menu li:hover {
  text-decoration:underline;
  cursor:pointer;
}

#Topo #TopoBarraHorizontal .barra .AreaDoAssinante .infoUsuario-menu li a {
 display:block;
}

#Topo .menu-principal-topo {
  position:relative;
}

#Topo .menu-principal-topo,
#Topo .menu-principal-topo .quadro-menu {
  clear: both;
  float: left;
  width: 100%;
}

#Topo .menu-principal-topo .quadro-menu {
  z-index:1;
  background:url('../images/bgTrans80.png') #006AB0;
}

#Topo .menu-principal-topo .quadro-menu .srv {
  float:left;
  display:inline-block;
  padding: 2%;
}

#Topo .menu-principal-topo .quadro-menu .srv .ip {
  text-transform:uppercase;
  font-weight:bold;
}

#Topo .menu-principal-topo .quadro-menu .srv .ip a {
  color:#006AB0;
}

#Topo .menu-principal-topo .quadro-menu .srv a {
  display:block;
  padding:5px 0;
}

#Topo .menu-principal-topo .rod li {
  display: inline-block;
  margin: 0 5px;
}

#Topo .menu-principal-topo .rod li .lnk-icon {
  width: 25px;
  height: 25px;
}

#Topo .menuServicos {
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 1px solid #666;
}

#Topo .menuServicos ul {
  text-align: center
}

#Topo .menuServicos ul li {
  display: inline-block;
  padding: 7px 0;
  position:relative;
  background-image: url(../images/bgTrans80.png);
}

#Topo .menuServicos ul li a {
  display: block;
  padding: 5px 6px;
  text-transform: uppercase;
  font-size: .965em;
  font-weight: 700
}

#Topo .menuServicos ul li:hover {
  background-color: #999
}

#Topo .menuServicos .ana, #Topo .menuServicos .apl, #Topo .menuServicos .b2c-btn-carrinho, #Topo .site-menu .b2c-btn-carrinho {
  display: none
}

#Topo .menuServicos ul li .menu-new {
  color:#ff0000;
  text-transform:none;
  position:absolute;
  top:0;
  right:5px;
}

#Meio {
  clear: both;
  float: left;
  width: 100%;
  padding: 15px 0;
}

#Meio .btn, #Meio .btn-2, #Meio .btnG, #Meio .btnR,
#Meio .btnB, #Meio .btnO, #Meio .btn-emp, #Meio .btn-usu,
#Meio .btn-disabled, #Meio .btn-b2c, #Meio .btn-arrow,
#Meio .btn-img-text-side-comprar, .btn-delete, .btn-por, .btn-cor-p, .btn-cor-s {
  border-radius:3px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  border-bottom:3px solid #ffffff80;
}

.btn-trans {
 border:1px solid #ccc!important;
}

#Meio .btn-arrow {
  border-radius:3px;
}

.colLeft, .colLeftDestaque, .colMiddle, .colMiddleDestaque, .colRight, .colRightExt, .meioLeft, .meioLeftExp, .meioLeftExp2 {
  float: left;
  position: relative
}

.colLeft {
  width: 73.5%;
  margin-right: 1.5%
}

.colMiddle {
  width: 58.5%;
  margin-left: 1.5%
}

.colLeft {
  width: 48.5%;
  margin-right: 1.5%
}

.colMiddle {
  width: 48.5%;
  margin-left: 1.5%
}

.colLeftDestaque {
  width: 51.4%;
  margin-right: 1%
}

.colMiddleDestaque {
  width: 46.6%;
  margin-left: 1%
}

.colRight {
  width: 25%
}

.colRightExt {
  width: 10%;
  text-align: right
}

.meioLeft, .meioLeftExp, .meioLeftExp2 {
  clear: both
}

.meioLeft {
  width: 73%;
  padding-right: 2%;
  font-size: 1.1em
}

.meioLeftExp {
  width: 87%
}

.meioLeftExp2 {
  width: 75.16%;
  padding-right: 2%
}

.colRightExt .ban {
  width: 100%;
  text-align: center;
  text-align: right
}

.colRightExt .abanner {
  clear: both;
  width: 100%;
  display: block
}

.frmLeft {
  display: block;
  width: 20%;
  float: left;
  border: 0;
  background-color: #fff;
  position: relative;
}

.frmLeft:empty {
  background: lime;
}

.frmCenter {
  float: left;
  padding-left: 2%;
  width: 78%;
  position: relative;
}

.meioLeftExp .frmLeft, .meioLeftExp2 .frmLeft {
  width: 25%
}

.meioLeftExp .frmCenter, .meioLeftExp2 .frmCenter {
  width: 73%
}

.row {clear:both;float:left;width:100%;position:relative;}
.col-5, .col-10, .col20, .col-15, .col-20, .col25, .col-30, .col-33, .col-34,
.col-35, .col-40, .col-45, .col-50, .col-55, .col-67, .col-65, .col-70, .col-75,
.col-80, .col-85, .col-90, .col-95 {
  position:relative;
/*}

.col-50, .col-45, .col-40, .col-55, .col-60, .col-65, .col-67, .col-70, .col-90, .col-95 {*/
  float: left;
  width: 50%;
  vertical-align: top;
  margin: 0;
}

.col33 {
  float: left;
  width: 32%;
  padding-right: 2%;
  vertical-align: top
}
.col33:nth-child(3n+0) {
  padding-right: 0
}

.col-5, .col-10, .col-15, .col20, .col-20, .col-35 {
  float: left;
  width: 20%;
  vertical-align: top
}

.col-5 {
  width: 5%;
}

.col-10 {
  width: 10%;
}

.col-15 {
  width:15%;
}

.col-35 {
  width:35%;
}

.col-20:nth-child(5n+0) {
  margin-right:0;
}

.col25 {
  float: left;
  width: 25%;
  vertical-align: top
}

.col-25, .col-30, .col-33 {
  float: left;
  width: 25%;
  vertical-align: top;
}
.col-30 {width:30%;}
.col-33 {width:33.33333%;}

.col50 {
  float: left;
  width: 48.5%;
  vertical-align: top;
  margin: 0 1.5% 0 0
}
.col50:nth-child(even) {
  float: right;
  margin: 0 0 0 1.5%
}

.col-50:nth-child(even) {
  float: left;
}

.col-40 {width:39%;}
.col-45 {width:45%;}
.col-55 {width:55%;}
.col-60 {width:59%;float:right;margin:0 0 0 1%;}
.col-65 {width:65%;}
.col-67 {width:66.65%}
.col-70 {width:70%;}
.col-90 {width:90%;}
.col-95 {width:95%;}

.col75 {
  float: left;
  width: 75%;
  vertical-align: top;
}

.col-75 {
  float: left;
  width: 75%;
  vertical-align: top;
}
.col-80, .col-85 {
  float: left;
  width: 80%;
  vertical-align: top;
}
.col-85 {
  width:85%;
}

#Rodape {
  clear: both
}

#Rodape .qdoMenu {
  clear: both;
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  border-top: 2px solid #555;
  padding: 50px 0 0 0
}

#Rodape .barraIcones {
  clear: both;
  background-color: #eaeaea;
  padding: 10px 0
}

#Rodape ul {
  clear: both;
  text-align: center;
}

#Rodape .barraIcones ul li {
  display: inline-block;
  margin: 0 5px
}

#Rodape .qdoMenu ul li {
  text-align:left;
  vertical-align:top;
}
#Rodape .qdoMenu ul a {
  color: #555

}
#Rodape .qdoMenu ul a:hover {
  text-decoration: underline;
  color: #000
}

#Rodape .qdoMenu ul .srv {
  display:inline-block;
  padding:0 15px 25px 15px;

}

#Rodape .qdoMenu ul .srv .ip {
  font-weight: 700;
  display: block;
  padding-bottom: 10px;
  font-size: 1.2em;
  font-family: Oswald,Arial
}

#Rodape .qdoMenu ul li {
  line-height: 18px
}

#Rodape .qdoMenu ul li .grp {
  font-weight: 700;
  color: #555;
  padding-bottom: 5px
}

#Rodape .aplicativo {
  clear: both;
  float: left;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  display: none
}

#Rodape .aplicativo ul {
  display: block;
  width: 100%
}

#Rodape .aplicativo ul li {
  display: inline-block
}

#Rodape .aplicativo a, #Rodape .aplicativo a span {
  color: #fff
}

#Rodape .bottom {
  clear: both;
  float: left;
  width: 100%;
  background-color: #999;
  padding-bottom: 10px
}

#Rodape .bottom .institucional ul {
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  text-align: center
}

#Rodape .bottom .institucional ul li {
  display: inline-block;
  text-transform: uppercase
}

#Rodape .bottom .institucional ul li a {
  color: #fff;
  padding: 0 10px
}

#Rodape .bottom .copyRight {
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  color: #fff
}

#Rodape .bottom .copyRight a {
  color: #fff
}

.banBottomConteudoEmDestaque {
  padding: 5px;
  height: 80px;
  background-color: #f3f3f3;
  text-align: center
}

.banBottomConteudoEmDestaque span {
  padding: 0 5px
}

.banHalfRightTopo {
  clear: both;
  padding: 0 0 10px 0;
  text-align: center
}

.banHalfRight {
  clear: both;
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
  text-align: center
}

.banRightExt span {
  display: inline-block;
  padding-bottom: 15px;
  text-align: right
}

.banMeio {
  clear: both;
  margin-bottom: 15px;
  text-align: center
}

.banMeioLadoALado {
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 15px
}

.banMeioLadoALado .ban {
  display: inline-block
}

.banMeioLadoALado .banHalfRight {
  clear: none;
  width: 33.3333%;
  display: block;
  padding: 0;
  text-align: center;
  vertical-align: middle
}

.banMeioTopo, .banMeioTopo2 {
  clear: both;
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
  text-align: center
}

.banMeioTopo2 {
  margin: 15px 0
}

.banRodape {
  clear: both;
  padding: 15px 0 0 0;
  text-align: center
}

.banSupTopo {
  clear: both;
  text-align: center;
  padding-top: 3px
}

.banSupTopoM, .banTopoM {
  display: none
}

.banSuperEspecial {
  clear: both;
  padding: 5px 0;
  text-align: center
}

.banFloat {
  clear: both;
  float: left;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 10px;
  left: 0;
  z-index: 500000;
  background: url(../images/bgTrans50.png)
}

.banFloat .banQdo table {
  border: 0;
  display: inline-block
}

.banFloat .f {
  text-align: right
}

.banFloat .f span {
  display: none;
  padding: 5px 10px;
  background-color: red;
  color: #fff;
  text-transform: uppercase
}

.banFloat .f span:hover {
  cursor: pointer
}

.banFloat .b {
  text-align: center
}

.abanner img {
  max-width: 100% !important
}

.banFloat {
  height: 100%;
  min-height: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center
}

#msgAlerta {
  clear: both;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  max-width: 700px;
  height: 100%;
  display: none;
  z-index: 100000
}

#msgAlerta .mQdo {
  min-width: 300px;
  max-width: 500px;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  overflow: auto;
  box-shadow: 2px 2px 10px #ccc;
}

#msgAlerta .mQdo .mTit {
  clear: both;
  float: left;
  width: 100%;
  padding: 2% 0;
  background-color: #666
}

#msgAlerta .mQdo .mTit img {
  padding: 0 5px;
  height: 18px;
  vertical-align: middle
}

#msgAlerta .mQdo .mTit .mTxt {
  display: inline-block;
  font-weight: 700;
  color: #fff;
  padding: 2px 0 0 10px
}

#msgAlerta .mQdo .mTit .mFechar {
  display: inline-block;
  float: right;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  font-size: 18px;
  color: #fff
}

#msgAlerta .mQdo .mTit .mFechar:hover {
  cursor: pointer
}

#msgAlerta .mQdo .m {
  clear: both;
  padding: 15px 25px 15px 25px;
  font-size: 16px
}

#msgAlerta .mQdo .m img {
  max-width: 100%
}

#msgConfirmar {
  clear: both;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  width: 98%;
  height: 98%;
  padding: 1%;
  display: none;
  z-index: 100000
}

#msgConfirmar .mQdo {
  min-width: 300px;
  max-width: 100%;
  max-width: 50%;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  overflow: auto;
  box-shadow: 2px 2px 10px #ccc;
}

#msgConfirmar .mQdo .mTit {
  clear: both;
  float: left;
  width: 100%;
  padding: 2% 0;
  background-color: #666;
  line-height: 22px
}

#msgConfirmar .mQdo .mTit img {
  padding: 0 5px;
  height: 18px;
  vertical-align: middle
}

#msgConfirmar .mQdo .mTit .mTxt {
  font-weight: 700;
  color: #fff;
  padding-left: 10px
}

#msgConfirmar .mQdo .mTit .mFechar {
  display: inline-block;
  float: right;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  font-size: 150%;
  color: #fff
}

#msgConfirmar .mQdo .mTit .mFechar:hover {
  cursor: pointer
}

#msgConfirmar .mQdo .m {
  clear: both;
  padding: 15px 25px 15px 25px;
  font-size: 14px;
  max-height: 500px;
  overflow: auto
}

#msgConfirmar .mQdo .m img {
  max-width: 100%
}

#msgConfirmar .mQdo .mBtns {
  clear: both;
  padding: 5px 0;
  text-align: center;
  background-color:#ccc;
}

#msgConfirmar .mQdo .mBtns span {
  display: inline-block;
  margin: 0 10px;
  padding: 5px 10px;
  border: 0;
  border-radius:3px;
  background-color:#666;
  color: #fff
}

#msgConfirmar .mQdo .mBtns span:hover {
  cursor: pointer;
  background-image: url(../images/bgTrans10.png)
    box-shadow: 1px 1px 3px #999;-webkit-box-shadow: 1px 1px 3px #999;-moz-box-shadow: 1px 1px 3px #999;
}

.tblLista {
  width: 100%;
  background-color: #eaeaea;
  border-collapse: collapse
}

.tblLista td, .tblLista th {
  padding: 7px 5px;
  background: url(../images/bgTrans50.png)
}

.tblLista .trT td, .tblLista .trT th {
  font-weight: 700;
  background: #eaeaea;
  color: #0077c6
}

.tblLista .trDA td {
  background: url(../images/bgTrans90.png)
}

.tblLista .trD:hover td {
  background-color: #ffffd5
}

.msgValCad {
   border:1px solid #ff0000!important;
}
.msgValCad:hover h2 {
  color:#ff0000;
}
.msgValCad h2 {
  margin-top: 0;
}

.msgValCad a {
  color: #ff0000
}

.msgValCad a:hover {
  text-decoration: underline !important
}

.msgValCad p {
 font-size:1.2em;
}

.msgValCad .lstErros ul li::before {
  content: '> ';
}

.msgValCad .lstErros ul li {
  color: #ff0000;
}

.mvLateral {
  clear: both;
  float: left. width:100%;
  list-style-type: none;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ccc
}

.mvLateral li {
  clear: both;
  display: block;
  margin-bottom: 3px;
  line-height: 18px;
  position:relative;
}

.mvLateral .grp {
  font-family: Oswald,arial;
  font-size: 1.2em
}

.mvLateral .sgrp span {
  font-weight: 700;
  padding-left: 12px
}

.mvLateral .sgrp ul {
  padding-left: 10px
}

.mvLateral li a {
  display: block;
  padding-left: 12px;
  text-decoration: none
}

.mvLateral li a:hover {
  font-weight: 700
}

.mvLateral li .msgLNL {
  clear: both;
  display: block;
  padding: 5px 0 10px 0;
  text-align: right
}

.mvLateral li .msgLNL span {
  padding: 0 !important
}

.mvLateral li .msgLNL .lidas {
  padding: 0 10px 0 5px !important
}

.mvLateral li .msgLNL .nlidas {
  padding: 0 0 0 5px !important
}

.mvLateral li .menu-new {
  color:#ff0000;
  text-transform:none;
  position:absolute;
  top:0;
  margin-left:15px;
}

.menu-lat-btn {
  display: none;
  padding: 5px;
  margin-right: 15px;
  background-color: #555;
  color: #fff!important;
  font-size: .8em
}

.menu-lat-btn:hover {
  cursor: pointer
}

.menu-lat-btn-fechar {
  display: none;
  padding: 5px 10px;
  background-color: red;
  color: #fff;
  font-size: 1em;
  margin-bottom:10px;
}
.menu-lat-btn-fechar:hover {
  cursor: pointer
}

.pagTitulo {
  position:relative;
  clear: both;
  width: 100%;
  float: left;
  font-weight: 700;
  font-family: Oswald,arial;
  padding: 0 0 5px 0;
  font-size: 1.4em;
  border-bottom: 1px solid #555;
  margin-bottom: 15px;
  text-transform: uppercase;
  text-align:left;
}

.pagTitulo span {
  color:#666;
}

.pagTitulo .btn-titulo {
  position:relative;
  float:right;
  font-size:.7em;
  font-family: "Open Sans", Arial, Verdana;
  vertical-align:middle;
  margin:0;
}

.frmSubTitulo {
  clear: both;
  font-size: 1.2em;
  display: block;
  padding: 5px 0 10px 0;
  text-transform: uppercase;
  font-weight: 700;
}

.formAbas, .subFormAbas {
  clear: both;
  float: left;
  width: 100%;
  position:relative;
  margin-bottom: 15px;
  border-radius: 5px 5px 0 0;
}

.formAbas ul, .subFormAbas ul {
  clear: both;
  float: left;
  width: 98%;
  z-index: 50;
  padding: 1% 1% 0 1%;
  white-space: nowrap!important;
  overflow:auto;
}

.formAbas ul::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

.formAbas ul::-webkit-scrollbar-track {
  background: #fff;
}

.formAbas ul::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 20px;
  border: 5px solid #fff;
}

.formAbas ul li, .subFormAbas ul li {
  padding: 0 1.5%;
  display: inline-block;
  background: url(../images/bgTrans50.png);
  margin: 0 1px 0 0;
  white-space: nowrap !important;
  border-radius: 3px 3px 0 0;
  line-height:50px;
}

.formAbas ul .btnAcao {
  padding: 0;
  background-color: transparent;
  float: right
}

.formAbas ul li:hover, .subFormAbas ul li:hover {
  background: url(../images/bgTrans70.png)
}

.formAbas ul li:hover, .subFormAbas ul li:hover,
.formAbas ul li:hover,
.formAbas ul li:hover label, .subFormAbas ul li:hover label {
  cursor: pointer;
}

.formAbas ul .ativa, .subFormAbas ul .ativa {
  background: url('') #fff !important;
  font-weight: 700 !important
}

.formAbas ul .inativa, .subFormAbas ul .inativa {
  color: #999
}

.float-window .formAbas ul .ativa, .float-window .subFormAbas ul .ativa {
  background-color: #f5f5f5 !important;
}

.formAbas, .subFormAbas {
  background-color: #555
}

.formAbas .mais-opcoes {
  padding:5px 1.5% 6px 1.5%;
}
.formAbas .mais-opcoes select {
  border:0;
  background-color:transparent;
}
.formAbas .mais-opcoes select:hover {
  cursor:pointer;
}

.formAbas .mais-opcoes option {
  font-size: 1.2em;
}

#qdoAbas {
  clear:both;
  float:left;
  width:100%;
  padding:0;
}

.qdoFrm, .qdoSubFrm {
  display: none
}

.formAbas ul li a, .subFormAbas ul li a {
  display: block;
  white-space: nowrap
}
/*
.abas-container {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}

.abas-container::-webkit-scrollbar {
  display: none;
}

.lista-abas {
  display: inline-block; /* ou flex, se preferir */
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}

.lista-abas li.aba {
  display: inline-block;
  padding: 10px 20px;
  margin-right: 5px;
  background: #eee;
  cursor: pointer;
  border-radius: 4px;
}

.seta-esquerda,
.seta-direita {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 30px;
  height: 30px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: none; /* o plugin mostra/esconde */
}

.seta-esquerda {
  left: 0;
}

.seta-direita {
  right: 0;
}
*/

.formQuadro {
  clear: both;
  float: left;
  width: 100%
}

.formQuadro input[type=file],
.formQuadro input[type=password],
.formQuadro input[type=text],
.formQuadro select,
.formQuadro textarea,
.formQuadro input[type=number] {
  background-color: #fff;
  width: 95.7%;
  padding: 0 2%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #999;
  /* box-sizing: border-box;
  margin: 0 -1px*/
}

.formQuadro textarea {
  width:100%;
}

.formQuadro .fldRO {
  background:url('../images/bgTrans90.png') #666!important;
  color:#999;
}

.formQuadro textarea {
  padding:1%;
  min-height: 80px;
  line-height: normal
}

.formQuadro select {
  width: 100%;
  max-width: 100%;
  height:42px;
  line-height:42px;
}

.formQuadro p {
  clear: both
}

.aba-clean,
.aba-clean .abas {
  clear:both;
  float:left;
  width:100%;
}
.aba-clean .abas {
  margin-bottom:15px;
  text-align:center;
  overflow:auto;
  z-index: 50;
  white-space: nowrap!important;
}
.aba-clean .abas li {
  margin: 0 3px;
  display:inline-block;
  background:url('../images/bgTrans50.png') #ccc;
  border-radius:2px 2px 0 0;
}
.aba-clean .abas li span {
  display:block;
  padding:7px 10px;
}
.aba-clean .abas li:hover {
  background-color:#eaeaea;
  cursor:pointer;
}

.aba-clean .abas::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

.aba-clean .abas::-webkit-scrollbar-track {
  background: #fff;
}

.aba-clean .abas::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 20px;
  border: 5px solid #fff;
}


.aba-clean .qdo {
  display:none;
}
.aba-clean .active {
  background:#666!important;
  color:#fff;
}
.aba-clean .active span {
  font-weight:bold;
}


.win-graph .win-graph-titulo {
  clear: both;
  float: left;
  width: 98%;
  padding: 5px 1%;
  text-align: center
}

.win-graph .win-graph-titulo .graph-titulo {
  color: #fff
}

.win-graph .mm {
  display: none;
  margin-top: 5px;
  padding: 5px;
  background-color: #999;
  color: #fff
}

.win-graph .mm:hover {
  cursor: pointer
}

.win-graph .graph-abas {
  clear: both;
  float: left;
  width: 100%;
  text-align: right;
  padding-top: 5px;
  background-color: #eaeaea
}

.win-graph .graph-abas li {
  display: inline-block
}

.win-graph .graph-abas li:hover {
  cursor: pointer;
  opacity: .7
}

.win-graph .graph-abas .aba-ativa {
  background: url(none) #fff !important;
  font-weight: 700 !important
}

.win-graph .graph-abas li img {
  height: 20px;
  border: 0;
  padding: 5px
}

.win-graph .win-graph-dd {
  width: auto;
  position: relative;
  padding-top: 5px;
  background-color: #fff
}

.win-graph .win-graph-dd li {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 10px 5px;
  margin-right: 3px;
  font-weight: 400;
  position: relative
}

.win-graph .win-graph-dd li:last-child {
  border: 0
}

.win-graph .win-graph-dd li img {
  height: 15px;
  vertical-align: middle
}

.win-graph .win-graph-dd .ativa {
  background-color: #eaeaea;
  padding: 10px 50px 10px 5px
}

.win-graph .win-graph-dd .ico {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 20px;
  height: 20px;
  background: url(../images/double-win-gray.png) no-repeat
}

.win-graph .win-graph-dd li:hover {
  cursor: pointer;
  padding: 10px 50px 10px 5px
}

.win-graph .win-graph-dd li:hover span {
  text-decoration: underline
}

.win-graph .win-graph-dd .ativa .ico, .win-graph .win-graph-dd li:hover .ico {
  display: inline-block
}

.win-graph .win-graph-dd li:hover .ico:hover {
  background: url(../images/double-win-blue.png) no-repeat
}

.win-graph-qdo {
  clear: both;
  width: 96% !important;
  height: 350px;
  padding: 10px 2%;
  background-color: #fff
}

.graph-qdo {
  width: 100%
}

.graph-qdo .chart {
  width: 100%
}

.graph-qdo .chart .google-visualization-table, .graph-qdo .chart .google-visualization-table table {
  width: 100%
}

.graph-qdo .chart .google-visualization-table table td:nth-child(odd), .graph-qdo .chart .google-visualization-table table th:nth-child(odd) {
  text-align: left
}

.graph-qdo .chart .google-visualization-table table td:nth-child(even), .graph-qdo .chart .google-visualization-table table th:nth-child(even) {
  text-align: right
}

.win-modal-graph {
  position: fixed;
  top: 1%;
  left: 1%;
  z-index: 1000;
  display: none;
  width: 740px;
  max-width: 99%
}

.win-modal-graph .win-modal-qdo {
  padding: 10px;
  background-color: rgba(1,74,129,.5)
}

.win-modal-graph .iframe-graph {
  min-width: 300px;
  min-height: 300px;
  width: 100%
}

.win-modal-graph .win-tit {
  clear: both;
  float: left;
  width: 100%;
  padding: 5px 0;
  text-align:left!important;
}

.win-modal-graph .win-tit .win-txt {
  display: inline-block;
  padding: 5px 0 0 0;
  margin-right: 10px;
  vertical-align: middle;
}

.win-modal-graph .win-tit .win-txt img {
  height: 20px
}

.win-modal-graph .win-tit:hover {
  cursor: move
}

.win-modal-graph .win-tit .win-txt a {
  display: inline-block;
  color: #fff !important;
  padding-left: 10px
}

.win-modal-graph .win-tit .graph-name {
  color: #fff
}

.win-modal-graph .win-tit .win-btns {
  float: right;
  width: 40%;
  text-align: right!important;
}

.win-modal-graph .win-tit .win-btns span {
  display: inline-block;
  color: #fff;
  padding: 5px 0 5px 10px!important;
  margin-right: 5px;
  background: url(../images/bgTrans20.png)
}

.win-modal-graph .win-tit .win-btns .max-min {
  font-weight: 700
}

.win-modal-graph .win-tit .win-btns span img {
  height: 12px
}

.win-modal-graph .win-tit .win-btns span:hover {
  cursor: pointer
}

.win-modal-graph iframe {
  width: 100%;
  min-height: 350px;
  border: 0;
  padding: 0;
  margin: 0
}

.fixed-graph {
  padding: 0 1px
}

.fixed-graph .win-modal-graph {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  display: block
}

.fixed-graph .win-modal-graph .win-modal-qdo {
  padding: 1px
}

.ana-btn-estrategico, .ana-btn-exclusivo, .ana-btn-geral {
  display: inline-block;
  vertical-align: middle;
  background: url('') no-repeat bottom center;
  background-size: 80%;
  width: 30px;
  height: 30px;
  padding: 0
}

.ana-btn-geral {
  background-image: url(../images/grp-geral.png)
}

.ana-btn-estrategico {
  background-image: url(../images/grp-estrategico.png)
}

.ana-btn-exclusivo {
  background-image: url(../images/grp-exclusivo.png)
}

.ana-btn-estrategico:hover, .ana-btn-exclusivo:hover, .ana-btn-geral:hover {
  cursor: pointer
}

.ana-marcador {
  display: inline-block;
  vertical-align: middle;
  padding: 0 !important;
  width: 15px !important;
  height: 15px !important;
  background: url('') no-repeat bottom center;
  background-size: 100%;
  margin-right: 5px
}

.ana-marcador-geral {
  background-image: url(../images/grf-geral.png)
}

.ana-marcador-estrategico {
  background-image: url(../images/grf-estrategico.png)
}

.ana-marcador-exclusivo {
  background-image: url(../images/grf-exclusivo.png)
}

.ana-btn-25 {
  width: 25px;
  height: 25px;
  line-height: 25px
}

.ana-btn-35 {
  width: 35px;
  height: 35px;
  line-height: 35px
}

.ana-btn-40 {
  width: 40px;
  height: 40px;
  line-height: 40px
}

.ana-btn-50 {
  width: 50px;
  height: 50px;
  line-height: 50px
}

.table-list {
  background:url('../images/bgTrans70.png') #666;
}

.table-list .table-list {
  background-image:url('../images/bgTrans60.png');
}

.table-list,
.table-list .table-list-header,
.table-list .table-list-body,
.table-list .table-list-row {
  clear:both;
  width:100%;
  float:left;
  display:block;
}

.table-list {
  padding:1%;
  width:98%;
}

.table-list .table-list-header,
.table-list .table-list-row {
  padding:0;
  background:url('../images/bgTrans70.png');
  margin-bottom:3px;
}
.table-list .table-list-header img,
.table-list .table-list-row img {
  height:30px;
}
.table-list .table-list-header {
  background:url('../images/bgTrans10.png');
}
.table-list .table-list .table-list-header {
  background-image:url('../images/bgTrans20.png');
}
.table-list .table-list-header .table-list-cell {
  font-weight:bold;
  text-transform:uppercase;
}
.table-list .table-list-row:hover {
  background:url('../images/bgTrans40.png');
}

.table-list .column-destaque {
  background-image:url('../images/bgTrans20.png');
}

.table-list .table-list-cell {
  display: inline-block;
  margin:0;
  empty-cells: show;
  width:auto;
  padding:5px 1%;
  min-width:7.5%;
  margin-right: -4px;
}

.table-list .table-list-cell h {
  margin:0;
}

.table-list .table-list-body .table-list-cell .icon-drag-drop:hover {
  cursor:move;
}

.table-list .table-list-body .table-list-row .btn-del:hover,
.table-list .table-list-body .table-list-row .btn-view:hover {
  cursor:pointer;
  opacity:.7;
}

.w-5 {width:3%!important;}
.w-10 {width:8%!important;}
.w-15 {width:13%!important;}
.w-20 {width:18%!important;}
.w-25 {width:23%!important;}
.w-30 {width:28%!important;}
.w-35 {width:33%!important;}
.w-40 {width:38%!important;}
.w-45 {width:43%!important;}
.w-50 {width:48%!important;}
.w-55 {width:53%!important;}
.w-60 {width:58%!important;}
.w-65 {width:63%!important;}
.w-70 {width:68%!important;}
.w-75 {width:73%!important;}
.w-80 {width:78%!important;}
.w-85 {width:83%!important;}
.w-90 {width:88%!important;}
.w-95 {width:93%!important;}
.w-100 {width:98%!important;}

.data-list .inp {display:none;}

.Lista {clear:both;
  width:100%;
  position:relative;
  background:url('../images/bgTrans70.png') #666;
  border:0;
  border-spacing:0px;
  border-collapse:separate;
}
.Lista .ListaTitulo {background-image:url('../images/bgTrans30.png');font-weight:bold;ligne-height:25px;}
.Lista .ListaLinha {background-image:url('../images/bgTrans80.png');}
.Lista .ListaLinha:nth-child(odd) {background-image:url('../images/bgTrans50.png');}
.Lista .ListaTitulo td,
.Lista .ListaTitulo th {color:#fff;}
/*.Lista .ListaLinha td {
 word-break: break-all;
}*/
.Lista .ListaLinha td a {display:block;}
.Lista .ListaLinha:hover {background-color:#fff;}
.Lista .ListaLinhaSelecionada {background-image:url('../images/bgTrans40.png');}
.Lista tr td, .Lista tr th {padding:5px 10px;}
.Lista tr td img {border:0;height:20px;}
.Lista tr td .foto {height:40px;}
.Lista tr .btn-del:hover {cursor:pointer;opacity:.7;}

.Lista .ListaLinha .indItemColPreview:hover,
.Lista .ListaLinha .indItemColExcluir:hover,
.Lista .ListaLinha .btn-del:hover,
.Lista .ListaLinha .btn-view:hover {
  cursor:pointer;
}

.Lista .ListaTitulo td {position:relative;background-color:#666;}
.Lista .ListaTitulo td .up-arrow,
.Lista .ListaTitulo td .down-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('') center no-repeat;
  background-size: 100% !important;
  position:absolute;
  right:5px;
}

.Lista .ListaTitulo td .up-arrow-green,
.Lista .ListaTitulo td .down-arrow-green  {
  float:right;
}

.Lista .ListaTitulo .lnk:hover {
  cursor:pointer;
  text-decoration:underline;
}

.ListaTitulo .arrow-text {
  display:inline-block;
  -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);
  font-weight:bold;
  float:right;
}

.Lista .ListaTitulo td .up-arrow {
  background-image: url('../images/up-arrow-gray.png');
  top: 5px;
}
.Lista .ListaTitulo td .down-arrow {
  background-image: url('../images/down-arrow-gray.png');
  bottom: 5px;
}
.Lista .ListaTitulo td .up-arrow:hover,
.Lista .ListaTitulo td .up-arrow-green {
  background-image: url('../images/up-arrow-green.png');
}
.Lista .ListaTitulo td .down-arrow:hover,
.Lista .ListaTitulo td .down-arrow-green {
  background-image: url('../images/down-arrow-green.png');
}

.Lista .ListaTitulo td .up-arrow:hover,
.Lista .ListaTitulo td .down-arrow:hover {
  cursor:pointer;
  opacity:.8;
}

.Lista .paginacao {text-align:center;}

.pager {clear:both;text-align:center;padding:3px 0;}
.pager span
{
  display:inline-block;
  height:25px;
  min-width:25px;
  line-height:25px;
  text-align:center;
  border-radius:3px
    color:#666;
  margin:1px;
  background:url('../images/bgTrans80.png') #666;
}
.pager .atual {
  background-image:url('../images/bgTrans20.png');
  font-weight:bold;
  color:#fff;
}
.pager .pg:hover {
  cursor:pointer;
  background-image:url('../images/bgTrans60.png');
}

.pagina-formulario {
  clear:both;
  float:left;
  width:100%;
}

.pagina-formulario input[type="text"],
.pagina-formulario input[type="password"],
.pagina-formulario textarea,
.pagina-formulario .input-fake {
  padding:0 1%;
  width:98%;
}

.pagina-formulario textarea {min-height:50px;}

.pagina-formulario .formulario .form-menu {
  display:inline-block;
}

.pagina-formulario .formulario .tabBarForm {display:inline-block;padding-bottom:10px;}

.pagina-formulario .formulario .form-menu .form-menu-btn {
  display:inline-block;
  padding:5px!important;
  background-color:#666;
}
.pagina-formulario .formulario .form-menu .form-menu-btn img {
  height:18px!important;
  vertical-align:middle;
}
.pagina-formulario .formulario .form-menu .form-menu-btn:hover {
  cursor:pointer;
}

.pagina-formulario .formulario .form-menu .form-menu-btn span {
  display:inline-block;
  font-weight:bold;
  padding:5px 10px;
  vertical-align:middle;
  color:#fff;
}

.pagina-formulario .formulario .form-menu-list {
  display:none;
  position:absolute;
  background-color:#666;
  padding:10px;
  z-index:10000;
  min-width:200px;
}
.pagina-formulario .formulario .form-menu-list li {
  display:block;
  line-height:25px;
  padding:0 2%;
}
.pagina-formulario .formulario .form-menu-list li:hover {
  background:url('../images/bgTrans50.png');
}
.pagina-formulario .formulario .form-menu-list li a {
  color:#fff!important;
  display:block;
}

.pagina-formulario .formulario .form-cadastro {display:none;}

.pagina-indice {}
.pagina-indice .simple-filter .filter-letter {
  max-width:450px;
}
.pagina-indice .simple-filter .filter-letter span {
  display:inline-block;
  background:url('../images/bgTrans20.png') #ccc;
  width:22px;
  height:22px;
  line-height:22px;
  text-align:center;
  margin:1px;
}
.pagina-indice .simple-filter .filter-letter .number {
  background-color:#999;
}
.pagina-indice .simple-filter .filter-letter span:hover {
  cursor:pointer;
  background-image:url('../images/bgTrans50;png');
}

.pagina-view {
  background-color:transparent;
}
.pagina-view .view-titulo {
  background-color:#eaeaea;
  padding:10px;
  font-weight:bold;
}
.pagina-view .view-dados {
}
.pagina-view .view-dados p {
  margin:0 0 5px 0;
}
.pagina-view .view-dados p label,
.pagina-view .view-dados p span {
  display:block;
}
.pagina-view .view-dados p label {
  color:#999;
}
.pagina-view .view-dados p span {
  background-color:#f5f5f5;
  padding:5px 10px;
}

.pagina-view .view-dados p span span {
  display:inline-block;
  padding:0;
}

.pagina-view .view-dados div div {
  width:23%;
  float:left;
  margin:0 1% 5px 0;
}
.pagina-view .view-dados div div label,
.pagina-view .view-dados div div span {
  background-color:#eaeaea;
  display:block;
  text-align:center;
  padding:5px;
}
.pagina-view .view-dados div div label {
  background-color:#f5f5f5;
}

.ui-dialog-content .view-titulo {display:none;}

.box-color {display:inline-block;float:right;width:20px;height:20px;vertical-align:middle;}

.divGravar {
  clear: both;
  float: left;
  width: 98%;
  position:relative;
  text-align: center;
  background:url('../images/bgTrans80.png') #666;
  padding: 5px 1%;
  margin-bottom: 15px
}

.divGravar span, .divGravar input {
  font-size: 1.2em !important;
  text-transform: uppercase
}

.win-caixa-title {
  clear: both;
  float: left;
  width: 100%;
  padding: 0 0 2% 0;
  text-transform: uppercase;
  font-size: 2em;
  color: #666;
  position: relative
}

.win-btn-fechar-x {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1% 2%;
  font-size: .8em;
  font-weight: 700;
  background-color: #ccc
}

.win-btn-fechar-x:hover {
  cursor: pointer;
  color: #fff !important;
  background-color: red
}

/* captcha google */

.captcha {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background-color: #00000080;
  display: flex; justify-content: center; align-items: center;
  opacity: 0; pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99980000;
}
.captcha.ativo {
  opacity: 1; pointer-events: auto;
}
.g-recaptcha-container {
  position: relative;
  background-color: #fff;
  padding: 16px;
  border: 3px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
  z-index: 9999;
}
.captcha.ativo .g-recaptcha-container {
  transform: scale(1);
  opacity: 1;
}
.captcha .fechar-modal {
  position: absolute;
  top: 8px; right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  background-color:#555;
  border-radius:50%;
  height:22px;
  width:22px;
  line-height:20px;
  text-align:center;
}
.captcha .fechar-modal:hover {
  opacity:.8;
}
.captcha .titulo-modal {
  font-weight:bold;
  font-size:1.2em;
}
.captcha .titulo-modal .icon {
  margin-right:10px;
}


.password-requirements {
  list-style-type: none;
  padding: 0;
  margin-top: 10px;
}

.password-requirements li {
  color: #666;
  font-size:.9em;
  font-weight:normal;
}
.password-requirements li::before {
  content: '> '
}

.password-requirements li.valid {
  color: green;
  font-weight:bold;
}

.link-view-hidden-password {
  position:absolute;
  top:8px;
  right:0;
}

.grf-barra {
  clear: both;
  float: left;
  width: 100%;
  background-color: #eaeaea;
  padding: 7px 0;
  margin-bottom: 10px;
  position: relative
}

.grf-barra-x {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/bgTrans70.png)
}

.grf-barra-0 {
  background-color: #7cb82f
}

.grf-barra-1 {
  background-color: #dc4b89
}

.grf-barra-2 {
  background-color: #edb220
}

.grf-barra-3 {
  background-color: #00aeb3
}

.grf-barra-4 {
  background-color: #e68523
}

.grf-barra-5 {
  background-color: #8d6cab
}

.grf-barra-6 {
  background-color: #00a0dc
}

.grf-barra-7 {
  background-color: #dd5143
}

.grf-barra-8 {
  background-color: #3f652d
}

.grf-barra-9 {
  background-color: #046293
}

.grf-barra-10 {
  background-color: #933304
}

.grf-barra-valor-0 {
  color: #7cb82f
}

.grf-barra-valor-1 {
  color: #dc4b89
}

.grf-barra-valor-2 {
  color: #edb220
}

.grf-barra-valor-3 {
  color: #00aeb3
}

.grf-barra-valor-4 {
  color: #e68523
}

.grf-barra-valor-5 {
  color: #8d6cab
}

.grf-barra-valor-6 {
  color: #00a0dc
}

.grf-barra-valor-7 {
  color: #dd5143
}

.grf-barra-valor-8 {
  color: #3f652d
}

.grf-barra-valor-9 {
  color: #046293
}

.grf-barra-valor-10 {
  color: #933304
}

.grf-barra-x .grf-barra-legenda, .grf-barra-x .grf-barra-valor {
  display: inline-block
}

.grf-barra-legenda {
  clear: both;
  display: block;
  position: relative;
  padding: 5px 60px 5px 10px;
  font-size: 1.2em
}

.grf-barra-valor {
  position: absolute;
  right: 0;
  padding: 5px;
  text-align: right;
  font-size: 1em
}

.paginacao {
  clear: both;
  float: left;
  width: 100%;
  text-align: center
}

.paginacao .btnG {
  margin-top: 10px
}

.audioPlayer {
  padding: 10px 0;
  display: none;
}

.btnAudioOuvir:hover {
  cursor: pointer;
  opacity: .8
}

.mvLateral .grp {
  color: #555
}

.frmSubTitulo, .pagTitulo {
  color: #555;
  border-color: #555
}

.pagCriarConta h2 {
  margin: 0
}
.pagCriarConta h2 a {
  color:#000;
}

.pagCriarConta .frmCad #qdoPF .PFLiEConcordo {
  display: none
}

.padrao-ead .pagCriarConta .frmCad #qdoPF .PFLiEConcordo {
  display: inline-block
}

.pagCriarConta .frmEsqueceu .frm-retorno, .pagCriarConta .frmEsqueceu .frm-retorno div,
.pagCriarConta .frmEsqueceu .frm-retorno-notok {
  display: none;
}

.pagCriarConta .lnk-fale-conosco {
  background-image:url(../images/d.gif)!important;
}

.pagCriarConta .frmEsqueceu {
  padding-top:20px;
}

.pagCriarConta .frmEsqueceu .frm .clickSMS:hover, .pagCriarConta .frmEsqueceu .frm .lnk-fale-conosco:hover {
  cursor: pointer;
  text-decoration: underline
}

.pagCriarConta #qdoPF {
  display: block
}

.pagCriarConta .frmEsqueceu h2:hover {
  cursor: pointer;
  text-decoration: underline
}

.msg-frm {
  clear: both;
  float: left;
  width: 100%;
  display: block;
  position: relative;
  margin: 10px 0;
  text-align: left;
  z-index: 1000;
  white-space: nowrap;
}

.msg-frm .msg {
  clear: both;
  display: inline-block;
  background: url('../images/bgTrans80.png') #666!important;
  border:1px solid #666;
  line-height: 25px;
  border-radius:7px;
  padding: 5px 1% 5px 2%;

}

.msg-frm .msg .lbl {
  display: inline-block;
  color: #000 !important
}

.msg-frm .msg .arr {
  position: absolute;
  margin-top: -23px;
  left: 18px;
  color: #666;
  padding: 0;
  font-size:16px;
}

.msg-frm .msg .x {
  margin-left:10px;
  width:12px;
  height:12px;
  background-color:#fff;
  border:3px solid #fff;
}

.barra-interacao {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  background-color: #fff
}

.barra-interacao .comment, .barra-interacao .f-size {
  text-align: center
}

.chk-input {
  display: inline-block;
  height: 25px;
  line-height: 25px
}

.chk-input .chk {
  display: inline-block;
  height: 25px;
  width: 25px;
  vertical-align: middle;
  margin-right: 10px;
  background: url(../images/chk-verde.png) no-repeat;
  background-size: 100%
}

.chk-input input[type=checkbox] {
  display: none
}

.chk-input:hover {
  cursor: pointer
}

.frmAbas {position:relative;clear:both;float:left;width:100%;border:0;}

.frmAbas li, frmAbas .inativa
{
  border:0;
  float:left;
  margin-right:1px;
  color:#000;
  display:block;
  padding:7px 15px;
  background:url('../images/bgTrans50.png') #999;
}

.frmAbas li:hover {cursor:pointer;background:url('../images/bgTrans90.png');}
.frmAbas .ativa {font-weight:bold;border:0;z-index:1000;background:url('../images/bgTrans70.png') #999!important;}

/* --------------------------------------------- */
.cxAba
{
  clear:both;display:none;float:left;z-index:700;width:96%;
  border:0;padding:10px 2%;background:url('../images/bgTrans70.png') #999;
}

.table-color-list {width:60px!important;}
.table-color {display:inline-block;position:relative;min-width:220px;margin-left:5px;}
.table-color ul {padding:0;margin:0;list-style-type:none;}
.table-color .table-color-li {border:1px solid #ccc;background-color:#fff;height:30px;line-height:30px;padding:5px 5px 5px 0;}
.table-color .table-color-li .active {display:inline-block;width:22px;height:22px;vertical-align:middle;border:1px solid #fff;margin-left:5px;}
.table-color .table-color-title {display:inline-block;font-weight:bold;margin-left:5px;color:#000;}
.table-color .table-color-title:hover {cursor:pointer;}

.table-color ul ul {display:none;width:100%;max-height:150px;overflow:auto;position:absolute;z-index:1000;background-color:#fff;margin-top:7px;}
.table-color ul ul li {display:block;padding:5px;border-bottom:1px solid #ccc;}
.table-color ul ul li:hover {cursor:pointer;font-weight:bold;background-color:#fff;}

.table-color ul ul li span {display:inline-block;width:16px;height:16px;margin:1px;border:1px solid #fff;vertical-align:middle;margin-right:10px;}
.table-color ul ul li:hover span:hover {cursor:pointer;border-color:#fff;}


.frame-help {
  clear:both;
  float;left;
  width:100%;
  position:relative;
  margin-bottom:15px;
}
.frame-help .help-button {
  display:inline-block;
  padding:0 10px 0 5px;
  border-radius:3px;
  margin-bottom:10px;
  border:1px solid #ccc;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
}
.frame-help .help-button:hover {
  color:#fff;
  font-weight:bold;
  background-color: #F3AE30;
  border:1px solid #F3AE30;
  cursor:pointer;
}
.frame-help .help-text {
  display:none;
  border:1px solid #eaeaea;
  background-color:#f5f5f5;
  padding:10px 20px;
  border-radius:5px;
}
.frame-help .help-text span {
  font-weight:bold;
}
.frame-help .help-text label {
  text-decoration:underline;
}

.ped-status-pago {
  color:#55B542;
  font-weight:bold;
  text-transform:uppercase;
}
.ped-status-em-aberto {
  color:#006AB0;
}

#qdoMensagem .frm-ler-mensagem textarea {
  min-height:200px;
}

#qdoMensagem .qdo-mensagem .mensagem {
  background-color:#fff;
  padding:2%;
  margin-bottom:10px;
}

.mensagem-interacao,
.mensagem-interacao .interacao-acao {
  clear:both;
  float:left;
  width:100%;
}

.mensagem-interacao {
  border-bottom:5px solid #ccc;
  margin-bottom:20px;
}

.mensagem-interacao .mensagem-acao .interacao-btns {
  text-align:right;
}

.mensagem-interacao .mensagem-acao .interacoes {
  display:none;
}

.mensagem-interacao .mensagem-acao .interacoes .mensagem-interacao {
  border-top:1px dashed #ccc;
  border-bottom:0;
  margin-bottom:0;
  padding-top:10px;
}

.lstAnexos ul li {
  display:inline-block;
}
.lstAnexos div {
  display:inline-block;
  border-radius:5px;
  padding:5px;
  background:url('../images/bgTrans50.png');
  border:1px solid #ccc;
  margin:5px;
}
.lstAnexos div span:hover {
  font-weight:bold;
  cursor:pointer
}

.lstAnexos div label {
  display:inline-block;
  margin:0 5px 0 10px;
}
.lstAnexos div label:hover {
  cursor:pointer;
}

.creditos-disponiveis p {
  font-weight:bold;
}
.creditos-disponiveis h3 span {
  display:inline-block;
  margin:5px;
  font-size:1.2em;
}

.frm-credito-comprar p span {display:block;}

.timer-indicator h2 {
  display:inline-block;
  border-radius:50%;
  padding:10px;
  background-color:#fff;
  font-weight:bold;
}

.quadro-assinatura-vigente {clear:both;float:left;width:100%;text-align:center;margin-bottom:15px;}
.quadro-assinatura-vigente .frame-border .frame-border {
  background-color:#fff;
}
.quadro-assinatura-vigente h2 {margin:0 0 10px 0;padding:10px 5px;text-align:left;}
.quadro-assinatura-vigente h3 {margin:0 0 5px 0;text-align:left;border-bottom:1px solid #ccc;padding:5px 0;}
.quadro-assinatura-vigente h3::before {
  content: '>> ' ;
}
.quadro-assinatura-vigente h4 label {display:inline-block;padding:5px;margin-right:5px;background-color:#31BA76;color:#fff;}
.quadro-assinatura-vigente .plano-vitrine h4 label {background-color:#00A8E1;}
.quadro-assinatura-vigente .plano-preco p span {font-weight:bold;font-size:2.5em;color:#31BA76;}
.quadro-assinatura-vigente .assinatura-situacao {
  display:block;
  text-transform:uppercase;
  font-size:1.2em;
  padding-top:5px;
}

.quadro-assinatura-vigente p label {
  font-weight:bold;
}

.mensagem-detalhe {
  clear:both;
  float:left;
  width:96%;
  padding:5px 2%;
  background-color:#fff;
  border:3px;
  margin-top:5px;
  line-height:normal;
  border:1px solid transparent;
  color:#000;
}
.mensagem-detalhe:hover {
 border-color:#eaeaea;
}
.mensagem-detalhe p {
 margin:0;
}
.mensagem-detalhe .curso-nome {
  font-weight: bold;
}


.check-box-input-list {
  clear:both;
  float:left;
  width:100%;
}

.check-box-input,
.check-box-input .icon-btn,
.check-box-input .text {
  display:inline-block;
}
/*
.check-box-input {
   background:url('../images/bgTrans70.png') #999;
}*/

.check-box-input .icon-btn,
.check-box-input .text {
  vertical-align:middle;
}
.check-box-input .icon-btn {
  width:25px;
  height:25px;
}
.check-box-input .text {
  display:inline-block;
  max-widfth:75%;
  height:auto;
}
.check-box-input input {
  display:none;
}
.check-box-input:hover {
  cursor:pointer;
  font-weight:bold;
  /*background-image:url('../images/bgTrans50.png');*/
}

.check-box-input-disabled {
  opacity:.5;
}
.check-box-input-disabled:hover {
  cursor:default;
  font-weight:normal;
  background-image:url('../images/bgTrans90.png');
}

/* ----------- */
.frm-acesso-padrao {
  position: relative;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.frm-acesso-padrao .form-container,
.box-user-login .form-container,
.por-frm-acesso .form-container
{
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

.frm-acesso-padrao #formlogin,
.frm-acesso-padrao #formsenha
.box-user-login #formlogingeral,
.box-user-login #formsenhageral,
.por-frm-acesso #formlogin,
.por-frm-acesso #formsenha
{
  width: 99%;
  padding: 10px .5%!important;
  box-sizing: border-box;
}

.pagina-minha-conta .login-btn,
.frm-acesso-padrao .login-btn,
.box-user-login .login-btn,
.por-frm-acesso .login-btn {
  width: 99.7%;
  padding: 10px 0!important;
  margin:0;
  border: none;
  line-height:normal!important;
  text-transform:uppercase;
}

.frm-acesso-padrao .login-field label,
.box-user-login .login-field label,
.por-frm-acesso .login-field label {
  font-weight:bold;
}

.frm-acesso-padrao #back-arrow,
.box-user-login #back-arrow,
.por-frm-acesso #back-arrow {
  display:inline-block;
  width:20px;
  height:20px;
  line-height:20px;
  border-radius: 50%;
  background-color:#eaeaea;
  text-align:center;
  font-weight:bold;
  cursor: pointer;
  margin:0 10px 5px 0;
}
.frm-acesso-padrao #back-arrow:hover,
.box-user-login #back-arrow:hover,
.por-frm-acesso #back-arrow:hover {
  opacity:.8;
}

.frm-acesso-padrao #formsenha,
.box-user-login #formsenhageral,
.por-frm-acesso #formsenha {
  display: none;
}

#dropdown-canais-editor .item {
  padding: 6px 10px;
  cursor: pointer;
}

#dropdown-canais-editor .item:hover {
  background-color: #f0f0f0;
}


#dropdown-canais,
#dropdown-canais-editor {
  position: absolute;
  background-color: #fff;
  border: 1px solid #999;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
  max-width: 300px;
  display: none;
  z-index: 9999;
  border-radius: 3px;
  font-size:14px;
}
/*#dropdown-canais-editor {
 position: absolute;
  background-color: #fff;
  border: 1px solid #999;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  padding: 5px;
  z-index: 9999;
  width: 200px;
  border-radius: 4px;
}*/

#dropdown-canais .ddc-fechar,
#dropdown-canais-editor .ddc-fechar {
  background-color:#ccc;
  padding:5px;
}

#dropdown-canais .ddc-fechar span,
#dropdown-canais-editor .ddc-fechar span {
  cursor: pointer;
  font-weight: bold;
  float:right;
}

#dropdown-canais .ddc-fechar span:hover,
#dropdown-canais-editor .ddc-fechar span:hover {
  color: #c00;
}

#dropdown-canais .ddc-lista-canais,
#dropdown-canais-editor .ddc-lista-canais {
  max-height: 200px;
  overflow-y: auto;
}

#dropdown-canais .ddc-lista-canais div,
#dropdown-canais-editor .ddc.lista-canais div {
  padding: 10px 10px;
  cursor: pointer;
}

#dropdown-canais .ddc-lista-canais div:hover,
#dropdown-canais-editor .ddc-lista-canais div:hover{
  background-color: #f0f0f0;
}

.icon-label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.icon-label .icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    flex-shrink: 0;
}

.sc-smart-button-list ul {
  display:block;
  padding:5px 0;
  text-align:center;
}

.sc-smart-button-list ul li {
  font-weight:normal;
  display:inline-block;
}

.sc-smart-button-list ul .active {
  background-color: #008000;
  border-color: #008000;
  color:#fff!important;
}

.linha {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  background-image:url('../images/bgTrans50.png');
  padding:5px;
  margin-bottom:2px;
}

.colunas {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.coluna {
  flex: 1 1 45%;
  min-width: 50px;
}

.colunas.tres .coluna {
  flex: 1 1 30%;
}



@media (min-width: 768px) {
  .colunas.duas .coluna {
    flex: 1 1 48%;
  }
}

@media (min-width: 768px) {
  .colunas.tres .coluna {
    flex: 1 1 30%;
  }
}


/* =============================== */
@media only screen and (max-width:1200px) {
  #Topo .topoLogo {
    padding-bottom: 0
  }

  #Topo .topoLogo .banTopo, #Topo .topoLogo .logo {
    clear: both;
    float: left;
    width: 100%
  }

  #Topo .topoLogo .logo,
  #Topo .topoLogo .banTopo {
    text-align: center
  }
  #Topo .topoLogo .logo img {
    height:60px;
    width:auto;
  }

  #Topo .topoLogo .banTopo {
    padding: 10px 0 0 0;
  }

  #Meio {
    padding: 10px 4%;
    width: 92%
  }

  .colRight, .colRightExt, .meioLeft {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0
  }

  .colRightExt .ban {
    text-align: center
  }
  .table-list .table-list-cell {
    width:auto!important;
  }

  .btn-menu-mobile {
    position: absolute;
    top: 0;
    right: 5%;
    display: inline-block;
    font-weight: 700
  }

  .btn-menu-mobile div {
    display: inline-block;
    width: 34px;
    padding: 0 5px;
    vertical-align: middle
  }

  .btn-menu-mobile div span {
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    margin: 5px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
  }

  .btn-menu-mobile:hover {
    cursor: pointer;
  }

  .menu-mobile {
    clear: both;
    float: left;
    position: fixed;
    /*top: 80px;*/
    left:0;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin-left: -100%;
    z-index: 100000;
  }

}

/* Elementos jQuery */

.spinner {
  border:0!important;
}

@media only screen and (max-width:1024px) {
  .col-10, .col-15, .col50, .col-20, .col-30, .col-33, .col-35, .col-40, .col-50, .col-60, .col-65, .col-67, .col-70, .col-75, .colLeft, .colLeftDestaque, .colMiddle, .colMiddleDestaque, .frm-page {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
  }

  #Topo #TopoBarraHorizontal {
    height: auto;
    line-height: normal;
    padding:10px 1% 0 1%;
    width:98%;
  }
  #Topo #TopoBarraHorizontal .col-50 {
    clear:none;
    float:left;
    width:50%;
  }
  #Topo #TopoBarraServicos .barra .ddMenu .menu-btn div {
    padding: 0 10px 0 10px;
  }
  #Topo #TopoBarraHorizontal .barra .ddMenu {
    width:96%;
    padding: 0 0 0 4%;
  }
  #Topo #TopoBarraServicos .barra .ddMenu .menu-btn .txt {
    display: none
  }
  #Topo #TopoBarraHorizontal .AreaDoAssinante {
    padding-right:10px;
  }

  #Topo #TopoBarraHorizontal .AreaDoAssinante .btn-login span {
    display:none!important;
  }

  .meioLeftExp, .meioLeftExp2 {
    clear: both;
    width: 100%;
    padding: 0
  }
  .frmLeft {
    display: none;
    position: absolute;
    left:0;
    z-index: 1000;
    width: 94% !important;
    margin: 0;
    padding: 5% 3% !important;
    box-shadow: 0 0 4px #555;
    -webkit-box-shadow: 0 0 4px #555;
    -moz-box-shadow: 0 0 4px #555
  }
  .frmLeft .menu-lat-btn-fechar {
    display: inline-block
  }
  .frmCenter {
    clear: both;
    padding: 0!important;;
    width: 100% !important;
    margin:0!important;
  }
  .frmCenter .menu-lat-btn {
    display: inline-block
  }
  .formAbas-no-mobile ul li, .subFormAbas-no-mobile ul li {
    clear:none;
    padding: 15px 10px!important;
    width:auto!important;
    margin: 0 1px 0 0!important;
    float:left;
  }
  .formAbas ul li label {
    display:none;
  }
  .banMeioLadoALado .banHalfRight {
    clear: both;
    width: 100%;
    display: block;
    padding: 0
  }
  .col25, .col75 {
    clear: both;
    width: 100%;
    padding: 0
  }
  .float-window-form {
    width: 98%;
    max-width:98%;
    min-height:initial;
    positidon: relative;
    left: 0;
    right:0;
    top: 10px;
    margin:0 1%;
    overflow: normal;
  }
  .container-padding-both,
  .container-padding-left,
  .container-padding-right {
    width:100%;
    padding:0;
  }
  .barra-interacao .r-social {
    padding-bottom:10px;
  }
  .barra-interacao .f-size {
    display:inline-block;
  }

  .col-mobile-no-clear {
    clear:none;
    float:left;
    margin:0;
  }
  .col-mobile-5 {width:5%},
  .col-mobile-10 {width:10%;}
  .col-mobile-15 {width:15%;}
  .col-mobile-20 {width:20%;}
  .col-mobile-25 {width:25%;}
  .col-mobile-30 {width:30%;}
  .col-mobile-35 {width:35%;}
  .col-mobile-40 {width:40%;}
  .col-mobile-45 {width:45%;}
  .col-mobile-50 {width:50%;}
  .col-mobile-55 {width:55%;}
  .col-mobile-60 {width:60%;}
  .col-mobile-65 {width:65%;}
  .col-mobile-70 {width:70%;}
  .col-mobile-75 {width:75%;}
  .col-mobile-80 {width:80%;}
  .col-mobile-85 {width:85%;}
  .col-mobile-90 {width:90%;}
  .col-mobile-95 {width:95%;}
  .col-mobile-100 {width:100%;}
}

@media only screen and (max-width:768px) {
  #msgAlerta, #msgAlerta .mQdo, #msgConfirmar, #msgConfirmar .mQdo {max-width: 100%;}
  .col33 {
    width: 48%;
    padding: 0
  }
  .col33:nth-child(even) {
    float: right
  }
  .col20, .col-25 {
    width: 50%
  }
  #Topo .banSupTopo, #Topo .topoLogo .banTopo {
    float: none;
    width: 100%;
    padding: 0
  }
  .banMeioTopo {
    width: 100%;
    padding-top: 10px
  }
  #Topo #TopoBarraServicos .barra .ddMenu .lnk-rs-zap {
    display: inline-block
  }
  #Topo #TopoBarraHorizontal .col-25,
  #Topo #TopoBarraHorizontal .col-50 {
    clear:none;
    float:left;
    width:50%;
  }
  #Topo #TopoBarraHorizontal .col-25 {
    width: 25%;
  }

  .col-mobile-no-clear {
    clear:none;
    float:left;
  }
  .col-mobile-5 {width:5%},
  .col-mobile-10 {width:10%;}
  .col-mobile-15 {width:15%;}
  .col-mobile-20 {width:20%;}
  .col-mobile-25 {width:25%;}
  .col-mobile-30 {width:30%;}
  .col-mobile-35 {width:35%;}
  .col-mobile-40 {width:40%;}
  .col-mobile-45 {width:45%;}
  .col-mobile-50 {width:50%;}
  .col-mobile-55 {width:55%;}
  .col-mobile-60 {width:60%;}
  .col-mobile-65 {width:65%;}
  .col-mobile-70 {width:70%;}
  .col-mobile-75 {width:75%;}
  .col-mobile-80 {width:80%;}
  .col-mobile-85 {width:85%;}
  .col-mobile-90 {width:90%;}
  .col-mobile-95 {width:95%;}
  .col-mobile-100 {width:100%;}
}

@media only screen and (max-width:480px) {
  .col33 {
    clear: both;
    width: 100%;
    padding: 0
  }
  .divGravar {
    text-align: center;
    padding: 5px 0
  }
  .divGravar input, .divGravar span {
    width: 100%;
    padding: 5px 0 !important;
    margin: 0
  }
  .win-caixa-title {
    font-size: 1.5em
  }
  .win-graph .mm {
    display: inline-block
  }
  .win-graph .win-graph-dd {
    display: none;
    position: absolute;
    background-color: #666;
    padding: 1px;
    z-index: 100000
  }
  .win-graph .win-graph-dd li {
    display: block;
    margin-bottom: 1px;
    padding-right: 50px
  }
  .win-graph .win-graph-dd li .graph-win-ico {
    display: inline-block
  }
  .colRight .banHalfRight img {
    width: 100%
  }
}

.sec-name {
  font-family: Oswald,Arial
}

.cat-name, .enq-pergunta, .mat-title, .sec-name, .vid-name {
  font-weight: 700
}

.cat-name, .sec-name {
  text-transform: uppercase;
  font-size: .9em;
  color: #666;
  display: inline-block;
  margin-bottom: 2px
}

.cat-name {
  font-size: 1.2em
}

.mat-title, .vid-title, enq-pergunta {
  display: block;
  font-size: 1.2em
}

.mat-summary {
  color: #555;
  display: block;
  font-weight: 400;
  font-size: .9em
}

.enq-pergunta .enq-publicacao {
  display: block;
  font-weight: 400;
  text-align: center;
  color: #999;
  padding: 5px 0 15px 0;
  font-size: .6em
}

.enq-alternativas {
  font-size: .8em
}

.cat-name:hover, .sec-name:hover {
  text-decoration: underline
}

.sec-name img {
  margin-left: 10px;
  vertical-align: bottom
}

.sec-name-mobile {
  display: none !important
}

.mvLateral .btnR {
  background-color: #666 !important
}

@media only screen and (max-width:320px) {
  .col25 {
    clear: both;
    width: 100%;
    padding: 0
  }
}

/*  tiny Editor */
.tox-promotion {
  display:none!important;
}