/* GRID SYSTEM ------------------------------------------------------------------------------- */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-0,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8 .col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding: 5px;
}

.carrosselhome {
  padding: 0px;
}

.item.carrosel {
  position: relative;
  padding-top: 0px;
  display: inline-block;
}

/* BADGE -------------------------------------------------------------------------------*/
.item {
  position: relative;
  padding-top: 20px;
  display: inline-block;
}
.notify-badge {
  position: absolute;
  right: -5px;
  top: 5px;
  background: red;
  text-align: center;
  vertical-align: middle;
  border-radius: 20px;
  color: white;
  font-size: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
}

/* MODAL */

.borderless {
  border: 0;
}

.modal-custom .modal-content {
  font-family: "Catamaran", sans-serif;
  border-radius: 0;
}

.modal-custom .modal-header {
  position: absolute;
  right: 0;
  z-index: 1050;
}

.modal-custom .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.modal-custom .message {
  text-align: justify;
}

.modal-custom .modal-footer {
  padding: 0;
}

.modal-custom .modal-footer button {
  width: 100%;
  border: 0;
  padding: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.modal-warning .modal-content {
  border: 1px solid #ffb71c;
}

.modal-error .modal-content {
  border: 1px solid #cc3333;
}

.modal-success .modal-content {
  border: 1px solid #009432;
}

.modal-custom .modal-title {
  line-height: 2em;
}

.modal-custom .modal-title span {
  font-size: 2em;
  font-weight: bold;
}

.modal-custom .modal-title i {
  font-size: 3em;
}

.modal-error i {
  color: #cc3333;
}

.modal-error .modal-footer {
  background-color: #cc3333;
  color: #fff;
}

.modal-success .modal-footer {
  background-color: #009432;
  color: #fff;
}

.modal-warning i {
  color: #ffb71c;
}

.modal-success i {
  color: #009432;
}

.modal-warning .modal-footer {
  background-color: #ffb71c;
  color: #fff;
}

.modal-custom .modal-footer button {
  background-color: transparent;
  border-radius: 0;
}

.modal-custom .modal-footer button:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: inherit;
}

.modal-custom .modal-message {
  margin-top: 20px;
}

/* LINK ------------------------------------------------------------------------------- */

a {
  text-decoration: none;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: auto;
}

/* MENU NAVBAR ------------------------------------------------------------------------------- */
.navbar {
  padding: 0 0;
  border-radius: 0px;
  border-top: 1px solid #ffffff;
  margin-bottom: 0px; /* Margem inferior - Menu 'colado' */
}

.navbar-default {
  background-color: rgba(0, 0, 0, 0.01); /* Fundo Menu */
  border-color: transparent; /* Borda Menu */
  border-top: 1px solid rgba(0, 0, 0, 0.1); /* Borda superior Menu */
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #666666    ; /* Over Menu */
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #666666;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { 
  color: #ffffff; /* Cor Menu - ativo */
  background-color: rgba(0, 0, 0, 0); /* Fundo Menu - ativo */
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-toggle {
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #666666;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #666666;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #666666;
    background-color: rgba(0, 0, 0, 0.1);
  }
}

.navbar-collapse {
  padding-right: 0px;
  padding-left: 10px;
}

.nav > li > a {
  padding: 10px 10px;
}

/* MENU NAVBAR RODAPE ------------------------------------------------------------------------------- */
.rodape.navbar {
    padding: 0 0;
    border-radius: 0px;
    border-top: 1px solid #ff6600;
  }

.rodape.navbar-default {
  background-color: #ff6600;
  border-color: #ff6600;
}
.rodape.navbar-default .navbar-brand {
  color: #ffffff;
}
.rodape.navbar-default .navbar-brand:hover,
.rodape.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.rodape.navbar-default .navbar-text {
  color: #ffffff;
}
.rodape.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.rodape.navbar-default .navbar-nav > li > a:hover,
.rodape.navbar-default .navbar-nav > li > a:focus {
  color: #ff6600;
}
.rodape.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}
.rodape.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.rodape.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.rodape.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #ffffff;
}
.rodape.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #ffffff;
}
.rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #ffffff;
}
.rodape.navbar-default .navbar-nav > .active > a,
.rodape.navbar-default .navbar-nav > .active > a:hover,
.rodape.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.rodape.navbar-default .navbar-nav > .open > a,
.rodape.navbar-default .navbar-nav > .open > a:hover,
.rodape.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #f2a500;
}
.rodape.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.rodape.navbar-default .navbar-toggle:hover,
.rodape.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.rodape.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.rodape.navbar-default .navbar-collapse,
.rodape.navbar-default .navbar-form {
  border-color: #ffffff;
}
.rodape.navbar-default .navbar-link {
  color: #ffffff;
}
.rodape.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #009492;
  }
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #ffffff;
  }
}

/* CARROSSEL ------------------------------------------------------------------------------- */
.carousel-control.left {
  background: transparent;
}

.carousel-control.right {
  background: transparent;
}

.carousel-control {
  color: #d1d2d4;
  opacity: 1;
  text-shadow: none;
}

.carousel-control:focus,
.carousel-control:hover {
  color: #ff6600;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .fa-angle-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .fa-angle-right {
  right: 50%;
  margin-right: -10px;
}

@media screen and (min-width: 768px) {
  .carousel-control .fa-angle-left,
  .carousel-control .fa-angle-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 60px; /* Tamanho das setas do carrossel */
  }
  .carousel-control .fa-angle-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .fa-angle-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
}

.carousel-indicators {
  /* Indicadores - bullets do carrossel */
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}

/* CARROSSEL HOME */
.home.carousel-control {
  color: #000000;
  opacity: 1;
  text-shadow: none;
}

.home.carousel-control:focus,
.home.carousel-control:hover {
  color: #ff6600;
}

.home.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.home.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ff6600;
  border-radius: 10px;
}

.home.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ff6600;
}

/* CARROSSEL VITRINE */
.vitrine.carousel-control {
  color: #000000;
  opacity: 1;
  text-shadow: none;
}

.vitrine.carousel-control:focus,
.home.carousel-control:hover {
  color: #64401d;
}

.vitrine.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.vitrine.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ff6600;
  border-radius: 10px;
}

.vitrine.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ff6600;
}

/* BREADCRUMB ------------------------------------------------------------------------------- */

.boxVitrineProdutos {
  background-color: #ffffff;
  border: 0px solid #ffffff;
  padding: 0px;
  border-radius: 0px;
  margin-bottom: 40px;
}

/* BREADCRUMB ------------------------------------------------------------------------------- */

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: transparent;
  border-radius: 0px;
}

/* HEADER ------------------------------------------------------------------------------- */
.header.col-xs-12,
.header.col-sm-12,
.header.col-md-12,
.header.col-lg-12 {
  padding: 0px;
}
.menuheader.col-xs-12,
.menuheader.col-sm-12,
.menuheader.col-md-12,
.menuheader.col-lg-12 {
  padding: 0px;
  padding-top: 20px;
}

.bannerhome.col-xs-12,
.bannerhome.col-sm-12,
.bannerhome.col-md-12,
.bannerhome.col-lg-12 {
  padding: 0px;
}

/* RODAPE ------------------------------------------------------------------------------- */
.rodape.col-xs-12,
.rodape.col-sm-12,
.rodape.col-md-12,
.rodape.col-lg-12 {
  padding: 0px;
}
.content {
  padding-bottom: 50px;
}
.wrapper {
  min-height: 100%;
  position: relative;
}
.rodape {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
}

/* TABELA ------------------------------------------------------------------------------- */

.theadOnMetas {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  background-color: #ff6600;
  text-transform: uppercase;
}

.theadOnMetastxt {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ff6600;
  text-transform: uppercase;
}

.tbodyOnMetas {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}

.tbodyOnPremiacoes {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}

.theadOnPremiacoes {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  background-color: #ff6600;
  text-transform: uppercase;
}

.theadOnPremiacoestxt {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ff6600;
  text-transform: uppercase;
}

.theadOnExtrato {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  background-color: #ff6600;
  text-transform: uppercase;
  text-align: center;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #dddddd;
}

.table-responsive {
  border: 0px;
}

.trOff {
  background-color: #ffffff;
}

td {
  text-transform: uppercase;
}

/* HOME ------------------------------------------------------------------------------- */

.boxGadget {
  background-color: #ff6600;
  padding: 5px;
  min-height: 200px;
  height: 100%;
}

#gadgets {
  display: flex;
  align-items: stretch;
}

#ranking {
  order: 1;
}
#primeirolugar {
  order: 1;
}
#dicas {
  order: 3;
}
#noticias {
  order: 2;
}

#video {
  order: 3;
}

.news {
  list-style: none;
  padding: 0;
}
.news-item {
  display: flex;
  padding: 10px;
}
.news-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-image img {
  margin: 0;
}
.news-body {
  padding-left: 5px;
  color: #ffb71c;
}
.news-body a:hover {
  color: #ffb71c;
}
.news-duration {
  font-size: 0.75em;
}

.titTabMetas {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
}

.titPremiacso {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
}

/* EXTRATO ------------------------------------------------------------------------------- */

.boxBusca {
  background-color: #ff6600;
  padding: 10px;
  border-radius: 5px;
  text-transform: uppercase;
}

.btLimpar {
  color: #ffffff;
  background-color: #aaaaaa;
  border-color: #aaaaaa;
  text-transform: uppercase;
}

.btBuscar {
  color: #ffffff;
  background-color: #ff6600;
  border-color: #ff6600;
  text-transform: uppercase;
}

/* MINHA PONTUACAO ------------------------------------------------------------------------------- */

.boxExtratoConsolidado {
  background-color: #ff6600;
  padding: 10px;
  min-height: 260px;
}

/* MINHA PONTUACAO ------------------------------------------------------------------------------- */

.boxMinhaPosicao {
  background-color: #ff6600;
  min-height: 260px;
}

/* GADGETS ------------------------------------------------------------------------------- */

.boxGadget {
  background-color: #ff6600;
  padding: 0px;
  min-height: 345px;
}

/* GADGETS - TOP5 ------------------------------------------------------------------------------ */

.boxTop {
  background-color: #ff6600;
  border-radius: 5px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
  vertical-align: middle;
}

.titTop {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  background: #0e3044;
}

.txtPosicao {
  font-family: "Catamaran", sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
}

.txtNomePosicao {
  font-family: "Catamaran", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}

.txtPtsPosicao {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
}

/* GADGETS - FUNCIONARIO DO MES ----------------------------------------------------------------------------- */
.boxFuncMes {
  background-color: #ff6600;
}

.titFuncMes {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: transparent;
  /*padding: 5px;*/
  padding-left: 5px;
}

.fdFuncMes {
  background-size: contain;
  margin-left: 0;
  margin-right: 0;
}

.txtFuncMes {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  text-align: center;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
  z-index: 1000;
}

/* GADGETS - DICAS DE SUCESSO ----------------------------------------------------------------------------- */
.boxDicasSucesso {
  background-color: #ff6600;
  border-radius: 5px;
}

.titDicasSucesso {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: transparent;
  /*padding: 5px;*/
  padding-left: 5px;
}

.txtDicasSucesso {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  text-align: left;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
}

.txtDicasSucesso a {
  color: #ffffff;
}

.imgDicas {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.btnDicasSucesso {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #000000;
  padding-left: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.btnDicasSucesso a {
  color: #ffffff;
  text-decoration: none;
}

.btnDicasSucesso a:hover {
  color: #ffffff;
  text-decoration: none;
}

.btnDicasSucesso a:focus {
  color: #ffffff;
  text-decoration: none;
}

/* GADGETS - NOTICIAS ----------------------------------------------------------------------------- */
.boxNoticias {
  background-color: #ff6600;
}

.titNoticias {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: transparent;
  padding: 5px;
}

.txtNoticias {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  text-align: left;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
}

.txtNoticias a {
  color: #ffffff;
}

.imgNoticias {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.btnNoticias {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.btnNoticias a{
  color: #ffffff;
  text-decoration: none;
}

.btnNoticias a:hover {
  color: #ffffff;
  text-decoration: none;
}

.btnNoticias a:focus {
  color: #f2ea2c;
  text-decoration: none;
}

/* Pontuação Mensal */
.modulo {
  width: 50%;
  border-left: 1px solid #ccc;
  padding: 0 10px;
}
@media (max-width: 969px) {
  .modulo {
    width: 100%;
    border-left: 0;
    border-top: 1px solid #ccc;
    padding: 10px 0;
  }
}

.modulo:first-child {
  border: 0;
}
.pontuacaoArea {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  font-family: "Catamaran", sans-serif;
}
.modulo-title {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}
/* KPIs */
.kpi-title {
  font-size: 1.1em;
  font-style: italic;
  margin-bottom: 10px;
}
/* Lista de discretos */
.kpi-discreto-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style: none;
  width: 100%;
  padding: 0;
}
.kpi-discreto-item {
  display: flex;
  align-items: center;
  width: 33%;
}

/* Sistema de carregamento entre valores */
.kpi-discreto-item-value {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  position: relative;
  margin: 5px;
  background: #fff;
}
.charging {
  background: green;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
}
.kpi-discreto-item-carregamento {
  width: calc(100% - 40px);
  height: 3px;
  background: #ccc;
  position: relative;
}
.kpi-discreto-item.done .kpi-discreto-item-value {
  border-color: green;
  position: relative;
}
.carregamento {
  display: none;
}
.done .carregamento {
  height: 3px;
  border-top: 3px solid green;
  position: absolute;
  max-width: 100%;
  display: block;
}
.done .carregamento i {
  position: absolute;
  top: -6.5px;
  font-size: 10px;
  color: green;
  margin-left: 100%;
}
/* Tela de dialogo para Discreto */
.kpi-discreto-meta {
  position: absolute;
  border: 1px solid green;
  width: 150px;
  left: calc(
    (-1) * (150px - 8.56px + 2.5px) / 2
  ); /* -(width-circle of icon size+border of triangle)/2*/
  top: 15px;
  visibility: hidden;
  background: #fff;
  font-size: 14px;
  font-family: "Catamaran", sans-serif;
  color: #000;
  z-index: 1050;
  box-shadow: 0 0 20px 3px;
}
.kpi-discreto-meta-trigger:hover div {
  visibility: visible;
}
.kpi-discreto-meta-item {
  display: flex;
  padding: 5px 10px;
  align-items: center;
}

.kpi-discreto-item-value.kpi-discreto-meta-trigger {
  box-shadow: 0 0 2px 3px;
}

.kpi-discreto-item-value.kpi-discreto-meta-trigger .kpi-discreto-meta {
  top: 40px;
  line-height: 1em;
  left: -61px;
  text-align: left;
}
.kpi-discreto-meta-title {
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid green;
  font-weight: bold;
  color: #fff;
  background-color: green;
}
.kpi-discreto-meta:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid green;
  content: "";
  position: absolute;
  top: -5px;
  left: 70px;
}
.kpi-discreto-meta-lbl {
  width: 75%;
}
.kpi-discreto-meta-value {
  width: 25%;
  text-align: center;
}
.kpi-discreto-meta-footer {
  border-top: 1px solid green;
  display: flex;
  align-items: center;
  padding: 10px;
  font-weight: bold;
}
.kpi-discreto-item-last {
  width: 40px;
}

/* KPI Continuo */
.kpi-constante-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  align-items: flex-start;
  align-content: flex-start;
}
.kpi-constante-item {
  width: 40%;
  margin-bottom: 15px;
  position: relative;
  border: 1px solid #000;
}
.kpi-constante-item-desc {
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kpi-constante-item-badge {
  position: absolute;
  bottom: -7.5px;
  right: -10px;
  border: 1px solid red;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 0.85em;
  font-weight: bold;
  color: #fff;
  background-color: red;
}

.kpi-constante-item-badge-multiplier {
  position: absolute;
  bottom: 20px;
  left: -10px;
  border: 1px solid green;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 0.85em;
  font-weight: bold;
  color: #fff;
  background-color: green;
}

.kpi-constante-item-details {
  display: none;
}

.kpi-constante-item:hover .kpi-constante-item-details {
  display: block;
}

.kpi-constante-item-details > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #000;
  height: 60px;
  font-size: 0.75em;
  padding: 5px 10px;
}

.kpi-constante-item-details div:last-child {
  width: 100%;
  padding: 0;
  height: 30px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

.kpi-constante-item:hover .kpi-constante-item-badge {
  bottom: 22.5px;
  left: 12.5%;
  width: 75%;
  border-radius: 5px;
  background-color: #fff;
  color: #000;
  border-color: #000;
}

.kpi-constante-item:hover .kpi-constante-item-badge:after {
  content: " itens";
  line-height: 18px;
}

.kpi-constante-item-detail-label {
  font-weight: bold;
}

.kpi-constante-item-detail-value {
  text-align: right;
}
.kpi-constante-item:hover .kpi-constante-item-desc span:last-child {
  display: none;
}
.kpi-constante-item:hover .kpi-constante-item-desc {
  justify-content: center;
}
.kpi-constante-item-desc span:last-child {
  font-weight: bold;
  font-size: 0.75em;
}

/* GADGETS - VIDEOS ----------------------------------------------------------------------------- */
.boxVideos {
  background-color: #0e3044;
}

.titVideos {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: #0e3044;
  padding: 5px;
}

.txtVideos {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  text-align: left;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
}

.txtVideos a {
  color: #ffffff;
}

.imgVideos {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.btnVideos {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.btnVideos a {
  color: #ffffff;
  text-decoration: none;
}

.btnVideos a:hover {
  color: #f2ea2c;
  text-decoration: none;
}

.btnVideos a:focus {
  color: #f2ea2c;
  text-decoration: none;
}

/* GADGETS - TREINAMENTOS ----------------------------------------------------------------------------- */
.boxTreinamentos {
  background-color: #0e3044;
}

.titVideos {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: #0e3044;
  padding: 5px;
}

.subtitVideos {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
}

.txtTreinamentos {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  padding-top: 9px;
  text-align: left;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.txtTreinamentos a {
  color: #ffffff;
}

.imgTreinamentos {
  margin: 5px;
}

.btnTreinamentos {
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.btnTreinamentos a {
  color: #ffffff;
  text-decoration: none;
}

.btnTreinamentos a:hover {
  color: #f2ea2c;
  text-decoration: none;
}

.btnTreinamentos a:focus {
  color: #f2ea2c;
  text-decoration: none;
}

/* PAGINAÇÃO ----------------------------------------------------------------------------- */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #000000;
  background-color: #ff6600;
  border-color: #ff6600;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  cursor: default;
  background-color: #ff6600;
  border-color: #ff6600;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* MODAL ------------------------------------------------------------- */

.ModalErro .modal-dialog {
  /*	width: 500px;*/
}

.ModalErro .modal-content {
    background-color: #ff6600;
}

.ModalErro .modal-body {
  padding: 0px;
}

.ModalErro .modal-header {
  padding: 15px;
  border-bottom: 0px;
}

.ModalErro .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 0px;
}

.ModalErro .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.titModalErro {
  font-family: "Catamaran", sans-serif;
  color: #000000;
  text-align: left;
  font-weight: 600;
  font-size: 22px;
  padding-top: 10px;
}

.txtModalErro {
  font-family: "Catamaran", sans-serif;
  color: #000000;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  padding-top: 10px;
}