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

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../webfonts/fa-brands-400.eot");
  src: url("../../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../webfonts/fa-brands-400.woff2") format("woff2"), url("../../webfonts/fa-brands-400.woff") format("woff"), url("../../webfonts/fa-brands-400.ttf") format("truetype"), url("../../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../webfonts/fa-regular-400.eot");
  src: url("../../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../webfonts/fa-regular-400.woff2") format("woff2"), url("../../webfonts/fa-regular-400.woff") format("woff"), url("../../webfonts/fa-regular-400.ttf") format("truetype"), url("../../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../../webfonts/fa-solid-900.eot");
  src: url("../../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../webfonts/fa-solid-900.woff2") format("woff2"), url("../../webfonts/fa-solid-900.woff") format("woff"), url("../../webfonts/fa-solid-900.ttf") format("truetype"), url("../../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }


body
{
	font-family: 'Source Sans Pro', sans-serif;
}

h2.s2
{
	margin-top: 3rem;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #ececec;
	color: #777;
}

.required:after
{
	content: "*";
	margin-left: 3px;
	color: #f00;
}

a:hover
{
	text-decoration: none;
}

.disabled
{
	opacity: 0.5;
}

.divider
{
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,.125);
	margin: 1.5rem 0px;
}

/* Formulaire */
.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;
}

.form-row-label-left label
{
	margin-bottom: 0px !important;
}

.form-row-label-left legend
{
	padding-bottom: 0px !important;
}

.form-check 
{
    margin-bottom: 0.3rem;
    margin-left: 1.5rem;
}

.form-check-inline .form-check 
{
    margin-bottom: inherit;
    margin-left: inherit;
}

.form-check .form-check-label 
{
    font-size: 0.9rem;
}

.loading,
.loading-right
{
	padding-right: 44px;
	background: url(../images/rolling-1s-44px.svg) transparent center right no-repeat;
}

.loading-left
{
	padding-left: 44px;
	background: url(../images/rolling-1s-44px.svg) transparent center left no-repeat;
}

/* BACK TO TOP */
#back-to-top
{
	position: fixed;
	bottom: 60px; 
	right: -100px;
	
	transition: right 0.5s ease;
	
	z-index: 2000;
}
#back-to-top.open
{
	right: 25px;
}

/* 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;
}

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

/* ANIMATION
================================================================ */
@keyframes pulse-bg {
	from {
		background-color: #caf2d4;
	}
	to {
		background-color: transparent;
	}
}

.pulse-bg
{
	animation-name: pulse-bg;
  	animation-duration: 1s;
}

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

.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; }

.text-red{ color: #f00 !important; }

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

.fs-italic {font-style: italic;}
.bold {font-weight: bold;}

.bg-yellow,
tr.bg-yellow td{
	background-color: yellow !important;
}

.bg-warning-lighten,
tr.bg-warning-lighten td{
	background-color: #ffecb1 !important;
}

.rounded-full {
	border-radius: 9999px;
}

.gap-2 {
	gap: 2px;
}
.gap-5 {
	gap: 5px;
}
.gap-10 {
	gap: 10px;
}

.border-b {
	border-bottom: 1px solid #dee2e6 !important;
}