.content-header {
  padding: 0.75rem 0.5rem 0;
}
#navbar_main a {
  color: #006fcb;
  font-weight: 600;
}
#navbar_main a:hover {
  color: #011b3d;
}
#navbar_brandimage {
  border-radius: 8px;
  margin-right: 10px;
  margin-top: -2px;
}
.color_background_claro {
  background-color: #dae9e9;
}
.color_background_oscuro {
  background-color: #006fcb;
  color: #fff;
}
#iconsalir {
  margin-right: 6px;
}
.main_div {
  padding: 30px;
}
@media (max-width: 768px) {
  .main_div { padding: 20px; }
}
@media (max-width: 576px) {
  .main_div { padding: 10px; }
}
.floating_box {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px;
}
.nopadding {
  padding: 0;
}
.div_line {
  height: 1px !important;
  background-color: #4b4c4d !important;
  margin: 0 !important;
  margin-bottom: 5px !important;
}
#header_div {
  padding-top: 10px;
  padding-bottom: 5px;
}
@media (max-width: 768px) {
  #header_div { padding-bottom: 1px; }
}
.icon_margin {
  margin-right: 6px;
}
.nomargin {
  margin: 0;
}
.back_green_claro {
  background-color: rgb(203, 227, 248);
}
.box_transparent {
  border-style: solid;
  background-color: rgb(255, 255, 255, 0.65);
  border-width: 0.5px;
  border-color: #0664b1;
}
.rounded_box {
  border-radius: 20px;
  padding: 20px;
  padding-bottom: 15px;
  margin: 0;
}
@media (max-width: 768px) {
  .rounded_box {
    padding: 20px;
    padding-bottom: 15px;
  }
}
#summary_div {
  background-image: url(../img/fondotest1.jpg);
  background-repeat: round;
  margin-bottom: 15px;
}
.smallcaps {
  font-variant: small-caps;
}
.paddingright {
  padding-right: 15px;
  padding-left: 0px;
}
@media (max-width: 576px) {
  .paddingright { padding-right: 5px; padding-left: 0px; }
}
.paddingleft {
  padding-right: 0px;
  padding-left: 15px;
}
@media (max-width: 576px) {
  .paddingleft { padding-right: 0px; padding-left: 5px; }
}
@media (min-width: 640px) {
  .ultimomespago { font-size: 40px; }
}
@media (min-width: 576px) {
  .deudatotalmonto { font-size: 55px; }
}
.verdetalle_button {
  margin-left: 20px;
}
.letraverdeoscura {
  color: #024666;
}
.letraverdeclaro {
  color: #057395;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  background-color: #fff;
}
@media (max-width: 768px) {
  .navbar-light .navbar-nav .nav-link {
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 4px;
  }
}
@media (min-width: 992px) {
  .avisocolumnleft { padding-right: 10px; }
}
@media (max-width: 576px) {
  .fontsmall { font-size: small; }
}
.main_div_centered {
  height: 90vh;
  width: 100%;
  display: flex;
}
.floating_centered_box {
  margin: auto;
  width: 340px;
  padding: 20px;
}
#loginlogo {
  border-radius: 6px;
  width: 80px;
  height: 80px;
  margin: auto;
  padding: 0;
  background-image: url(../../assets/img/icon2021.png);
  background-repeat: round;
  margin-top: 20px;
  margin-bottom: 25px;
}
#gplaylogo {
  border-radius: 6px;
  width: 130px;
  height: 40px;
  margin: auto;
  padding: 0;
  background-image: url(../../assets/img/gplay.png);
  background-repeat: round;
  margin-top: 0px;
  margin-bottom: 5px;
}
.aligncenter {
  text-align: center;
}
.formcontrol {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.formcontrol:focus {
  color: #495057;
  background-color: #fff;
  border-color: #219ab9;
  outline: 0;
}
.passwordtextbox {
  margin-top: 30px;
  margin-bottom: 10px;
}
.loginbuttons {
  margin-top: 10px;
  margin-bottom: 25px;
  width: 100%;
}
.dateinput {
  width: 170px;
}
.form-group label {
  font-weight: 500;
}
.referenciatextbox {
  width: 250px;
}
.montoinput {
  width: 250px;
}
.formbuttondiv {
  margin-top: 10px;
  margin-bottom: 10px;
}
#descarga_gplay {
  margin-bottom: 5px;
}
#footer {
  padding-top: 0px;
  padding-bottom: 10px;
}
#pendiente {
  text-align: right;
  padding-right: 15px;
}
@media (max-width: 768px) {
  #pendiente { text-align: center; padding: 0; }
}
#afavor {
  text-align: left;
  padding-left: 15px;
}
@media (max-width: 768px) {
  #afavor { text-align: center; padding: 0; }
}
@media (min-width: 768px) {
  .grafico { height: 300px; }
}
#mes_dropdown {
  text-align: right;
}

/* Make Select2 match Bootstrap form-control height */
.select2-container--default .select2-selection--single {
  height: calc(1.5em + 0.75rem + 2px) !important;
  border: 1px solid #ced4da !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(1.5em + 0.75rem) !important;
  padding-left: 0.75rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(1.5em + 0.75rem + 2px) !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #6c757d !important;
}
.select2-container--default .select2-selection--multiple {
  min-height: calc(1.5em + 0.75rem + 2px) !important;
  border: 1px solid #ced4da !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  line-height: calc(1.5em + 0.75rem + 2px) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  height: calc(1.5em + 0.75rem + 2px) !important;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
  border-color: #80bdff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}