/**
 * Author: Nadim Saïkali
 * File: Custom CSS File
 */

/* debug */
pre code.hljs{display:block;overflow-x:auto;padding:1em}
code.hljs{padding:3px 5px;user-select: unset!important; }
.hljs{color:#a9b7c6;background:#282b2e}
/* \ */
.page-content { padding-bottom: 10px!important; }
#back-to-top { right: 10px; }

th[role=presentation] div.fc-scroller { /* calendar days bar */
	overflow: hidden!important;
}
.fc-event-resizer {
	background-color: #299cdb !important;
}
div.postuler .fc-event {
	cursor : pointer;
}
div.appliedto .fc-event {
	cursor : default;
}
td h6, td h5, td h4 { margin-bottom: 0;}

#missioninfotable :not(caption) > * > * {
	padding: .35rem .6rem;
}

@media (min-width: 768px) { /* bigger screens 810 semble etre taille ipad */

	#page-topbar {
		left: var(--ns-vertical-menu-width);
	}

	.apphoto { display: none; }
	.verticalnav { display: none; }
	.headernav { display: none!important; }
	.verticalnavcontent { }
	.horizontalnav {  }
	.btnsavesticky {
		position: sticky;bottom: 0;background: var(--ns-card-bg);box-shadow: 0 -5px 5px #bbbaba;padding-top: 10px;margin-top: 10px;padding-bottom: 10px;
	}

	#clearsearch { display:none; }
}

@media (max-width: 768px) {/* smaller screens */
	.apphoto { display: unset; }
	.horizontalnav { display: none; }
	.verticalnav {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}
	.headernav {  }
	.verticalnavcontent { display: none!important; }

	.btnsavesticky {}

	#tabnav-offcanvas .offcanvas-header .btn-close {
		padding: calc(var(--ns-offcanvas-padding-y) * .5) calc(var(--ns-offcanvas-padding-x) * .5);
		margin: calc(-.5 * var(--ns-offcanvas-padding-y)) auto calc(-.5 * var(--ns-offcanvas-padding-y)) calc(-.5 * var(--ns-offcanvas-padding-x));
	}
	#top-offcanvas { min-height: 48vh!important; }
	#qr-container { padding-bottom: 26px; }
}

/* lien menu ajout */
ul.simplebar-scrollable-x a.ri-add-circle-line {
	border-radius: 2em;
	border-right: 1px solid var(--ns-border-color-translucent);
	position: relative;
	left: -20px;
	background-color: var(--ns-vertical-menu-bg);
	padding: 0 0.3em;
}
ul.simplebar-scrollable-x a.nav-link span {
	background-color: var(--ns-vertical-menu-bg);
	padding: 0.35em 1em 0.35em 0;
	/* text-indent: 1em; */
}
ul.simplebar-scrollable-x a.nav-link:hover {
	background-color: var(--ns-vertical-menu-bg);
	border-right: 1px solid var(--ns-border-color-translucent);
}

/* - */
.form-check-input[type="checkbox"].big-check {
	width: 1.4em;
	height: 1.4em;
	border-radius: 1em;
	padding: 0.7rem;
}

/* #listingTable tr.border-bottom:last-child { border-bottom: none!important; } */
/* form error color select */
.choices[data-type*="select-multiple"].is-invalid > .choices__inner {
	border-color: var(--ns-form-invalid-border-color)!important;
	padding-right: calc(1.5em + 1rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f06548'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f06548' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .25rem) center;
	background-size: calc(.75em + .5rem) calc(.75em + .5rem);
}
/* */
.avatar-title.rounded-circle{
	width: 40px;height:40px;
}

.ns-loader {
	display: inline-grid;
	width: 54px;
	aspect-ratio: 1;
	clip-path: polygon(100% 50%,85.36% 85.36%,50% 100%,14.64% 85.36%,0% 50%,14.64% 14.64%,50% 0%,85.36% 14.64%);
	background: #FC3A51;
	animation: nsmove 24s infinite linear;
}
.ns-loader:before,
.ns-loader:after {
	content:"";
	grid-area: 1/1;
	background: #AAAAAA;
	clip-path: polygon(100% 50%,81.17% 89.09%,38.87% 98.75%,4.95% 71.69%,4.95% 28.31%,38.87% 1.25%,81.17% 10.91%);
	margin: 12%;
	animation: inherit;
	animation-duration: 40s;
}
.ns-loader:after {
	background: #FFF;
	clip-path: polygon(100% 50%,75% 93.3%,25% 93.3%,0% 50%,25% 6.7%,75% 6.7%);
	margin: 24%;
	animation-duration: 12s;
	animation-direction: reverse;
}
@keyframes nsmove {to{rotate: 1turn}}

.ns-loaderminilight, .ns-loaderminidark {
	display: inline-block;
	vertical-align: middle;
	.ns-loader {
		width: 44px;
	}
}
.v-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* span {
	pointer-events: none;/ *requis pour eviter que les span soit à l'origine des clicks //fait planter click sur span * /
} */

#overview-offcanvas {
	width: 860px;
	min-width: 360px;
}
#sm-edit-offcanvas {
	max-width: 400px;
}
#top-offcanvas { min-height: 40vh; }
#top-offcanvas svg { max-height: 30vh; }

div.custom-profile {
	background-color: var(--ns-body-bg);
}
.ajx { cursor: pointer;}

#pdf-view { font-family: sans-serif; padding: 0 20px; }
#pdf-view ul { list-style-type: none; }
#pdf-view ul li:before { content: "-"; }


/* .subcard .card {
	background-color : var(--ns-border-color);
} */
.forced-pm {
	padding-right: 1rem;
	padding-left: 1rem !important;
}

/* table sort */
th.sort {
	cursor: pointer;
}
.table th.sort::before {
	content: "\ea50";
	position: absolute;
	right: 0.5rem;
	top: 18px;
	font-size: 0.8rem;
	font-family: "remixicon";
}
.table th.sort::after {
	content: "\ea56";
	position: absolute;
	right: 0.5rem;
	font-size: 0.8rem;
	top: 12px;
	font-family: "remixicon";
}
/* */
#glowing-box-section {
	text-align: center;
	margin: 4rem 0;
}
.sign {
	border-color: #ff00ff;
	animation: glow-border 2s infinite alternate;
}
#external-events .external-event {
	border-color: #6bc5fb;
	animation: glow-border-b 2s infinite alternate;
}

@keyframes glow-border {
	50% { box-shadow: 0 0 5px rgba(10, 179, 156, 0.7), 0 0 10px rgba(10, 179, 156, 0.7), 0 0 20px rgba(10, 179, 156, 0.7); }
}

@keyframes glow-border-b {
	50% { box-shadow: 0 0 5px rgba(41, 156, 219, 0.7), 0 0 10px rgba(41, 156, 219, 0.7), 0 0 20px rgba(41, 156, 219, 0.7); }
}

/* The switch * /
.switch {
	position: relative;
	display: inline-block;
	width: 76px;
	height: 26px;
}
.switch.right {
	float: right;
	margin-right: 0 !important;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 76px;
	background-color: var(--ns-input-bg-custom);
	border: var(--ns-border-width) solid var(--ns-border-color-translucent);
	transition: .2s;
	font-size: 0.85rem;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: var(--ns-border-color);
	transition: .2s;
}

input:checked + .slider {
	background-color: #405189;
}

input:checked + .slider:before {
	transform: translateX(26px);
	background-color: --ns-form-switch-bg;
	left: 24px;
}

.slider.round {
	border-radius: 2em;
}
.slider.round:before {
	border-radius: 50%;
}
[type="checkbox"] + .slider {
	
}
[type="checkbox"]:not(:checked) + .slider:after {
	position: absolute;
	content: "non";
	left: 34px;
	color: #c11818;
	line-height: 24px;
}
[type="checkbox"]:checked + .slider:after {
	position: absolute;
	content: "oui";
	color: white;
	line-height: 24px;
	padding-left: 4px;
	left: 8px;
}
/* \switch */


/*
.ns-loader {
	width: 55px;
	aspect-ratio: 1;
	--g1:conic-gradient(from  90deg at 3px 3px ,#0000 90deg,#fff 0);
	--g2:conic-gradient(from -90deg at 22px 22px,#0000 90deg,#fff 0);
	background:var(--g1),var(--g1),var(--g1), var(--g2),var(--g2),var(--g2);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	animation: nsmove1 2s infinite;
}
@keyframes nsmove1 {
	0%   {background-position: 0    0   ,0 100%,100% 100% }
	25%  {background-position: 100% 0   ,0 100%,100% 100% }
	50%  {background-position: 100% 0   ,0 0   ,100% 100% }
	75%  {background-position: 100% 0   ,0 0   ,0    100% }
	100% {background-position: 100% 100%,0 0   ,0    100% }
}
.ns-loaderminilight, .ns-loaderminidark {
	display: inline-block;
	vertical-align: middle;
}
.ns-loaderminilight {
	width: 44px;
	aspect-ratio: 1;
	--g1:conic-gradient(from  90deg at 3px 3px ,#0000 90deg,#fff 0);
	--g2:conic-gradient(from -90deg at 17px 17px,#0000 90deg,#fff 0);
	background:var(--g1),var(--g1),var(--g1), var(--g2),var(--g2),var(--g2);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	animation: nsmove1 2s infinite paused;
}
.ns-loaderminidark {
	width: 44px;
	aspect-ratio: 1;
	--g1:conic-gradient(from  90deg at 3px 3px ,#0000 90deg,#6D7080 0);
	--g2:conic-gradient(from -90deg at 17px 17px,#0000 90deg,#6D7080 0);
	background:var(--g1),var(--g1),var(--g1), var(--g2),var(--g2),var(--g2);
	background-size: 20px 20px;
	background-repeat: no-repeat;

	animation-name: nsmove1;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-play-state: paused;
}
.ns-loaderminidark:hover, .ns-loaderminilight:hover {
	animation-play-state: running;
}

*/