body{
	font-family: 'Quicksand';
}

section{
	padding: 1rem 5rem;
	margin: 0 auto;
	/*min-height: 100vh;*/
}

.hidden{
	display: none;
}



.scroll-top{
    position: fixed;
    bottom: 20px;
    right: 15px;
    cursor: pointer;
    /* background: url(/img/icons/top.png) center center no-repeat; */
    /* border-radius: 100%; */
    /* padding: 1rem; */
    z-index: 99;
    width: 50px;
}

.calendario .mes-par{
  background: #ecedef;
}

.calendario td.fim-mes-sim{
  border-bottom: 3px solid #000;
}


.calendario-dia {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0.5rem 0;
}

.calendario-dia p{
  line-height: 1;
}

.calendario-dia .dia-num{
  font-size: 1rem;
  font-weight: bold;
}

.section-estadias{
  padding: 1rem;
}

.estadias{
    margin-top: 2rem;
    
    padding: 0.1rem 3rem 0rem;
}

.saidas{
  background: #f5f4f3;
}

.em-estadia{
  background: #c8f9e2;
}

.entradas{
  background: #f0bca4;
}

.estadias p{
  text-align:center;
  padding-bottom: 1.5rem;
  font-size:1.5rem;
}

footer {
    min-height: 6vh;
    background-color: #6d6e6a;
}

.rodape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.2rem 3rem;
}

.rodape a {
    color: #ffc107;
    text-decoration: none;
}

.rodape p {
    color: #fff;
    text-align: right;
    margin: 0;
}

.paises path {
    fill: #a6acb5;
    stroke: #fff;
}

path:focus{
  outline:none;
}

.popover-header span{
  vertical-align:middle;
  padding-left: 0.4rem;
  font-size: 1.1rem;
}

.popover-body li{
  margin: 0.4rem 0;
}

.pop{
  font-size: 1rem;
  width: 300px;

}

.countryPopover{
  cursor: pointer;
}

.mapa-mundo{
  text-align: center;
}

.linha-flex{

}

.content-half{
  width: 50%;
}

.notas{
    display: none;
}

.copiar{
    cursor: pointer;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!  LOGIN SYSTEM  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.section-default {
    width: 100%;
    padding: 50px;
  }
  
  .section-default h1 {
    text-align: center;
  }
  
  .article-login {
    width: 45%;
    margin: 0 auto;
    padding: 2rem 4rem;
    background-color: #f2c043;
  }
  
  .article-login h1 {
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
  }

  .article-login .login-submit{
    padding: 0.5rem 5rem;
  }
  
  .article-reset {
    width: 60%;
    margin: 0 auto;
    padding: 2rem 4rem;
    background-color: #fdc02f;
  }
  
  .article-reset h1 {
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
  }
  
  .section-default form {
    width: 40%;
    margin: 50px auto 0;
  }
  
  .section-default .article-reset form {
    width: 60%;
  }
  
  .section-default input,
  .article-login input,
  .article-nova-pass input {
    margin-bottom: 1rem;
  }
  
  .section-centro {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 50px;
    transform: translate(-50%, -50%);
  }
  
  .article-nova-pass {
    width: 40%;
    margin: 0 auto;
    padding: 2rem 4rem;
    background-color: #fdc02f;
  }
  
  .esqueci-pass {
    margin-top: 35px;
  }
  
  .erros {
    width: 45%;
    margin: 50px auto;
    text-align: center;
  }
  
  .erros .alert-danger {
    color: #fff;
    background-color: #ca3845;
    border-color: #f5c6cb;
  }
  
  .erros-div {
    width: 45%;
    margin: 10px auto;
    color: #fff;
    background-color: #ca3845;
    border-color: #f5c6cb;
  }
  
  .erro-data {
    width: 45%;
    margin: 20px auto;
    text-align: center;
    display: none;
    color: #fff;
    background-color: #ca3845;
    border-color: #f5c6cb;
  }
  
  .erro-data p {
    margin: 0;
  }
  
  .nova-pass-msg {
    width: 45%;
    margin: 10px auto;
  }
  
  .actualizacao {
    display: inline-block;
  }
  
  .actualizacao .alert {
    padding: 0.375rem 1.25rem;
    margin: 0;
  }
  
  .entre-datas-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
  }
  
  .entre-datas-content .btn {
    line-height: 1.4;
  }
  
  .entre-datas {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem;
  }
  
  .entre-datas p,
  .entre-datas form {
    width: 100%;
  }
  
  .entre-datas p {
    margin-bottom: 5px;
  }
  
  #data-fim {
    margin-right: 10px;
  }
  
  .dataTables_wrapper {
    padding: 0;
  }
  
  #data-inicio,
  #data-fim {
    border: 1px solid #cce4fd;
    padding: 4px 0 4px 10px;
  }
  
  #filtro {
    vertical-align: unset;
  }
  
  #filtro:hover {
    color: #fff;
    background-color: #43a5ed;
    border-color: #007bff;
  }
  
  .section-utilizadores {
    width: 100%;
    padding: 0 50px;
  }
  
  .section-utilizadores h2,
  .section-faq h2 {
    margin: 50px 0;
    text-align: center;
  }
  
  .section-faq .card ul {
    list-style-type: inherit;
    margin-left: 30px;
  }
  
  .section-utilizadores .alert-success {
    margin-top: 2rem;
    text-align: center;
  }
  
  .nome-th {
    width: 25%;
  }
  
  .email-th {
    width: 50%;
  }
  
  .acesso-th {
    width: 10%;
  }
  
  .btn-right {
    float: right;
  }
  
  .verifique-email {
    margin-top: 40px;
  }
  
  .main-body {
    min-height: 94vh;
  }

.jp-username {
    padding-right: 20px;
    color: #fff;
}

nav{
    background-color: #f2bd4b;
}

.navbar-nav {
    align-items: center;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: -0.2px;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #000;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #614040;
    margin-top: 8px;
    margin-right: 3px;
}

.dropdown-submenu > a.datasfechadas:after {
    margin-right: -8px;
}

/*.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f1f1f1;
}*/

/*.navbar-nav .dropdown-menu .dropdown-item-right {
    border-radius: 0.25rem;
}
.navbar-nav .dropdown-menu a {
    padding: 0.75rem 1.5rem;
}*/
  
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  /*!!!!!!!!!!!!!!!!!!!!!!!!  FIM LOGIN SYSTEM  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  



/* RESERVAS */

.entre-datas {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-bottom: 0.2rem;
}

#data-inicio, #data-fim {
    border: 1px solid #cce4fd;
    padding: 6px 0 6px 10px;
}

#data-inicio{
    margin-right: 5px;
}

#data-fim {
    margin-right: 10px;
}

.reservas-hospedes-main p {
    text-decoration: underline;
    font-style: italic;
    padding-left: 0;
}

.reservas-hospedes-content{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.reservas-hospedes-unit label{
    margin-right: 0.5rem;
}

.reservas-hospedes-unit img{
    cursor: pointer;
    margin: 0 auto;
}

.hospede-mais{
    margin-top: 1.5rem;
}

.hospede-mais img{
    cursor: pointer;
}

#filtro {
    vertical-align: unset;
}

hr{
    margin: 1.5rem 0;
}

.col-form-label{
    width: auto;
    padding-right: 0;
}

.reservas-main{
    display: flex;
    
    width: 100%;
}

.reservas-main-3{
    display: flex;
    flex-wrap:wrap;
    width: 100%;
}

.reservas-content{
    width: 50%;
    justify-content: flex-end;
}

.reservas-content div{
    justify-content: flex-end;
}

.reservas-content .radios{
    padding-left: 6rem;
}

.reservas-content .radios p{
    text-decoration: underline;
    font-style: italic;
    padding-left: 0;
}

.reservas-content-3{
    width: 30%;
    justify-content: flex-end;
}

.reservas-content-3 div{
    justify-content: flex-end;
}

.reservas-content-3 .form-check-inline {
  padding-right: 3rem;
}

.reservas-content-3 .form-check-inline label{
  margin-left: 0.5rem;
}

.reservas-main label{
    margin-right: 0.5rem;
}

.reservas-main div{
    margin-right: 1.5rem;
}

.reserva-datas{
    width: 170px;
}

.reserva-tipos{
    width: 200px;
}

.fatura-sef-alertas{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.fatura,
.sef{
  width: 24%;
}

.alertas{
  width: 40%;
  margin-right: 1.5rem;
}


#gravar-facturado{
    display: block;
    width: 100%;
}

/* FIM RESERVAS */

.pagamentos-main{
    display: flex;
    
    width: 100%;
}

.pagamentos-content{
    width: auto;
    margin: 0 auto;
}

.msg-div{
  padding: 1rem;
  border: 1px solid #dee2e6 !important;
  border-radius: 10px;
}

.msg-div span{
  text-transform:capitalize;
}

.resumo-reserva .linha-flex{
      display: flex;
    flex-wrap: wrap;
}

.resumo-reserva label{
      margin-right: 0.5rem;
}

.reserva-resumo-result{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.reserva-resumo-result .resumo-ref,
.reserva-resumo-result .mensagens{
  width: 45%;
  position: relative;
  border-radius: 10px;
  align-self: flex-start;
}

.reserva-resumo-result .resumo-ref{
  padding: 1rem;
}

.reserva-resumo-result .resumo-ref p{
      margin-bottom: 0.2rem;
}

.reserva-resumo-result .resumo-ref h5{
      margin-bottom: 0.5rem;
      text-align: center;
}


.reserva-resumo-result .copiar-reserva-resumo{
  width: 30px;
  position: absolute;
  top:5px;
  right:5px;
  cursor: pointer;
}

.reserva-resumo-result .copiado{
  width: 30px;
  position: absolute;
  top:5px;
  right:5px;
  cursor: pointer;
}

.local-datas-content{
    width: 100%;
    justify-content: center;
}

.local-datas-content div{
    width: 30%;
}

.criar-datas-div{
  justify-content: flex-end;
  margin-right: 12%;
}

#criar-datas{
  width: auto;
}

.bloquear-dias-content {
    display: flex;
    /*width: 100%;*/
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.novo-dia-div {
    margin-top: 1.5rem;
    margin: 1.5rem auto;
    text-align: center;
}

.novo-dia-bloquear,
.remove-dia{
  cursor: pointer;
}

.motivo-bloqueio{
  width: 250px;
}

.proximas-reservas-content{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.proximas-reservas-content div{
    width: 12.5%;
}


.funcionarios-form{
	width: 90%;
	margin: 0 auto;
}

.funcionarios-form h3,
.reservas-lista h3{
    margin: 1.4rem 0 1.8rem;
	text-align: center;
}

.reservas-lista{
	width: 100%;
	margin: 0 auto;
    padding-bottom: 3rem;
}

.novo{
    text-align: center;
    font-weight: bold;
    border-top: none;
    border-bottom:none;
}

.ch-click,
.novo-cb,
.cancel-cb,
.cb-portugues,
.cb-estrangeiro,
.cb-factura,
.cb-nif-need,
.cb-sef,
.cb-cancelado,
.cb-incluir-status,
.cb-reserva-ref,
.cb-noite-ref,
.cb-hospede-ref,
.cb-receita-ref,
.cb-dias-ref,
.cb-guesthouse-ref,
.cb-suite-ref,
.cb-activo,
.reserva-ref,
.noiye-ref,
.hospede-ref,
.receita-ref,
.dias-ref,
.apagar-flag,
#iban,
#link{
    cursor: pointer;
}

.cb-incluir-status{
    margin-right: 22px;
    cursor: pointer;
    vertical-align: middle;
}

.filtro-cats{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1px;
    align-items: center;
}

.intrastat label{
    margin: 0 0.5rem 0 1rem;
}

.intrastat button{
    margin-left: 2rem;
}

.reservas-hospedes-unit{

}

.table .titulo-tabela th{
    border-bottom: none;
    text-align: center;
}

.quartos{
    margin-top: 4rem;
}

.table-artigos {
    width: 100%;
    margin: 0 auto;
    border: 2px solid #000;
}

.table-artigos thead th, .table-artigos thead td, .table-artigos tbody td, .table-artigos tfoot th {
    text-align: center;
    padding: 0.2rem 0.75rem;
}


.table-prox-reservas{
    border-collapse: collapse !important;
    width: 100% !important;
    vertical-align: middle !important;
}

.table-prox-reservas th:first-child{
    padding-left: 0px !important;
}

.table-prox-reservas th{
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 16px !important;
    text-align: left !important;
}

.table-prox-reservas td:first-child{
    padding-left: 0px !important;
}

.table-prox-reservas td{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 ;
    color: rgb(34, 34, 34) !important;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 8px 16px ;
    text-align: left ;
}

.table-prox-reservas .nome{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    color: rgb(34, 34, 34) !important;
    text-align: left !important;
    position: relative !important;
}

.table-prox-reservas .num-hospedes{
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-prox-reservas .num-hospedes ol{
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-prox-reservas .num-hospedes li{
    display: inline-block;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}



.table-prox-reservas .novo{
    text-align: center;
    font-weight: bold;
    border-top: none;
    border-bottom:none;
    position: relative;
}

.table-prox-reservas .novo .novo-img{
      display: inline-block;
    position: absolute;
    width: 30px;
    text-align: right;
    height: 25px;
    top: 12px;
    left: 0;
    background: url(../img/icons/right-arrow.png) no-repeat;
}

.table-prox-reservas .novo-border{
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.table-prox-reservas .novo-th{
    opacity: 0;
    border-bottom: none;
}

.line-through{
    text-decoration: line-through;
}

.table-prox-reservas .td-centro{
    padding-left: 4rem;
}


.table-alertas{
    border-collapse: collapse !important;
    width: 90% !important;
    vertical-align: middle !important;
    margin: 0 auto 5rem;
}

.table-alertas th:first-child{
    //padding-left: 0px !important;
}

.table-alertas th{
    border: 1px solid rgb(221, 221, 221);
    padding: 8px 16px !important;
    text-align: left !important;
}

.table-alertas td:first-child{
    /*padding-left: 0px !important;*/
}

.table-alertas td{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 ;
    color: rgb(34, 34, 34) !important;
    border: 1px solid rgb(221, 221, 221);
    padding: 8px 16px ;
    text-align: left ;
}

.table-alertas .nome{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    color: rgb(34, 34, 34) !important;
    text-align: left !important;
    position: relative !important;
}

.table-alertas .num-hospedes{
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-alertas .num-hospedes ol{
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-alertas .num-hospedes li{
    display: inline-block;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-alertas .novo{
    text-align: center;
    font-weight: bold;
    border-top: none;
    border-bottom:none;
}

.table-alertas .novo-border{
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.table-alertas .novo-th{
    opacity: 0;
    border-bottom: none;
}

.line-through{
    text-decoration: line-through;
}

.table-alertas .td-centro{
    padding-left: 4rem;
}



.table-custos-mes{
    border-collapse: collapse !important;
    width: 100% !important;
    vertical-align: middle !important;
}

.table-custos-mes thead td{
    border: 1px solid rgb(221, 221, 221);
    text-align: center;
    font-weight: bold;
    background-color: #d3d3d3;
}

.table-custos-mes th:first-child{
    padding-left: 0px !important;
}

.table-custos-mes th{
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 5px 16px !important;
    text-align: left !important;
}

.table-custos-mes td:first-child{
    padding-left: 0px !important;
}

.table-custos-mes td{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 ;
    color: rgb(34, 34, 34) !important;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 8px 16px ;
    text-align: left ;
}

.table-custos-mes .nome{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    color: rgb(34, 34, 34) !important;
    text-align: left !important;
    position: relative !important;
}

.table-custos-mes .num-hospedes{
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-custos-mes .num-hospedes ol{
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-custos-mes .num-hospedes li{
    display: inline-block;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-custos-mes .novo{
    text-align: center;
    font-weight: bold;
    border-top: none;
    border-bottom:none;
}

.table-custos-mes .novo-border{
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.table-custos-mes .novo-th{
    opacity: 0;
    border-bottom: none;
}

.border-none{
    border: none;
}

.table-custos-mes .td-centro{
    padding-left: 4rem;
}





.table-custos-variaveis{
    border-collapse: collapse !important;
    width: 100% !important;
    vertical-align: middle !important;
}

.table-custos-variaveis thead td{
    border: 1px solid rgb(221, 221, 221);
    text-align: center;
    font-weight: bold;
    background-color: #d3d3d3;
}

.table-custos-variaveis th:first-child{
    padding-left: 0px !important;
}

.table-custos-variaveis th{
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 5px 16px !important;
    text-align: left !important;
}

.table-custos-variaveis td:first-child{
    padding-left: 0px !important;
}

.table-custos-variaveis td{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 ;
    color: rgb(34, 34, 34) !important;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 8px 16px ;
    text-align: left ;
}

.table-custos-variaveis .nome{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    color: rgb(34, 34, 34) !important;
    text-align: left !important;
    position: relative !important;
}

.table-custos-variaveis .num-hospedes{
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-custos-variaveis .num-hospedes ol{
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-custos-variaveis .num-hospedes li{
    display: inline-block;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgb(113, 113, 113) !important;
    margin-top: 4px !important;
}

.table-custos-variaveis .novo{
    text-align: center;
    font-weight: bold;
    border-top: none;
    border-bottom:none;
}

.table-custos-variaveis .novo-border{
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.table-custos-variaveis .novo-th{
    opacity: 0;
    border-bottom: none;
}

.border-none{
    border: none;
}

.tar{
  text-align: right;
}

.table-custos-variaveis .td-centro{
    padding-left: 4rem;
}


.table-custos-variaveis td div{
  display: flex;
  align-items: center;
    width: 100%;
}

.table-custos-variaveis td div input{
    width: 60px;
    margin-left: 0.5rem;
    /*font-weight: bold;*/
}

.reserva-tab{
    width: 60%;
    margin: 0 auto;
}

.article-custos-variaveis{
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.aside-custos-variaveis{
  width: 31%;
    padding: 1rem;
    /*border-bottom: 1px solid #9d8989;*/
    border: 1px solid #9d8989;
    margin: 0.5rem;
}

.aside-custos-variaveis table{
  width: 100%;
  margin: 1rem 0;
}

.aside-custos-variaveis table thead th{
  padding: 0.2rem;
 margin-bottom: 1rem;
  border-bottom: 1px solid #000;
}

.aside-custos-variaveis table tbody td{
  padding: 0.3rem;
}

.aside-custos-variaveis table tfoot th{
  padding: 0.3rem;
}

.aside-custos-variaveis .artigo{
  width: 100px;
}

.aside-custos-variaveis .valor-ref,
.aside-custos-variaveis .custo-variavel,
.aside-custos-variaveis .custo-categoria{
  width: 55px;
}


.aside-custos-variaveis .valor-ref{
  text-align: center;
}

.aside-custos-variaveis .artigo{
  width: 100px;
}

.aside-custos-variaveis .linha1{
    /*display: flex;*/
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}

.aside-custos-variaveis .categoria{
  width: 100%;
    text-align: center;
    font-size: 1.2rem;
}

.aside-custos-variaveis .artigo{
  text-decoration: underline;
}



.aside-custos-variaveis .valor-ref,
.aside-custos-variaveis .total-suites,
.aside-custos-variaveis .total-dias{
  border-top:none;
  border-right:none;
  border-bottom: 1px solid #000;
  border-left:none;
}

.aside-custos-variaveis .total-suites,
.aside-custos-variaveis .total-dias{
  width: 20px;
}

.bold{
  font-weight: bold;
}

.aside-custos-variaveis .linha1 div{
  padding: 0.2rem 1rem;
  /*width: 25%;*/
}

.aside-custos-variaveis .linha1 input{
  /*font-weight: bold;*/
}

.aside-custos-variaveis .linha1 .valor-ref,
.aside-custos-variaveis .linha1 .custo-variavel{
  width: 50px;
}


.aside-custos-variaveis .linha2 .custo-variavel{
  width: 40px;
}

.custo-variavel-info{
  font-weight: bold;
}

.tem-custo{
  /*background-color: #6fbd5c;*/
  border: 4px solid #6fbd5c;
}


.table-meses th,
.table-meses td{
    text-align: center;
}

.meses-local-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}

.table-meses-local{
    width: 46%;
    margin: 0 auto;
    margin: 1rem 1rem 3rem;
    border: 2px solid #000;
}

.table-meses-local-data{
    width: 96%;
    margin: 0 auto;
    margin: 1rem 1rem 3rem;
    border: 2px solid #000;
}

.table-meses-local thead tr,
.table-meses-local tfoot tr{
    border: 2px solid #000;
}

.table-meses-local thead td{
    font-weight: bold;
    text-align: center;
}

.table-meses-local thead th,
.table-meses-local tbody td,
.table-meses-local tfoot th{
    text-align: center;
    padding: 0.2rem 0.75rem;
}

.table-meses-local tbody tr:nth-child(even){
    background-color: #fdfae1;
}

.table-meses-local tbody tr:nth-child(even):hover,
.table-meses-local tbody tr:nth-child(odd):hover{
    background-color: #fff;
}

.table-meses-local tbody tr:nth-child(even) td{
    border-bottom: 2px solid #000;
}


.table-meses-local tbody tr:nth-child(odd){
    background-color: #fcf6c3;
}

.table-meses-local tbody .coluna-mes{
    background-color: #f2be47;
    border: 2px solid #000;
}

.table-receitas-custos{
    width: 100%;
    margin: 0 auto;
    margin: 1rem 1rem 3rem;
    border: 2px solid #000;
}

.table-receitas-custos thead tr,
.table-receitas-custos tfoot tr{
    border: 2px solid #000;
}

.table-receitas-custos thead td{
    font-weight: bold;
    text-align: center;
}

.table-receitas-custos thead th,
.table-receitas-custos tbody td,
.table-receitas-custos tfoot th{
    text-align: center;
    padding: 0.2rem 0.75rem;
}

.table-receitas-custos tbody tr:nth-child(even){
    background-color: #fdfae1;
}

.table-receitas-custos tbody tr:nth-child(even):hover,
.table-receitas-custos tbody tr:nth-child(odd):hover{
    background-color: #fff;
}

.table-receitas-custos tbody tr:nth-child(even) td{
    /*border-bottom: 2px solid #000;*/
}

.table-receitas-custos .td-border{
    border-bottom: 2px solid #000;
}

.table-receitas-custos tbody tr:nth-child(odd){
    background-color: #fcf6c3;
}

.table-receitas-custos tbody .coluna-mes{
    background-color: #f2be47;
    border: 2px solid #000;
}

.table-receitas-custos th,
.table-receitas-custos td{
    text-align: center;
}

.table-receitas-custos tbody tr.total-receitas{
    border: 2px solid #000;
    font-weight: bold;
    background-color: #5fc650;
}

.table-receitas-custos tbody tr.custos-fixos:nth-child(odd) {
    background-color: #e8c1c5;
}


.table-receitas-custos tbody tr.custos-fixos:nth-child(even) {
    background-color: #ff9eab;
}

.table-receitas-custos tbody tr.custos-fixos:nth-child(even):hover, 
.table-receitas-custos tbody tr.custos-fixos:nth-child(odd):hover {
    background-color: #fff;
}

.table-receitas-custos tbody tr.custos-fixos .c-fixos{
    background-color: #e8929b;
}

.table-receitas-custos tbody tr.total-custos-fixos{
    background-color: #e8929b;
    font-weight: bold;
    border: 2px solid #000;
}

.table-receitas-custos tbody tr.custos-variaveis:nth-child(odd) {
    background-color: #e8c1c5;
}


.table-receitas-custos tbody tr.custos-variaveis:nth-child(even) {
    background-color: #ff9eab;
}

.table-receitas-custos tbody tr.custos-variaveis:nth-child(even):hover, 
.table-receitas-custos tbody tr.custos-variaveis:nth-child(odd):hover {
    background-color: #fff;
}

.table-receitas-custos tbody tr.custos-variaveis .c-variaveis{
    background-color: #e8929b;
}

.table-receitas-custos tbody tr.total-custos-variaveis{
    background-color: #e8929b;
    font-weight: bold;
    border: 2px solid #000;
}

.table-receitas-custos tbody tr.total-fixos-variaveis{
    background-color: #e96677;
    font-weight: bold;
}

.table-receitas-custos .col-total{
    border-left: 2px solid #000;
}


.main-content-cat {
    width: 50%;
    margin: 0 auto;
}

.table-categorias{
    width: 100%;
    margin: 0 auto;
}

.categoria-nova,
.artigo-novo{
    width: 50%;
}

.artigo-novo label {
    margin-right: 0.5rem;
}

.artigo-novo select {
    width: 200px;
}

.local-datas {
    width: 80%;;
}

.local-datas label {
    margin-right: 0.5rem;
}

.checked-img {
    background: url(../img/checked.png) 50% no-repeat;
}

.data-calculo{
	text-align: center;
}

#data-para-calculo{
	padding: 0.275rem 0.55rem;
    vertical-align: middle;
}

.main-content{
    /* display: flex;
    flex-wrap: wrap;
    width: 100%; */
}

.filtros{
    width: 15%;
    padding-right: 5rem;
}

.tabela{
    width: 85%;
    
}

.limpar-filtro-unique, .limpar-filtro-multiple{
    margin-left: 20px;
    cursor: pointer;
}

#filtro-multiple{
    margin-top: 4rem;
}

#filtro-activo{
    margin-top: 5rem;
}

#filtro-activo #activo{
    width: auto;
}

.apagar-form{
    width: 30%;
    margin: 0 auto;
}


table.dataTable tbody td.tem-input{
    padding: 0;
    position: relative;
}

.tem-input select, .tem-input input{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.submit-gravar{
    width: 100%;
    text-align: center;
    padding: 2rem 0 0;
}

.submit-gravar .form-control{
    display: inline;
    width: 10%;
    vertical-align: middle;
}

.tabela-anos{
    width: 10%;
    margin: 0 auto;
}

.tabela-ano{
    width: 30%;
    margin: 0 auto;
}

.tabela-evolucao{
    width: 60%;
    margin: 4rem auto;
}

.tabela-evolucao table{
    width: 60%;
    margin: 0 auto;
}



.table th, .table td, .table td input, .table td select {
    padding: 0.5rem 0.75rem;
    font-size:.9rem;
    border-radius:0;
    border: 1px solid #fdc02f;
}

.table th{
	background-color: #f2be47;
    border: 1px solid #fff;
}

.table th, .table td, .table input {
    vertical-align: middle;
}

.table .align-center{
	text-align: center;
}

table.dataTable thead th, table.dataTable thead td{

    padding: .5rem .75rem;
}

.table-estadias .num-hospedes li{
  font-size:14px !important;
}

.estadia-saida{
  background: url(../img/icons/log-out.png)center no-repeat;
}

.estadia-em-curso{
  background: url(../img/icons/bed.png)center no-repeat;
}

.estadia-entrada{
  background: url(../img/icons/log-in.png)center no-repeat;
}

.table-estadia-local  tr:nth-child(1),
.table-estadia-local  tr:nth-child(4),
.table-estadia-local  tr:nth-child(7){
  border-bottom: 2px solid #000;
}

.table-estadia-local td{
  padding: 0.7rem;
}

.table-meses-local .td-total-recebido{
    border: 2px solid #000;
}

.mensagens img{
  width: 250px;
}



.calendario td p,
.calendario td span{
  color: #000;
  margin-bottom: 0.4rem;
}


.calendario td a{
  color: #000;
  margin-bottom: 0.7rem;
  display: inline-block;
  background: #fff;
  padding: 0.4rem 0.6rem;
  border-radius: 7px;
  text-decoration: none;
}

.calendario td a.resumo{
  color: #000;
  margin-bottom: 0;
  display: inline-block;
  background: #fff;
  padding: 0.4rem 0.6rem;
  border-radius: 7px;
  text-decoration: none;
}

.resumo-link{
  position: absolute;
  top: 0;
  right: 100px;
}

.calendario td .nome-guest{
  color: #000;
  margin-bottom: 0.7rem;
  display: inline-block;
  background: #fff;
  padding: 0.4rem 0.6rem;
  border-radius: 7px;
  text-decoration: none;
}

.estatistica-table thead td,
.table-meses-local thead td,
.table-receitas-custos thead td{
  background-color: #fff;
}

.calendario thead th { position: sticky; top: -1px; }
.reservas-lista-table thead th { position: sticky; top: 24px; }
.estatistica-table thead th { position: sticky; top: 40px; }
.table-meses-local thead th { position: sticky; top: 35px; }
.table-receitas-custos thead th { position: sticky; top: 35px; }


.jpdt-jogadores thead td { 
  position: sticky!important;
  top: 0px; 
}

.table-meses-local thead td { 
  position: sticky!important;
  top: -2px; 
}

.table-receitas-custos thead td { 
  position: sticky!important;
  top: -2px; 
}

.col-0{
	width: 19%;
}
.col-1{
	width: 10%;
}
.col-2{
	width: 10%;
}
.col-3{
	width: 6%;
}
.col-4{
	width: 9%;
}
.col-5{
	width: 7%;
}
.col-6{
	width: 6%;
}
.col-7{
	width: 6%;
}
.col-8{
	width: 6%;
}
.col-9{
	width: 6%;
}
.col-10{
	width: 6%;
}
.col-11{
	width: 6%;
}


.form-sef h3,
.form-sef p{
  text-align: center;
}

.form-sef table td{
  border: 1px solid #000;
  padding: 0.4rem 0.45rem;
}

.form-sef table .p-main,
.form-sef table .p-sec{
  margin: 0;
  /*font-family: 'Teko', sans-serif;*/
}

.form-sef table .p-main{
  font-weight: bold;
  font-size: 0.6rem;
}

.form-sef table .p-sec{
  font-size: 0.6rem;
}

.form-sef table label{
  vertical-align: middle;
}



.form-sef .coluna-1,
.form-sef .coluna-2,
.form-sef .coluna-3,
.form-sef .coluna-4{
  width: 25%;
}

.form-sef-main .coluna-75{
  width: 75%;
}

.form-sef .background{
  background-color: rgba(74, 155, 236, 0.2);
}

.form-sef article{
  display: flex;
  flex-wrap:wrap;
  width: 100%;
  align-items: center;
}

.form-sef article p{
  margin: 0;
  
}

.form-sef article .mleft{
  margin-left: 10px;
}

.form-sef article .label-div p{
  line-height: 1;
  font-size: 0.5rem;
}

.form-sef article .checkbox-div p{
  border: 1px solid #000;
  width: 10px;
  height: 10px;
  margin: 1px 0 0 7px;
  border-radius: 2px;
}

.form-sef .logo-sef{
  width: 100px;
}

/*table tr td{
  position: relative;
}*/

/*table tr td p:after{
    content: '';
    height: 50%;
    width: 100%;
    position: absolute;
    background: linear-gradient(to bottom left, #000 50%, #fff 50%);
    left: 0;
    top: 100%;
}*/
/*###############################################################*/
/*################ TABELAS COM DATATABLES #######################*/
/*###############################################################*/
/*
#jp-datatable-buttons_wrapper .table-chep th{
	background-color: $corChep;
	color:#fff;
    width: 1%!important;
    vertical-align:middle;
}

*/

/* BOTÕES(PDF, EXCEL, ETC) */

#jp-datatable-buttons_wrapper .dt-buttons {
    float: right;
}

#jp-datatable-buttons_wrapper .dt-buttons .buttons-pdf, 
#jp-datatable-buttons_wrapper .dt-buttons .buttons-excel,
#jp-datatable-buttons_wrapper .dt-buttons .buttons-print {
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   
    box-shadow:none;
}

#jp-datatable-buttons_wrapper .dt-buttons .buttons-colvis {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    background: url(../img/eye.png)center center no-repeat;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 45px;
    height: 38px;
    box-shadow:none;
}

#jp-datatable-buttons_wrapper .dt-buttons .buttons-columnVisibility {
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f7d7da;
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    white-space: unset;
}

#jp-datatable-buttons_wrapper .dt-buttons .active {
    background-color: #d5edda;
}

#jp-datatable-buttons_wrapper .dt-buttons .buttons-colvisRestore {
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #43a5ed;
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    white-space: unset;
}


#jp-datatable-buttons_wrapper .dt-buttons .buttons-colvis:after{
    display: none;
    
}

#jp-datatable-buttons_wrapper .dt-buttons .buttons-pdf {
    background-color: #e85546;
    	&:hover{
    		background-color: #d45546;
    		background-image: none;
    	}
}

#jp-datatable-buttons_wrapper .dt-buttons .buttons-excel {
    background-color: #27a264;
    	&:hover{
    		background-color: #23915a;
    		background-image: none;
    	}
}

#jp-datatable-buttons_wrapper .dt-buttons .buttons-print {
    background-color: #3ea9f9;
        &:hover{
            background-color: #3693d9;
            background-image: none;
        }
}

#jp-datatable-buttons_wrapper .dt-buttons .buttons-colvis {
    color: #fff;
    background-color: #6c757d;
    	&:hover{
    		background-color: #636b73;
    	}
}

div.dt-button-background {
    background: rgba(0,0,0,0.5);
}

div.dt-button-collection {
	left: 47%!important;
}

#jp-datatable-buttons_wrapper .dataTables_paginate .paginate_button.current {
    padding: 0.3em 0.8em;
    background-color: #ffc107;
    background-image: none;
    	&:hover{
    		background-color: #e0a800;
    		background-image: none;
    	}
}


/* BOTÕES PARA SEGUNDA TABELA(PDF, EXCEL, ETC) */

#jp-datatable-buttons-second_wrapper .dt-buttons {
    float: right;
}

#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-pdf, 
#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-excel,
#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-print {
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   
    box-shadow:none;
}

#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-colvis {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    background: url(../img/eye.png)center center no-repeat;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 45px;
    height: 38px;
    box-shadow:none;
}

#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-columnVisibility {
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f7d7da;
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    white-space: unset;
}

#jp-datatable-buttons-second_wrapper .dt-buttons .active {
    background-color: #d5edda;
}

#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-colvisRestore {
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #43a5ed;
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    white-space: unset;
}


#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-colvis:after{
    display: none;
    
}

#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-pdf {
    background-color: #e85546;
    	&:hover{
    		background-color: #d45546;
    		background-image: none;
    	}
}

#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-excel {
    background-color: #27a264;
    	&:hover{
    		background-color: #23915a;
    		background-image: none;
    	}
}

#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-print {
    background-color: #3ea9f9;
        &:hover{
            background-color: #3693d9;
            background-image: none;
        }
}

#jp-datatable-buttons-second_wrapper .dt-buttons .buttons-colvis {
    color: #fff;
    background-color: #6c757d;
    	&:hover{
    		background-color: #636b73;
    	}
}

div.dt-button-background {
    background: rgba(0,0,0,0.5);
}

div.dt-button-collection {
	left: 47%!important;
}

#jp-datatable-buttons-second_wrapper .dataTables_paginate .paginate_button.current {
    padding: 0.3em 0.8em;
    background-color: #ffc107;
    background-image: none;
    	&:hover{
    		background-color: #e0a800;
    		background-image: none;
    	}
}


.table-striped tbody tr:nth-of-type(even) {
    /*background-color: #9da0b7;*/
    background-color:#ffffff;
}

.table-striped tbody tr:nth-of-type(odd) {
    /*background-color: #9da0b7;*/
    background-color:#f9fafa;
}

.table.dataTable thead .linha-filtro td{
	padding: 0;
	border: 1px solid #899a9a;
	position: relative;
    background-color:#fff;
}

.table.dataTable thead .linha-filtro td input{
	width: 100%;
	padding: 0 0 0 0.2rem;
	border: none;
}

.table.dataTable thead .linha-filtro td select{
	position: absolute;
    top: 0;
    bottom: 0;
	width: 100%;
	padding: 0;
}

.table.dataTable thead .linha-filtro td.minmax-td input{
	width: 50%;
}

.table.dataTable thead .linha-filtro td.minmax-td .min{
	border-right: 1px solid #899a9a;
}

.filtro-active{
    background-color: #fdc02f;
}

.table.dataTable {
	border-left:none;
	border-right:none;
}

.table.dataTable tfoot th{
	border:none;
}

.table.dataTable tfoot th.total {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: center;
}

table.dataTable thead .sorting {
    background-image: url(../img/datatables/sorting2.png);
}

table.dataTable thead .sorting_asc {
    background-image: url(../img/datatables/asc2.png);
}

table.dataTable thead .sorting_desc {
    background-image: url(../img/datatables/desc2.png);
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #fece56;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #fece56;
}

table.dataTable.hover tbody>tr.selected:hover, table.dataTable.hover tbody>tr>.selected:hover, table.dataTable.display tbody>tr.selected:hover, table.dataTable.display tbody>tr>.selected:hover {
    background-color: #fec556;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background: #fec556;
}

/*###################################################################*/
/*################ FIM TABELAS COM DATATABLES #######################*/
/*###################################################################*/

#gravar-flags {
    display: block;
    width: 100%;
}

.table-flags thead th {
    position: sticky;
    top: -1px;
}

.table-flags thead th, .table-flags tbody td, .table-flags tfoot th {
    text-align: center;
    padding: 0.2rem 0.75rem;
}

.label-table{

  display: block;
  width: 100%; 
  height: 35.19px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.file-input{
  display: none;
}

.upload{
  background: url('../img/upload.png') center center no-repeat;
}

.not-upload{
  display: none;
}

.change{
  background: url('../img/change.png') center center no-repeat;
}



.not-change{
  display: none;
}

/*###################################################################*/
/*################ PREÇOS #######################*/
/*###################################################################*/

.novo-ano-main input{
  width: 100px;
}

.precos-change-main{
  display: flex;
  width: 100%;
  position: sticky;
  top: 0px;
  justify-content: space-between;
  background-color: #fff;
}

.precos-change-main div{
  width: 30%;
}

.precos-change-main div.row{
  width: 100%;
  text-align: right;
}

.precos-change-main .preco-change{
  width: 100px;
}

.gravar-precos-main{
  text-align: right;
}

.precos-table thead th{
  position: sticky;
  top: 78px;
}

.precos-table thead .td-gravar{
  position: sticky;
  top: 40px;
  padding: 0;
  background-color: #fff;
}

.precos-table thead .td-gravar p{
  margin: 0;
}

.precos-table .preco,
.precos-table-view .preco{
  text-align: center;
  border:none;
}

.td-gravar .btn-light {
    color: #efefef;
    background-color: #2723e085;
    border-color: #f8f9fa;
}

.precos-link {
    position: absolute;
    top: 0;
    right: 0;
}


    /* Define a grid com 4 colunas (1ª é rótulo, as outras 3 são selecionáveis) */
    .grid {
      display: grid;
      grid-template-columns: 60px 100px 100px 100px;
      gap: 4px;
      width: max-content;
    }

    /* Estilo base para todas as células */
    .cell {
      border: 1px solid #000;
      padding: 20px;
      text-align: center;
      user-select: none; /* impede seleção de texto */
    }

    /* Apenas células com esta classe poderão ser selecionadas */
    .selectable {
      cursor: pointer; /* mostra o cursor clicável */
    }

    /* Estilo para células selecionadas */
    td.selected {
      background-color: #198aea!important;
    }

    /* Células da primeira coluna (rótulos de linha) */
    .row-label {
      background-color: #f0f0f0;
      font-weight: bold;
      pointer-events: none; /* impede qualquer clique nesta célula */
    }

/*###################################################################*/
/*################ FIM PREÇOS #######################*/
/*###################################################################*/


/*###############################################################*/
/*################ IFTHENPAY #######################*/
/*###############################################################*/

.ifthenpay{
  text-align: center;
}

.ifthenpay h4{
  text-decoration: underline;
}

.ifthenpay img{
  max-width: 100%;
  margin-bottom: 1rem;
}



/*###############################################################*/
/*################ FIM IFTHENPAY #######################*/
/*###############################################################*/

/*###############################################################*/
/*################ NOVO-PAGAMENTO #######################*/
/*###############################################################*/

.table-novo-pagamento .td-a-pagar{
  padding: 0;
}

.table-novo-pagamento .a-pagar{
    width: 100%;
    padding: 0.5rem 1rem;
    border: none;
}

.aviso-valor {
  color: white;
  background-color: red;
}

/*###############################################################*/
/*################ FIM NOVO-PAGAMENTO #######################*/
/*###############################################################*/

@media only screen and (max-width: 1450px){

    .dataTables_wrapper {
        overflow-x: scroll;
    }
}