:root {
	--transition_1: all 0.3s;
	--description-color: #10182899;
	--point-blue: #1570ef;
	--nearly-grey-2: #eeeeee;
	--primary-color: #3d4d6a;
}

/* On redimensionne les boite modale pour pouvoir scroller
a l'interieur */
#dialogs\:particulier-infos-modal {
	overflow: scroll;
	height: 500px !important;
	margin-top: 5%;
}

#formProduit\:produit-particulier-infos-modal {
	width: 700px !important;
	overflow: auto;
	margin-top: 3%;
}

.produit-bancaire-options {
	margin: 10px !important;
}

/* newsletter.xhtml */

#flex-div {
	display: flex;
}

#form\:dt-newsletter {
	width: 50%;
}

#form\:subject {
	margin-left: 20px;
}

/* IMPORTANT */
#form\:content,
#form\:publish-btn {
	display: none;
}

#pre-publish-btn {
	margin-right: 10px;
}

#new\:datePublication_panel {
	width: 300px;
	height: 500px;
}

#select-all-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px;
}

#select-all-area label input {
	width: 25px;
	cursor: pointer;
}

/* On redimensionne les boite modale pour pouvoir scroller
a l'interieur */
#dialogs\:particulier-infos-modal {
	overflow: scroll;
	height: 500px !important;
	margin-top: 5%;
}

#formProduit\:produit-particulier-infos-modal {
	width: 700px !important;
	overflow: auto;
	margin-top: 3%;
}

.produit-bancaire-options {
	margin: 10px !important;
}

#subscribe-form {
	display: flex;
	align-items: center;
}

#subscribe-form input {
	height: 50px;
	width: 250px;
}

#subscribe-form #subscribe-email {
	width: 350px;
	margin: 10px;
}

#flex-div {
	display: flex;
}

#form\:dt-newsletter {
	width: 50%;
}

#form\:subject {
	margin-left: 20px;
}

/* IMPORTANT */
#form\:content,
#form\:publish-btn {
	display: none;
}

#pre-publish-btn {
	margin-right: 10px;
}

#new\:datePublication_panel {
	width: 300px;
	height: 500px;
}

#select-all-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px;
}

#select-all-area label input {
	width: 25px;
	cursor: pointer;
}

#new\:new-email-dialog {
	height: 80% !important;
	overflow: scroll;
}

#view-clients-dialog\:view-clients,
#dialogs\:datePublication_panel {
	width: 50% !important;
}

.ui-picklist-target {
	width: 150% !important;
}


.institut-content-item {
	display: flex;
	width: 50%;
	align-items: center;
	justify-content: center;
}

.institut-content-item input {
	width: 50%;
	margin-left: 20px;
}

.content-wrapper {
	padding: 10px;
}

.sold-resume {
	display: flex;
	justify-content: space-between;
}

.action-btn button {
	margin-left: 10px;
}

.action-btn button {
	margin: 3px;
}

#dialogs\:manage-agence-dialog {
	width: 50% !important;
}

#new\:new-agence-content {
	display: flex;
	justify-content: space-between;
}

#new\:new-agence-content div {
	margin: 7px;
}

#new\:pays_label,
#new\:caissier_label,
#dialogs\:pays_label,
#dialogs\:caissier_label {
	width: 200px;
}

#dialogs\:manage-agence-content div {
	margin-top: 10px;
}

#dialogs\:rejeter-credit-dialog {
	width: 30% !important;
}

#dialogs\:add-docs-content {
	display: flex;
	flex-direction: column;
}

#show-operation-container {
	display: flex;
	align-items: center;
}

#show-operation-container button {
	margin-right: 10px;
	height: 30px;
}

#dialogs\:algo-result {
	width: 50% !important;
}

#dialogs\:pageDirection>div div {
	margin: 30px;
}

#dialogs\:docs-dialog {
	width: 40%;
	padding: 100px;
	overflow: auto;
}

#dialogs\:docs-dialog_content {
	height: 100% !important;
	width: 100%;
}

#form\:dt-depots>div.ui-datatable-header.ui-widget-header.ui-corner-top,
#form\:dt-retraits>div.ui-datatable-header.ui-widget-header.ui-corner-top {
	display: flex;
}

#form\:dt-depots>div.ui-datatable-header.ui-widget-header.ui-corner-top div span,
#form\:dt-retraits>div.ui-datatable-header.ui-widget-header.ui-corner-top div span {
	margin-left: 10px;
	margin-right: 10px;
}

#ui-datepicker-div {
	width: 30%;
}

#dialogs\:client-dialog1_content {
	height: 100% !important;
	width: 100%;
}

table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

td,
th {
	/* border: 1px solid #dddddd; */
	text-align: left;
	padding: 8px;
}

th {
	background-color: #dddddd;
}

.filter-options {
	display: flex;
}

.filter-options div {
	margin-left: 10px;
}

#encours-frais-form {
	padding: 20px;
}

#encours-frais-form,
#form,
#encours-frais-container>div>div>div {
	padding: 20px;
}

.total-sold-and-filter-options-area {
	background: #e6e5e8;
	padding: 10px;
	border-radius: 5px;
	display: flex;
	align-items: baseline;
}

.total-sold-and-filter-options-area div {
	margin-left: 20px;
}

.sold-value-per-devise {
	display: flex;
	justify-content: space-between;
}

.total-by-monnaie div {
	height: 10px;
}

#total-subscription {
	font-size: 20px;
	width: 200px;
}

#total-subscription~span {
	font-size: 20px;
}

#infos-form {
	display: flex;
}

#infos-form div {
	margin: 30px;
}

#infos-form div:last-child input {
	margin-bottom: 23%;
}

#infos-form div:last-child button {
	width: 250px;
}

#form\:save-btn {
	position: absolute;
	right: 20px;
	width: 200px;
	bottom: 15px;
}

.footer-table {
	width: 100%;
	border-collapse: collapse;
}

.label-cell {
	padding: 5px 10px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

.value-cell {
	padding: 5px 10px;
	text-align: right;
	border-bottom: 1px solid #ddd;
}

#title-container h1 {
	font-size: 72px;
}

#title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #101828;
}

#title-container span {
	font-size: 18px;
}

.newsletter-form {
	width: 600px;
	display: flex;
	align-items: baseline;
}

.newsletter-form input[type="email"] {
	width: 600px;
	height: 41px;
	border-radius: 10px;
	margin: 4px;
}

.newsletter-form button {
	height: 40px;
	border-radius: 10px;
}

.vitrine-progress-indicator {
	background-color: #f2f4f7;
	padding: 3px 20px 3px 20px;
	border-radius: 100px;
	font-family: "IBM Plex Mono", serif;
	letter-spacing: 2px;
	max-width: 450px;
}

/* @font-face {
	font-family: "IBM Plex Mono";
	src: url("../../fonts/ibm_plex_mono/IBMPlexMono-Regular.ttf");
}

@font-face {
	font-family: "Manrope";
	src: url("../../fonts/Manrope/static/Manrope-Regular.ttf");
} */

.vitrine-progress-indicator li span i {
	color: var(--color-8);
	font-size: 10px;
}

.app-preview {
	display: flex;
	flex-direction: column;
}

.app-preview-container {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.preview-content {
	display: flex;
}

.app-item {
	display: flex;
	flex-direction: column;
	padding: 24px;
	cursor: pointer;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.app-item h3 {
	font-size: 20px;
	font-weight: bold;
}

.app-item span {
	color: #0c231f99;
}

.selected-app-item {
	transition: var(--transition_1);
	border-left: 4px solid #0c231f;
	background-color: var(--color-11);
}

.unselected-app-item {
	transition: var(--transition_1);
	border-left: 4px solid var(--nearly-grey);
}

.app-item-preview {
	background-color: var(--nearly-grey-2);
	margin: 100px;
	border-radius: 20px;
	padding: 40px;
	animation: translate-apear 0.5s ease;
	position: relative;
	bottom: 100px;
}

.app-item-preview img {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 10px;
}

.unselected-app-item-preview {
	display: none;
}

.selected-app-item-preview {
	animation: translate-apear 0.5s ease;
	display: inline-block;
}

.services .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.services .container h1 {
	color: black;
	font-weight: bold;
	font-size: 30px;
}

.description {
	color: var(--description-color);
	font-family: "Manrope", sans-serif;
}

.service-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 10px;
	padding: 50px;
	margin: 10px;
	justify-content: space-between;
}

.service-item>div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.service-item .icon i {
	color: var(--color-8);
	font-size: 30px;
}

.service-item .icon {
	background-color: var(--color-11);
	padding: 8px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.service-items {
	display: flex;
}

.mobile-description,
.hidden-pc {
	display: none;
}

.service-title-and-description {
	display: flex;
	flex-direction: column;
}

.service-illustration {
	width: 400px !important;
}

.service-illustrations {
	display: flex;
	align-items: center;
}

h1 {
	font-family: "Manrope", sans-serif;
}

#testimony {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.last-indicator {
	width: 300px;
}

.quote {
	font-size: 50px;
	letter-spacing: 5px;
}

.get-started-btn {
	margin-top: 10px;
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

#navbar ul #extra {
	/* position: relative; */
	right: 20%;
	font-family: "Manrope", sans-serif;
	display: flex;
}

@media (max-width: 768px) {
	#navbar ul #extra {
		position: relative;
		right: auto;
	}
}

.demander-commercant-container {
	display: flex;
}

@keyframes translate-apear {
	from {
		opacity: 0;
		transform: translateX(30px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

#demander-commercant-docs {
	background: #f6f6f6;
	animation: translate-apear 0.5s ease;
	padding: 20px;
}

.doc-img {
	width: 60%;
	margin-top: 20px;
}

.media {
	padding: 10px;
	height: 100px;
}

.plan-filter {
	display: flex;
}

.custom-menu-btn .card-type-btn {
	margin-left: 12px;
}

.card-type-selected {
	background-color: blue;
	color: white;
}

.card-type-unselected {
	background-color: white;
	color: black;
}

.swal2-cancel {
	margin: 20px !important;
}

.owl-carousel-item {
	height: 100vh;
	background-repeat: no-repeat;
}

#main-carousel>div>.ui-carousel-container button {
	position: absolute;
	z-index: 10;
	color: red;
	scale: 2;
}

#main-carousel>div>.ui-carousel-container .ui-carousel-next {
	right: 5%;
}

#main-carousel>div>.ui-carousel-container .ui-carousel-prev {
	left: 5%;
}

.owl-carousel-item .content {
	background-color: #0009;
}

.owl-carousel-item {
	background-size: cover !important;
}

.dialog {
	width: 30% !important;
}

.small-dialog {
	width: 40% !important;
}

.traitement-categorie-table-header span {
	margin-right: 10px !important;
}

.reject-request-modal {
	width: 30% !important;
}

.seller-doc-confirm-dialog {
	width: 45% !important;
}

.docs-sidebar {
	width: 30%;
	background-color: #f6f6f6 !important;
	overflow: auto;
}

.sidebar-docs-content {
	margin: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.full-sidebar-to-resize {
	width: 30%;
	display: flex;
	flex-direction: column;
}

/****************/
/*	 BX-SLIDER 	*/
/****************/
section.partners {
	padding: 4em 0em;
	background-color: #f9fafb;
}

.bx-controls {
	position: relative;
}

.bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 30px;
}

.bx-wrapper {
	background-color: transparent;
	border: none;
}

.partners-carousel-content {
	position: relative;
	left: 4%;
}

#side-by-side-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#side-by-side-container .side-by-side-card {
	display: flex;
	align-items: center;
}

#side-by-side-container .side-by-side-card div {
	display: flex;
	flex-direction: column;
	margin: 50px;
}

#side-by-side-container .side-by-side-card img {
	width: 40%;
	border-radius: 10px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
		rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

#side-by-side-container .side-by-side-card a {
	position: relative;
	bottom: 20%;
	right: 13%;
}

#side-by-side-container .side-by-side-card a button {
	width: 200px;
	height: 40px;
}

#side-by-side-container .side-by-side-card div span {
	font-size: 18px;
	color: gray;
}

#side-by-side-container .side-by-side-card h2 i {
	color: var(--point-blue);
	font-size: 40px;
}

#side-by-side-container .side-by-side-card div span a {
	margin-left: 13%;
}

#plan-card-preview-container {
	animation: translate-apear 0.5s ease;
}

#sherpa-statement-period-container .field {
	display: flex;
	flex-direction: column;
	align-items: start;
	margin: 20px;
}

.unselected-admin-module-btn {
	background-color: transparent !important;
	border: none !important;
	color: #000 !important;
}

.selected-admin-module-btn {
	background-color: #607d8b !important;
	color: #fff !important;
	border: none !important;
	border-radius: 50px !important;
}

/* #activity-indicator-period-area {
	display: flex;
	align-items: center;
}

.activity-indicator-date {
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.activity-indicator-date input {
	margin: 10px;
}

#activity-indicator-form\:activity-indicator-change-date-btn {
	height: 40px;
}

#activity-indicator-form\:min-days {
	margin-left: 10px;
} */

#demande-credit-tabview\:credit-en-souffrance-form\:credit-en-souffrance-dialog {
	width: 400px !important;
}

#demande-credit-tabview\:dialogs\:docs-dialog {
	width: 35%;
}

.bien-fournisseur-div {
	width: 50%;
	margin: 20px;
}

.bien-date-acquisition {
	width: 50%;
}

.bien-fournisseur-div {
	width: 50%;
	margin-right: 20px;
}

.bien-date-acquisition {
	width: 50%;
}

.bien-fournisseur-et-photo {
	display: flex;
	align-items: center;
}

.bien-photo-div img {
	width: 50%;
}

.bien-photos-content {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bien-action-btns button {
	margin: 1px;
}

.credit-filter-area {
	margin: 15px;
	display: flex;
}

.credit-filter-area div span,
.credit-filter-area div {
	margin-right: 10px;
}

#commercial-table-header {
	display: flex;
	align-items: center;
}

#commercial-table-header div:nth-child(2) {
	margin-left: 20px;
}

#commercial-table-header div label {
	margin-right: 10px;
}

#commercial-table-header div button {
	margin-left: 20px;
}

.table-action-btn button {
	margin-left: 5px;
}

#taux-dat-options {
	display: flex;
	align-items: center;
}

#taux-dat-options #tauxdat-dat-selector {
	margin-left: 10px;
}

#filter-credit-souffrance span,
#filter-credit-souffrance button {
	margin-left: 10px;
}

.vitrine-card-description {
	text-align: center;
}

h1 {
	color: var(--color-8) !important;
}