/* Estilos para todas as páginas */
.navbar-header{
  width: 100%;
  margin: 0!important;
}
.logo-padding{
  padding: 10px 10px 10px 20px;
  height: 100%;
  display: inline-block;
}
.navbar-toggle{
  margin-right: 0;
}
.nav-profile .info a{
color:#ffffff;
font-size: 14px;
font-weight: 600;
font-family: "Open Sans". Sans-serif;
}
.nav-profile .info a:hover{
text-decoration: underline;
}

.navbar-user .dropdown-menu{
  right: -46px!important;
}
.check {
  margin-right: 5px;
}
.datepicker {
    text-align: center !important;
}

/* Estilos para Mobile em todas as páginas */
@media only screen and (max-width: 700px) {
  .remove-mobile{
    font-size: 0px!important;
  }
  .remove-mobile i{
    font-size: 20px!important;
  }
  div#content {
    width: 100%;
  }
  .page-header-fixed {
    padding-top: 55px!important;
  }
  .pace-progress {
    top: 56px;
  }
}

@media all and (max-width: 767px) {
  .navbar-nav {
    padding: 0px !important;
  }
}


/* Estilos para Login.aspx */
.page-login #page-container{
  display:flex;
  height:100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-login .login-cover-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.page-login .btn.btn-success {
  background: #2A70C9;
  border-color: #2A70C9;
}
.page-login .btn.btn-success:hover {
  background: #699EE0;
}
/* Estilos para Mobile para página login.aspx */
@media only screen and (max-width: 700px) {

}

/* Estilos para index.aspx */
.page-index .width-crud{
  width: 175px;
}

/* Estilos para Mobile para página index.aspx */
@media only screen and (max-width: 700px) {

}

/* CSS OVERRIDE */
.login-cover-bg {
  background-color: unset;
  background: radial-gradient(ellipse at center,#666 0,#000 100%);
  opacity: 0.6;
}
.login.login-v2 {
  width: 450px;
  height: 400px;
  top: calc(50% - 200px);
}
.login-content {
  background-color: rgba(0,0,0,.4);
  border-radius: 4px;
}
.login.login-v2 .login-content {
  padding: 40px;
}
.login-header {
  margin-bottom: 15px;
}
.form-control-lg, .form-control-lg:focus{
  background:rgba(0,0,0,.4);
  border:none;
  color:#fff;
  outline: none;
  box-shadow: unset !important;
}
.form-control{
  height: 3.5em;
}
.login-content .btn.btn-success, .login-content .btn.btn-success:hover {
  background: #699EE0;
  border: #699EE0;
}
.login.login-v2 .login-header .icon i {
  font-size: 30px;
}
.bg-formulario{
  background-color: #E3DBFF;
}


/* HEADER*/
.navbar-nav .media-list{
 right:unset; 
}
.header .navbar-header {
  width: 100%;
}
/* END HEADER*/
.dropdown-toggle.no-caret:after {
  content: unset;
}
.no-caret .caret {
  border-top-style: solid !important;
}


/* SIDEBAR MENU LATERAL */

.sidebar .nav > li.nav-profile .cover{
background:none;
}
.sidebar .nav > li.nav-profile{
padding: 10px;
}
.sidebar .nav > li.active > a{
  background: none;
}

.sidebar .nav > li.active > a i{
  color:#699EE0;
}
.sidebar .nav > li.nav-header{
background:#699EE0;
color:#ffffff;
}
.label-theme{
  background:#699EE0;
}
.sidebar .sub-menu{
  background:#1a2229;
}
.lateral-object {
  float: left;
  margin: 0px 0px 0px 15px;
}
* .lateral-object:first-child {
  margin: unset;
}

/* END SIDEBAR MENU LATERAL */



/* AJUSTES DE GRIDE FLUXO */

.coluna-fantasma {  /* Esconde coluna de entrada/saida consolidada quando é desktop  */
    display: none;
}

.coluna-fantasma-xs {  /* Mostra colunas entradas e saidas separadas quando é desktop  */
    display: table-cell;
}

.alert-xs {  /* Fecha div de alerta da grid, que avisa para ver de forma horizontal  */
  display: none;
}

@media only screen and (max-width: 991px) {
.labelFormMobile{
    text-align: left !important; /* Joga os labels para esquerda quando mobile  */
  }
  .espacamento-ddl { /* Da um espaço entre os dropdowns do formulario do fluxa  */
    margin-top: 1rem; 
    padding-top: 10px;
  }
   .input-reduzido { /* Campo de preço - informa tamanho mínimo e máximo  */
    width: 50%;
    max-width: 130px;
    min-width: 80px;
  }

  .texto-com-corte { /* Permite reduzir o texto da gride na coluna descrição  */
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

  .coluna-fantasma-xs { /* Esconde coluna quando é mobile   */
      display: none;
  }

  .coluna-fantasma { /* Mostra coluna da gride */
      display: table-cell;
  }
}

@media only screen and (max-width: 811px) {
  .alert-xs {
    display: block; /* Aparece div para deitar celular */
  }
}

@media only screen and (max-width: 767px) { /* Instruções quando celular está de pé  */
  .login.login-v2 {
    width: 100% !important;
    left: 200px;
  }
  .login-content {
    border-radius: 0px;
  }
  .espacamento-ddl-xs { /* Espaçamento das ddls no formulario fluxa quando está vertical */
    margin-top: 1rem;
    padding-top: 10px;
  }

}


@media only screen and (max-width: 575.98px) {
  .login.login-v2 {
    left: 0px;
    top: 10vh;
  }
  
}

/* FORMULARIOS */

.panel .row{
  padding-bottom: 10px
}
.espacamento-checkbox { /* Dá espaço entre os checkboxs dos formulários na mesma linha e div */
  margin-left: 10px;
  float:left;
}

/* END FORMULARIOS */



/* GRIDS */

.linha-saldo{
  font-weight: 800; 
  font-size: 1rem;
}
.linha-negra{
  font-weight: 800; 
}
.checkbox.checkbox-css label::before{
background-color: #ffffff;
  }

  .table td, .table th {
    padding: 8px 5px !important;
  }

/* END FORMULARIOS */




/* BEGIN CARDS CONTAS */

  #cards {
      display: flex;
      flex-wrap: wrap;
      align-content: stretch;
      justify-content: flex-start;
      background-color: #e3dbff;
      border: 2px solid #999;
  }

  .account-card {
      flex: 1;
      border-radius: 10px;
      margin: 5px;
      padding: 10px;
      border: 1px solid #EEE;
      /*min-width: 198px;*/
      flex-basis: calc((100%/3) - 10px);
      max-width: calc((100%/3) - 10px);
      background-color: #ffffff;
      display: flex;
  }

  .account-card .card {
    width: 100%;
  }

  .account-card .card-body {
    position: relative;
    padding-bottom: 55px;
  }  

  .account-card .btn-editar, .account-card .btn-excluir, .account-card .submenu-container {
    position: absolute;
    bottom: 15px;
  }

  .account-card .btn-editar {
    left: 10px;
  }

  .account-card .btn-excluir, .account-card .submenu-container {
    right: 10px;
  }

  .btn-opcoes {
    min-width: 80px;
  }

  .submenu-container {
    position: relative;
  }

  .submenu-container .submenu-btn {
    position: absolute;
    top: -155px;
    right: 6px;
    display: none;
    background-color: #EEE;
    border-radius: 3px;
    z-index: 3;
  }

  .submenu-container .submenu-btn a {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #AAA;
    text-decoration: none;
    color: #000;
    transition: background-color 0.2s;
    width: 255px;
  }

  .submenu-container .submenu-btn a:last-child {
    border-bottom: unset;
  }

  .submenu-container .submenu-btn a:hover {
    background-color: #DDD;
    font-weight: bold;
    transition: background-color 0.2s;
  }

  #newAccount {
    display: none;
  }

  #cards #newAccountAction {
      font-size: 1.3rem;
      text-align: center;
      align-items: center;
      cursor: pointer;
      flex-flow: column;
  }

  #cards #newAccountAction a:hover {
      text-decoration: none;
  }
.card .btn-action{
margin-bottom:-1rem;
}
.mr-4, .mx-4{
margin-right:1rem !important;
} 
#cards .botaoEditar{
  font-size: 1.3rem !important;
  width:100%;
  min-height: 20%;
  max-height:30%;
 text-align: center;
  line-height: 4;

}

.content {
    padding: 20px 0px;
}

 .account-card button {
    min-width: 90%;
  }

  @media all and (max-width: 850px) {
      .account-card {
          max-width: calc((100%/2) - 10px);
          flex-basis: calc((100%/2) - 10px);
      }
  }

  @media all and (max-width: 500px) {
      .account-card {
          max-width: 100%;
          flex-basis: 100%;
          margin: 10px 0px;
          flex-flow: column;
      }
  }                        
/* END CARDS CONTAS*/

/* BEGIN Formulario sem paginação */

  #tabelaSemPaginacao  .row:last-child{
      display: none;
  }

/* END Formulario sem paginação */

/* BEGIN Cartao de Credito */
.busca-linha {
  padding: 10px !important;
}

/* End Cartao de Credito */