.clickable, .clickable-modal-show, .cursor-pointer{
  cursor: pointer;
}

.textarea-sm {
  height: 4.4rem !important;
}

.bounce-enter-active {
  animation: bounce-in .5s;
}
.bounce-leave-active {
  animation: bounce-in .5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes glowing {
  0% { background-color: #F3FCFE; }
  40% { background-color: #E9FBFF; }
  60% { background-color: #ECFCFF; }
  100% { background-color: #F4FDFF; }
}

.bg-glow {
  animation: glowing 1000ms infinite;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 2s
}
.fade-enter, .fade-leave-to  {
  opacity: 0
}

.list-item {
  display: inline-block;
}
.list-enter-active, .list-leave-active {
  transition: all 1s;
}
.list-enter, .list-leave-to /* .list-leave-active below version 2.1.8 */ {
  opacity: 0;
  transform: translateX(30px);
}

.bg-warning-light {
  background-color: #FFF3CD;
}

.text-warning-light {
  color: #FFF3CD;
}

input::-webkit-input-placeholder {
  color: grey !important;
}

input:-moz-placeholder {
  color: grey !important;
}

.fs-1 {
  font-size: 1rem;
}

.text-medium {
  color: #b0b0b0 !important;
}

.pointer-events-children-none > * {
  pointer-events: none;
}


/* AJAX LOADING */
#overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  z-index: 2000000;
}
#loading {
  width: 50px;
  height: 57px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -25px;
}

.blink {
  animation: blinker 1000ms linear infinite;
}

@keyframes blinker {
  50% {
    background-color: #FFF3CD;
  }
}

.btn-fake {
  font-size: 1.4em;
  padding-top:1px;
  padding-bottom:1px;
  border: 1px solid #CED4DA;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.text-decoration-none, .text-decoration-none:hover {
  text-decoration: none;
}

[data-toggle="collapse"].caret-toggle:after {
  font-family: 'FontAwesome';/* essential to enable caret symbol*/
  font-size: 2rem;
  line-height: inherit;
  content: "\f0d8";/* adjust as needed, taken from font-awesome.css */
}
[data-toggle="collapse"].caret-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f0d7";  /* adjust as needed, taken from font-awesome.css */
}

.faded {
  opacity: 0.5;
}

.tooltip-inner {
  //max-width: 350px;
  //width: 350px;
  text-align: left;
  background-color: #164982;
  font-size: 14px;
}

tr.grayed>td {
    color: #b0b0b0;
}

.bg-light.bg-test {
  background-color: #b1da9a !important;
}

/* Form Checkboxes : on veut que la box soit centrée verticalement si le label passe sur plusieurs lignes */
.form-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
}