:root {
	--primary-color: #00a9d1;
	--primary-color-hover: #1472d1;
	--inspinia-color: #00aeb9;
	--test-color: #48F;
	--light-bg-color: #d1f7ff;

	--success-color: #00ab37;
	--success-color-hover: #27d176;

	--main-color: #34aeec;
	--main-color-accent: #18b6ff;
	--sec-color: #ae34ec;
	--sec-color-accent: #b618ff;
	--bg-primary: #e73c85;
	--bg-lighten: #4695e3;
	--bg-darken: #3773b0;

	--btn-primary: #e73c85;
	--btn-primary-h: #ef67a1;
	--btn-primary-h-shadow: rgba(225, 27, 112, 0.27);

	--btn-secondary: #646674;
	--btn-secondary-h: #838492;
	--btn-secondary-h-shadow: rgba(100, 102, 116, 0.27);

	--btn-info: #6ad2eb;
	--btn-info-h: #6dd7f1;
	--btn-info-h-shadow: rgba(106, 210, 235, 0.27);
}

/*=================================================================*/
/*                             GENERAL                             */
/*=================================================================*/

/*<editor-fold desc="show">*/

.avatar {
       width:45px !important;
       height:45px !important;
}

.unselectable {
	user-select: none;
}

body {
	color: #607188;
	background-color: #edf2f6;
}

a:hover {
	text-decoration: none;
}

/* Elements globaux */
.pointer {
	cursor: pointer;
}

/* utiliser plutot du js pour afficher le menu */
#site-header .more-menu.opened .more-dropdown {
	visibility: visible;
	display: block;
	opacity: 1;
}

/* utiliser plutot du js pour afficher le menu */
#site-header .more-menu.more:not(.opened):hover .more-dropdown {
	display: none;
}

@media (max-width: 1150px) {
	.more .more-dropdown .ui-block-title:last-child {
		padding-bottom: 40px;
	}
}

/*LOADER #thomas */
#loader {
	position: absolute;
	top: 30%;
	left: 50%;
	color: var(--main-color);
	z-index: 5800;
	margin-left: -100px;
	text-shadow: 0 0 3px white, 0 0 6px white;
	display: none;
}

#loader #loader-backdrop {
	background: rgba(255, 255, 255, 0.31);
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
}

@keyframes lds-double-ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes lds-double-ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes lds-double-ring_reverse {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@-webkit-keyframes lds-double-ring_reverse {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.lds-double-ring {
	position: relative;
}

.lds-double-ring div {
	position: absolute;
	width: 160px;
	height: 160px;
	top: 20px;
	left: 20px;
	border-radius: 50%;
	border: 8px solid #000;
	border-color: var(--primary-color) transparent var(--primary-color) transparent;
	-webkit-animation: lds-double-ring 4.4s linear infinite;
	animation: lds-double-ring 4.4s linear infinite;
}

.lds-double-ring div:nth-child(2) {
	width: 140px;
	height: 140px;
	top: 30px;
	left: 30px;
	border-color: transparent var(--bg-primary) transparent var(--bg-primary);
	-webkit-animation: lds-double-ring_reverse 4.4s linear infinite;
	animation: lds-double-ring_reverse 4.4s linear infinite;
}

.lds-double-ring {
	width: 200px !important;
	height: 200px !important;
	-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.margin-10 {
	margin-top: 10px;
}

.margin-30 {
	margin-top: 30px;
}

.margin-50 {
	margin-top: 50px;
}

.margin-100 {
	margin-top: 100px;
}

a:link, a:visited {
	color: #688696;
	transition: all 0.2s ease;
}

a:active, a:hover {
	color: var(--main-color);
}

a.accent:link, a.accent:visited {
	color: var(--main-color);
	transition: all .5s ease
}

a.accent:active, a.accent:hover {
	color: var(--main-color-accent)
}

.btn-control {
	padding: 0 !important;
	border: none;
	position: relative;
}

a.btn-control {
	margin: auto;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

.btn-control > i,
.btn-control span i:first-child {
	display: block;
	position: relative;
	line-height: 50px;
}

.btn-control .fa-stack {
	width: 100%;
	height: 100%;
	font-size: 12px;
	margin-left: 2px;
}

.author-thumb i, .author-thumb svg {
	margin: 0 0 0 7px;
}

a.btn {
	color: white;
}

.btn-primary {
	color: #fff;
	background-color: var(--btn-primary);
	border-color: var(--btn-primary);
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--btn-primary-h);
	border-color: var(--btn-primary-h);
}

.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--btn-primary-h-shadow);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--btn-primary-h);
	border-color: var(--btn-primary-h);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--btn-primary-h-shadow);
}

.btn-secondary {
	color: #fff;
	background-color: var(--btn-secondary);
	border-color: var(--btn-secondary);
}

.btn-secondary:hover {
	color: #fff;
	background-color: var(--btn-secondary-h);
	border-color: var(--btn-secondary-h);
}

.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 0 0.2rem var(--btn-secondary-h-shadow);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: var(--btn-secondary-h);
	border-color: var(--btn-secondary-h);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--btn-secondary-h-shadow);
}

.btn-info {
	color: #fff;
	background-color: var(--btn-info);
	border-color: var(--btn-info);
}

.btn-info:hover {
	color: #fff;
	background-color: var(--btn-info-h);
	border-color: var(--btn-info-h);
}

.btn-info:focus, .btn-info.focus {
	box-shadow: 0 0 0 0.2rem var(--btn-info-h-shadow);
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: var(--btn-info-h);
	border-color: var(--btn-info-h);
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--btn-info-h-shadow);
}

.btn.btn-default {
	background: #e7e7e7;
	color: #4f4f4f;
	border: 1px solid #c6c6c6;
}

.btn.btn-link {
	color: #e73c85;
	text-decoration: underline;
}

/* le theme redéfini les boutons button.btn avec un css différents des liensa .btn c'est nul */
button.btn.btn-bs {
	padding: 6px 12px;
	border: none;
	line-height: normal;
}

.bt-delete-file {
	position: absolute;
	top: 2px;
	right: 2px;
	background: none;
	border: none;
	color: #999;
}

.bt-delete-file:hover {
	color: #000;
	background: rgba(255, 100, 100, 0.3);
	border-radius: 30px;
}

.bt-edit-folder {
	color: #5a5a5a;
	cursor: pointer;
}

.bt-edit-file {
	position: absolute;
	top: 2px;
	right: 2px;
	background: none;
	border: none;
	color: #999;
	cursor: pointer;
}

.bt-edit-file:hover, .bt-edit-folder:hover {
	color: #000;
}

.btn-control-edit {
	background-color: transparent;
	background-image: none;
	border: solid 1px #6c757d;
	background-color: rgba(0, 0, 0, 0.08);
	background-image: none;
	border: solid 1px rgba(108, 117, 125, 0.25);
}

.btn-control-edit i {
	/*padding: 5px 1px 10px 5px;*/
}

.ui-block, .photo-album-item .content {
	position: relative;
}

.ui-block .ui-block-head {
	background: rgba(165, 193, 249, 0.16);
	padding: 10px;
	font-size: 14px;
	line-height: 13px;
	white-space: normal;
}

.ui-block .ui-block-body {
	padding: 10px;
}

.ui-block .more {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 16px;
}

.form-control:focus {
	color: #495057;
	background-color: transparent;
	border-color: #6ad2eb;
	outline: none;
}

.app_primary_bg {
	background: var(--bg-primary)
}

.app_primary_lighten_bg {
	background: var(--bg-lighten)
}

.app_primary_darken_bg {
	background: var(--bg-darken)
}

.app_accent_bg {
	background-color: var(--main-color)
}

.bg-primary {
	background-color: var(--bg-primary) !important;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
	background-color: var(--bg-primary) !important;
}

.bg-success {
	background-color: var(--success-color) !important;
}

.profile-menu li.activeItem a {
	color: #e73c85;
	border-bottom: solid #e73c85 1px;
}

.left-menu li.activeItem a {
	color: #e73c85;
	border-bottom: solid #e73c85 1px;
}

.top-big-arrow {
	text-shadow: rgba(0, 0, 0, 0.58) 0 0 12px;
	color: #6cdc58;
}

.bottom-big-arrow {
	text-shadow: rgba(0, 0, 0, 0.58) 0 0 12px;
	color: #ff5d63;
}

.w-action {
	background: linear-gradient(to top right, #e44a92 0%, #5ac4f6 100%);
	padding: 50px 45px 40px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
}

.welcome-block .title,
.welcome-block {
	color: #fff;
}

.w-solde {
	background: url(/img/maquette/landing.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px;
}

.w-solde .more {
	float: right;
	opacity: .7;
	color: #fff;
	fill: #fff;
}

.w-solde .icons-block {
	margin-bottom: 35px;
	fill: #fff;
	color: #fff;
}

.w-solde .author-thumb img {
	width: 28px;
	height: 28px;
	border: 2px solid #fff;
	margin-bottom: 12px;
}

#content {
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	padding-left: 85px;
	padding-right: 85px;
}

@media (max-width: 767px) {
	#content {
		padding-left: 0;
		padding-right: 0;
	}
}

.w-solde .content {
	color: #fff;
}

.w-solde .content span {
	font-size: 10px;
	margin-bottom: 4px;
	display: block;
}

.w-solde .content .title {
	line-height: 1.3;
	font-weight: 400;
	color: inherit;
	margin-bottom: 20px;
	font-size: 24px;
	display: block;
}

.w-solde .content p {
	font-size: 12px;
}

.w-solde .content span.amount {
	font-size: 50px;
}

.progress-bar {
	background-color: var(--main-color);
}

.author-thumb .author-avatar {
	width: 32px;
	height: 32px;
}

.btn-control i {
	color: #fff;
}

img.img-34 {
	max-width: 34px;
}

img.img-150 {
	max-width: 150px;
}

.event-ico select {
	font-family: 'FontAwesome', 'sans-serif';
	font-size: 20px;
}

a.bg-primary:focus, a.bg-primary:hover {
	background-color: #e44b95 !important;
}

.ui-block .ui-block-title {
	background-color: #636472;
}

.ui-block .ui-block-title h5,
.ui-block .ui-block-title .h5,
.ui-block .ui-block-title h4,
.ui-block .ui-block-title .h4 {
	color: #ffffff;
}

.ui-block .ui-block-title h5 > i,
.ui-block .ui-block-title h5 > .icon-cont {
	color: rgba(255, 255, 255, 0.11);
}

.ui-block .ui-block-title:not(:first-child) {
	background-color: #dfe9f1;
}

.ui-block .ui-block-title:not(:first-child) h6 > i,
.ui-block .ui-block-title:not(:first-child) h6 > .icon-cont {
	position: relative;
	left: -4px;
	top: 3px;
	color: #e73c85;
	font-size: 26px;
}

.ui-block .ui-block-title:not(:first-child) * {
	color: #607088;
}

.ui-block .ui-block-title h5 > i,
.ui-block .ui-block-title h5 .icon-cont,
.ui-block .ui-block-title h5 .fa-stack {
	position: relative;
	left: 20px;
	z-index: 1;
}

.ui-block.mobile-card .actions .btn.btn-sm {
	padding: 6px 12px;
}

.checkbox .checkbox-material .check {
	border: 2px solid #bec4ce;
	border-radius: 4px;
	background: white;
}

.toast-title {
	font-weight: bold;
}

.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.toast-message a,
.toast-message label {
	color: #ffffff;
}

.toast-message a:hover {
	color: #cccccc;
	text-decoration: none;
}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-left {
	top: 12px;
	left: 12px;
}

.toast-top-right {
	top: 12px;
	right: 12px;
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}

#toast-container {
	position: fixed;
	z-index: 999999;
	/*overrides*/

}

#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#toast-container > div {
	position: relative;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 12px #999999;
	-webkit-box-shadow: 0 0 12px #999999;
	box-shadow: 0 0 12px #999999;
	color: #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#toast-container > :hover {
	-moz-box-shadow: 0 0 12px #000000;
	-webkit-box-shadow: 0 0 12px #000000;
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
}

.toastr-icon {
	position: fixed;
	font-family: "Font Awesome\ 5 Pro";
	font-size: 24px;
	line-height: 18px;
	float: left;
	color: #FFF;
	padding-right: 0.5em;
	margin: auto 0.5em auto -1.5em;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
	width: 300px;
	margin: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
	width: 96%;
	margin: auto;
}

.toast {
	background-color: var(--primary-color);
}

.toast-success {
	background-color: #51a351;
}

.toast-dark {
	background-color: #10101c;
}

.toast-error {
	background-color: #bd362f;
}

.toast-info {
	background-color: #2f96b4;
}

.toast-warning {
	background-color: #f89406;
}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#toast-container > .toast {
	background-image: none !important;
}

#toast-container > .toast:before {
	position: fixed;
	font-family: "Font Awesome\ 5 Pro";
	font-size: 24px;
	line-height: 24px;
	float: left;
	color: #FFF;
	padding-right: 0.5em;
	margin: auto 0.5em auto -1.5em;
}

#toast-container > div {
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
	opacity: .9;
	-ms-filter: alpha(opacity=90);
	filter: alpha(opacity=90);
}

#toast-container > :hover {
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}

#toast-container .toast {
	background-color: #1ab394;
}

#toast-container .toast-success {
	background-color: #1ab394;
}

#toast-container .toast-error {
	background-color: #ed5565;
}

#toast-container .toast-info {
	background-color: #23c6c8;
}

#toast-container .toast-warning {
	background-color: #f8ac59;
}

#toast-container .toast-top-full-width {
	margin-top: 20px;
}

#toast-container .toast-bottom-full-width {
	margin-bottom: 20px;
}

#toast-container .toastr-icon,
#toast-container .toastr-message {
	display: inline-block;
}

/*POPOVERS*/
.popover .popover-header {
	position: relative;
}

.popover .popover-header .closepopover {
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
}

/*header notif*/
.hide-notif {
	background: transparent;
	border: none;
}

.hide-notif i {
	color: #688696;
}

.notification-icon {
	margin-right: 30px;
}

.notif-picture {
	border-radius: 5px;
	width: 80px;
}

.notif-icon {
	opacity: 0.2;
}

.badge-30 {
	width: 30%;
}

.badge-33 {
	width: 33%;
}

.badge-50 {
	width: 50%;
}

.badge-100 {
	width: 100%;
}

.badge-status {
	opacity: 0.7;
}

.badge-status::before {
	font-family: "Font Awesome\ 5 Pro";
	font-size: 80%;
}

.badge-cancel::before {
	content: "\f05e";
}

.badge-valid::before {
	content: "\f00c";
}

.badge-waiting::before {
	content: "\f252";
}

/*------------- #REPEAT RULES --------------*/
.repeat-frequence {
	background: #fbfbfb;
	border: solid 1px #e73c85;
	margin-bottom: 20px;
	padding-top: 10px;
}

.frequency input[type="number"] {
	height: 45px;
	width: 70px;
	text-align: center;
	display: inline-block;
}

.frequency p {
	padding: 20px 0;
	margin: 0;
	line-height: 14px;
}

.week-holder .checkbox {
	padding-right: 20px;
}

/*Page edit*/
#FloatingSaveEditUserContainer {
	position: fixed;
	bottom: 10px;
	display: none;
	z-index: 100;
	width: 60%;
}

#bt-floating {
	position: fixed;
	bottom: 24px;
	right: 84px;
	background: var(--primary-color);
	color: #fff;
	border-radius: 80px;
	border-width: 0;
	width: 64px;
	height: 64px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: all 0.4s ease;
	box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.2);
}

#bt-floating:hover {
	background: var(--primary-color-hover);
	transform: scale(1.2);
}

.ic-md {
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 0.8em;
	color: #b7c3d7;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

[data-field], .editable {
	position: relative;
	cursor: text;
}

@keyframes hvr-icon-pulse-grow {
	to {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

[data-field]:hover {
	background-color: #F0F8F0;
}

[data-field]:hover .ic-md, .editable:hover .ic-md {
	color: #1179b9;
	-webkit-animation-name: hvr-icon-pulse-grow;
	animation-name: hvr-icon-pulse-grow;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

.table-sort thead th {
	position: relative;
	background-image: none !important;
}

.table-sort .sorting:after,
.table-sort .sorting_asc:after,
.table-sort .sorting_desc:after {
	position: absolute;
	top: 9px;
	right: 6px;
	display: block;
	font-family: FontAwesome;
	font-size: 0.8em;
	padding-top: 0.12em;
}

.table-sort .sorting:after {
	content: "\f0dc";
	color: #cccccc;
}

.table-sort .sorting_asc:after {
	content: "\f0de";
}

.table-sort .sorting_desc:after {
	content: "\f0dd";
}

.form-control-danger {
	color: #495057;
	background-color: transparent;
	border-color: #ff0a14;
	outline: none;
}

.card .card-header {
	background: #f2f2f2;
	border: 1px solid #d8d8d8;
}

.card .card-body {
	background: #fafafa;
	border: 1px solid #ededed;
}

.input-group-addon {
	padding: 1.1rem 1.1rem;
}

.ui-block-footer {
	padding: 23px 25px 18px;
	line-height: 1;
	border-bottom: 1px solid #e6ecf5;
	border-top: 1px solid #e6ecf5;
	display: table;
	width: 100%;
	position: relative;
	border-radius: 5px 5px 0 0;
}

.btn-button {
	padding: .5rem 1rem;
}

.fa-stack > .far.fa-calendar + .fa-exchange.fa-stack {
	font-size: 85%;
	position: relative;
	top: 3px;
}

h5 .fa-stack > .far.fa-calendar + .fa-exchange.fa-stack {
	font-size: 100%;
	position: relative;
	top: 2px;
	left: 10px;
}

.btn-control .fa-stack > .far.fa-calendar + .fa-exchange.fa-stack {
	font-size: 45%;
	position: relative;
	top: -3px;
}

.btn-control > .fa-stack {
	left: -2px;
	top: 11px;
}

.fa-stack > i.fa.fa-exchange {
	top: 3px;
}

.breadcrumb {
	font-weight: 700;
	font-size: 11px;
	background: none;
	margin-bottom: 0;
}

.breadcrumb li:before {
	content: normal;
}

.breadcrumb li a {
	color: #7a7a7a;
}

.breadcrumb li.active span {
	text-decoration: underline;
}

.table tr:first-child td, .table tr:first-child th {
	border-top: none;
}

.table tr td.td-xs {
	width: 1px;
	white-space: nowrap;
}

.info-block {
	margin-bottom: 20px;
	padding: 10px;
	/*background: #edf2f669;*/
	background: rgba(237, 242, 246, 0.17);
	/*border: 3px solid#eef0f1;*/
	color: #8e8e8e;
	font-size: 13px;
}

.info-block.block-blue {
	background: rgba(205, 231, 255, 0.18);
	border-color: rgba(205, 231, 255, 0.56);
	color: #537f9d;
}

.info-block .disable-blocks {
	color: var(--main-color);
	text-decoration: underline;
	opacity: 0;
}

.info-block:hover .disable-blocks {
	opacity: 1;
}

label.highlight {
	position: relative;
	background-color: yellow;
}

label.highlight:before {
	content: "";
	position: absolute;
	bottom: 100%;
	right: -12px;
	width: 10px;
	height: 10px;
	border-radius: 50%;

	animation-name: highlight-dot;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@keyframes highlight-dot {
	0% {
		background-color: white;
	}
	50% {
		background-color: orange;
	}
	100% {
		background-color: white;
	}
}

.menu-caret {
	margin-left: 10px;
	position: relative;
	top: -2px;
}

.center-bt {
	width: 100%;
	height: 50px;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	top: -3px;
}

.center-bt-stack {
	top: 0;
	left: 0;
}

h5.grey-bg,
#form-modal h5 {
	margin-bottom: 30px;
	padding: 5px 10px;
	border-bottom: 1px solid #d4d4d4;
	background: #f7f7f7;
}

h5.grey-bg + small,
#form-modal h5 + small {
	display: block;
	margin: -.5rem 0 .5rem;
}

.box-cool {
	text-align: center;
	border: 1px solid black;
	border-radius: 4px;
	padding: 4px;
	margin: 4px;
	width: 210px;
}

.author-page .mCustomScrollbar {
	max-height: calc(100vh - 60px);
}

.author-page .account-settings a {
	padding-top: 8px;
	padding-bottom: 8px;
}

small.xs {
	font-size: 70%;
}

.highlight {
	background-color: #ffffe6;
}

.form-group.has-error:after {
	content: "x";
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	font-family: inherit;
}

/*rétabli en version mobile*/
.ui-block-title .back-link {
	display: none;
}

.mfb-component, .mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br {
	z-index: 20;
}

.mfb-component__button, .mfb-component__button--main, .mfb-component__button--child {
	background-color: #e73c85;
}

.mfb-component__wrap.touch-close .mfb-component__list li {
	-webkit-transform: inherit !important;
	transform: inherit !important;
	opacity: 0 !important;
}

.mfb-component__wrap.touch-close .mfb-component__main-icon--resting {
	opacity: 1;
	transform: inherit !important;
}

.mfb-component__wrap.touch-close .mfb-component__main-icon--active {
	opacity: 0;
	transform: inherit !important;
}

.modal .tips {
	font-size: 70%;
	line-height: 1.2;
	display: inline-block;
	color: #e73c85;
	text-align: center;
	border: 1px solid #e73c8530;
	border-right: none;
	border-left: none;
	padding: 5px 10px;
}

.alert.alert-info.alert-explain {
	background-color: #d1ecf1;
	border-color: #b6e2e9;
	border-top: none;
	border-bottom: none;
	border-width: 5px;
	margin: 0;
	text-align: center;
	border-radius: 0;
}

.active-info-blocks {
	padding: 5px 10px;
	border: 3px solid #edf2f6;
	border-radius: 50px;
	background: white;
	font-size: 12px;
}

/*</editor-fold>*/

/*=================================================================*/
/*                             LANDING                             */
/*=================================================================*/

/*<editor-fold desc="show">*/
#site-header-landing .logo {
	display: inline-block;
}

.registration-login-form {
	border-radius: 10px;
	padding: 20px 50px 70px;
	min-height: auto;
}

@media (max-width: 767px) {
	.registration-login-form {
		padding-right: 20px;
		padding-left: 20px;
	}
}

.registration-login-form img.top-logo {
	display: inline-block;
	width: 70px;
	margin: auto;
	margin-bottom: 30px;
	opacity: 0.2;
}

.registration-login-form h1 {
	font-weight: 700;
	font-size: 30px;
}

a.logo .logo-title {
	color: white;
}

.landing-page a {
	text-decoration: none;
}

.create-family-page {
	background: url(/img/maquette/landing.jpg);
	position: relative;
	min-height: 100vh;
}

.landing-page {
	background: url(/img/maquette/landing.jpg);
	background-size: cover;
	position: relative;
	min-height: 100vh;
}

.landing-page.mobile {
	background: -moz-linear-gradient(70deg, #948aed 30%, #4ec7fc 90%, #4ec7fc 100%);
	background: -webkit-linear-gradient(70deg, #948aed 30%, #4ec7fc 90%, #4ec7fc 100%);
	background: linear-gradient(70deg, #948aed 30%, #4ec7fc 90%, #4ec7fc 100%);
}

.landing-page .bottom-block {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f0f0f0;
}

.landing-page .login-buttons-card {
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 14px;
	margin-bottom: 0;
	padding: 50px;
	padding-top: 60px;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background: white;
}

.landing-page .login-buttons-card small.title-btn {
	display: inline-block;
	margin-bottom: 5px;
	color: #b4b4b4;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
}

body.mobile #site-header-landing {
	margin-top: 40px;
	text-align: center;
}

.landing-page:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	z-index: auto;

}

#FloatingSaveEditUserContainer .ui-block {
	box-shadow: rgba(0, 0, 0, 0.45) 0 0 30px 1px;
}

/*
	Pie-chart home
 */
.pie-avatar-home img {
	border-radius: 100%;
	height: 100%;
	width: 100%;
}

.pie-avatar-home .content-img {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 100%;
	transform: translate(-50%, -50%);

}

.progress-avatar-home img {
	border: solid white 3px;
	margin-top: -8px;
	border-radius: 100%;
}

/*gmap*/
.pac-container {
	z-index: 10000;
}

.landing-page.mobile .landing-mobile-login-lang {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	cursor: pointer;
}

.modal-lang-block {
	margin-bottom: 10px;
	padding: 10px 20px;
	border: 2px solid #ebebeb;
	background: #f1f1f1;
	color: #4b4b4b;
}

/*</editor-fold>*/

/*=================================================================*/
/*                          SUBNAV HEADER                          */
/*=================================================================*/

/*<editor-fold desc="show">*/
.header-spacer {
	height: 70px;
}

#subnav-container {
	/*margin-bottom: 30px;*/
}

#subnav {
	position: relative;
	margin: 0 auto;
	max-width: calc(100% - 140px);
	background: white;
	border-bottom: solid 1px #e6e6e6;
}

#subnav .mobile-subnav #mobile-subnav-handler {
	width: 100%;
	display: block;
	padding: 15px 0;
}

#subnav .mobile-subnav .subnav-item {
	width: 100%;
	display: block;
	padding: 15px 0;
}

#subnav ul {
	margin-bottom: 0;
}

#subnav ul li {
	display: inline-block;
	padding: 17px 10px;
}

#subnav ul li a {
	color: #abbcc4;
	font-weight: 700;
	font-size: 14px;
	border-bottom: 1px solid white;
	padding-bottom: 0;
}

#subnav ul li.active a,
#subnav ul li a:hover {
	color: #e73c85;
}

#subnav ul li.active a,
#subnav ul li a:hover {
	padding-bottom: 5px;
}

#subnav ul li a {
	transition: all linear 0.2s;
}

@media (min-width: 768px) {
	#subnav ul li:first-child {
		padding-left: 30px;
	}
}

@media (max-width: 767px) {
	#subnav {
		max-width: none;
		padding: 0 15px;
		text-transform: uppercase;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		font-weight: bold;
	}
}

#subnav .collapse {
	border-top: 1px solid rgba(55, 174, 236, 0.21);
}

#subnav .subnav-item.active {
	color: #37aeec;
}

/*</editor-fold>*/

/*=================================================================*/
/*                             NAVBAR                              */
/*=================================================================*/

/*<editor-fold desc="show">*/
#site-header .author-thumb .avatar {
	width: 32px;
	height: 32px;
	background-position: center;
	background-size: cover;
	border-radius: 50%;
}

@media (max-width: 1150px) {
	#site-header {
		padding-right: 0;
	}
}

#site-header ul.account-settings li i {
	font-size: 17px;
	margin-right: 10px;
}

a.view-all {
	color: white;
}

#left-nav {
	box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
}

/*</editor-fold>*/

/*=================================================================*/
/*                             FINANCE                             */
/*=================================================================*/

/*<editor-fold desc="show">*/

.valid-finance {
	/*background: #0080000d;*/
}

.cancel-finance {
	/*background: #ff00000f;*/
}

.historique {
	border-bottom: solid #e6ecf5 1px;
	margin-top: 20px;
}

.depense {
	border-bottom: solid #e6ecf5 1px;
	margin-top: 8px;
	min-height: 125px;
}

.depense p {
	font-size: 17px;
}

/*.depense .badge {*/
/*float: right;*/
/*}*/

.depense p.text-muted {
	font-size: 11px;
}

.depense p.nom_depense, .historique p.montant_depense {
	font-size: 25px;
	color: #3f4257;
	font-weight: bold;
	margin-bottom: 0;
}

.finance-avatar {
	width: 34px;
}

.block-finance {
	min-height: 265px;
}

.mobile-menu .menu-label {
	font-size: 8px;
	margin-top: 0px;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.main-logo, .mobile-menu {
	max-width: 70px;
	height: 100%;
	position: absolute;
}

.main-logo .logo {
	height: 100%;
	/*background: linear-gradient(to top right, #e44a92 0%, #5ac4f6 100%);*/
	color: white;
}

.mobile-menu {
	padding: 20px;
	color: white;
}

.hamburger .line {
	width: 24px;
	height: 2px;
	background-color: #ecf0f1;
	display: block;
	margin: 6px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#hamburger:hover {
	cursor: pointer;
}

#hamburger.is-active .line:nth-child(1),
#hamburger.is-active .line:nth-child(3) {
	width: 20px;
}

#hamburger.is-active .line:nth-child(1) {
	transform: translateX(-4px) rotate(-45deg);
}

#hamburger.is-active .line:nth-child(3) {
	transform: translateX(-4px) rotate(45deg);
}

.finance-amount {
	text-shadow: rgba(0, 0, 0, 0.58) 0 0 12px;
}

.legend-stats {
	margin-left: 32px;
}

.legend-stats .legend {
	display: inline-block;
	margin-right: 10px;
}

.legend-stats .color {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: grey;
	border: 1px solid white;
}

#expense-block .ui-block .amount,
#paiement-block .ui-block .amount,
#categories-cont .ui-block .amount {
	display: inline-block;
	opacity: 0.9;
	white-space: nowrap;
	text-align: center;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
}

#expense-block .ui-block .amount .cat,
#paiement-block .ui-block .amount .cat,
#categories-cont .ui-block .amount .cat {
	opacity: 0.8;
	font-size: 11px;
	font-weight: normal;
}

#expense-block .ui-block .payed-by,
#paiement-block .ui-block .payed-by,
#categories-cont .ui-block .payed-by {
	font-size: 14px;
	white-space: nowrap;
}

#expense-block .ui-block .contributed,
#paiement-block .ui-block .contributed,
#categories-cont .ui-block .contributed {
	margin-bottom: 5px;
	opacity: 0.8;
	font-size: 14px;
	white-space: nowrap;
}

.btn-group .btn + .btn.btn-secondary.btn-edit-proof {
	background: #6466749e;
	border: 1px solid #646674;
	color: white;
}

/*</editor-fold>*/

/*=================================================================*/
/*                             SIDEBAR                             */
/*=================================================================*/

/*<editor-fold desc="show">*/
.fixed-sidebar .logo.logo-account {
	background: linear-gradient(to top right, #e44a92 0%, #5ac4f6 100%);
	color: white;
}

.fixed-sidebar .fixed-sidebar-left.sidebar--small .left-menu a {
	padding: 14px 0 14px 20px;
}

.fixed-sidebar.right .chat-users {
	text-align: center;
}

.fixed-sidebar.right .chat-users .fa-sort-up {
	position: relative;
	top: -7px;
	margin: 0;
	display: block;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.67) 0 0 5px;
}

.fixed-sidebar.right .chat-users li {
	padding-bottom: 0;
}

.fixed-sidebar.right .sidebar-static-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	box-shadow: 0 -50px 45px -3px rgba(255, 255, 255, 0.7);
}

.fixed-sidebar.right .author-thumb .avatar {
	width: 35px;
}

.active-family {
	border-left: #e73c85 solid 5px;
	background: #e73c8514;
}

a.nav-current-family {
	color: #e4076e !important;
}

a.nav-current-family span {
	font-style: italic;
}

.list-current-family {
	background: #e4076e !important;
}

.list-other-family {
	background: #688696 !important;
}

.btn.disabled {
	cursor: not-allowed;

}

.right-nav-button {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

/*******************
		Main sidebar
		******************/
.left-sidebar {
	position: absolute;
	width: 190px;
	height: 100%;
	top: 0;
	z-index: 20;
	padding-top: 70px;
	background: #fff;
}

.fix-sidebar.left-sidebar {
	position: fixed;
}

.left-sidebar a span {
	margin-left: 8px;
	overflow: hidden;
	white-space: nowrap;
}

/*******************
use profile section
******************/
.sidebar-nav .user-profile > a img {
	width: 30px;
	border-radius: 100%;
	margin-right: 10px;
}

.sidebar-nav .user-profile > ul {
	padding-left: 40px;
}

/*******************
sidebar navigation
******************/
.scroll-sidebar {
	height: calc(100% - 70px);
	height: 100%;
}

.scroll-sidebar.ps .ps__scrollbar-y-rail {
	left: 2px;
	right: auto;
	background: none;
	width: 6px;
	/* If using `left`, there shouldn't be a `right`. */
}

.collapse.in {
	display: block;
}

.sidebar-nav {
	background: #fff;
	padding: 15px 0 0 0;
}

.sidebar-nav ul {
	margin: 0;
	padding: 0;
}

.sidebar-nav ul li {
	list-style: none;
}

.sidebar-nav ul li a {
	color: #687384;
	padding: 12px 20px;
	display: block;
	font-size: 12px;
	font-weight: 400;
}

.sidebar-nav ul li a span {
	font-size: 16px;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: #c668ad;
}

.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
	color: #c668ad;
}

.sidebar-nav ul li a.active {
	font-weight: 500;
}

.sidebar-nav ul li ul {
	padding-left: 28px;
}

.sidebar-nav ul li ul li a {
	padding: 7px 35px 7px 15px;
}

.sidebar-nav ul li ul ul {
	padding-left: 15px;
}

.sidebar-nav ul li.nav-small-cap {
	font-size: 12px;
	margin-bottom: 0;
	padding: 14px 14px 14px 20px;
	font-weight: 500;
}

.sidebar-nav ul li.nav-devider {
	height: 0;
	background: rgba(120, 130, 140, 0.13);
	display: block;
	margin: 15px 0;
}

.sidebar-nav > ul > li > a i,
.sidebar-nav > ul > li > a svg {
	width: 31px;
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	color: #555f6d;
}

.sidebar-nav > ul > li > a .label {
	float: right;
	margin-top: 6px;
}

.sidebar-nav > ul > li > a.active {
	font-weight: 400;
	color: #26c6da;
}

.sidebar-nav > ul > li {
	margin-bottom: 5px;
}

.sidebar-nav > ul > li.active > a {
	color: #c668ad;
	font-weight: 500;
}

.sidebar-nav > ul > li.active > a i {
	color: #c668ad;
}

.sidebar-nav .waves-effect {
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.sidebar-nav .has-arrow {
	position: relative;
}

.sidebar-nav .has-arrow::after {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #687384;
	right: 1em;
	-webkit-transform: rotate(135deg) translate(0, -50%);
	-ms-transform: rotate(135deg) translate(0, -50%);
	-o-transform: rotate(135deg) translate(0, -50%);
	transform: rotate(135deg) translate(0, -50%);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	top: 47%;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.sidebar-nav .active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded="true"]::after {
	-webkit-transform: rotate(-135deg) translate(0, -50%);
	-ms-transform: rotate(-135deg) translate(0, -50%);
	-o-transform: rotate(-135deg) translate(0, -50%);
	top: 45%;
	width: 7px;
	transform: rotate(-135deg) translate(0, -50%);
}

/****************
When click on sidebar toggler and also for tablet
*****************/
@media (min-width: 768px) {
	.mini-sidebar .sidebar-nav #sidebarnav li {
		position: relative;
	}

	.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
		position: absolute;
		left: 70px;
		top: 46px;
		width: 220px;
		padding-bottom: 10px;
		z-index: 1001;
		background: #edf0f5;
		display: none;
		padding-left: 1px;
	}

	.mini-sidebar .user-profile .profile-img {
		width: 45px;
	}

	.mini-sidebar .user-profile .profile-img .setpos {
		top: -35px;
	}

	.mini-sidebar.fix-sidebar.left-sidebar {
		position: fixed;
	}

	.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
		height: auto !important;
		overflow: auto;
	}

	.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
	.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
		display: block;
	}

	.mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
		display: none;
	}

	.mini-sidebar.left-sidebar {
		width: 70px;
	}

	.mini-sidebar .sidebar-nav #sidebarnav .user-profile > a {
		padding: 12px 20px;
	}

	.mini-sidebar .scroll-sidebar {
		padding-bottom: 0;
		position: absolute;
	}

	.mini-sidebar .hide-menu,
	.mini-sidebar .nav-small-cap,
	.mini-sidebar .sidebar-footer,
	.mini-sidebar .user-profile .profile-text,
	.mini-sidebar > .label {
		display: none;
		transition: none;
	}

	.mini-sidebar .nav-devider {
		width: 70px;
	}

	.mini-sidebar .sidebar-nav {
		background: transparent;
	}

	.mini-sidebar .sidebar-nav #sidebarnav > li > a {
		padding: 12px 20px;
		width: 68px;
	}

	.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
		width: 190px;
	}

	.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
		display: inline;
	}

	.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .label {
		display: none;
	}

	.backdrop-menu {
		display: none;
	}
}

@media (max-width: 767px) {
	.mini-sidebar.left-sidebar {
		transition: 0.5s;
		position: fixed;
	}

	.mini-sidebar.left-sidebar,
	.mini-sidebar .sidebar-footer {
		left: -190px;
	}

	.mini-sidebar.show-sidebar.left-sidebar,
	.mini-sidebar.show-sidebar .sidebar-footer {
		left: 0;
	}

	.backdrop-menu {
		display: block;
		position: fixed;
		pointer-events: none;
		height: 100%;
		width: 100%;
		z-index: 19;
		transition: all 0.5s;
	}

	.backdrop-menu-on {
		pointer-events: auto;
		background-color: rgba(0, 0, 0, 0.3);
	}
}

/*******************
/*sidebar navigation
*******************/
.label-themecolor {
	background: #c668ad;
}

.sidebar-nav > ul > li.active > a {
	color: #c668ad;
}

.sidebar-nav > ul > li.active > a i {
	color: #c668ad;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: #c668ad;
}

.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
	color: #c668ad;
}

.sidebar-nav > ul > li > a i,
.sidebar-nav > ul > li > a svg {
	color: #abbcc4;
}

.sidebar-nav a {
	transition: none;
	animation: none;
}

/*sidebar custom*/
#sidebarnav li {
	height: 52px;
}

#sidebarnav li.active {
	box-shadow: inset 5px 0 0 0 #c667ad;
}

#sidebarnav li:hover {
	border-right: 1px solid #dde;
	border-top: 1px solid #dde;
	border-bottom: 1px solid #dde;
	background: #f8f8f8;
	box-shadow: inset 5px 0 0 0 #c667ad;
}

#sidebarnav li i {
	margin-top: 2px;
}

#sidebarnav li:hover i {
	margin-top: 0px;
}

/* loading icon effet*/
@keyframes pulse {
	0% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}
	50% {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8)
	}
	100% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.faa-parent.animated-hover:hover > .faa-pulse, .faa-pulse.animated, .faa-pulse.animated-hover:hover {
	-webkit-animation: pulse 2s linear infinite;
	animation: pulse 2s linear infinite
}

.faa-parent.animated-hover:hover > .faa-pulse.faa-fast, .faa-pulse.animated-hover.faa-fast:hover, .faa-pulse.animated.faa-fast {
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite
}

.faa-parent.animated-hover:hover > .faa-pulse.faa-slow, .faa-pulse.animated-hover.faa-slow:hover, .faa-pulse.animated.faa-slow {
	-webkit-animation: pulse 3s linear infinite;
	animation: pulse 3s linear infinite
}

/*</editor-fold>*/

/*=================================================================*/
/*                              MODAL                              */
/*=================================================================*/

/*<editor-fold desc="show">*/
.modal-title {
	margin-top: 3px;
	font-size: 14px;
	color: #fff;
}

/*</editor-fold>*/

/*=================================================================*/
/*                 FORM IMAGES CHECKBOX AND RADIO                  */
/*=================================================================*/

/*<editor-fold desc="show">*/
.input-hidden {
	position: absolute;
	left: -9999px;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check {
	background: #e4076e;
}

/*checkbox*/
input[type=checkbox] + label {
	padding: 0 5px 0 5px;
}

input[type=checkbox] + label > img {
	opacity: 0.75;
	filter: saturate(60%);
}

input[type=checkbox]:checked + label > img {
	/*box-shadow: 0 0 0 4px rgba(231, 60, 133, 0.69);*/
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.61);
	border: 1px solid white;
	filter: saturate(100%);
	opacity: 1;
}

input[type=checkbox] + label > img {
	cursor: pointer;
	border-radius: 100%;
	width: 48px;
	height: 48px;
}

/*radio*/
input[type=radio] + label {
	padding: 0 5px 0 5px;
}

input[type=radio]:checked + label > img {
	/*box-shadow: 0 0 0 4px rgba(231, 60, 133, 0.69);*/
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.61);
	border: 1px solid white;
	opacity: 1;
}

input[type=radio] + label > img {
	cursor: pointer;
	border-radius: 100%;
	width: 48px;
	height: 48px;
	opacity: 0.75;
}

input[type=radio]:checked + label.btn {
	background: #e4076e;
	border-color: #e4076e;
}

.togglebutton label input[type=checkbox]:checked + .toggle {
	background-color: #d55398;
}

/*</editor-fold>*/

/*=================================================================*/
/*                          USERS FAMILY                           */
/*=================================================================*/

/*<editor-fold desc="show">*/
.block-family .friend-groups .friend-avatar .author-thumb {
	line-height: normal;
}

.block-family .friend-groups .friend-avatar {
	margin-bottom: 10px;
}

@media (max-width: 991px) {
	.block-family .friend-groups .friend-avatar {
		margin-bottom: 0;
	}
	.block-family .friend-groups .friend-avatar .author-thumb {
		width: 80px;
		height: 80px;
		margin-bottom: 0;
	}
}

/*</editor-fold>*/

/*=================================================================*/
/*                          USER-PROFILE                           */
/*=================================================================*/

/*<editor-fold desc="show">*/
.user-profile-top-content {
	margin-top: -40px;
	text-align: center;
}

/*</editor-fold>*/

/*=================================================================*/
/*                            USER-EDIT                            */
/*=================================================================*/

/*<editor-fold desc="show">*/
#form-user-edit .dropzone {
	border: none;
	margin-bottom: 0;
	min-height: 100px;
}

#avatar.dropzone.dz-clickable {
	max-height: 130px;
}

#avatar > .dz-default.dz-message {
	margin: unset;
}

#form-user-edit .picture {
	width: 106px;
	height: 106px;
	background-color: #999999;
	border: 4px solid #CCCCCC;
	color: #FFFFFF;
	border-radius: 50%;
	margin: 5px auto;
	overflow: hidden;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

/*</editor-fold>*/

/*=================================================================*/
/*                           CALENDAR                              */
/*=================================================================*/

/*<editor-fold desc="show">*/
.calendar-profil label {
	cursor: pointer !important;
}

.calendar-profil .avatar {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 50%;
}

.calendar-profil input[type=checkbox]:checked + label > .avatar {
	/*box-shadow: 0 0 0 2px rgba(231, 60, 133, 0.69);*/
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.69);
	border: 1px solid white;
	opacity: 1;
}

.calendar-profil input[type=checkbox]:not(:checked) + label {
	opacity: 0.6;
}

#app-calendar-container .sidebar-block {
	background: #fbfbfb;
	border-right: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;
}

#app-calendar-container .sidebar-block h4 {
	background: #f5f5f5;
	margin-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
}

#app-calendar-container .sidebar-block .calendar-filter-user {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #dadada;
}

@media (max-width: 767px) {
	#app-calendar-container {
		width: 100% !important;
		margin: 0 !important;
		padding: 0;
	}

	#app-calendar-container .bs-row-calendar {
		margin-left: 0;
		margin-right: 0;
	}

	#app-calendar-container .bs-col-calendar {
		padding-left: 0;
		padding-right: 0;
	}

	#app-calendar-container .ui-block-content {
		padding-left: 0;
		padding-right: 0;
	}

	#app-calendar-container .fc-day-grid-event .fc-content {
		/*white-space: normal;*/
	}

	#app-calendar-container .fc-scroller::-webkit-scrollbar {
		width: 6px;
		background-color: #F5F5F5;
	}

	#app-calendar-container .fc-scroller::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(120, 120, 120, 0.3);
		border-radius: 10px;
		background-color: #F5F5F5;
	}

	#app-calendar-container .fc-scroller::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(120, 120, 120, 0.3);
		background-color: #a5a5a5;
	}

}

.fc-day-top.fc-today {
	position: relative;
}

.fc-today .fc-day-number {
	font-size: 25px;
	top: -6px;
	right: 0;
	color: #836e00;
	position: absolute;
	font-weight: bold;
}

.btn-export {
	white-space: normal;
}

/*</editor-fold>*/

/*=================================================================*/
/*                            EVENTS                               */
/*=================================================================*/

/*<editor-fold desc="show">*/
#event-list-table .picto-infos i.fa {
	font-size: 18px;
}

#event-list-table .picto-infos i.fa:not(.active) {
	color: #abbcc4;
}

#event-list-table .picto-infos i.fa.active {
	font-size: 24px;
}

/*</editor-fold>*/

/*=================================================================*/
/*                         FULL-CALENDAR                           */
/*=================================================================*/

/*<editor-fold desc="show">*/
#fc-calendar,
#calendar {
	/*max-width: 950px;*/
	margin: 0 auto;
}

.fc-title {
	color: #fdfdfd;
	text-shadow: rgba(0, 0, 0, 0.49) 0 0 1px;
}

.cal-menu {
	top: -51px;
	right: -46px;
}

.calendar-ui-block {
	/*margin-right: 15px;*/
}

.fc-day-grid-event {
	border: none;
	padding: 3px 7px;
}

.fc-scroller {
	height: auto !important;
	overflow-y: hidden;
}

.fc-day-grid-event .fa {
	margin: 2px 5px 0 0;
}

.fc-event .fc-time {
	background-color: rgba(0, 0, 255, 0.3);
	padding: 3px;
	color: white;
}

.fc-event .fc-title {
	padding: 3px;
	text-shadow: 0 0 2px black;
}

.fc-button {
	/*color: #42a5f5;*/
	box-shadow: none;
	/*background: transparent;*/
	border: none;
}

.icon-user-render {
	border: solid white 1px;
	border-radius: 100%;
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-right: 1px;
}

.fc-event.planning-event {
	padding-top: 3px;
	padding-bottom: 3px;
}

/*.fc-event.event-exchange {*/
/*padding-top: 3px;*/
/*padding-bottom: 3px;*/
/*background-color: #688696;*/
/*border-left: solid #2e2e2e 5px !important;*/
/*padding-left: 20px;*/
/*}*/

/*.fc-event.event-exchange:before {*/
/*content: "\f148";*/
/*display: inline-block;*/
/*font-family: "Font Awesome\ 5 Pro";*/
/*color: black;*/
/*position: absolute;*/
/*left: 0;*/
/*background: white;*/
/*padding: 0 10px 0 0;*/
/*}*/

.fc-event.event-exchange.waiting {
	opacity: 0.5;
}

.fc-event.event-exchange.waiting {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.fc-event.event-empty {
	background-color: #ededed;
	border: solid #b7b7b7 1px;
}

.fc-event.event-empty,
.fc-event.event-empty a,
.fc-event.event-empty a:hover,
.fc-event.event-empty .fc-title {
	color: #3f4257 !important;
	text-shadow: none;
}

.fc-view.fc-agenda-view .fc-event-container .fc-time {
	display: none;
}

.fc-day-grid-event {
	background-size: 3rem 3rem;
}

.fc-minor .fc-widget-content {
	border: none !important;
}

button.fc-state-disabled {
	background: #8adeef;
	cursor: default;
}

#exch-inf-cntr {
	background: #f7f7f7;
	padding: 1px;
}

#exch-inf-cntr .exch-type {
	color: grey;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

.cal-title-exchange {
	display: block;
	margin-bottom: 5px;
	border-bottom: 1px solid #dfdfdf;
	font-size: 1rem;
	color: grey;
	text-align: center;
}

.calendar-ui-block,
#fc-calendar {
	background: #fffffe;
}

#fc-calendar .fc-event.task {
	background-color: #a5a5a5;
}

#fc-calendar .fc-event.task.done {
	background-color: #1cbd9c;
}

#fc-calendar .fc-event.task.not-done {
	background-color: #e73c65;
}

/*</editor-fold>*/

/*=================================================================*/
/*                             TACHES                              */
/*=================================================================*/

/*<editor-fold desc="show">*/
.event-img {
	border-radius: 100%;
}

.event-info i {
	color: rgb(193, 193, 193);
}

.event-info .active {
	color: rgb(83, 83, 83);
	cursor: pointer;
}

/*=================================================================*/
/*                             TODOLIST                            */
/*=================================================================*/

.listeThumbnail {
	text-align: center;
	margin-bottom: 100px;
}

.listeThumbnail a {
}

.listeThumbnail .listeName {
	max-width: 170px;
	margin: auto;
}

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

.listeThumbnail i.listeIcon {
	font-size: 60px;
}

.listeThumbnail .listeThumbnailMiniIcon {
	position: absolute;
	right: -15px;
	top: 0;
	background: white;
	padding: 7px;
	border-radius: 100%;
	font-size: 25px;
	color: #ff5e3b;
}

.todolist-container {
	background: white;
	color: black;
}

.todolist-container .todolist-header,
.todolist-container .todolist-header a {
	color: white;
}

.todolist-container .todolist-header {
	background: #636371;
	margin: -25px;
	padding: 25px 25px 10px;
}

/*.todolist-container:before,*/
/*.todolist-container:after {*/
/*content: "";*/
/*position: absolute;*/
/*top: -10px;*/
/*width: 75px;*/
/*height: 25px;*/
/*background: rgba(255, 255, 255, 0.58);*/
/*z-index: 10;*/
/*}*/

.todolist-container:before {
	left: 50px;
}

.todolist-container:after {
	right: 50px;
}

.todolist-container .deleteBtn {
	display: none;
	border-radius: 0;
	font-size: 11px;
	margin-left: 10px;
}

.todolist-container.delete-task-visible .deleteBtn {
	display: block;
}

.todolist-container.delete-task-visible .checkbox.task {
	background: rgba(220, 53, 69, 0.08);
}

.todolist-container.delete-task-visible li:hover {
	background: #f9f9f9;
}

/*=================================================================*/
/*                             ICON PICKER                         */
/*=================================================================*/

#icon-picker.btn {
	background: #ffffff;
	border: 1px solid #e6ecf5;
	color: inherit;
	height: 54px;
	padding: 0;
}

.icon-pickable i,
.icon-pickable svg {
	margin: 7px;
	color: #787db3;
	padding: 4px 0;
	cursor: pointer;
}

.icon-pickable:hover i,
.icon-pickable:hover svg {
	color: white;
	background: #3e49bc;
	border-radius: 3px;
}

button.btn.btn-height-1rem {
	padding-top: 1rem;
	padding-bottom: 1rem
}

/*</editor-fold>*/

/*=================================================================*/
/*                             ALBUMS                              */
/*=================================================================*/

/*<editor-fold desc="show">*/
#album-page .photo-item {
	min-height: 120px;
	padding: 0 !important;
}

#album-page .photo-item .photo-container {
	width: 100%;
	height: 274px;
	background-size: cover;
	background-position: center;
}

#album-page a.post-add-icon {
	color: white;
	background: black;
	padding: 2px 8px;
	border-radius: 2px;
}

#pictures-cont .photo-item {
	width: 100%;
	height: 190px;
	background-size: cover;
	background-position: center;
	/*border: 2px solid white;*/
	/*box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);*/
	margin: 0px;
	cursor: pointer;
}

#pictures-cont .photo-item .bt-delete-picture {
	color: red;
	background: rgba(249, 244, 244, 0.48);
	border: 2px solid #e6ecf5;
	padding: 4px 7px;
	border-radius: 100%;
	box-shadow: 0 0 5px rgba(241, 234, 234, 0.29);
	font-size: 11px;
	top: 5px;
	right: 5px;
}

#pictures-cont .photo-item .bt-download-picture {
	color: green;
	background: rgba(249, 244, 244, 0.48);
	border: 2px solid #e6ecf5;
	padding: 4px 7px;
	border-radius: 100%;
	box-shadow: 0 0 5px rgba(241, 234, 234, 0.29);
	font-size: 11px;
	top: 35px;
	right: 5px;
}

#pictures-cont .photo-item .bt-share-picture {
	color: black;
	background: rgba(249, 244, 244, 0.48);
	border: 2px solid #e6ecf5;
	padding: 4px 7px;
	border-radius: 100%;
	box-shadow: 0 0 5px rgba(241, 234, 234, 0.29);
	font-size: 11px;
	top: 65px;
	right: 5px;
}

.gallery-data .folder-img {
	height: 100%;
}

.gallery-data .folder-img img {
	max-height: 100vh;
}

.gallery-data .folder-img .bt-delete-picture {
	opacity: 0.4;
	font-size: 13px;
	color: white;
}

.gallery-data .info-container {
	min-height: 100%;
}

.gallery-data .info-container .comments-container {
	max-height: 50vh;
	overflow-y: scroll;
}

.gallery-data .info-container .comments-container li {
	padding: 0;
}

.gallery-data .info-container .comments-container li:nth-child(odd) {
	background: white;
}

.gallery-data .info-container .comments-container li .post__date {
	font-size: 11px;
}

@media (max-width: 480px) {
	.info-container .comment-form .form-group {
		width: 100%;
	}
}

.gallery-data .mfp-close {
	left: 0;
	right: auto;
	background: #343a40;
	color: white;
	opacity: 1;
}

.gallery-picture {
	position: relative;
	box-shadow: inset 0 0 0 1px white;
	background-position: center;
	background-size: cover;
	height: 200px;
}

.gallery-comments {
	width: 100%;
	background: white;
	padding-left: 10px;
	display: inline-block;
}

.gallery-comments > ul > li {
	padding: 10px;
}

.gallery-picture .gallery-modal {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.comments-list > p {
	word-break: break-all;
}

.gallery-comments > ul {
	max-height: 500px;
	min-height: 70%;
}

.gallery-picture img {
	max-height: 100%;
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

.gallery-comments .comment-form {
	padding-top: 10px;
	border-top: none;
}

.social-share a {
	background-color: white;
	border-radius: 2.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 1.3rem;
	height: 2.6rem;
	line-height: 2.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	width: 2.6rem;
}

/* Circle */
.social-share a span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	transition: all 0.3s;
	width: 0;
}

.social-share a span {
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 2.6rem;
	margin: -1.3rem;

}

/* Icons */
.social-share a i {
	background: none;
	height: 2.6rem;
	color: white;
	left: 0;
	line-height: 2.6rem;
	position: absolute;
	top: 0;
	transition: all 0.3s;
	width: 2.6rem;
	z-index: 10;
}

.facebook span {
	background-color: #3B5998;
}

.google span {
	background-color: #db5a3c;
}

.social-share a:hover {
	opacity: 0.8;
}

@media (max-width: 480px) {
	.gallery-comments .comment-form .form-group {
		width: 100%;
	}
}

#album-mobile-view i:not(.active) {
	color: #adb5c3;
}

/*</editor-fold>*/

/*=================================================================*/
/*                             FILES                               */
/*=================================================================*/

/*<editor-fold desc="show">*/
#files-cont .folder {
	text-align: center;
	margin-bottom: 50px;
}

#files-cont .folder img {
	display: block;
	margin: 0 auto 10px;
}

@media (min-width: 768px) {
	#files-cont .folder img {
		max-width: 130px;
	}
}

#files-cont .folder .badge-default {
	background: #5a5a5a;
	color: white;
}

#files-cont .folder .badge-primary {
	background: #e73c85;
}

#files-cont .folder .folderImageContainer {
	position: relative;
}

#files-cont .folder .folderImageContainer i.fa {
	font-size: 40px;
	position: absolute;
	bottom: 8px;
	color: rgba(0, 0, 0, 0.09);
}

@media (min-width: 453px) and (max-width: 767px) {
	#files-cont .folder .folderImageContainer i.fa {
		font-size: 60px;
	}
}

#files-cont .folder .folderImageContainer {
	max-width: 100%;
}

ul.fichiers li {
	padding: 20px 0;
	border-bottom: solid rgb(237, 242, 246) 1px;
	font-weight: bold;
}

ul.fichiers li i {
	margin-right: 10px;
	color: #e4076e;
}

ul.fichiers .fileControl .btn {
	margin-bottom: 0;
}

.file-upload {
	background-color: transparent;
	border: 2px dashed #bbc0d5;
	/*height: 458px;*/
	position: relative;
}

.file-upload .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	padding: 25px 25px 20px;
	text-align: center;
}

.file-upload .content .title {
	display: block;
	margin-bottom: 0;
}

.file-upload .content .sub-title {
	margin-bottom: 30px;
	display: block;
}

.dropzone {
	width: 100%;
	margin-bottom: 50px;
	border: 2px dashed #bbc0d5;
}

/*</editor-fold>*/

/*=================================================================*/
/*                           MESSAGERIE                            */
/*=================================================================*/

/*<editor-fold desc="show">*/
.inbox-contact {
	padding-left: 8px;
	max-width: 70%;
}

#messages {
	overflow: auto;
	height: 600px;
}

#form-send-message {
	padding: 15px 20px;
	border-top: 1px solid #e6ecf5;
	overflow: hidden;
	position: relative;
	background: white;
	height: 70px;
}

@media(max-width: 767px) {
	#form-send-message {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}
}

#form-send-message .message-field {
	width: 70%;
	float: right;
	display: inline;
	border-radius: 20px 0 0 20px;
}

#form-send-message .message-send {
	width: 20%;
	margin: 0;
	border-radius: 0 20px 20px 0;
}

#attached-file {
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: 0;
	z-index: 99;
}


.messagerie-contacts a {
	color: inherit;
}

.messagerie-contacts .inline-items {
	border-bottom: 1px solid #e6ecf5;
	padding-top: 10px;
	padding-bottom: 10px;
}
.messagerie-contacts .inline-items:hover {
	background: #f9f9f9;
}

.messagerie-contacts .inline-items.contact-active {
	background: #f3f3f3;
}

.messagerie-contacts .inline-items .thumbnails {
	display: inline-block;
	margin-top: 10px;
	vertical-align: middle;
}

.messagerie-contacts .inline-items .thumbnails .thumbnail {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 50%;
}

.messagerie-contacts .inline-items .thumbnails .thumbnail:not(:first-child) {
	margin-left: -10px;
}

.messagerie-contacts .inline-items .summary {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
}

.messagerie-contacts .chat-message-item {
	display: block;
}

.messagerie-contacts .unread-count {
	position: relative;
	top: -2px;
	background: #e73c85;
	color: white;
	line-height: 18px;
	width: 18px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	font-size: 11px;
}

a.inbox-contact {
	max-width: none;
	display: block;
}

a.inbox-contact:hover {
	text-decoration: none;
	color: inherit;
}

.inbox-messages .message {
	border: none;
	border-left: solid 9px;
}

.sender {
	text-align: right;
}

.recipient {
	text-align: left;
}

.sender .chat-message-item {
	background-color: #556180;
	border-radius: 5px;
	padding: 10px;
	color: white;
	text-align: left;
}

.sender .chat-message-item a {
	color: white;
}

.notification-date {
	clear: both;
}

.recipient .chat-message-item {
	color: white;
	background-color: #8e9dbe;
	border-radius: 5px;
	padding: 10px;
}

.sender div.author-thumb {
	float: right;
	margin-left: 10px;
}

.recipient div.author-thumb {
	float: left;
}

.chat-container .back-to-list {
	background: rgb(255, 255, 255);
	padding: 1px 10px;
	z-index: 10;
	box-shadow: 0 5px 18px -10px rgba(0, 0, 0, 0.28);
}

.chat-container .back-to-list .back-link {
	font-size: 20px;
	margin: 8px 10px;
}

.chat-container .form-group.has-error:after {
	display: none;
}

#old-messages-loader {
	display: none;
	width: 100%;
	/*padding: 12px 0;*/
	padding: 8px 0 12px 0;
	text-align: center;
	color: #3f4256;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
}

#old-messages-loader.show {
	display: block;
}

/*</editor-fold>*/

/*=================================================================*/
/*                              TASKS                              */
/*=================================================================*/

/*<editor-fold desc="show">*/
ul.element-task {
	text-align: left;
	border-left: solid #ec5a99 3px;
	padding-left: 10px;
}

/*</editor-fold>*/

/*=================================================================*/
/*                              PLANNING                           */
/*=================================================================*/

/*<editor-fold desc="show">*/
#planning-cont .week_days {
	font-size: 12px;
}

@media (max-width: 991px) {
	#planning-cont .week_title {
		display: none;
	}

	#planning-cont .week_days {
		padding: 15px 0;
		line-height: 0;
		font-size: 8px;
	}

	.week_days.row > .col,
	.week_days.row > [class*=col-] {
		padding-right: 0;
		padding-left: 0;
	}

	#planning-cont .week_num {
		line-height: 25px;
	}
}

@media (max-width: 767px) {
	#planning-cont .day_content img {
		width: 25px;
	}

	#planning-cont .day_content img.responsable-img {
		width: 20px;
		height: 20px;
	}

	.fc-toolbar.fc-header-toolbar {
		margin-bottom: 0;
	}

	#app-calendar-container .fc-toolbar.fc-header-toolbar .fc-center h2 {
		display: none;
	}
}

#planning-cont.change-guard .day_content img {
	width: 30px;
	height: 30px;
}

#planning-cont.change-guard .day_content img.responsable-img {
	width: 20px;
	height: 20px;
}

#planning-cont .form-inline .form-control {
	width: auto !important;
}

.day_content img.responsable-img {
	margin-left: -23px;
	width: 32px;
	height: 32px;
	top: 15px;
	right: 5px;
	position: relative;
}

.valid-day {
	background: rgba(11, 251, 51, 0.08);
}

.invalid-day {
	background: rgba(251, 0, 62, 0.08);
}

.invalid-day:before {
	color: red;
	content: "\f06a";
	font-family: "Font Awesome\ 5 Pro";
}

.day_content img {
	cursor: pointer;
	border-radius: 100%;
}

.guard-select img {
	cursor: pointer;
	border-radius: 100%;
	opacity: 0.75;
}

.guard-select:hover img {
	opacity: 1;
	border: solid #e73c85;
	width: 48px;
	height: 48px;
}

.bt-hide {
	display: none;
}

.cal_planning {
	border: solid 1px rgba(104, 134, 150, 0.37);
}

.week_days {
	height: 20px;
	padding: 20px 10px 40px 10px;
	font-weight: bold;
	text-align: center;
	background-color: #e73c85;
	color: white;
}

.week_number {
	background: rgba(165, 193, 249, 0.16);
}

.week_num {
	line-height: 70px;
	text-align: center;
}

.next-week {
	border-top: 1px solid #ddd;
}

.week {
	text-align: center;
}

.day_content {
	padding: 15px 0px 15px 0;
	border-left: 1px solid #ddd;
}

.day_content:hover {
	background: rgba(31, 40, 54, 0.04);
}

.create-planning-settings {
	padding: 10px;
	padding-top: 20px;
	border: 1px solid #f1f3fa;
	background-color: #fbfcff;
}

.create-planning-settings .title {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e7f3;
	color: #a1abbe;
	text-align: center;
}

#choose-model input[type=radio]:checked + label.btn {
	background: #a9044a;
	border-color: #930743;
}

@media (max-width: 767px) {
	.planning-cont .ui-block .planning .title {
		font-size: 13px;
	}
}

.exception-cont.highlight {
	background-color: #ffffe6;
}

.exception-cont.not-waiting {
	/*opacity: 0.6;*/
}

.exception-cont .anchor {
	position: relative;
	top: -70px;
}

.exception-cont .ui-block.mobile-card {
	padding: 0;
}

.exception-cont .ui-block-head .author-thumb {
	margin: 4px 0;
}

.exception-cont .ui-block-head .author-thumb img {
	width: 25px;
	height: 25px;
	margin-left: -10px;
}

.exception-cont .ui-block-body .exception-day {
	margin-bottom: 10px;
	padding: 10px;
	background: #f3f6f9;
}

.exception-cont .actions .btn {
	padding: 5px 10px;
	font-size: 11px;
}

.exception-cont .dates {
	margin: 7px 0;
	font-size: 14px;
}

.exception-cont .hour {
	text-align: center;
	white-space: nowrap;
	font-size: 15px;
	font-weight: bold;
	opacity: 0.8;
}

.exception-cont .hour i {
	font-size: 12px;
}

.exception-cont .see-more .btn {
	margin: 0;
	padding: 1px 4px;
	font-size: 11px;
}

.exception-cont .see-more .details {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 2px solid rgb(225, 227, 232);
	font-size: 15px;
}

/*</editor-fold>*/

/*=================================================================*/
/*                            TODOLISTS                            */
/*=================================================================*/

/*<editor-fold desc="show">*/

.fixedTodoContainer {
	/*max-height: 300px;*/
}

.fixedTodoContainer .fixedTodoItem {
	padding: 8px 0;
	cursor: pointer;
}

@keyframes fixedTodoItemCompleted {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.fixedTodoItemCompleted {
	position: relative;
}

.fixedTodoItemCompleted:after {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: black;
	animation-name: fixedTodoItemCompleted;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.todolist-list-container {
	margin-bottom: 80px;
}

.todolist-list-preview {

}

.todolist-list-container .todoListProgress {
	margin: 6px 0;
}

.todolist-list-container .todoListProgress span.percentage {
	position: absolute;
	top: -12px;
	font-weight: 700;
}

.todolist-list-container .todoListProgress.done span.percentage {
	color: green;
}

.todolist-list-container > .row:first-child {
	margin-bottom: 10px;
}

.todolist-container {
	position: relative;
}

.list-footer {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

.to-do-done-by {
	width: 20px;
	float: right;
	border-radius: 50%;
	margin-right: 5px;
}

.to-do-done-by img {
	width: 28px;
	height: 28px;
}

@media (max-width: 767px) {
	.todolist-container .ui-block .author-thumb {
		width: 30px;
		height: 30px;
		margin-left: -15px;
	}
}

/*</editor-fold>*/

/*=================================================================*/
/*                           ACTIVITIES                            */
/*=================================================================*/

/*<editor-fold desc="show">*/
#activity-list-table tr {
	cursor: pointer;
}

#activity-list-table td {
	vertical-align: middle;
}

#activity-cont .activity.highlight {
	background: #fffed8;
}

@media (max-width: 767px) {
	#activity-list-table td {
		padding: 5px 6px;
	}

	#activity-list-table td.user-name {
		font-size: 12px;
	}

	#activity-list-table td.activity-name {
		font-size: 12px;
	}

	#activity-list-table td.activity-date {
		font-size: 10px;
	}
}

/*</editor-fold>*/

/*=================================================================*/
/*                        HTTP ERRORS PAGE                         */
/*=================================================================*/

/*<editor-fold desc="show">*/

#error-page img {
	max-width: 100%;
}

#error-page .code {
	font-size: 230px;
	opacity: 0.2;
	font-weight: bold;
	border-bottom: 1px solid #3f4256;
}

#error-page .title {
	margin-bottom: 40px;
	font-size: 30px;
}

#error-page .message {
	padding: 10px 0;
	border-bottom: 1px solid #ccd0d7;
}

#error-page .message:empty {
	display: none;
}

/*</editor-fold>*/

/*=================================================================*/
/*                         DATERANGEPICKER                         */
/*=================================================================*/

/*<editor-fold desc="show">*/

.daterangepicker .calendar-time div {
	display: flex;
	float: right;
}

.daterangepicker .daterangepicker_input i {

	display: none;
}

.daterangepicker .calendar-time {
	text-align: center;
}

.daterangepicker .calendar-time {
	text-align: center;
	padding: 0;
}

.daterangepicker .calendar-time > div {
	text-align: left;
	display: inline-block;
	float: none;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
	display: inline-block;
	padding: 0 20px;
	width: auto;
	height: 45px;
	margin-bottom: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.start-date.end-date {
	background-color: #e73c85;
	border-color: transparent;
	color: #fff;
	height: 20px;
}

.daterangepicker .monthselect,
.daterangepicker .yearselect {
	display: inline-block;
	border: 1px solid #e6ecf5;
}

.daterangepicker .calendar .prev,
.daterangepicker .calendar .next {
	display: block;
}

.daterangepicker.single.ltr .ranges {
	display: block;
	float: none;
	text-align: center;
	margin-top: 20px;
}

.daterangepicker .range_inputs button.btn {
	padding: 0.8rem 1.7rem;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
	color: rgba(255, 69, 69, 0.30) !important;
	background: rgba(255, 0, 0, 0.019) !important;
	border-radius: 0 !important;
}

@media (max-width: 767px) {
	.daterangepicker {
		width: 100%;
		left: 0;
		right: 0;
	}

	.daterangepicker .calendar {
		width: 100%;
		max-width: none;
	}
}

/*</editor-fold>*/

/*=================================================================*/
/*                        TRI STATE CHECKBOX                       */
/*=================================================================*/

/*<editor-fold desc="show">*/

.multi-switch {
	display: inline-block;
}

.multi-switch .switch-content {
	height: 25px;
}

.multi-switch .switch-content.active .switch-circle {
	margin-left: -25px;
}

.multi-switch .switch-content .switch-circle {
	width: 23px;
	height: 23px;
}

.multi-switch .switch-content.initial .switch-circle {
	margin-left: -11.8px;
}

/*</editor-fold>*/

/*=================================================================*/
/*                            BOOTSTRAP                            */
/*=================================================================*/

/*<editor-fold desc="show">*/
.alert ul {
	margin-bottom: 0;
}

.alert ul li {
	list-style-type: circle;
}

.alert-danger {
	color: #ffffff;
	background-color: #e1024c;
	box-shadow: 0 10px 45px -15px #e1024c;
}

.text-danger {
	color: #e1024c;
}

.row > .col-square-3 {
	width: 33.333333%;
	height: 0;
	padding-bottom: 33.333333%;
}

.row > .col-square-4 {
	width: 25%;
	height: 0;
	padding-bottom: 25%;
}

.row > .col-square-5 {
	width: 20%;
	height: 0;
	padding-bottom: 20%;
}

/*</editor-fold>*/

.html2canvas-container {
	width: 3000px !important;
	height: 3000px !important;
}

.dashboard-create-album {
	height: 458px;
}

.primokids-scrollbar {
	overflow-y: auto;
}

.primokids-scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}

.primokids-scrollbar::-webkit-scrollbar {
	width: 5px;
	background-color: #f5f5f5;
}

.primokids-scrollbar::-webkit-scrollbar-thumb {
	background-color: #e73c85;
}

/*Fix modale padding 17px*/
#modal,
body {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.planning-object {
	margin-bottom: 30px;
	margin-top: 30px;
	border-bottom: solid #f3f3f3 1px;
}

.planning-object:first-child {
	margin-top: 0px;
}

.event-list-head {
	padding: 15px;
	color: #737373;
	font-weight: bold;
	margin-bottom: 15px;
}

.event-list-head h3 {
	display: inline;
}

.event-list-head .fa {
	position: absolute;
	font-size: 80px;
	opacity: 0.2;
	right: 20px;
	top: 20px;
}

/* Fin */

/* fix pour la hauteur du container de jQuery Steps */
.wizard .content {
	min-height: 100px !important;
}

.wizard .content > .body {
	width: 100% !important;
	height: auto !important;
	padding: 15px !important;
	position: relative !important;
}

.card-img-bg {
	height: 300px;
	background-position: top center;
	background-size: cover;
}

@media (max-width: 767px) {
	.card-img-bg {
		height: 200px;
	}
}

/* Fin */

/*======================================================================================*/
/*======================================================================================*/
/*======================================================================================*/
/*                       CUSTOM MEDIA QUERIES POUR RESPONSIVE                           */
/*======================================================================================*/

@media (min-width: 768px) {
	.fc-left h2 {
		display: none;
	}
}

@media (max-width: 767px) {

	/* Calendriers */
	.fc-today-button {
		display: none;
	}

	.fc-left {
		background-color: white;
	}

	.fc-left,
	.fc-left > div {
		width: 100%;
	}

	.fc-left > div button.fc-prev-button {
		float: left;
		width: 30%;
	}

	.fc-left > div button.fc-next-button {
		float: right;
		width: 30%;
	}

	.fc-left > div h2 {
		float: left;
		font-size: 15px;
		text-align: center;
		width: 40%;
		font-weight: bold;
		padding-top: 6px;
	}

	.fc-right,
	.fc-right .fc-button-group {
		width: 100%;
	}

	/*Hauteur des cases du calendrier*/
	.fc-row.fc-week {
		height: auto !important;
	}

	h1.display-1 {
		font-size: 50px;
	}

	.no-padding-mobile {
		padding: 0;
	}

	.event-list-head .fa {
		position: initial;
		font-size: 20px;
		opacity: 1;
	}

}

@media (max-width: 799px) {
	.dashboard-create-album {
		height: 200px;
		min-height: auto;
	}

	.chat-container {
		padding-right: 0;
		padding-left: 0;
	}

	.chat-container .ui-block {
		/*margin-top: -30px;*/
		margin-bottom: 0;
	}

	#messages {
		max-height: auto;
		height: calc(100vh - 86px);
		padding-bottom: 70px;
	}

	/*Menu */
	.scroll-sidebar {
		overflow-y: auto;
	}

	.cal-menu {
		top: -10px;
		right: -10px;
	}

	.no-padding-tablette {
		padding: 0;
	}

	#messages .notification-event,
	#messages .chat-message-item {
		width: 100%;
	}

	#messages .author-thumb {
		display: none;
	}

	#messages .notification-list.chat-message.chat-message-field .notification-event {
		/*max-width: 100%;*/
		width: auto;
	}

	#messages .notification-list li {
		padding: 0;
		margin-top: 7px;
	}

	#messages .notification-list li:last-child {
		/*margin-bottom: 80px;*/
	}

	#messages .notification-list .notification-event {
		padding: 5px;
	}

	#messages .sender .chat-message-item {
		text-align: right;
	}

	#messages .sender .chat-message-item {
		border-radius: 5px 0 5px 5px;
	}

	#messages .recipient .chat-message-item {
		border-radius: 0 5px 5px 5px;
	}
}

@media (max-width: 992px) {

}

@media (max-width: 1200px) {

}

/*=================================================================*/
/*                              LAYOUT                             */
/*=================================================================*/

/*<editor-fold desc="show">*/
@media (max-width: 767px) {
	#content > .container:not(.keep-mobile-padding),
	#content > .container-fluid:not(.keep-mobile-padding) {
		padding: 0;
		overflow-x: hidden;
	}

	.modal-body {
		padding: 1rem;
	}

	.modal-header {
		border-radius: 0;
	}

	.ui-block {
		border: none;
	}

	.ui-block.mobile-card {
		border: 1px solid #e6ecf8;
	}

	.ui-block-title {
		padding: 8px 20px;
	}

	.ui-block,
	.ui-block-title {
		border-radius: 0;
	}

	.ui-block-title .back-link {
		display: table-cell;
		color: white;
	}

	.ui-block-title h5 {
		position: relative;
		left: -20px;
		font-size: 16px;
		font-weight: normal;
		pointer-events: none;
	}

	.ui-block-title .btn-control {
		height: 30px;
		width: 30px;
	}

	.ui-block-title .btn-control > i {
		line-height: 30px;
		font-size: 14px;
	}

	.ui-block .ui-block-title {
		background-color: #4d4f62;
	}

	.ui-block .ui-block-content.mobile-padding {
		padding-left: 0;
		padding-right: 0;
	}

	.ui-block .ui-block-head {
		padding: 2px 5px;
	}

	.ui-block .ui-block-head .title {
		white-space: nowrap;
		padding: 5px;
	}

	.ui-block .ui-block-body {
		padding: 4px 10px;
	}

	h5.grey-bg {
		font-size: 15px;
	}

	.header-spacer {
		height: 50px;
	}

	#site-header {
		padding-right: 10px;
		height: 50px;
	}

	#mobile-menu {
		padding: 10px;
		padding-top: 6px;
		padding-left: 14px;
	}

	#mobile-menu .hamburger .line {
		width: 21px;
		margin: 5px auto;
	}

	#notif-content .control-icon.more i {
		font-size: 21px;
	}

	#left-nav {
		width: 160px;
		background: rgba(255, 255, 255, 0.94);
	}

	#left-nav .sidebar-nav {
		padding: 0;
		background-color: transparent;
	}

	#sidebarnav li {
		height: 42px;
	}

	#left-nav .sidebar-nav ul li a {
		padding: 12px 20px 12px 10px;
	}

	#left-nav .sidebar-nav ul li a i {
		font-size: 18px;
	}

	#left-nav .sidebar-nav ul li a span {
		font-size: 14px;
	}

	#left-nav a span {
		vertical-align: middle;
		margin-left: 0;
	}

	#subnav {
		font-size: 11px;
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		z-index: 15;
	}

	#subnav .mobile-subnav #mobile-subnav-handler {
		padding: 12px 0;
	}

	#subnav-container .subnav-spacer {
		height: 41px;
	}
}

/*</editor-fold>*/

/*=================================================================*/
/*                            PLANNINGS                            */
/*=================================================================*/

/*<editor-fold desc="show">*/
/*=== SHOW ===*/

/*<editor-fold desc="show">*/
@media (max-width: 767px) {
	#app-calendar-container .calendar-ui-block {
		padding-top: 30px;
	}

	#app-calendar-container .fc-toolbar.fc-header-toolbar .fc-left {
		position: fixed;
		top: 90px;
		left: 0;
		right: 0;
		border-bottom: 1px solid #e6e6e6;
		z-index: 10;
	}

	#app-calendar-container .fc-toolbar.fc-header-toolbar .fc-button {
		height: 30px;
		line-height: 30px;
		font-size: 11px;
	}

	#home .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group button,
	#app-calendar-container .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group button {
		width: 50%;
	}

	#app-calendar-container .fc-toolbar.fc-header-toolbar .fc-button.fc-corner-left,
	#app-calendar-container .fc-toolbar.fc-header-toolbar .fc-button.fc-corner-right {
		border-radius: 0;
	}
}

#app-calendar-container #capture {
	position: absolute;
	top: -999999px;
	left: -999999px;
}

/*</editor-fold>*/

/*=== LISTING DES PLANNIGS ===*/

/*<editor-fold desc="show">*/
@media (max-width: 767px) {
	#planning-cont .ui-block.planning a.author-name {
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 14px;
		display: inline-block;
	}

	#planning-cont .ui-block.planning .author-thumb {
		width: 30px;
		height: 30px;
		margin-right: -10px;
	}

	#planning-cont .ui-block.planning .birthday-date {
		margin-top: 10px;
		font-size: 11px;
	}

	#planning-cont .create-planning-settings {
		font-size: 13px;
	}
}

/*</editor-fold>*/

/* === CREER UN PLANNING === */

/*<editor-fold desc="show">*/
.create-planning-model-list p.card-text {
	font-size: 12px;
}

.create-planning-model-list .card-block label.btn {
	font-size: 17px;
}

/*</editor-fold>*/

/*=== LISTING DES CHANGEMENTS DE GUARDE ===*/

/*<editor-fold desc="show">*/
@media (max-width: 767px) {
	.exception-cont .exception-head {
		font-size: 12px;
	}

	.exception-cont .ui-block-head .children-list {
		white-space: nowrap;
	}

	.exception-cont .exception-body .exception-day {
		margin-bottom: 5px;
		padding: 3px 6px;
	}

	.exception-cont .dates {
		font-size: 12px;
	}

	.exception-cont .hour {
		font-size: 14px;
	}

	.exception-cont .see-more .details {
		font-size: 12px;
	}
}

/*</editor-fold>*/

/*=== EVENTS ===*/

/*<editor-fold desc="show">*/
@media (max-width: 767px) {
	#event-cont .ui-block.post {
		padding: 10px;
	}

	#event-cont .ui-block .more {
		z-index: 10;
	}

	#event-cont .ui-block .author-thumb {
		width: 30px;
		height: 30px;
		margin-left: -15px;
	}

	#event-cont .ui-block .date {
		font-size: 12px;
	}

	#event-cont .ui-block .note {
		font-size: 11px;
	}

	#event-cont .ui-block .album .btn {
		margin: 0;
		font-size: 11px;
	}
}

/*</editor-fold>*/

/*</editor-fold>*/

/*=================================================================*/
/*                             FINANCES                            */
/*=================================================================*/

/*<editor-fold desc="show">*/
@media (max-width: 767px) {
	#expense-block .ui-block .contributed,
	#paiement-block .ui-block .contributed,
	#categories-cont .ui-block .contributed {
		font-size: 11px;
	}
}

/*</editor-fold>*/

/*=================================================================*/
/*                              ALBUMS                             */
/*=================================================================*/

/*<editor-fold desc="show">*/
.photo-album-item .friend-count {
	margin-bottom: 65px;
}

/*</editor-fold>*/

/*=================================================================*/
/*                            MESSAGERIE                           */
/*=================================================================*/

/*<editor-fold desc="show">*/
@media (max-width: 767px) {
	#messages {
		padding: 30px 12px 70px;
	}

	#form-send-message .message-field {
		width: 40%;
		height: 39px;
		float: right;
		padding: 10px;
		transition: width 0.3s;
	}

	#form-send-message .message-field:focus {
		width: 70%;
	}

	#attached-file {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 99;
	}

	#attached-file .btn {
		margin: 10px 0 10px 10px;
		background: none;
	}

	#attached-file .btn i {
		color: #ced4da;
	}
}

/*</editor-fold>*/

/*=================================================================*/
/*                          FLAGS SPRITES                          */
/*=================================================================*/

/*<editor-fold desc="show">*/
.flag{display:inline-block;width:24px;height:24px;background:url('/img/flags.png') no-repeat}.flag.flag-fr{background-position:-24px 0}.flag.flag-gb{background-position:0 -24px}

/*</editor-fold>*/

/*=================================================================*/
/*                           NOTER L'APPLI                         */
/*=================================================================*/

.rating-app-container {
	position: fixed;
	top: 250px;
	left: 50%;
	z-index: 1000;
}

.rating-app-black-veil {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(0, 0, 0, 0.60);
	z-index: 10;
}

.rating-app-dialog {
	position: relative;
	left: -50%;
	width: 340px;
	padding: 20px;
	border-radius: 15px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
	background: white;
	z-index: 20;
}

.rating-app-dialog .rating-title {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.rating-app-dialog .rating-text {
	margin-bottom: 10px;
	font-size: 14px;
	color: #000;
}

.rating-app-dialog .rating-buttons {
	display: flex;
	text-transform: uppercase;
	justify-content: space-between;
	color: #e73c84;
	font-weight: bold;
	font-size: 12px;
}

.rating-app-dialog .rating-btn:not(:first-child) {
	margin-left: 15px;
}