body{
  font-family: "Golos Text", sans-serif;
  background-image: url('../img/Eagles-Camp-2025-bar-removebg-preview.png'), url('../img/Eagles-Camp-2025-bar-removebg-preview.png');
  background-position: right center, left center;
  background-repeat: repeat-y, repeat-y;
  
}

@media only screen and (max-width: 480px) {
  body {
    background-image: none !important;
  }

  .card-body img{
    display: none;
  }

  .ammount{
    font-size: 24px;
  }

  .box-ajust{
    margin-left: 0px;
  }

}

header .logo img{
    height: 130px;
    transition: all ease 0.1ms;
    /* animation: movelogo 5s ease infinite; */
}

@keyframes movelogo {
    30% { transform: scale(1.2); }
    40%, 60% { transform: rotate(-20deg) scale(1.2); }
    50% { transform: rotate(20deg) scale(1.2); }
    70% { transform: rotate(0deg) scale(1.2); }
    100% { transform: scale(1); }
}


.color-blue{ color: #5eaae1; }
.color-yellow{ color: #fee04f; }
.color-orange{ color: #fc6259; }
.color-green{ color: #81d05f; }
 
.bg-blue, .bg-blue:hover{ background-color: #5eaae1; }
.bg-yellow , .bg-yellow:hover{ background-color: #fee04f; }
.bg-orange , .bg-orange:hover{ background-color: #fc6259; }
.bg-green , .bg-green:hover{ background-color: #81d05f; }


.pulse {
    animation: pulse 1s infinite ease-in-out alternate;
}
 

  @keyframes pulse {
    from { transform: scale(0.8); }
    to { transform: scale(1.2); }
  }

  .flash {
    animation: flash 500ms ease infinite alternate;
  }
  @keyframes flash {
      from { opacity: 1; }	
      to { opacity: 0; }
  }

  .title{
    color: #5eaae1;
    font-size: 30px;
  }

  .input-btn{
    position: relative;
  }

  .input-btn button,
  .input-btn input[type="submit"],
  .input-btn button:hover,
  .input-btn button:active,
  .input-btn button:focus
  {
        position: absolute;
        height: 100%;
        right: 0px;
        top: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border: 0px;
        background: #36a9e1 !important;
  }
 
  
  .input-btn input{
    border: 2px solid #36a9e1;
  }
    

  .loading{
     display: none;
     position: fixed;
     top: 0;
     width: 100%;
     height: 100vh;
     background: rgb(241 241 241 / 80%);
     text-align: center;
     z-index: 9;
  }

  .loading img{
    height: 190px;
    transition: all ease 0.1ms;
    animation: movelogo 5s ease infinite; 
  }

  .loading span{
    display: block;
    margin: 10px 0px;
    font-size: 20px;
    animation: flash 500ms ease infinite alternate;
  }

  body.show-loading .loading {
    display: flex;
    justify-content: center;
    align-items: center;   
    flex-direction: column
  }
  
  
  body:is(.show-loading){
    overflow: hidden;
  }
  

  .grid-data{

  }

  .grid-data label{
    /*
    background: #36a9e1;
    color: #FFF;
    padding: 5px;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    */
  }

  .grid-data .info input,
  .grid-data .info textarea,
  .grid-data .info select
  {
    /*
    background: #ededed;
    padding: 10px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    */
    background-color: #deecf3;
    font-weight: bold;
  }

  input[type="checkbox"].validate-selection{
    width: 25px;
    height: 25px;
    accent-color: #81d05f;
  }

  input[type="checkbox"].validate-selection-extra{
    width: 25px;
    height: 25px;
    accent-color: #ec8c5f;
  }

  ul.items{
    margin: 0px;
    padding: 0px;
  }

  ul.items li{
    list-style: none;
    margin-bottom: 5px;
  }
  ul.items li  input[type="checkbox"]{
    width: 25px;
    height: 25px;
    accent-color: #ec8c5f;
    vertical-align: middle;
  }

  .priceBox{
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 15px 0px 5px;
    font-weight: bold;
    border-radius: 5px;
    background: #81d05f;
    color: #FFF;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0px;
    font-size: 17px;
  }

  .transport{
    background: #ec8c5f;
  }

  .ammount{
    font-size: 29px;
    font-weight: bold;
    margin-top: -12px;
  }

  a{
    color:#fc6259;
    text-decoration: none;
  }

  .opciones-selecction{
    font-weight: bold;
    margin: 10px 0px;
  }

  .amount {
    font-weight: bold;
    display: block;
    font-size: 30px;
  }

  .box-auth{
    padding: 40px;
    overflow-y: scroll;
    height: calc(100vh - 341px);
    border: 8px solid #efeeee;
    border-radius: 5px;
    text-align: justify;
  }