@charset "utf-8";
body{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  touch-action: auto;
  overflow-x: hidden;
}

body, #GeneralBody{
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "montserrat" ;
    touch-action: auto;

}

body::-webkit-scrollbar-track, select::-webkit-scrollbar-track, .Scrollable::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 7px #f0f0f0;
    background-color: #f0f0f0;
}

body::-webkit-scrollbar, select::-webkit-scrollbar, .Scrollable::-webkit-scrollbar
{
    width: 7px;
    background-color: #f0f0f0;
}

body::-webkit-scrollbar-thumb, select::-webkit-scrollbar-thumb, .Scrollable::-webkit-scrollbar-thumb
{
    background-color: #ffffff;
}
.Scrollable2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0);
    background-color: #ffffff;
}

.Scrollable2::-webkit-scrollbar
{
    width: 7px;
    background-color: #ffffff;
}

.Scrollable2::-webkit-scrollbar-thumb
{
    background-color: #ffffff;
}
.Centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.Scrollable, .Scrollable2{
  overflow-y: scroll;
}
.Button{
  border-radius: 20px;
  border: none;
  color: #ffffff;
  cursor: pointer;
  transition: .5s;
  padding: 8px 15px 8px 15px;
}
.d-none{
  display: none !important;
}
.d-block{
  display: block !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
textarea:focus, input:focus,button ,.button, select{
    outline: none;
}
p{
  overflow: hidden;
  text-overflow: ellipsis;
}
p:hover{
  overflow: visible;
}
p, input, div{
  -webkit-tap-highlight-color: transparent;
}
a{
  text-decoration: none;
}
.rainbow {
   /* Chrome, Safari, Opera */
  -webkit-animation: rainbow 3s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 3s infinite;
  
  /* Standar Syntax */
  animation: rainbow 3s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
  0%{color: #375379;}  
  25%{color: #B92014;} 
  50%{color: #375379;}  
  75%{color: #B92014;} 
  100%{color: #375379;}
}
/* Internet Explorer */
@-ms-keyframes rainbow{
   0%{color: #375379;}  
  25%{color: #B92014;} 
  50%{color: #375379;}  
  75%{color: #B92014;} 
  100%{color: #375379;} 
}

/* Standar Syntax */
@keyframes rainbow{
   0%{color: #375379;}  
  25%{color: #B92014;} 
  50%{color: #375379;}  
  75%{color: #B92014;} 
  100%{color: #375379;}
}
.DesactiveStyle{
  opacity: .6;
}
/*---------------------*/
/*---------------------*/
/*---------------------*/
.IncreaseDecrease{
  transition: .1s;
     /* Chrome, Safari, Opera */
  -webkit-animation: increase_decrease 1s infinite; 
  
  /* Internet Explorer */
  -ms-animation: increase_decrease 1s infinite;
  
  /* Standar Syntax */
  animation: increase_decrease 1s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes increase_decrease{
  0%{transform: scale(.95);}  
  5%{transform: scale(.96);} 
  10%{transform: scale(.92);}  
  15%{transform: scale(.93);} 
  20%{transform: scale(.94);}
  25%{transform: scale(.95);}  
  30%{transform: scale(.96);} 
  35%{transform: scale(.97);}  
  40%{transform: scale(.98);} 
  45%{transform: scale(.99);}
  50%{transform: scale(1);}
  55%{transform: scale(.99);}  
  60%{transform: scale(.98);} 
  65%{transform: scale(.97);}  
  70%{transform: scale(.96);} 
  75%{transform: scale(.95);}
  80%{transform: scale(.94);}  
  85%{transform: scale(.93);} 
  90%{transform: scale(.92);}  
  95%{transform: scale(.91);} 
  100%{transform: scale(.9);}
}
/* Internet Explorer */
@-ms-keyframes increase_decrease{
  0%{transform: scale(.9);}  
  10%{transform: scale(.92);} 
  20%{transform: scale(.94);}  
  30%{transform: scale(.96);} 
  40%{transform: scale(.98);}
  50%{transform: scale(1);}  
  60%{transform: scale(.98);} 
  70%{transform: scale(.96);}  
  80%{transform: scale(.94);} 
  90%{transform: scale(.92);}
  100%{transform: scale(.9);}
}

/* Standar Syntax */
@keyframes increase_decrease{
  0%{transform: scale(.9);}  
  10%{transform: scale(.92);} 
  20%{transform: scale(.94);}  
  30%{transform: scale(.96);} 
  40%{transform: scale(.98);}
  50%{transform: scale(1);}  
  60%{transform: scale(.98);} 
  70%{transform: scale(.96);}  
  80%{transform: scale(.94);} 
  90%{transform: scale(.92);}
  100%{transform: scale(.9);}
}