/*------------------------------------------------------------------------
# Custom CSS
# ------------------------------------------------------------------------
# 5feedback Client BO Custom Theme Style
# Created by Bluelogic
# Websites:  https://www.bluelogic.fr -  Email: contact@bluelogic.fr
--------------------------------------------------------------------------
    1.   Layout
    2.   Pages
    3.   Utilities
--------------------------------------------------------------------------------*/

/* 01. Layout
--------------------------------------------------------------------------------*/

/*--- Body ---*/

.bg-linear-shade {
	background: linear-gradient(167deg, #0C83F9, #00C8FF);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/*--- Header ---*/

/* header top */

@media (min-width: 992px) {
	.header .header-top {
		height: 80px;
		background: linear-gradient(167deg, #5fb0fc, #0c83f9);
	}
}

/* menu icon four square top header */

@media (min-width: 992px) {
	.header-top #kt_quick_panel_toggle .svg-icon svg g [fill] {
		fill: #fff;
	}
}

/*--- Header Mobile ---*/

/* bg color */

@media (max-width: 991.98px) {
	.header-mobile {
		background: linear-gradient(167deg, #5fb0fc, #0c83f9);
	}
}

/* burger menu icon */

@media (max-width: 991.98px) {
	.header-mobile .burger-icon span,
	.header-mobile .burger-icon span::before,
	.header-mobile .burger-icon span::after {
		background-color: #fff;
	}
}

.burger-icon span,
.burger-icon span::before,
.burger-icon span::after {
	background-color: #fff;
}

/* user menu icon */

@media (max-width: 991.98px) {
	.header-mobile #kt_header_mobile_topbar_toggle.btn .svg-icon svg g [fill] {
		fill: #fff;
	}
}

#kt_header_mobile_topbar_toggle .svg-icon svg g [fill] {
	fill: #fff;
}

/* quick panel */

@media (max-width: 991.98px) {
	.symbol .symbol-label.bg-custom-mobile-quick-profil {
		background-color: #0083f9 !important;
	}

	.topbar
		.topbar-item
		.btn.btn-icon:hover:not(.btn-text):not(:disabled):not(.disabled),
	.topbar .topbar-item .btn.btn-icon:focus:not(.btn-text),
	.topbar .topbar-item .btn.btn-icon.focus:not(.btn-text) {
		background-color: #ffffff !important;
	}
}

/*--- Navigation ---*/

@media (min-width: 992px) {
	.header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
		background-color: #f3f6f9;
	}

	.header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
		color: #0083f9;
	}

	.header-menu
		.menu-nav
		> .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)
		> .menu-link
		.menu-text {
		color: #0083f9;
	}

	.header-menu
		.menu-nav
		> .menu-item:hover:not(.menu-item-here):not(.menu-item-active)
		> .menu-link
		.menu-text,
	.header-menu
		.menu-nav
		> .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)
		> .menu-link
		.menu-text {
		color: #0083f9;
	}
}

.icons-actions {
	display: grid;
	grid-template-columns: 0.5fr 0.5fr 0.5fr;
	gap: 0px 2px;
}

#batch-actions-form {
	width: 90em;
}

#submit-btn {
	height: 39px;
	align-self: center;
	gap: 5px;
	margin-top: 3px;
}
/* custom table-hover color for dashboard part */
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: #bdd4e7;
}

/* 02. Pages
 --------------------------------------------------------------------------------*/

/*--- Login page ---*/

.login-signin #eye-show-password {
	cursor: pointer;
}

/*--- Add recipients ---*/

@media (min-width: 576px) {
	#firstAddRecipientsModal .modal-dialog {
		max-width: 95%;
	}
}

/* reset list style */

.recipients li {
	list-style: none;
	border-bottom: 1px dashed #ebedf3;
	margin-top: 20px;
	margin-bottom: 20px;
}

ul.recipients li:last-child {
	border-bottom: none;
}

ul.recipients {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0;
}

/*--- Students list ---*/

.datatable-body .datatable-cell span.cell-date-none {
	color: #fff !important;
	font-size: 2px !important;
	line-height: 0;
	visibility: hidden !important;
}

/**/
#hidden-checkbox {
	visibility: hidden !important;
}

/* Forms */

.card:not(.add-document-form) .card-body .form-group:last-child {
	margin-bottom: 0.5rem;
}

/*--- Tutor Students show ---*/

/* Modal in modal */

.modal {
	overflow-y: auto !important;
}

/* Skills card */

.skills-card .card {
	cursor: pointer;
}

/* Skill card image */

.skill-bg.card-body {
	background-repeat: no-repeat !important;
	background-position: 100% 90% !important;
	background-size: auto 96% !important;
}

.skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-adaptabilite.png');
}

.adaptabilite .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-adaptabilite.png');
}

.affirmation-de-soi .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-affirmation-de-soi.png');
}

.agilite-digitale .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-agilite-digitale.png');
}

.analyse-synthese .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-analyse-synthese.png');
}

.apprentissage .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-apprentissage.png');
}

.autonomie .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-autonomie.png');
}

.bienveillance .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-bienveillance.png');
}
.com-digitale .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-com-digitale.png');
}

.com-ecrite .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-com-ecrite.png');
}

.com-orale .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-com-orale.png');
}

.conduite-du-changement .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-conduite-du-changement.png');
}

.creativite .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-creativite.png');
}

.delegation .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-delegation.png');
}

.dev-equipes .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-dev-equipes.png');
}

.ecoute .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-ecoute.png');
}

.engagement-citoyen .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-engagement-citoyen.png');
}

.engagement-rse .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-engagement-rse.png');
}

.empathie .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-empathie.png');
}

.esprit-d-equipe .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-esprit-d-equipe.png');
}

.etre-constructif .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-etre-constructif.png');
}

.feedback .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-feedback.png');
}

.gestion-de-projet .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-gestion-de-projet.png');
}

.gestion-du-stress .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-gestion-du-stress.png');
}

.gestion-du-temps .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-gestion-du-temps.png');
}

.impact-en-anglais .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-impact-en-anglais.png');
}

.leadership .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-leadership.png');
}

.management-a-distance .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-management-a-distance.png');
}

.orientation-resultat .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-orientation-resultat.png');
}

.ouverture-culturelle .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-ouverture-culturelle.png');
}

.prise-initiative .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-remote-prise-initiative.png');
}

.prise-de-decision-1.skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-prise-de-decision-1.png');
}

.prise-de-decision-2 .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-prise-de-decision-2.png');
}

.resolution-pb-complexe .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-resolution-pb-complexe.png');
}

.securite-des-donnees .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-securite-des-donnees.png');
}

.sens-relationnel .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-sens-relationnel.png');
}

.travail-a-distance .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-travail-a-distance.png');
}

.travail-en-reseau .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-travail-en-reseau.png');
}

.vision-strategique .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-vision-strategique.png');
}


/* Skill Popup */

@media (min-width: 576px) {
	#skillModalView .modal-dialog {
		max-width: 99% !important;
	}
}

/*--- Badge Detail page ---*/

.badge-detail-page .badge-bg {
	height: 192px;
}

.badge-detail-page .badge-container {
	position: relative;
}

.badge-detail-page .badge-title,
.badge-detail-page .badge-score {
	position: absolute;
}

.badge-detail-page .badge-title {
	bottom: 85px;
}

.badge-detail-page .badge-score {
	bottom: 49px;
}

.badge-detail-page .badge-title-content {
	min-height: 40px;
}

.badge-detail-page .badge-title h4 {
	color: #fff;
	font-size: 13px;
	line-height: 12px;
	font-weight: 500;
	text-transform: uppercase;
	max-width: 148px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.badge-detail-page .badge-score h5 {
	color: #000;
	font-size: 19px;
}

.badge-detail-page .badge-image {
	height: 168px;
}

.badge-detail-page .center {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
}

/* 03. Utilities
 --------------------------------------------------------------------------------*/

/*--- Text color ---*/

.text-black-100 {
	color: #000;
}

/* Dashboard Part 
----------------------------------------------------------------------------------*/
/* disabling btn default background-color for pdf export */
.btn-card {
	background-color: transparent;
}

/* setting btn / fa-info position */
.btn-info-align {
	position: absolute;
	right: -5px;
	top: -5px;
}

/* used for fa fa-info icons */
.white {
	color: white;
}

.coffee {
	background-color: #49321d;
}

.export-loader {
	background: #fff;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 810;
	text-align: center;
	transition: background ease 0.2s, opacity ease 0.2s, visibility ease 0.2s;
}
.export-loader.in {
	background: rgba(255, 255, 255, 0.9);
	visibility: visible;
	opacity: 1;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 810;
	transition: background ease 0.2s, opacity ease 0.2s, visibility ease 0.2s;
}
.export-loader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(50% - 60px), calc(50% - 46px));
}

#onboarded-users-error {
	display: none;
}

#onboarded-users-error.in {
	display: block;
}

@media (min-width: 320px) and (max-width: 480px) {
	.card-inner-img {
		margin-top: 1rem;
		width: 8rem;
	}
	.card-bigger-picture {
		margin-top: 2rem;
		width: 14rem;
	}
	.chart-illustration {
		width: 22rem;
		margin-top: 2rem;
	}
	.margin-t {
		margin-top: 1rem;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.card-inner-img {
		margin-top: 1rem;
		width: 9rem;
	}
	.card-bigger-picture {
		margin-top: 2rem;
		width: 13rem;
	}
	.chart-illustration {
		width: 22rem;
		margin-top: 2rem;
	}
}

@media (min-width: 1025px) and (max-width: 1280px) {
	.card-inner-img {
		width: 14rem;
	}
	.card-bigger-picture {
		margin-top: 2rem;
		width: 15rem;
	}
	.chart-illustration {
		width: 40rem;
	}
}

@media (min-width: 1281px) {
	.card-inner-img {
		width: 14rem;
	}
	.card-bigger-picture {
		width: 15rem;
	}
	.chart-illustration {
		width: 40rem;
	}
}

/* 04. Manager Hierarchical List
 --------------------------------------------------------------------------------*/

.valid {
	color: green;
	font-weight: 700;
}

.cancel {
	color: red;
	font-weight: 700;
}

/** Custom classes for index.html.twig template used in Hierarchical folder in AdminBundle **/
.font-white {
	color: white;
}

.list-style {
	list-style: none;
	padding: 10px;
}

input {
	border: 1px solid transparent;
	background-color: #f1f1f1;
	padding: 10px;
	font-size: 16px;
}

input[type=text] {
	background-color: #f1f1f1;
	width: 100%;
}

.autocomplete {
	/*the container must be positioned relative:*/
	position: relative;
	display: inline-block;
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
}
.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9;
}
.autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important;
	color: #ffffff;
}

.block-info-name {
	font-weight: lighter !important;
	font-size: 14px;
}