/* @font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  src: url('../libraries/fonts/helveticaneue/light.otf');
}
@font-face {
  font-family: "neue-bold";
  font-style: normal;
  font-weight: normal;
  src: url('../libraries/fonts/helveticaneue/bold.ttf');
} */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: normal;
	src: url('../libraries/fonts/Roboto/Roboto-Light.ttf');
  }
  @font-face {
	font-family: "Roboto-bold";
	font-style: normal;
	font-weight: 700;
	src: url('../libraries/fonts/Roboto/Roboto-Bold.ttf');
  }
html {
  scroll-behavior: smooth;
}

:root {
  --main-color: #C5281C;
}
.bmd-layout-container {
	min-height: 100vh;
}

#logout-logo {font-size: 21px;}
.noFlex {flex-grow: unset;}
.noTopBorder {border-top: unset !important;}

.left-arrow-boarder {
	position: relative;
	border-left: 3px solid #c5281c;
	/* font-size: 13px !important;
	line-height: 1.5 !important;
	padding-left: 15px !important;
	padding-bottom: 0.4rem !important;
	padding-top: 0.4rem !important; */
}
.left-arrow-boarder:after, .right-arrow-boarder:after {
	content: "";
	border: solid #c5281c;
	display: inline-block;
	padding: 4px;
	border-width: 0 3px 3px 0;
	position: absolute;
	background-color: #FFF;
	transform: rotate(-45deg) skew(5deg, 5deg) translateX(-3px);
	top: calc(50% - 0.45rem);
}
.left-arrow-boarder:after {
	left: -4px;
}
.right-arrow-boarder {
	position: relative;
	border-right: 3px solid #c5281c;
}
.right-arrow-boarder:after {
	right: -10px;
}


.top-layer {
	z-index: 999999;
}
.red-border {
	border: 1px solid #C5281C !important;
}
.white-border {
	border: 1px solid #FFF !important;
}
.text-bold {
	font-weight: bold;
}
.red-text{
	color: var(--main-color) !important;
}
.btn.red-text:hover {
	color: #7f0b03 !important;
}
.lightred-text {
	color: #d45449;
}
.pink-text {
	color: #f1d3d1;
}
.grey-text{
	color: #4d4d4d !important;
}
.light-grey-text {
	color: #aaaaaa !important;
}
.white-text {
	color: #FFFFFF !important;
}
.black-text {
	color: #000000 !important;
}
.btn.white-text:hover {
	color: #a7a4a4;
}
.orange-text {
	color: #ff6600;
}
.green-text {
	color: #00746D;
}
.light-green-text {
	color: #559736 !important;
}
.green-border {
	border: 2px solid #00746D !important;
}
.green-border:hover, .green-border:active, .green-border:focus {
	color: #00746D !important;
	border: 2px solid #00746D !important;
	background-color: white !important;
	box-shadow: 0px 3px 8px rgb(0 116 109 / 60%);
}
.orange-background {
	background-color: #ff6600 !important;
}
.red-background {
	background-color: #C5281C !important;
}
.btn.red-background:hover {
	background-color: #944e49 !important;
}
.lightred-background {
	background-color: #c21b17 !important;
}
.darkorange-background {
	background-color: #e9573d !important;
}
.lightpink-background {
	background-color: #f9e9e8 !important;
}
.white-background {
	background-color: #FFFFFF !important;
}
.btn.white-background:hover {
	background-color: #ededed !important;
}
.grey-background {
	background-color: #F6F6F6 !important;
}
.darkgrey-background {
	background-color: #4d4d4d !important;
}
.darkred-background {
	background-color: #6b5d5e !important;
}
.cyan-background {
	background-color: #22798D !important;
}
.cyan-text a {
	color: #00746D !important;
}

.transparent-background {
	background: transparent !important;
}
strong, .strong{
  /* font-family: "neue-bold"; */
  font-family: "Roboto-bold";
}
.bold-font {
	font-weight: bolder;
}
.heading-label{
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.heading-label-14{
	font-size: 14px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.hidden{
	display: none !important;
}
.hide{
	display: none;
}
.dashboard-summary-value{
	position: absolute;
	width: 88%;

	bottom: 55px;
}
body {
	position: relative;
	/* font-family: "Helvetica Neue" !important; */
	font-family: "Roboto" !important
}
a, a:hover {
	color: #000000;
	text-decoration: none;
}
.default-cursor {
	cursor: default;
}
.pointer-cursor {
	cursor: pointer;
}
.no-event{
	pointer-events: none;
}
.no-border, .no-border > div {
	border: none !important;
}
#main{
  width: 100%;
	background-color: #FFFFFF !important;
}
#content{
	margin-top: 60px;
	background-color: #FFFFFF;
}
.title-content{
	font-size: 34px;
	/* font-family: "neue-bold"; */
	font-family: "Roboto-bold";
}
.container-fluid{
  padding-left: 0px;
  padding-right: 0px;
  background: #FFFFFF;
}
.see-more-link{
	position: relative;
	color: #C5281C;
	font-family: "Roboto-bold";
	/* font-family: "neue-bold"; */
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 17px;
	text-transform: uppercase;
}
.letter-spacing-1{
	letter-spacing: 1px;
}
.arrow-link{
  position: absolute !important;
  right: 15px !important;
  bottom: 15px !important;
  width: 15px !important;
  margin: 0px !important;
  height: auto !important;
}
.horizontal-line{
	width: 100%;
	height: 1px;
	background-color: #D8D8D8;
}
.truncate {
	background: #FFFFFF;
	display: block;
  /* Fallback for non-webkit */
	display: -webkit-box;
	max-height: 5.07rem;
  /* Fallback for non-webkit */
	font-size: 1.3rem;
	line-height: 23px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
}
.truncate-4 {
	line-height: 21px;
	max-height: 8.2rem;
	-webkit-line-clamp: 4;
}
.hr-line > hr{
	margin-top: 2em;
  margin-bottom: 2em;
}
.t-0{
	top: 0px !important;
}
p.lead {
    color: #949798;
    font-size: 21px;
    letter-spacing: 0.22px;
    line-height: 28px;
}
@media (min-width: 1024px) {
	p.lead {
		font-size: 36px;
		line-height: 50px;
		letter-spacing: unset;
	}
}
.note p {
	font-size: 13px!important;
	letter-spacing: 0.31px;
	line-height: 17px;
}
.hvr-grow {
	/* display: inline-block; */
	vertical-align: middle;
	transform: translateZ(0);
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	transition-duration: 0.3s;
	transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
	transform: scale(1.03);
}
@-moz-document url-prefix() {
	.truncate  {
		overflow: hidden;
		position: relative;
	}

	.truncate :before {
		background: #FFFFFF;
		bottom: 0;
		position: absolute;
		right: 0;
		float: right;
		content: '\2026';
		margin-left: -3rem;
		width: 3rem;
	}

	.truncate :after {
		content: '';
		background: #FFFFFF;
		position: absolute;
		height: 50px;
		width: 100%;
		z-index: 1;
	}
}
/*Overwrite*/
.bmd-layout-canvas{
	/*IE Fix*/
	display: block !important;
	margin-bottom: -24px;
}
.carousel-indicators li{
	background-color: #D8D8D8;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	margin: auto 8px;
}
.carousel-indicators .active{
	background-color: #C5281C;
	width: 8px;
	height: 8px;
}
.carousel-indicators{
	bottom: -45px;
}
.custom-file-control, 
.form-control, 
.is-focused .custom-file-control, 
.is-focused .form-control {
	background-image: linear-gradient(0deg,#d2281b 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0);
}
.is-focused [class*=" bmd-label"], 
.is-focused [class^=bmd-label] {
	color: #d2281b;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome and Opera */
}
.loader {
    border: 6px solid #F6F6F6;
    border-radius: 50%;
    border-top: 6px solid #C5281C;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}
.all-caps {
	text-transform: uppercase;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#conditions-utilisation-table {
	font-size: 16px;
}
.bg-linerar-gr-to-bottom {
	background: linear-gradient(
		to bottom,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.75) 100%
	);
}

#content div ul li, #content div ol li {
	font-size: 1rem;
}
/*                               RESPONSIVE(Tablet)
************************************************************************** */
@media (min-width:768px){
  .container-fluid{
    background: #ffffff;
	}
	.title-content{
		font-size: 50px;
	}
	.see-more-link{
		font-size: 16px;
	}
	p{
		font-size: 16px;
	}
	.truncate-4 {
		line-height: 30px;
	}
	#content div ul li, #content div ol li {
		font-size: 15px;
	}
}
/*                               RESPONSIVE(Laptop)
************************************************************************** */
@media (min-width:1024px){
  	#content{
		margin-top: 90px;
	}
	.title-content{
		font-size: 64px;
	}
	p{
		font-size: 24px;
	}
	h3{
		font-size: 40px !important;
		line-height: 60px !important;
	}
	.dashboard-summary-value{
        bottom: 5px;
		}
	#conditions-utilisation-table {
		font-size: 24px;
	}
	.note p {
		font-size: 14px!important;
		letter-spacing: 0.33px;
		line-height: 19px;
	}
	#content div ul li, #content div ol li {
		font-size: 22px;
	}
}

@media (min-width: 1440px) {
	h3{
		font-size: 48px !important;
		line-height: 60px !important;
	}
}
.modal {
	overflow-y: auto;
}

@media print
{    
    .no-print, .no-print * {
        display: none !important;
    }
	body {
		padding: 0;
	}
}