:root{
    --base:#ffa62b;
    --secondary: #ffd49a;
    --blanco: #ffffff;
    --gris:#333;
    --grisNaranja: #6c604f;
    --negro: #000000;
    --rojo: #ff3c4f;
    --rojoOscuro: #b12d3a;
    


}

body{
    background-color: #fffdfcfa;
}

p, h1, h2, h3, h4, h5, h6, a {
    font-family: Montserrat;
    --texto: #3a3b3f;
}

.new__container{
    margin: 0 auto;
    width: 90%;
}

.logo__login{
    min-width: 190px;
    max-width: 380px;
    width: 100%;
}

.f-login{
    max-width: 600px !important;
}

.site-navbar-wrap .navbar-brand {
    padding: 13px 6px;
    /* max-width: 205px; */
    padding-bottom: 11px;
}

.datos__perfil{
    animation-duration: 1s;
    animation-name: slideinTop;
    
}



.divider {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

@keyframes slideinTop {
  from {
    margin-bottom: 100%;
    width: 300%;
    opacity: 0;
  }

  to {
    margin-top: 0%;
    width: 100%;
    opacity: 1;
  }
}

@keyframes slidein {
    0% {
      margin-left: 100%;
      width: 0%;
      opacity: 0;
    }
  
    100% {
      margin-left: 0%;
      width: 100%;
      opacity: 1;
    }
  }
  

.listado  {
    animation-duration: 1s;
    animation-name: slidein;
    /* animation-iteration-count: 3; */
    /* animation-direction: alternate; */
  }


  .tituloProveedor .row{
    justify-content: space-between;
  }

  .nombreProveedor h3{
    text-align: end;
  }

  .verMapa {
    height: 28px;
    background-color: #ffa62b;
    text-align: center;
    color: #FFF;
    font-family: Montserrat Heavy;
    font-size: 12px;
    width: 112px;
    height: 32px;
    padding-top: 6px;
    border-radius: 25px;
    position: absolute;
    bottom: 14px;
    left: 35%;
    z-index: 999;
}

center {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
}

.tituloProveedor .offset-2 {
    margin-left: 0px !important;
    justify-content: center;
}

.rrssContainer{
    justify-content: center !important;
}

.rrss {
    color: #FFF !important;
    font-size: 18px !important;
    background-color: #000000;
    width: 36px !important;
    height: 36px !important;
    border-radius: 18px;
    display: flex !important;
    padding-top: 0px !important;
    margin: 6px;
    align-content: center !important;
    justify-content: center;
    align-items: center;
}

.rrss:hover {
    background-color: var(--base);
    transform: scale(1.1);
}

.verMapa:hover {
    background-color: var(--negro);
}
  
  .footer-wrapper.footer-fixed {
    background-color: white;
    align-content: center;
    box-shadow: 0px 1px 20px 0px black;
    border-top: initial; 
    display: flex;
    align-items: center;
}

.footer-wrapper.no-pad-tb.footer-fixed.v1.footer-tkt .container{
    width: 80%;
    margin: 0 auto;
    
}

.eventInfo{
    background-color: var(--base) !important;
}

.eventInfo .eventDate{
    background-color: var(--secondary) !important;
}





/* .css-selector {
    background: linear-gradient(270deg, #d78a1e, #f2af0b, #f26302);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
} */
.avatar img {
  background-color: var(--blanco);
}

.loginContainer {
    padding-top: 20vh;
    background-color: initial !important;
    padding-bottom: 70vh !important;
    background-size: -1% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position-y: bottom !important;
}

.loginContainer {
    background: linear-gradient(322deg, #d27a00, #000000, #000000, #d27a00, #000000, #000000, #d27a00);
    background-size: 600% 600% !important;
    -webkit-animation: AnimationName 9s ease-in-out infinite;
    -moz-animation: AnimationName 30s ease-in-out infinite;
    -o-animation: AnimationName 30s ease-in-out infinite;
    animation: AnimationName ease-in-out 10s infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.btn__actionLog{
   display: flex;
   flex-wrap: wrap;
}

.btn__Log, .btn__sign, .btn-info{
    background-color: var(--base) !important;
    border-color: var(--base) !important;
    font-size: 15px;
    
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}