/*   -----------------    PLANTILLAS Y CLASES PARA EL PANEL DE CONTROL   -----------------    */
body{
  /*font-family: 'Rubik', sans-serif;*/
  font-size: 14px;
}
.font-size-16 {
    font-size: 16px; 
  }

.font-size-14 {
    font-size: 14px; 
  }

.control-panel-footer {
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  html, body {
    height: 100%;
  }
  
  .full-height {
    height: 100%;
  }

.pad-topbot{
    padding-top: 50px;
    padding-bottom: 50px;
}

.pad-lr-5{
    padding-left: 5px;
    padding-right: 5px;
}

.pad-topbot-10{
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 760px)
{
  .pad-bot-10{
    padding-bottom: 80px;
  }
}

.pad-bot-10-no-variable{
  padding-top: 10px;
  padding-bottom: 10px;
}
/* HOVER BORDER BOTTOM */
.hover-bb{
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.hover-bb:hover{
  border-bottom: 1px rgba(209, 209, 209, 0.582) solid;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.active-nav{
  border-bottom: 1px rgba(209, 209, 209, 0.582) solid;
}

.scrollable{
  overflow-y: scroll;
  height: 600px;
  width: 100%;
  scrollbar-width: none;
}

.informe-card{
  position:absolute !important; 
  top:10% !important; 
  left:88% !important; 
  opacity:0.3 !important; 
  font-size:50px !important;
}

.informe-card2{
  position:absolute !important; 
  top:10% !important; 
  left:80% !important; 
  opacity:0.3 !important; 
  font-size:50px !important;
}

@media (max-width: 760px)
{
  .informe-card{
    position:absolute !important; 
    top:10% !important; 
    left:88% !important; 
    opacity:0.3 !important; 
    font-size:30px !important;
  }
  .informe-card2{
    position:absolute !important; 
    top:10% !important; 
    left:88% !important; 
    opacity:0.3 !important; 
    font-size:30px !important;
  }
}

.btn-nuevo-cliente{
  float: right;
}

/* Overlay */
.overlay {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  z-index: 1000000;
}

.overlay2 {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  z-index: 1000000;
}

.error{
  color: red;
}

.scroll-interno{
  overflow-y: scroll;
  height: 450px;
  width: 100%;
}
.scroll-interno2{
  overflow-y: scroll;
  height: 300px;
  width: 100%;
}

.no-link{
  color: black;
  text-decoration: none;
}

.no-link:hover{
  color: black;
  text-decoration: none;
}

.flow-cards{
  font-size: 14px;
  color: black;
  text-decoration: none;
}

.flow-cards:hover{
  color: black;
  text-decoration: none;
}

.flow-income{
  float: right;
  color: green;
}

.flow-outcome{
  float: right;
  color: red;
}

.flow-amount{
  float: right;
}

.flow-id{
  float: right;
  vertical-align: middle;
}

.flow-icon{
  font-size: 14px;
  color: rgb(90, 90, 90);
}

.pad-topbot-5{
  padding-top: 5px;
  padding-bottom: 5px;
}

.white-link{
  color: white;
  text-decoration: none;
}

.white-link:hover{
  color: rgb(236, 236, 236);
  text-decoration: none;
}

.black-link{
  color: #6c757d;
  text-decoration: none;
}

.black-link:hover{
  color: rgb(37, 37, 37);
  text-decoration: none;
}

.pointer{
  cursor: pointer;
}

.input-lotes{
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
}

.border-10{
  border-radius: 10px;
}

#signatureContainer{
    width:466px;
    height:300px;
}

@media screen and (max-width: 520px) {
        #signatureContainer{
        width:320px;
    }
}