.bg-grey{
        background-color:grey;
    }

    .text-success {
      color: #28a745 !important;
    }

    .text-secondary {
      color: #6c757d !important;
    }

    .text-danger {
      color: #dc3545 !important;
    }

    .float{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        box-shadow: 2px 2px 3px #999;
        z-index:100;
    }
    .my-float{
        margin-top:16px;
    }

    body {

        padding-top: 70px;
    }

    h1 {
        font-size: 24px !important;
        /*color:#0072bb !important;*/
    }

    h2 {
        font-size: 20px !important;
    }

h3 {
        font-size: 18px !important;
    }

    .chips li{
        display: inline-block;
        padding: 0 25px;
        margin: 15px 15px 0 0;
        /*height: 50px;*/
        font-size: 16px;
        line-height: 50px;
        border-radius: 25px;
        background-color: #f1f1f1;
      }

.precio {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 16px;
        color: #f00;
        font-weight: 700;
}

.fb-profile img.fb-image-lg{
    z-index: 0;
    width: 100%;  
    margin-bottom: 10px;
}

.fb-image-profile
{
    margin: -90px 10px 0px 50px;
    z-index: 9;
   /* width: 20%; */
}

@media (max-width:768px)
{
    
    .fb-profile-text>h1{
        font-weight: 700;
        font-size:16px !important;
    }

    .fb-image-profile
    {
        margin: -45px 10px 0px 25px;
        z-index: 9;
        width: 20%; 
    }
}


.navbar-default {
    background-color:#fff !important;
    box-shadow: 0px 2px 4px 0 rgba(117,170,219,1) !important;
    border-bottom: #0072bb !important;
  }
  .navbar-default .navbar-brand {
    color:#0072bb !important;
  }
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {
    color:darkblue !important;
    background-color: transparent;
  }
  .navbar-default .navbar-text {
    color: #0072bb !important;
  }
  .navbar-default .navbar-nav > li > a {
    color: #0072bb !important;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color:darkblue !important;
    background-color: transparent !important;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #555 !important;
    background-color:white !important;
  }

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555 !important;
    background-color:white !important;
  }

  .navbar-default .navbar-toggle {
    border-color: #0072bb !important;
  }
 
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #0072bb !important;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border: 0 !important;
    border-bottom: 1px  !important;
    border-bottom: #0072bb !important;
  }
  .navbar-default .navbar-link {
    color: #0072bb !important;
  }
  .navbar-default .navbar-link:hover {
    color: darkblue !important;
  }
  .navbar-default .btn-link {
    color: #0072bb !important;
  }
  .navbar-default .btn-link:hover,
  .navbar-default .btn-link:focus {
    color: darkblue !important;
  }


  .form-group.required .control-label:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 6px;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 10px;
}

.asterisco{ 
    color: #d00;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 10px;
}