.background-blue { background-color:#2a50ad;}
.background-grey { background-color:#e6e7e8;}

/* BOOTSTRAP OVERRIDES */

.card{border-radius:0.75rem;}
.card-header {padding:0.5rem 0.2rem;background-color:rgba(0,0,0,0);}
.card-title {margin-bottom:0;}

.btn-primary-toggle:not(:disabled):not(.disabled).active, .btn-primary-toggle:not(:disabled):not(.disabled):active {
    border-color: rgba(239,71,111,1);
    background-color:rgba(239,71,111,1)!important;
    color:#fff;
}

.btn-primary-toggle:hover,.btn-primary-toggle:active {
    border-color: rgba(239,71,111,1);
    background-color:rgba(239,71,111,1);
    color:#fff;
    padding: 0.75rem;
    border-radius:0.75rem;
}

.btn-primary-toggle {
    /*background-color:#e6e7e8!important;*/
    border-color:rgba(239,71,111,0.75);
    padding: 0.75rem;
    color:rgba(239,71,111,1);
    border-radius:0.75rem;
    line-height:1rem;
}

@media only screen and (max-width: 500px) {
    .btn-primary-toggle {
        font-size:12px;
    }
    .bg-image-full-splash {
        padding-top: 80px!important;
    }

}



.btn-primary {
    background-color:rgba(239,71,111,0.75);
    border-color:rgba(239,71,111,0.75);
    padding: 0.75rem;
    border-radius:0.75rem;
}

.btn:focus, .btn-primary-toggle:focus {
    outline: none;
    box-shadow: none;
  }


.btn-primary:hover, .btn-primary-outline:hover, .btn-primary-toggle:hover{
    border-color: rgba(239,71,111,1);
    background-color:rgba(239,71,111,1);
    color:#fff;
}


.btn-primary-outline{
    padding: 0.75rem;
    border-radius:0.75rem;
    border-color: #fff; 
    color:#fff;
}


.btn-ce-primary{
    width:48px;
    height:48px;
    background-color:#ef476f;
    border-radius:40px;
}

.btn-ce-secondary{
    width:48px;
    height:48px;
    background-color:#fff;
    border-radius:40px;
}
.fixed-bottom-footer {height:80px;background-color:#fff;}
.fixed-top-header {height:60px;background-color:#2a50ad;}

.icon-cancel {
    background-image: url("../images/i_cancel.png"); /* The image used */
    background-color: #fff; /* Used if the image is unavailable */
    height: 48px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
}
.icon-tick {
    background-image: url("../images/i_tick.png"); /* The image used */
    background-color: #ef476f; /* Used if the image is unavailable */
    height: 48px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
}
.icon-add {
    background-image: url("../images/i_add.png"); /* The image used */
    background-color: #ef476f; /* Used if the image is unavailable */
    height: 48px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
}

.icon-pref {
    background-image: url("../images/i_pref.png"); /* The image used */
    background-color: #2a50ad; /* Used if the image is unavailable */
    height: 48px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
}

.icon-vetcheck {
    background-image: url("../images/logo_vetcheck.png"); /* The image used */
    background-color: #2a50ad; /* Used if the image is unavailable */
    height: 56px; /* You must set a specified height */
    width:128px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
}


.icon-events {
    background-image: url("../images/i_events.png"); /* The image used */
    background-color: #fff; /* Used if the image is unavailable */
    width: 48px; /* You must set a specified height */
    height: 48px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
}

.icon-blank {
    background-color: #fff; /* Used if the image is unavailable */
    width: 48px; /* You must set a specified height */
    height: 48px; /* You must set a specified height */
   
}


a, a:hover {color:#ef476f;}




.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder { color:#aaa!important;}

.form-control {
    border-radius:0.75rem;
    border: 1px solid #fff;
    padding: 1.4rem;
}


select {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background: url(../images/i_drop.png) no-repeat;
    background-position: right center;
    background-size: 48px 48px;
    background-color: #CCCCCC;
    height:auto !important;
    border-radius:0.75rem;
    -moz-border-radius: 0.75rem;
    -webkit-border-radius: 0.75rem;
    border: 1px solid #fff;
    padding: 0.75rem 1.4rem!important;
    color:#f0f;
}




.custom-file-label {
    border-radius:0.75rem;
    -moz-border-radius: 0.75rem;
    -webkit-border-radius: 0.75rem;
    padding: 0.75rem 1.4rem!important;
    border: 1px solid #e6e7e8;
    height:50px!important;
    /*background-color:#e6e7e8;*/
}


.custom-file-label::after {
    padding: 0.55rem 1.4rem!important;
    height:48px!important;
    border-radius:0.75rem;
    border: 2px solid #fff;
    background-image: url("../images/i_add_blue.png"); /* The image used */
    background-color: #fff; /* Used if the image is unavailable */
    height: 48px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "";
}





.radio-toolbar {
    margin: 10px 10px 10px 0;
    width:100%;
  }
  
  .radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }
  
  .radio-toolbar label {
      display: inline-block;
      background-color: #ddd;
      /*padding: 10px 20px;*/
      padding: 1.4rem;
      font-family: sans-serif, Arial;
      font-size: 16px;
      border: 2px solid #444;
      border-radius:0.75rem;
  }
  
/*  .radio-toolbar label:hover {
    background-color: #dfd;
  }
  
  .radio-toolbar input[type="radio"]:focus + label {
      border: 2px dashed #444;
  }
  
  .radio-toolbar input[type="radio"]:checked + label {
      background-color: #bfb;
      border-color: #4c4;
  }*/



  .card-block {
    color:#2a50ad;
  }


  .card-home {
    color:#333;
    text-decoration: none;
  }

  .badge-credit, .badge-duration {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #fff;
    border: 1px solid #00b88d;
    font-size: 14px;
    color: #00b88d;
    font-weight: 800;
    padding-top: 13px;
    line-height: 0.8rem;
  }
  
  .badge-duration {
    border: 1px solid #009eff;
    color:#009eff;
  }




  .credit-home {
    width:180px;
    height:90px;
    border-radius:80px;
    /*border: 1px solid #00b88d;
    color:#00b88d;
    font-weight:800;
    padding-top:18px!important;*/
  }

  .duration-home {
    width:180px;
    height:90px;
    border-radius:80px;
    /*border: 1px solid #009eff;
    color:#009eff;
    font-weight:800;
    padding-top:18px!important;*/
  }





  .text-small {
    color:#999;
    font-weight:300;
    font-size:80%;
  }
  .text-grey {
    color:#999;
    font-weight:300;  
  }


  label {
    font-size: 0.9rem!important;
  }




/* ---- FILTER MENU ------ */
.filter-button {
    border-radius:10px;background-color: #fff;
    background-image: url("../images/i_filter.png");
    background-position: center;
    background-size: 48px 48px;
    width:48px;
    height:48px;
  }


  .filter-button.on {
      border-radius:10px;background-color: #ef476f;
      background-image: url("../images/i_filter_white.png");
      background-position: center;
      background-size: 48px 48px;
      width:48px;
      height:48px;
    }
  .filter-menu.menu-visible {display:block;}
  .filter-options input[type="date"] {background-color:#eee;}

  @media only screen and (max-width: 500px) {
      .filter-options input[type="date"] {margin-bottom:8px;}
  }
  .filter-options .form-group {margin-bottom:0!important;}

  .filter-menu {padding:6px;}