/*------------------ Style tela main ------------------*/
.bg-azul{
    background-color: #1d35c2;
}
body{
    background-color: aliceblue;
}
.container-fluid{
    padding-left: 8px;
    padding-right: 8px;
}

.border-primario{
	border: solid 1px #4E689F;
}

.btn-primario{
    background-color: #1d35c2;
    border-radius: 3px;
    color:aliceblue;
}

.btn-primario:hover{
    background-color: #172da8;
    color:aliceblue;
}

.btn-secundario{
    background-color:aliceblue;
    border-radius: 3px;
    color: #1d35c2;
}

.btn-secundario:hover{
    background-color: aliceblue;
    color: #172da8;
}

.btn-primary-pontopj 
,.btn-primary-pontopj:active
,.btn-primary-pontopj:target
{
    background-color: #F1F4F9;
    color: #4E689F;
    border-color: #4E689F;
    font-weight: 400;
}

.btn-primary-pontopj:hover
,.btn-primary-pontopj:checked
{
    color: #FFFFFF !important;
    background-color: #4E689F !important;
    border-color: #FFFFFF !important;
}

.btn-warning-pontopj 
,.btn-warning-pontopj:active
,.btn-warning-pontopj:target
{
    background-color: #FFF9EC;
    color: #836A22;
    border-color: #836A22;
    font-weight: 400;
}

.btn-warning-pontopj:hover
,.btn-warning-pontopj:checked
{
    color: #FFFFFF !important;
    background-color: #836A22 !important;
    border-color: #FFFFFF !important;
}

.btn-danger-pontopj 
,.btn-danger-pontopj:active
,.btn-danger-pontopj:target
{
    background-color: #FCF3F3;
    color: #C80202;
    border-color: #C80202;
    font-weight: 400;
}

.btn-danger-pontopj:hover
,.btn-danger-pontopj:checked
{
    color: #FFFFFF !important;
    background-color: #C80202 !important;
    border-color: #FFFFFF !important;
}

.btn-success-pontopj 
,.btn-success-pontopj:active
,.btn-success-pontopj:target
{
    background-color: #E1F1E2;
    color: #307400;
    border-color: #307400;
    font-weight: 400;
}

.btn-success-pontopj:hover
,.btn-success-pontopj:checked
{
    color: #FFFFFF !important;
    background-color: #307400 !important;
    border-color: #FFFFFF !important;
}

.primary-pontopj
{
    color: #4E689F;
}

.border-pontopj
{
    border-color: #4E689F;
}

.link-sair{
    color: #fff;
    text-decoration: none;
    margin-left: 8px;
    margin-right: 8px;
}
.usu-log-nav{
    color: #fff;
    font-size: 1em;
    cursor:default
}
.img-icon{
    border: 2px solid white;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    margin-bottom: 0px !important;
    margin-right: 8px;
}

.preloader{
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: rgba(255, 255, 255, 0.7);
}

.spinner {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#474bff 94%,#0000) top/9px 9px no-repeat,
          conic-gradient(#0000 30%,#474bff);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
   animation: spinner-c7wet2 1s infinite linear;
   display: inline-block;
   position: fixed;
   top: 50%;
   left: 50%;
}

@keyframes spinner-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}

.text-anotacoes {
   text-align: left;
}

.item-navbar {
  text-align: center;
  color: #FFFFFF;
}

.item-navbar > a {
  color: #FFFFFF;
  margin: 6px 3px;
  padding: 6px 7px;
  text-align: center;
  min-width: 70px;
  border-color: #FFFFFF;
  display: block;
  text-decoration: none;
}

.item-navbar > a > i{
  font-size: 24px;
  position: relative;
}

.item-navbar > a > p{
  margin: 5px 0 0;
  font-size: 14px;
}

.item-navbar > a:hover {
    color: #555555;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    opacity: 0.5;
}

.table-primary-pontopj {
    --bs-table-bg: #F1F4F9;
    --bs-table-color: #4E689F;
}

.table-striped-leme {
    --bs-table-border-color: rgb(166, 181, 204);
}
.card-total{
    background-color: #0d6dfd26;
    border: solid 1px #0d6efd;
    border-radius: 5px;
}
.card-meta{
    background-color: #ffc10720;
    border: solid 1px #ffc107;
    border-radius: 5px;
}
.card-saldo{
    background-color: #19875429;
    border: solid 1px #198754;
    border-radius: 5px;
}
.card-saldo-negative {
    background-color: #dc354526;
    border: solid 1px #dc3545;
    border-radius: 5px;
}

.btn-novo-registro {
  max-width: 200px;
}
@media only screen and (max-width: 768px) {
  .btn-novo-registro {
    max-width: initial !important;
  }
  .input-200-mobile {
    width: 200px !important;
  }
}