@import url('https://fonts.googleapis.com/css?family=Niconne');

html,
body,
#wrapper,
#page-wrapper,
.side-nav {
   /*height: 100% !important;*/
   height: calc(100vh - 50px);
}
body {
   margin-top: 0;
   padding-top: 50px;
}

.navbar-inverse {
   border-bottom: 2px solid #BC9B5D;
   background-color: #FFF;
}
.navbar-brand > img {
   margin: 5px;
   max-height: 40px;
   margin-left: 20px;
}
li.logoff a {
   color: #BC9B5D !important;
}
.page-header {
   color: #BC9B5D;
   font-family: 'Niconne', cursive;
}
#page-wrapper {
   height: auto !important;
   min-height: 100%;
   /*background: url('../images/bg.png') repeat fixed center;*/
}
.breadcrumb {
   background: #DAC7A4;
   /*background: #eaeaea;*/
}
.top-nav>li>a {
   color: #949599;
}
.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
   color: #BC9B5D;
   background-color: transparent;
}
.top-nav>li>a span{
    margin-right: 20px;
}

.breadcrumb a {
   color: #1C8A43;
}
.breadcrumb > .active {
   color: #949599;
}
.table-striped th {
   background-color: #314351 !important;
}
tr.even {
   background-color: #ECECEC !important;
}
.side-nav i.fa-caret-down {
   float: right;
}
.side-nav {
   top: 52px;
   border-right: 1px solid #BC9B5D;
   background-color: #F9F9F9!important;
}
.side-nav li a:hover,
.side-nav li a:focus {
   outline: none;
   background-color: #FFF !important;
   color: #1C8A43 !important;
}
.navbar-inverse .navbar-nav > li > a {
	color: #949599;
	transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}
.title-comunidade {
    left: 0;
    right: 0;
    color: #43BA18;
    font-size: 36px;
    position: absolute;
    text-align: center;
    font-family: 'Niconne', cursive;
}

label .fancybox-iframe {
    display: inline-block;
    width: initial;
}
.bghome {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
}
.bghome img {
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    opacity: 0.1;
    height: auto;
    margin: 0 auto;
    max-width: 990px;
    position: absolute;
}
.bghome .card.forum {
    position: relative;
}
.bghome .card.forum h3 {
    color: #BC9B5D;
    font-size: 30px;
    font-family: 'Niconne', cursive;
}
.bghome .card.forum .lista-forum .item-topico {
    display: block;
}
/**/

.icon-block {
   padding: 0 15px;
}
.popup {
   display: none;
}
label {
   margin-top: 5px !important;
}
.margin-top-05 {
   margin-top: 0.5em;
}
.margin-top-10 {
   margin-top: 1.0em;
}
.margin-top-15 {
   margin-top: 1.5em;
}
.margin-top-20 {
   margin-top: 2.0em;
}
.margin-top-25 {
   margin-top: 2.5em;
}
.margin-top-30 {
   margin-top: 3.0em;
}
.margin-bottom-05 {
   margin-bottom: 0.5em !important;
}
.margin-bottom-10 {
   margin-bottom: 1.0em !important;
}
.margin-bottom-15 {
   margin-bottom: 1.5em !important;
}
.margin-bottom-20 {
   margin-bottom: 2.0em !important;
}
.margin-bottom-25 {
   margin-bottom: 2.5em !important;
}
.margin-bottom-30 {
   margin-bottom: 3.0em !important;
}
.margin-right-05 {
   margin-right: 0.5em !important;
}
.margin-right-10 {
   margin-right: 1.0em !important;
}
.margin-right-15 {
   margin-right: 1.5em !important;
}
.margin-right-20 {
   margin-right: 2.0em !important;
}
.margin-right-25 {
   margin-right: 2.5em !important;
}
.margin-right-30 {
   margin-right: 3.0em !important;
}
.margin-left-05 {
   margin-left: 0.5em !important;
}
.margin-left-10 {
   margin-left: 1.0em !important;
}
.margin-left-15 {
   margin-left: 1.5em !important;
}
.margin-left-20 {
   margin-left: 2.0em !important;
}
.margin-left-25 {
   margin-left: 2.5em !important;
}
.margin-left-30 {
   margin-left: 3.0em !important;
}
.padding-03 {
   padding: 0.3em;
}
.padding-05 {
   padding: 0.5em;
}
.padding-07 {
   padding: 0.7em;
}
.padding-10 {
   padding: 1.0em;
}
.padding-15 {
   padding: 1.5em;
}
.padding-20 {
   padding: 2.0em;
}
.height-05 {
   height: 5em;
}
.height-06 {
   height: 6em;
}
.height-07 {
   height: 7em;
}
.height-08 {
   height: 8em;
}
.height-09 {
   height: 9em;
}
.fa-1_1x {
   font-size: 1.1em
}
.fa-1_2x {
   font-size: 1.2em
}
.fa-1_3x {
   font-size: 1.3em
}
.fa-1_4x {
   font-size: 1.4em
}
.fa-1_5x {
   font-size: 1.5em
}
.border-right-dotted {
   border-right: 1px dotted #666;
}
.remove,
.remove:hover {
   color: #da0101 !important;
}
.edit,
.edit:hover {
   color: #333333 !important;
}
.destaque-desativar {
   color: #5CB85C !important;
}
.destaque-ativar,
.edit:hover {
   color: #333333 !important;
}
.aprovar,
.aprovar:hover {
   color: #449d44 !important;
}
.fotos {
   color: #386298 !important;
}
.fotos:hover {
   color: #008B8B !important;
}
textarea:not(.mce-textbox) {
   height: 100px;
}
table {
   clear: both;
   font-size: 12px;
}
footer {
   background: #FFF;
   height: 70px;
   line-height: 70px;
}
footer p img {
   margin-left: 64em;
   margin-right: 2em;
}
fieldset.filtro {
   border: 1px solid #CCC;
   padding: 10px;
}
.alert {
   text-transform: none;
}
.alert-danger {
   max-height: 150px;
   overflow: auto;
}
.alert-warning {
   max-height: 150px;
   overflow: auto;
}
.alert-danger a {
   color: #a94442 !important;
}
.alert-warning a {
   color: #8a6d3b !important;
}
.text-#4a8185 {
   color: #EE3B3B;
   font-weight: bold;
}
.text-green {
   color: #228B22;
   font-weight: bold;
}
.text-yellow {
   color: #B8860B;
   font-weight: bold;
}
.text-black {
   color: #999;
   font-weight: bold;
}
.#4a8185 {
   color: #EE3B3B;
}
.green {
   color: #228B22;
}
.yellow {
   color: #B8860B;
}
.black {
   color: #999;
}
.font-16 {
   font-size: 16px;
}
.height-45 {
   height: 45px;
}
.height-45 td a {
   line-height: 45px;
}
a.folder i {
   color: #B8860B !important;
}
a.laquo {
   color: #FFF;
   font-size: 18px;
   margin-right: 30px;
}
a.raquo {
   color: #FFF;
   font-size: 18px;
   margin-left: 30px;
}
button.btn-success {
   margin-bottom: 2em;
}
form input,
select,
textarea {
   text-transform: none !important;
}
select option {
   text-transform: none !important;
}
table.table tr th,
td {
   text-transform: none !important;
}
table.table tr th.center {
   text-align: center;
}
.table > thead > tr > th,
.table > tbody > tr > td {
   text-align: center;
}
div#transferencias {
   display: none;
   margin-top: 20px;
   margin-bottom: 20px;
}
div#divMotivo {
   display: none;
   color: #EE3B3B
}
div#divMotivo input {
   color: #EE3B3B;
   margin-bottom: 20px;
}
.fino {
   margin-bottom: 5px;
   padding: 5px;
}
.fa-0_8x {
   font-size: 0.8em;
}
.blank {
   margin-top: -50px;
}
/*page-print*/

#page-print {
   padding: 0 30px 5px;
   background: #FFF;
}
#page-print .logo {
   float: left;
}
#page-print h1,
#page-print h2 {
   width: 100%;
   margin: 15px 0;
   text-align: center;
}
#page-print h1 small {
   display: block;
   font-weight: bolder;
}
#page-print h1 {
   font-size: 20px;
   margin-top: 2em;
   margin-bottom: 2em;
}
#page-print h2 {
   font-size: 18px;
}
#page-print p {
   text-align: justify;
   margin: 0 0 5px;
}
#page-print .address-info {
   float: right;
}
#page-print .assinaturas {
   width: 500px;
   margin: 0 auto;
   padding-top: 20px;
}
#page-print.aviso-ferias .assinaturas {
   float: none;
   widows: 100%;
}
#page-print .address-info p:nth-child(3) {
   margin-bottom: 10px;
}
#page-print .header p {
   margin: 0;
}
#page-print .header p strong {
   text-transform: none;
}
#page-print .data {
   width: 100%;
   text-align: right;
   display: block;
}
#page-print p strong {
   text-transform: none;
}
#page-print .assinaturas p {
   display: block;
   padding: 3px 10px;
   margin: 25px 0 15px;
   text-align: center;
   border-top: 1px solid #000;
}
#page-print.aviso-ferias .assinaturas p {
   float: left;
   width: 45%;
   font-size: 10px;
}
#page-print.aviso-ferias .assinaturas p:last-child {
   float: right;
}
#page-print ul.checkbox li {
   float: left;
   width: 220px;
   list-style: none;
   font-size: 11px;
   height: 25px;
   line-height: 20px;
   margin-left: 0px;
}
#page-print ul.checkbox li.grande {
   width: 580px !important;
}
#page-print ul.checkbox li input {
   width: 20px !important;
}
#page-print table {
   width: 100%;
   font-size: 11px;
   margin-bottom: 10px;
}
#page-print.folha-ponto table {
   /*min-width: 1018px;*/

   text-transform: none;
}
#page-print td,
#page-print th {
   padding: 3px 5px;
   white-space: nowrap;
   border: 1px solid #000;
}
#page-print .table-horas th {
   background-color: #ffcc99;
   /*min-width: 96px;*/
}
#page-print .color-bg {
   background-color: #ccffff;
}
#page-print .table-horas th:first-child {
   min-width: 25px;
}
#page-print .table-ferias-desc {
   background: #ccffff;
}
#page-print .table-horas td {
   text-align: center;
}
#page-print th {
   text-align: center;
}
#page-print td p {
   font-weight: bolder;
   margin: 0;
}
#page-print td span {
   display: block;
   font-size: 10px;
   margin-bottom: 3px;
}
#page-print .table-ferias-desc {
   background: #ccffff;
}
#page-print .data-local {
   width: 100%;
   display: block;
   margin-bottom: 10px;
   font-size: 12px;
   text-align: right;
   border-bottom: 1px solid #000;
}
#page-print.aviso-ferias .obs {
   font-size: 10px;
   padding: 5px;
   border: 1px solid #000;
}
#page-print.aviso-ferias .obs ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#page-print.aviso-ferias .obs li {
   display: inline-block;
   width: 48%;
}
#page-print.recibo-ferias h1,
#page-print.recibo-ferias h2 {
   margin: 10px 0;
}
#page-print.recibo-ferias h1 {
   font-size: 18px;
}
#page-print.recibo-ferias h2 {
   font-size: 16px;
}
#page-print.recibo-ferias p {
   font-size: 11px;
}
#page-print.recibo-ferias td span {
   font-size: 9px;
}
#page-print p.center {
   text-align: center;
}
#page-print ol li {
   padding-bottom: 8px;
   text-align: justify;
}
#page-print input {
   border: none;
   background: transparent;
   border-bottom: 1px solid #BEBEBE;
   width: 100%;
}
#page-print input.mini {
   width: 11%;
}
#page-print input.pequeno {
   width: 30%;
}
#page-print input.medio {
   width: 50%;
}
#page-print input.grande {
   width: 70%;
}
#page-print input.gigante {
   width: 90%;
}
/*Breakpoint*/

@media only screen and (max-width: 777px) {
   body {
       padding-top: 104px;
   }
   button.navbar-toggle:hover {
       background: #333 !important;
   }
   button.navbar-toggle:hover span {
       background: #FFF !important;
   }
   .title-comunidade {
      font-size: 25px;
      position: relative;
  }
  #page-wrapper {
      top: 40px;
      position: relative;
  }

  .nav > li > a {
    padding: 10px 5px;
}
.top-nav>li {
   float: none;
   display: block;
   text-align: center;
}
.top-nav>li>a {
    padding-top: 0;
    padding-bottom: 10px;
}
.navbar-collapse.in {
    position: fixed;
    width: 100%;
    max-height: initial;
    height: calc(100vh - 156px) !important;
}
}
.admin-cliente .menu-cliente ul {
   text-align: center;
   padding-bottom: 20px;
   border-bottom: solid 1px #eaeaea;
   margin-bottom: 30px;
   padding-top: 10px;
}
.admin-cliente .menu-cliente ul li {
   display: inline-block;
   margin: 10px;
}
.admin-cliente .menu-cliente ul li a {
   font-size: 14px;
   display: block;
   height: 120px;
   background: #027495;
   color: #FFF;
   border-radius: 3px;
   width: 190px;
   padding-top: 12px;
}
.admin-cliente .menu-cliente ul li a i {
   display: block;
   font-size: 70px;
   margin-bottom: 8px;
}
.admin-cliente .menu-cliente ul li.ativo a,
.admin-cliente .menu-cliente ul li a:hover {
   text-decoration: none;
   background: #333;
}
.alelo,
.cabal,
.sodexo,
.ticket,
.vr,
.american,
.aura,
.dinners,
.elo,
.hipercard,
.mastercard,
.visa {
   width: 71px;
   height: 28px;
   display: inline-block;
   margin: 20px 45px -5px 20px;
}
.alelo {
   background: url('../../images/icones/refeicao_alimentacao/alelo.png');
}
.cabal {
   background: url('../../images/icones/refeicao_alimentacao/cabal.png');
}
.sodexo {
   background: url('../../images/icones/refeicao_alimentacao/sodexo.png');
}
.ticket {
   background: url('../../images/icones/refeicao_alimentacao/ticket.png');
}
.vr {
   background: url('../../images/icones/refeicao_alimentacao/vr.png');
}
.american {
   background: url('../../images/icones/credito_debito/american.png');
}
.aura {
   background: url('../../images/icones/credito_debito/aura.png');
}
.dinners {
   background: url('../../images/icones/credito_debito/dinners.png');
}
.elo {
   background: url('../../images/icones/credito_debito/elo.png');
}
.hipercard {
   background: url('../../images/icones/credito_debito/hipercard.png');
}
.mastercard {
   background: url('../../images/icones/credito_debito/mastercard.png');
}
.visa {
   background: url('../../images/icones/credito_debito/visa.png');
}
.planos ul li {
   display: block;
   float: left;
   width: 280px;
   margin-right: 2px;
}
.planos ul li>div {
   background: #eaeaea;
   display: block;
}
.planos ul li>div.basico h2 {
   background: #D04E50;
}
.planos ul li>div.intermediario h2 {
   background: #608BB4;
}
.planos ul li>div.avancado h2 {
   background: #57AC57;
}
.planos ul li>div.basico>p {
   background: #EF5A5C;
   color: #000;
}
.planos ul li>div.intermediario>p {
   background: #73A3D4;
   color: #000;
}
.planos ul li>div.avancado>p {
   background: #65C965;
   color: #000;
}
.planos ul li>div>h2 {
   text-align: center;
   display: block;
   font-weight: 200;
   text-transform: uppercase;
   font-size: 18px;
   margin: 0;
   padding: 0;
   background: #027495;
   color: #FFF;
   line-height: 30px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}
.planos ul li>div>p {
   text-align: center;
   font-size: 18px;
   margin: 0;
   background: #ccc;
   border-bottom: solid 1px #FFF;
   color: #666;
   line-height: 30px;
}
.planos ul li>div>p>span {
   font-size: 14px;
   font-weight: 600;
   color: #FFF;
}
.planos ul li>div>p>strong {
   font-weight: 400;
   font-size: 10px;
}
.planos ul li>div>div {
   padding-top: 0px;
   min-height: 465px;
}
.planos ul li>div>div>p {
   display: block;
   padding-left: 20px;
   line-height: 30px;
   border-bottom: solid 1px #CCC;
   font-size: 13px;
   margin: 0;
}
.planos ul li>div>a {
   display: block;
   width: 100%;
   background: green;
   color: #FFF;
   height: 40px;
   line-height: 40px;
   text-align: center;
   font-weight: 600;
}
.planos ul li>div>a:hover {
   text-decoration: none;
   background: #333;
}

/* Danilo Monteiro */
.breadcrumb, .form-control, button, .btn, .alert { border-radius: 0!important; }
input[type=file]{ margin-bottom: 5px; }

button.navbar-toggle:hover {background: inherit!important; }
button.navbar-toggle:hover span { background: #333!important; }
@media screen and (max-width: 720px)
{
    .fancybox{ margin-left: 9px; }
}

.hide-cultura {
    display:none;
}
.hide-cultura + label
{
    position: relative;
    height: 30px;
    width: 30px;
    display:inline-block;
    padding: 0;
    cursor: pointer;
    background-size: cover;
    margin-left: 10px;
}
.hide-cultura + label span
{
    position: absolute;
    top: -10px;
    right: -16px;
    background-image: url(../../../../assets/themes/forum/images/checked.png);
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0;
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.hide-cultura:checked + label span
{
    opacity: 1;
    right: -10px;
    top: -5px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}  

.DTTT.btn-group {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

a#ToolTables_DataTables_Table_0_0 {
    color: #fff!important;
}

.DTTT.btn-group:hover {
    background-color: #449d44;
    border-color: #398439;
}