/* Colors *******************/

:root {

	--transdev-primary-color: #DB0717;
	--transdev-primary-white: #ffffff;
	
	/* Secondary */
	
	--transdev-secondary-color-saumon: #F2B999;
	--transdev-secondary-color-orange: #FF7841;
	--transdev-secondary-color-bordeaux: #F2B999;
	--transdev-secondary-color-violet: #3C0C44;
	--transdev-secondary-color-blue: #3391AA;
	--transdev-secondary-color-green: #A3CAB8;
	--transdev-secondary-color-black: #1E1E1E;
	
	/* Greys */
	
	--transdev-grey-lightest-bg: #f6f6f6;
	--transdev-grey-lighter-bg: #e7e8eb;
	--transdev-grey-lightest: #CFD2D7;
	--transdev-grey-lighter: #b6bbc3;
	--transdev-grey-light: #9EA4AF;
	--transdev-grey: #6E7788;
	--transdev-grey-text: #566074;
	--transdev-grey-darkest: #000064;
}

/* Preset Tags *******************/

body, p {
	color: var(--transdev-secondary-color-black);
}

h1, h2, h3, h4,
h1.simplified, h2.simplified, h3.simplified, h4.simplified {
	color: var(--transdev-secondary-color-black);
}

a,
a:hover,
a:focus,
a:active {
	color: var(--transdev-grey-text);
}

a > .fa,
a:hover > .fa, 
a.selected > .fa {
	color: var(--transdev-grey-text);
}

body .error {
	color: var(--transdev-secondary-color-orange) !important;
}

/* Label / Input Text *******************/

label {
	color: var(--transdev-grey-light);
}

input[type="text"], 
input[type="password"], 
input[type="number"], 
textarea {
	border-color: var(--transdev-grey);
	box-shadow: 0px 1px 4px 0px #00006412;
}

input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="number"]:hover, 
textarea:hover {
	border-color: var(--transdev-grey);
}

input[type="text"]:focus, 
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: var(--transdev-grey-light) !important;
}

.input-icon i {
	color: var(--primary-color);
}

/* Radio / Checkbox *******************/

.input-option-container span {
	color: var(--transdev-grey-darkest);
}

input[type=checkbox]:checked + span:before, 
input[type=radio]:checked + span:before {
	border-color: var(--transdev-primary-color);
}

input[type=checkbox]:checked + span i {
	color: var(--transdev-primary-color);
}

input[type=checkbox] + span:before, 
input[type=checkbox]:hover + span:before, 
input[type=radio] + span:before,
input[type=radio]:hover + span:before {
	border-color: var(--transdev-grey-lighter);
}

input[type=checkbox][disabled]:checked + span:before, 
input[type=radio][disabled]:checked + span:before {
	border-color: var(--transdev-primary-color);
}

input[type=radio]:checked + span:after {
	background-color: var(--transdev-primary-color);
}

input[type=checkbox]:checked:hover + span:before, 
input[type=radio]:checked:hover + span:before {
	border-color: var(--transdev-primary-color);
}

/* Select *******************/

.custom-select-container .custom-select:not(.flag-select) .select-list .placeholder {
	border-color: var(--transdev-grey-lightest);
}

.custom-select-container .custom-select:not(.open) > ul {
	border-color: transparent;
}

.custom-select-container .select-list:hover .placeholder, 
.select-list ul {
	border-color: var(--transdev-primary-color);
}

.select-list ul {
	box-shadow: none;
}

.custom-select-container .custom-select i {
	color: var(--transdev-grey-light);
}

.custom-select.open .select-list ul li:hover {
	background-color: var(--transdev-primary-color);
	color: var(--transdev-primary-white);
}

/* Call To Action *******************/

.cta-action .fa, 
.cta-action:hover .fa, 
.cta-contextual.main,
.cta-contextual.main:hover,
.cta-contextual.primary,
.cta-contextual.primary:hover {
	background-color: var(--transdev-primary-color);
	color: var(--transdev-primary-white);
	border-color: var(--transdev-primary-color);
}

.cta-action span {
	color: var(--transdev-primary-color);
}

.cta-contextual,
.cta-contextual:hover {
	background-color: var(--transdev-primary-white);
	color: var(--transdev-primary-color);
	border-color:  var(--transdev-primary-color);
}
.cta-contextual.secondary,
.cta-contextual.secondary:hover {
	background-color:  var(--transdev-primary-color);
	color: var(--transdev-primary-white);
	border-color:  var(--transdev-primary-color);
}

.cta-contextual.main i,
.cta-contextual.main:hover i,
.cta-contextual i,
.cta-contextual:hover i {
	color: var(--transdev-primary-white);
}

@media (max-width: 768px) {

	.cta-action:not(.light):not(.cta-timer) {
		background-color: var(--transdev--primary-color);
	}
}

/* Gauges *******************/

.gauge-horizontal,
.gauge-horizontal.simple-gauge {
	background-color: var(--transdev-grey-lighter-bg);
}

.gauge-horizontal .gauge-display,
.gauge-horizontal.simple-gauge .gauge-display {
	background-color: var(--transdev-secondary-color-blue);
}

.gauge-list .gauge-display {
	background-color: var(--transdev-secondary-color-blue);
}

/* Badge *******************/

.badge-container .badge {
	background-color: var(--transdev-primary-color) !important;
	border-color: var(--transdev-primary-white);
}

.badge {
	color: var(--transdev-primary-white);
}

.badge-container i {
	color: var(--transdev-grey-light);
}

/* Banner *******************/

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

/* Star Ranking *******************/

.star-ranking .fa {
	color: var(--transdev-grey-lightest);
}

.star-ranking i {
	color: var(--transdev-secondary-color-blue);
}

.star-ranking-container .legend,
.star-1 .fa:first-child,
.star-2 .fa:first-child,
.star-2 .fa:nth-child(2),
.star-3 .fa:first-child,
.star-3 .fa:nth-child(2),
.star-3 .fa:nth-child(3),
.star-4 .fa:first-child,
.star-4 .fa:nth-child(2),
.star-4 .fa:nth-child(3),
.star-4 .fa:nth-child(4),
.star-5 .fa,
.star-ranking:hover .fa {
	color: var(--transdev-secondary-color-blue);
}

.contrast.star-1 .fa:first-child,
.contrast.star-2 .fa:first-child,
.contrast.star-2 .fa:nth-child(2),
.contrast.star-3 .fa:first-child,
.contrast.star-3 .fa:nth-child(2),
.contrast.star-3 .fa:nth-child(3),
.contrast.star-4 .fa:first-child,
.contrast.star-4 .fa:nth-child(2),
.contrast.star-4 .fa:nth-child(3),
.contrast.star-4 .fa:nth-child(4),
.contrast.star-5 .fa,
.contrast.star-ranking:hover .fa {
	color: var(--transdev-primary-white);
}

.star-ranking .fa:hover ~ .fa {
	color: var(--transdev-grey-lightest);
}

/* Mode Buttons *******************/

.settings .card-mode-btn,
.settings .list-mode-btn {
	color: var(--transdev-grey-lighter);
}

.settings .card-mode-btn.selected,
.settings .list-mode-btn.selected {
	background-color: var(--transdev-grey-lighter-bg);
	color: var(--transdev-secondary-color-black);
}

/* Course Preview *******************/

.card-mode .preview.default-course-preview {
	background-color: var(--transdev-grey-lightest-bg);
	box-shadow: none;
}

.card-mode .preview.default-course-preview > div.inner {
	background-color: transparent;
}

.hearted i::before {
	color: var(--transdev-primary-color);
}

.hearted.selected i::before {
	color: var(--transdev-primary-color);
}

.card-mode .preview.course-preview:hover .preview-hover .cta-action .fa {
	background-color: var(--transdev-primary-color);
}

.preview.default-course-preview .hashtag {
	color: var(--transdev-secondary-color-blue);
}

.preview.default-course-preview .other-data {
	color: var(--transdev-secondary-color-black);
}

@media (max-width: 768px) {
	
	.list-mode .preview.default-course-preview .card-list-btn-container .cta-action {
		background-color: var(--transdev-primary-color);
	}
}

/* Accordion *******************/

.accordion {
	background-color: transparent;
}

.accordion-button .fa,
.accordion-button .fa-chevron-right {
	border-color: transparent;
	background-color: transparent;
	color: var(--transdev-secondary-color-black);
}

.accordion-panel .accordion-button {
	color: var(--transdev-primary-color);
}

/* Courses Wall Container *******************/

.my-stakes-container .generic-wall-container .news-wall-btn i,
.my-stakes-container .generic-wall-container .news-wall-btn:hover i {
	background-color: var(--transdev-primary-color);
}

.my-stakes-container .generic-wall-container .news-wall-btn:before {
	border-color: var(--transdev-grey-text);
}

/**************************************************/
/* Navigation */ 
/**************************************************/

.main-container .colored-row-container {
	background-color: transparent;
}

/* Header *******************/

header {
	background-color: var(--transdev-primary-white);
	box-shadow: none;
	border-bottom-color: #f0f1f3;
}

header .main-nav > ul > li > a,
.main-nav > ul > li > a,
.main-nav > ul > li > a > .fa,
header .nav-submenu > li a i {
	color: var(--transdev-secondary-color-black) !important;
}

header .main-nav > ul > li + li:before {
	background-color: var(--transdev-grey-lightest);
}

.main-nav > ul > li > a.selected {
	color: var(--transdev-primary-color) !important;
}

.main-nav > ul > li > a:not(.selected):hover {
	color: var(--transdev-primary-color);
}

header .main-nav > ul > li > a.selected:before,
header .main-nav > ul > li > a.selected:after {
	background-color: var(--transdev-primary-color);
}

header .header-content .help {
	border-color: #9ea4af;
}

header .header-content .help > .fa {
	color: #9ea4af;
}

header .header-search-block .custom-select .select-list .placeholder,
header .multiple-select-container .custom-select:not(.open) > .select-list:hover .placeholder {
	border-color: var(--transdev-grey-lighter-bg);
}

header .header-search-block .multiple-select-container .multiple-select-btn .fa {
	color: var(--transdev-secondary-color-black);
}

header .side-nav-btn,
header .side-nav-btn:hover,
header .side-nav-btn .fa,
header .side-nav-btn:hover .fa {
	color: var(--transdev-secondary-color-black);
}

header .header-content .side-nav-btn {
	border-color: var(--transdev-grey-lightest);
}

header .logged-in-profile-container {
	background-color: transparent;
}

header .logged-in-profile > .name {
	color: var(--transdev-secondary-color-black);
}

header .nav-submenu > li:hover {
	background-color: var(--transdev-secondary-color-black);
}

header .nav-submenu > li#liGoToLogoff:hover {
	background-color: var(--transdev-secondary-color-orange);
}

.profile-reminders a .fa,
.profile-reminders a:hover, 
.profile-reminders a:hover .fa {
	color: var(--transdev-grey-light);
}

/* Footer *******************/

footer {
	color: var(--transdev-primary-white);
	background-color: var(--transdev-secondary-color-black);
}

footer p {
	color: var(--transdev-primary-white);
}

footer .transdev-footer-tagline {
	color: var(--transdev-grey);
}

footer .transdev-footer-tagline span {
	color: var(--transdev-primary-white);
}

footer .transdev-footer-content .transdev-footer-btn,
footer .transdev-footer-content .transdev-footer-btn .fa,
footer .transdev-footer-content .transdev-footer-btn:hover,
footer .transdev-footer-content .transdev-footer-btn:hover .fa {
	color: var(--transdev-primary-white);
	border-color: var(--transdev-primary-white);
}

/* Side Nav *******************/

.sidebar-nav {
	background-color: var(--transdev-secondary-color-black);
}

.sidebar-nav-list .selected .fa {
	background-color: transparent !important;
	color: var(--transdev-primary-white) !important;
}

.sidebar-nav-list .selected {
	background-color: var(--transdev-grey-text) !important;
	color: var(--transdev-primary-white) !important;
}

#sidebar-nav-container .sidebar-nav-list ~ .sidebar-nav-list,
#sidebar-nav-container .sidebar-nav-list .logout {
	border-top-color: var(--transdev-primary-white);
}

#sidebar-nav-container .sidebar-nav-list a.selected:hover, 
#sidebar-nav-container .sidebar-nav-list a.selected:hover .fa {
	color: var(--transdev-grey-text);
}

#sidebar-nav-container .sidebar-nav-list a:not(.selected):hover {
	color: var(--transdev-primary-white);
}

#sidebar-nav-container .sidebar-nav-list a:not(.selected):hover .fa {
	color: var(--transdev-primary-white);
}

#sidebar-nav-container .sidebar-nav-list > li > .custom-select {
	background-color: var(--transdev-grey-text);
}

#sidebar-nav-container .sidebar-nav-list .custom-select .fa {
	color: var(--transdev-primary-white);
}

/* Breadcrumbs *******************/

.breadcrumbs-container .back-btn {
	border-color: var(--transdev-grey-light);
	color: var(--transdev-grey-text);
}

.breadcrumbs-container .back-btn:hover i {
	color: var(--transdev-primary-color);
}

.breadcrumbs {
	color: var(--transdev-grey-text);
}

.breadcrumbs li:before {
	background-color: var(--transdev-secondary-color-black);
}

.breadcrumbs li:hover,
.breadcrumbs li:hover a {
	color: var(--transdev-primary-color);
}

.breadcrumbs li:hover:before {
	background-color: var(--transdev-primary-color);
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child a {
	color: var(--transdev-secondary-color-black);
}

.breadcrumbs li:last-child:before {
	background-color: var(--transdev-grey-text);
}

/**************************************************/
/* Pages */ 
/**************************************************/

/* Login *******************/

body#login .cta-action,
body#login .cta-action:hover {
	background-color: var(--transdev-primary-color);
	color: var(--transdev-primary-white);
	border-color: var(--transdev-primary-color);
}

body#login .cta-action span {
	color: var(--transdev-primary-white);
}

body#login .footer-options .support-block-login .cta-contextual, 
body#login .footer-options .discreet {
	color: var(--transdev-grey-text) !important;
}

body#login .select-list ul {
	border-color: var(--transdev-primary-color);
	box-shadow: 0px 1px 4px 0px #00006412;
}

.custom-select.flag-select.open .select-list ul li:hover {
	background-color: var(--transdev-grey-lightest-bg);
}

.popup {
	box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.3);
}

.front-popup {
	border-color: var(--transdev-primary-color);
}

.popup .cookie-form .cookie-choice label.toggle-info {
	color: var(--transdev-grey-text);
}

body.front-popup-body.logged-in:not(.learning-ressource) h3, 
body.front-popup-body.logged-in:not(.learning-ressource) h4 {
	color: var(--transdev-secondary-color-black);
}

.popup > .close-btn::before {
	border-right-color: var(--transdev-grey-text);
}

.popup > .close-btn::after {
	border-bottom-color: var(--transdev-grey-text);
}

.popup > .close-btn:hover::before {
	border-right-color: var(--transdev-primary-color);
}

.popup > .close-btn:hover::after {
	border-bottom-color: var(--transdev-primary-color);
}

body#login h2 {
	color: var(--transdev-secondary-color-black);
}

#login #forgottenPassword .cta-container .cta-contextual.primary:hover {
	border-color: var(--transdev-primary-color);
	background-color: var(--transdev-primary-color);
}

.js-float-label-wrapper.populated label {
	color: var(--transdev-grey-light) !important;
}

/* Home *******************/

/* Main banner */

/* .logged-in.body-home .widget-freetext.header-widget { /* Large banner background color *//*
	background-color: var(--transdev-primary-color);
} */

.transdev-home-banner-container {
	background-color: var(--transdev-primary-color);
}

.transdev-home-banner-text h1,
.transdev-home-banner-text .intro-p {
	color: var(--transdev-primary-white);
}

/* Quote */

/* .logged-in.body-home .colored-row-container.widget-freetext { /* Large banner background color *//*
	background-color: #920024;
} */

.transdev-home-quote-container {
	background-color: #920024;
	color: var(--transdev-primary-white);
}

.transdev-home-quote-author-desc h4 {
	color: var(--transdev-primary-white);
}

.transdev-home-quote-text p {
	color: var(--transdev-primary-white);
}

/* News */

.news_widget .news-feed-container .preview > .inner .title {
	color: var(--transdev-primary-color);
}

.news_widget .news-feed-container .preview > .inner .descr {
	color: var(--transdev-secondary-color-black) !important;
}

.news_widget .news-feed-container.newsprepa .following-content {
	border-color: var(--transdev-primary-color);
}

.news_widget .news-feed-container.newsprepa .following-content a {
	color: var(--transdev-primary-color) !important;
}

/* Featured */

.news-wall-btn {
	background: none;
}

.news-wall-btn i,
.news-wall-btn:hover i {
	background-color: var(--transdev-primary-color);
	color: var(--transdev-primary-white);
}

.my-stakes-container .generic-wall-container .news-wall-col.ending .news-wall-row {
	color: var(--transdev-primary-color);
	border-color: var(--transdev-primary-color);
}

/* Categories */

.widget-categories-list li:hover h4 {
	color: var(--transdev-primary-color);
}

/* Formations *******************/

.main-container .colored-row-container.trainings {
	border-bottom-color: #f0f1f3;
}

.trainings-main-container .trainings-main-content {
	border-right-color: #f0f1f3;
}

.trainings-main-current h3 {
	color: var(--transdev-primary-color);
}

.trainings-main-container h1 {
	color: var(--transdev-secondary-color-black);
}

.trainings-numbers-container .training-numbers-summary .training-value-container,
.trainings-numbers-container .training-numbers-summary .training-value {
	color: var(--transdev-secondary-color-black);
}

.trainings-numbers-container .training-numbers-summary .training-value-container:first-child .training-value {
	color: var(--transdev-primary-color);
}

.trainings-numbers-container .training-counter.in-progress {
	background-color: var(--transdev-secondary-color-blue);
}

.trainings-numbers-container .training-counter.to-be-done {
	background-color: var(--transdev-secondary-color-violet);
}

.trainings-numbers-container .training-counter .training-value,
.trainings-numbers-container .training-counter span {
	color: var(--transdev-primary-white);
}

.trainings-numbers-container .training-counter.done {
	background-color: var(--transdev-secondary-color-green);
}

.trainings-numbers-container .training-counter.done .training-value,
.trainings-numbers-container .training-counter.done span {
	color: var(--transdev-secondary-color-black);
}

.trainings-numbers-container .training-counter-footer a {
	color: var(--transdev-primary-color);
}

/* Course *******************/

.col-lesson-menu-header .data i {
	color: var(--transdev-secondary-color-black);
}

.col-lesson-menu-sidebar a,
.col-lesson-menu-sidebar a i {
	color: var(--transdev-secondary-color-black);
}

.col-lesson-menu-sidebar a:hover,
.col-lesson-menu-sidebar a:hover i {
	color: var(--transdev-primary-color);
}

.col-lesson-menu-container {
	background-color: transparent;
}

.timeline-table-wrapper .timeline-table .status-current {
	background-color: var(--transdev-primary-color);
}

.timeline-table tr.previous td:first-child,
.timeline-table-wrapper .timeline-table .status-current::before {
	border-left-color: var(--transdev-secondary-color-black);
}

.timeline-table-wrapper .timeline-table .status-todo {
	color: var(--transdev-primary-color);
}

.timeline-table .status-valid {
	color: var(--transdev-secondary-color-green);
	border-color: var(--transdev-secondary-color-green);
}

.timeline-table tr.current {
	background-color: var(--transdev-grey-lighter-bg);
}

.timeline-table tr.current td {
	color: var(--transdev-secondary-color-black);
}

.timeline-table tr.upcoming td:first-child {
	border-left-color: var(--transdev-grey-lighter-bg);
}

.timeline-table tr.upcoming td:first-child {
	color: var(--transdev-secondary-color-black);
}

.timeline-table-wrapper,
.timeline-table-wrapper table {
	border-top-color: var(--transdev-grey-lighter-bg);
	border-bottom-color: var(--transdev-grey-lighter-bg);
}

@media (max-width: 768px) {
	
	.lesson-menu-main-container .col-lesson-menu-header .cta-action {
		background-color: var(--transdev-primary-color);
	}
	
	.lesson-menu-main-container .col-lesson-menu-header .cta-action span {
		color: var(--transdev-primary-white);
	}
	
	.timeline-table-wrapper .cta-action {
		background-color: var(--transdev-primary-color) !important;
	}
}

/* Catalog *******************/

.catalog-page .main-container .catalog-main-search-container {
	background-color: transparent;
	border-bottom-color: #f0f1f3;
}

.catalog-page .catalogue-search-container .custom-select:not(.flag-select) .select-list .placeholder,
.catalog-page .catalogue-search-container .multiple-select-container .custom-select > .select-list .placeholder {
	border-color: var(--transdev-grey-lightest);
}

.catalogue-search-container .search-container .placeholder input[type='text'] {
	border-color: transparent !important;
}

.catalog-page .catalog-sidebar-filter-tab, 
.catalog-page .catalog-sidebar-filter-tab i, 
.catalog-page .catalog-sidebar-filter-tab:hover i {
	color: var(--transdev-primary-color);
}

.catalog-page .catalog-sidebar-filter-tab:hover, 
.catalog-page .catalog-sidebar-filter-tab:hover i, 
.catalog-page .catalog-sidebar-filter-tab.selected {
	background-color: var(--transdev-primary-color);
	color: var(--transdev-primary-white);
}

.catalog-page .catalog-sidebar-filter-col-container {
	border-color: var(--transdev-primary-color);
}

.catalog-page .catalog-sidebar-filter-col {
	box-shadow: none;
}

.catalog-page .catalog-result-sorting-options .select-list ul {
	border-color: var(--transdev-primary-color);
}

.catalog-page .catalog-result-sorting-options .select-list ul li {
	color: var(--transdev-secondary-color-black);
}

.catalog-page li.selected > .catalog-sidebar-filter-option, 
.catalog-page li.selected > a > .catalog-sidebar-filter-option, .catalog-page .catalog-sidebar-filter-option:hover {
	color: var(--transdev-primary-color);
	background-color: transparent;
}

.catalog-page .catalogue-sidebar-filter h4 {
	color: var(--transdev-secondary-color-black);
}

.catalog-page input[type=checkbox]:hover + span:before, 
.catalog-page input[type=checkbox]:checked + span:before, 
.catalog-page input[type=checkbox]:checked:hover + span:before, 
.catalog-page input[type=radio]:hover + span:before,
.catalog-page input[type=radio]:checked + span:before,
.catalog-page input[type=radio]:checked:hover + span:before {
	border-color: var(--transdev-primary-color);
	color: var(--transdev-primary-white);
}

.catalog-page input[type=checkbox]:checked + span:before, 
.catalog-page input[type=checkbox]:checked:hover + span:before, 
.catalog-page input[type=radio]:checked + span:before,
.catalog-page input[type=radio]:checked:hover + span:before {
	background-color: var(--transdev-primary-color);
}

.catalogue-sidebar-filter:not(:last-child) {
	border-bottom-color: var(--transdev-grey-lightest);
}

/* Catalog Course *******************/

.col-lesson-menu-header .data ~ .data {
	color: var(--transdev-secondary-color-black);
}

.catalog-infos {
	border-top-color: var(--transdev-grey-lightest);
}

.col-lesson-catalogue-main-container .col-lesson-menu-sidebar {
	box-shadow: none;
	background-color: var(--transdev-grey-lightest-bg);
}

/* Profile *******************/

#overview::before {
	background-color: transparent;
}

.profile-highlights::before {
	background-color: var(--transdev-grey-lightest-bg);
}

.profile-highlights .profile-highlight {
	min-width:136px;
	min-height:136px;
}

.profile-highlights .time {
	color: var(--transdev-secondary-color-black);
}

.profile-highlights .launches {
	background-color: var(--transdev-secondary-color-blue);
	color: var(--transdev-primary-white);
}

.profile-highlights .assignements {
	background-color: var(--transdev-secondary-color-violet);
	color: var(--transdev-primary-white);
}

.profile-highlights .badges {
	background-color: var(--transdev-secondary-color-black);
	color: var(--transdev-primary-white);
}

.contextual-menu > ul > li.selected > a,
.contextual-menu > ul > li.selected > span {
	color: var(--transdev-secondary-color-black);
}

.contextual-menu > ul > li.selected {
	border-bottom-color: var(--transdev-primary-color);
}

.contextual-menu > ul > li:not(.selected) > a:hover {
	color: var(--transdev-primary-color);
}

@media (max-width: 768px) {
	
	#overview #left-graph {
		flex-wrap: wrap;
	}
	
	#overview #left-graph .following-container:last-child {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
}

/* Profile Edition *******************/

#TblInstruction {
	background-color: var(--transdev-grey-lightest-bg);
}

#divProfil .ThumbnailSpace .fa-pencil:before {
	color: var(--transdev-primary-color);
}

#divProfil .custom-select .select-list .placeholder {
	border-color: var(--transdev-grey-lightest);
}

#divProfil .custom-select i {
	color: var(--transdev-grey-light);
}

#divProfil input[type="text"], 
#divProfil input[type="password"], 
#divProfil input[type="number"], 
#divProfil .input-file {
	border-color: var(--transdev-grey);
}

#divProfil label {
	color: var(--transdev-grey-light);
}

#divProfil .fa-calendar {
	color: var(--transdev-grey-light);
}

#divProfil .profile-password-container {
	background-color: var(--transdev-grey-lightest-bg);
}

#divProfil .pwdChangeBtns a,
#divProfil .pwdChangeBtns i {
	color: var(--transdev-primary-color);
}

#divProfil .cta-action i {
	box-shadow: none;
}

#divProfil .cta-action .cta-save input {
	background-color: var(--transdev-primary-color);
	color: var(--transdev-primary-white) !important;
}

@media (max-width: 768px) {
	
	#divProfil .cta-action {
		box-shadow: none;
		background-color: transparent;
	}
}