/* ====================================================================================
   ==> APP CSS
======================================================================================= */

a:hover
{
	text-decoration: none;
}

/* FORM */
.form-info
{
	border-left: 3px solid #bee5eb;
	color: #0c5460;
	font-size: .7rem;
	line-height: .8rem;
	margin: 1rem 0rem 1.5rem 0rem;
	padding-left: 1.2rem;
}

/* Chosen */
.chosen-container
{
	height: 38px;
}
.chosen-container .chosen-single
{
	height: auto;
	padding-top:5px; padding-bottom: 5px; 
}

/* DROPDOWN CUSTOM */
.dropbtn {
    background-color: #fcfcfc;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    display: inline-block;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 250px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    z-index: 2;
    right: 0px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align:center;
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #f1f1f1;
}

/* LOADER
================================================================ */
@keyframes button-laoder {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading:after
{
	content: "\f1ce";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	animation: button-laoder 0.5s linear infinite;
	font-weight: 900;
}

/* OVERRIDE BOOTSTRAP
================================================================ */
.card.bg-danger .card-header
{
	color: white;
}
.card.bg-danger .card-body
{
	background-color: #fae3e5;
}

/* HELPERS
================================================================ */

/* Largeur */
.w-1 { width: 1% !important; }
.w-2 { width: 2% !important; }
.w-3 { width: 3% !important; }
.w-4 { width: 4% !important; }
.w-5 { width: 5% !important; }
.w-6 { width: 6% !important; }
.w-7 { width: 7% !important; }
.w-8 { width: 8% !important; }
.w-9 { width: 9% !important; }
.w-10 { width: 10% !important; }
.w-11 { width: 11% !important; }
.w-12 { width: 12% !important; }
.w-13 { width: 13% !important; }
.w-14 { width: 14% !important; }
.w-15 { width: 15% !important; }
.w-16 { width: 16% !important; }
.w-17 { width: 17% !important; }
.w-18 { width: 18% !important; }
.w-19 { width: 19% !important; }
.w-20 { width: 20% !important; }
.w-21 { width: 21% !important; }
.w-22 { width: 22% !important; }
.w-23 { width: 23% !important; }
.w-24 { width: 24% !important; }
.w-25 { width: 25% !important; }
.w-26 { width: 26% !important; }
.w-27 { width: 27% !important; }
.w-28 { width: 28% !important; }
.w-29 { width: 29% !important; }
.w-30 { width: 30% !important; }
.w-31 { width: 31% !important; }
.w-32 { width: 32% !important; }
.w-33 { width: 33% !important; }
.w-34 { width: 34% !important; }
.w-35 { width: 35% !important; }
.w-36 { width: 36% !important; }
.w-37 { width: 37% !important; }
.w-38 { width: 38% !important; }
.w-39 { width: 39% !important; }
.w-40 { width: 40% !important; }
.w-41 { width: 41% !important; }
.w-42 { width: 42% !important; }
.w-43 { width: 43% !important; }
.w-44 { width: 44% !important; }
.w-45 { width: 45% !important; }
.w-46 { width: 46% !important; }
.w-47 { width: 47% !important; }
.w-48 { width: 48% !important; }
.w-49 { width: 49% !important; }
.w-50 { width: 50% !important; }
.w-51 { width: 51% !important; }
.w-52 { width: 52% !important; }
.w-53 { width: 53% !important; }
.w-54 { width: 54% !important; }
.w-55 { width: 55% !important; }
.w-56 { width: 56% !important; }
.w-57 { width: 57% !important; }
.w-58 { width: 58% !important; }
.w-59 { width: 59% !important; }
.w-60 { width: 60% !important; }
.w-61 { width: 61% !important; }
.w-62 { width: 62% !important; }
.w-63 { width: 63% !important; }
.w-64 { width: 64% !important; }
.w-65 { width: 65% !important; }
.w-66 { width: 66% !important; }
.w-67 { width: 67% !important; }
.w-68 { width: 68% !important; }
.w-69 { width: 69% !important; }
.w-70 { width: 70% !important; }
.w-71 { width: 71% !important; }
.w-72 { width: 72% !important; }
.w-73 { width: 73% !important; }
.w-74 { width: 74% !important; }
.w-75 { width: 75% !important; }
.w-76 { width: 76% !important; }
.w-77 { width: 77% !important; }
.w-78 { width: 78% !important; }
.w-79 { width: 79% !important; }
.w-80 { width: 80% !important; }
.w-81 { width: 81% !important; }
.w-82 { width: 82% !important; }
.w-83 { width: 83% !important; }
.w-84 { width: 84% !important; }
.w-85 { width: 85% !important; }
.w-86 { width: 86% !important; }
.w-87 { width: 87% !important; }
.w-88 { width: 88% !important; }
.w-89 { width: 89% !important; }
.w-90 { width: 90% !important; }
.w-91 { width: 91% !important; }
.w-92 { width: 92% !important; }
.w-93 { width: 93% !important; }
.w-94 { width: 94% !important; }
.w-95 { width: 95% !important; }
.w-96 { width: 96% !important; }
.w-97 { width: 97% !important; }
.w-98 { width: 98% !important; }
.w-99 { width: 99% !important; }
.w-100 { width: 100% !important; }

/* Couleur de test */
.text-red{ color: #f00 !important; }

/* Font-size */
.fs-10{ font-size:10px !important; line-height: 11px !important;}
.fs-12{ font-size:12px !important; line-height: 13px !important;}
.fs-14{ font-size:14px !important; line-height: 15px !important;}
.fs-16{ font-size:16px !important; line-height: 17px !important;}
.fs-18{ font-size:18px !important; line-height: 19px !important;}
.fs-20{ font-size:20px !important; line-height: 21px !important;}
.fs-22{ font-size:22px !important; line-height: 23px !important;}
.fs-24{ font-size:24px !important; line-height: 25px !important;}
.fs-26{ font-size:26px !important; line-height: 27px !important;}
.fs-28{ font-size:28px !important; line-height: 29px !important;}
.fs-30{ font-size:30px !important; line-height: 31px !important;}
.fs-32{ font-size:32px !important; line-height: 33px !important;}
.fs-34{ font-size:34px !important; line-height: 35px !important;}
.fs-36{ font-size:36px !important; line-height: 37px !important;}
.fs-38{ font-size:38px !important; line-height: 39px !important;}
.fs-40{ font-size:40px !important; line-height: 41px !important;}
.fs-42{ font-size:42px !important; line-height: 43px !important;}
.fs-44{ font-size:44px !important; line-height: 45px !important;}
.fs-46{ font-size:46px !important; line-height: 47px !important;}
.fs-48{ font-size:48px !important; line-height: 49px !important;}
.fs-50{ font-size:50px !important; line-height: 51px !important;}
.fs-52{ font-size:52px !important; line-height: 53px !important;}
.fs-54{ font-size:54px !important; line-height: 55px !important;}
.fs-56{ font-size:56px !important; line-height: 57px !important;}
.fs-58{ font-size:58px !important; line-height: 59px !important;}
.fs-60{ font-size:60px !important; line-height: 61px !important;}
.fs-62{ font-size:62px !important; line-height: 63px !important;}
.fs-64{ font-size:64px !important; line-height: 65px !important;}
.fs-66{ font-size:66px !important; line-height: 67px !important;}
.fs-68{ font-size:68px !important; line-height: 69px !important;}
.fs-70{ font-size:70px !important; line-height: 71px !important;}

/** HELPER STRIPES 
=======================================================================*/
.stripe-default{
    background: repeating-linear-gradient(
        45deg,
      #fff,
      #fff 10px,
      #f7f7f7 10px,
      #f7f7f7 20px
    );
  }
  
  .stripe-danger{
    background: repeating-linear-gradient(
        45deg,
      #f5e1e3,
      #f5e1e3 10px,
      #fdfafb 10px,
      #fdfafb 20px
    );
  }
  
  .stripe-info{
    background: repeating-linear-gradient(
        45deg,
      #daf1f8,
      #daf1f8 10px,
      #f7fcfd 10px,
      #f7fcfd 20px
    );
  }

  .stripe-warning{
    background: repeating-linear-gradient(
        45deg,
      #fff8e4,
      #fff8e4 10px,
      #fffcf5 10px,
      #fffcf5 20px
    );
  }
  
  .stripe-success{
    background: repeating-linear-gradient(
        45deg,
      #e9f5e4,
      #e9f5e4 10px,
      #fdfefd 10px,
      #fdfefd 20px
    );
  }