@font-face {
  font-family: 'DINCond';
  src: url('font/DINCond-Regular.ttf') format('truetype');
  src: url('font/DINCond-Medium.ttf') format('truetype');
  
  font-style: normal;
}

*{
    font-family: 'DINCond';
    font-size:large;
}

.ahorra{
    background-color: #f98927;
    width: 100%;
    padding: 5px;
}

.otros{
    background-color: #c0d9f5;
}

input[type="checkbox"]:checked + label{
   background-color: #004C99;
   color:white;
   border-radius: 5px;
   padding-left:2px;
   padding-right:2px;
  } 

  .fndrosa{
    background-color: #F3E2EA;
    padding: 20px;
  }
  .fndrosa b{
    color: #9F1A5E;
  }

  .fndbco_red{
    background-color: white;
    border-radius: 20px;
    color: #9F1A5E;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: 700;
    text-align: center;
    font-size:small;
    margin: 5px;
  }

  fndrosa_check{
    background-color: #aa4175;
  }

  .ubica{
    font-weight: 700;    
}
  .codigo_qr{
    margin: 5px;
  }

.floating-menu{
  border-radius:100px;
  z-index:999;
  padding-top:10px;
  padding-bottom:10px;
  left:0;
  position:fixed;
  display:inline-block;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}

.main-menu{
  margin:0;
  padding-left:0;
  list-style:none
}

.main-menu li a{
  display:block;
  padding:20px;
  color:#fff;
  border-radius:50px;
  position:relative;
  -webkit-transition:none;
  -o-transition:none;
  transition:none
}

.main-menu li a:hover{
  background:rgba(244,244,244,.3)
}

.menu-bg{
  background-image:-webkit-linear-gradient(top,#1C5E91 0,#167699 100%);
  background-image:-o-linear-gradient(top,#1C5E91 0,#167699 100%);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#1C5E91),to(#167699));
  background-image:linear-gradient(to bottom,#1C5E91 0,#167699 100%);
  background-repeat:repeat-x;
  position:absolute;
  width:100%;
  height:100%;
  border-radius:5px;
  z-index:-1;
  top:0;
  left:0;
  -webkit-transition:.1s;
  -o-transition:.1s;
  transition:.1s
}

.ripple{
  position:relative;
  overflow:hidden;
  transform:translate3d(0,0,0)
}

.ripple:after{
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  pointer-events:none;
  background-image:radial-gradient(circle,#000 10%,transparent 10.01%);
  background-repeat:no-repeat;
  background-position:50%;
  transform:scale(10,10);
  opacity:0;
  transition:transform .5s,opacity 1s
}

.ripple:active:after{
  transform:scale(0,0);
  opacity:.2;
  transition:0s
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #004380;
  color: #EEE
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.big-width {
  min-width: 719px;
}