/*------------------------------------------------------------------------
# Custom CSS
# ------------------------------------------------------------------------
# COSS Admin 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;
}
.custom-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;
}
.custom-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;
}
.custom-loader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(50% - 60px), calc(50% - 46px));
}
/*--- Header ---*/

/* header top */

@media (min-width: 992px) {
	.header .header-top {
		height: 80px;
		background: linear-gradient(167deg, #00c8ff, #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, #00c8ff, #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;
	}
}

/* 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;
}

/* 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-adaptability.png');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.written-communication .skill-bg.card-body {
	background-image: url('/images/skill/icon-bg-written-communication.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;
}

.approved {
	color: green !important;
}

.not-approved {
	color: red !important;
}

/* 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%;
}

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

/* Student recipient list */

.low {
	color: white;
	background-color: #1b0f90 !important;
	border: none;
}

.medium {
	color: white;
	background-color: #0b83f9 !important;
	border: none;
}

.high {
	color: white;
	background-color: #3cc9fc !important;
	border: none;
}

.l-none {
	list-style: none;
}
.m-left {
	margin-left: 1rem;
}

.t-color {
	color: #62ceff !important;
}

.blue {
	color: #0b83f9 !important;
	width: 1rem;
}