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

body, p {
	font-size: 14px;
	line-height: 20px;
}

body, h1, h2, h3, h4, h5 {
	font-family: Calibri, Roboto, Arial, Verdana, Sans-Serif;
}

h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 38px;
	line-height: 46px;
	padding-bottom: 10px;
}

h1:before,
h2:before,
h3:not(.question):before,
h4:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 3px;
}

h1:before {
	width: 72px;
	height: 6px;
}

h2 {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 36px;
	padding-bottom: 10px;
}

h2:before {
	width: 54px;
	height: 4px;
}

h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	padding-bottom: 10px;
}

h3:not(.question):before {
	width: 36px;
	height: 3px;
}

h4 {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

h4:before {
	width: 24px;
	height: 1px;
}

h1.simplified,
h2.simplified,
h3.simplified,
h4.simplified {
	padding-bottom: 0;
}

h1.simplified:before,
h2.simplified:before,
h3.simplified:not(.question):before,
h4.simplified:before {
	display: none;
}

h1 + h4 {
	margin-top: 10px;
}

p {
	margin-bottom: 20px;
}

a,
a.discreet {
	font-size: 16px;
	line-height: 22px;
}

a.discreet {
	opacity: 1;
}

a > span + .fa {
	font-size: 14px;
	padding-right: 0;
	padding-left: 8px;
}

@media (max-width: 768px) {
	
	h1 {
		font-size: 32px;
		line-height: 36px;
	}
}

.col-container.column {
	flex-direction: column;
}

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

::placeholder {
	font-size: 14px;
}

label.above {
	font-size: 14px;
	text-transform: inherit;
}

input[type="text"],
input[type="password"],
input[type="number"] {
	border-radius: 6px;
	padding: 10px 10px !important;
	font-size: 14px;
	line-height: 22px !important;
	height: 42px !important;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}

textarea {
	border-radius: 6px;
	padding: 10px 10px !important;
	font-size: 14px;
	line-height: 22px !important;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}

label input[type="text"], 
label input[type="password"], 
label input[type="number"],
label textarea {
	margin-top: 0px;
	font-size: 14px;
	line-height: 22px;
}

.input-icon input {
	padding-right: 30px !important;
}

.input-icon > a,
.input-icon .fa {
	font-size: 20px;
	width: 34px;
	height: 42px;
	line-height: 42px;
	bottom: 0;
}

textarea {
	line-height: 18px !important;
}

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

.custom-select-container {
	flex-direction: column;
}

.custom-select {
	height: 34px;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Verdana, Sans-Serif;
}

.custom-select,
.custom-select:not(.flag-select) .select-list .placeholder.selected,
.custom-select:not(.flag-select) .select-list ul li {
	font-size: 14px;
}

.select-list,
.select-list ul {
	padding-left: 0 !important;
}

/*.custom-select:not(.flag-select) .select-list ul li {
	padding: 8px 10px;
}

.custom-select:not(.flag-select) .select-list .placeholder {
	padding: 6px 10px !important;
	box-sizing: border-box;
	font-size: 14px !important;
	line-height: 24px;
	height: 34px;
}*/

.custom-select.multiline {
	border-radius: 3px;
}

.custom-select.multiline .select-list .placeholder {
	height: auto;
}

.custom-select.multiline .select-list .placeholder .option-legend {
	padding-bottom: 0;
}

.custom-select.multiline .select-list ul .ligroup {
	padding-bottom: 0;
}

.custom-select.multiline .select-list ul .ligroup > span {
	padding: 0;
}

.custom-select.multiline .select-list .ligroup ul > li {
	font-size: 14px;
	padding: 6px;
}

.custom-select.multiline .select-list .ligroup .option-legend {
	padding-top: 2px;
}

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

.input-option-container {
	font-size: 14px;
}

.input-option-container h4 {
	margin-bottom: 0;
}

input[type=checkbox] + span:before {
	border-radius: 6px;
}

input[type=checkbox] + span:before, input[type=radio] + span:before {
	border-width: 1px;
}

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

.cta-action {
	text-decoration: none;
}

.cta-contextual {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	height: auto;
	padding: 10px 14px;
	border-radius: 25px;
}

.cta-contextual.dashed {
	border-style: dashed;
	border-width: 1px;
}

.cta-contextual .fa {
	line-height: 20px;
	height: auto;
}

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

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

.badge-container .badge {
	top: -10px;
	margin-left: -8px;
}

.badge {
	padding: 0 4px;
}

.badge-container i {
	font-size: 20px;
}

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

.banner-container {
	top: 12px;
	left: 12px;
}

.banner {
	padding: 4px 5px;
	text-align: center;
}

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

.star-ranking-container {
	margin-left: 0;
}

.star-ranking-container.small i {
	font-size: 10px;
	padding-right: 2px;
}

/* Card Mode *******************/

.inner:not(.catalog-entries) .card-mode .preview.course-preview .inner {
	padding: 12px 20px 18px;
}

.card-mode .preview.default-course-preview .banner-container .banner {
	text-transform: initial;
}

.card-mode .preview.default-course-preview .hearted > i::before {
	font-size: 16px;
	line-height: 28px;
}

.card-mode .preview.default-course-preview .card-preview-content .gauge-horizontal {
	border-radius: 12px;
	height: 8px;
}

.card-mode .preview.default-course-preview .card-preview-content .gauge-display {
	border-radius: 12px;
	height: 8px;
}

.card-mode .preview.default-course-preview h3 {
	margin-top: 10px;
}

.preview.course-preview .star-ranking-container {
	height: 20px;
}

.preview.course-preview .star-ranking.small i, 
.preview.course-preview .star-ranking-container.small i {
	font-size: 10px;
	padding-right: 2px;
}

.preview.course-preview .star-ranking-container .small i:not(.fa-star) {
	font-size: 12px;
	margin-left: 5px;
}

/* List Mode *******************/

.list-mode .banner {
	padding: 4px 10px 4px 10px;
}

.list-mode .preview.default-course-preview .banner-container {
	top: 20px;
	left: 6px;
}

.list-mode .preview.default-course-preview .banner-container .banner {
	text-transform: initial;
	font-size: 10px;
	line-height: 12px;
}

/* Default Preview *******************/

.preview.course-preview.default-course-preview .data .metadata {
	align-items: flex-end;
}

.preview.default-course-preview .metadata .subject-type {
	font-size: 16px !important;
	margin-bottom: 0;
	align-items: flex-end;
}

.preview.default-course-preview .other-data i {
	font-size: 16px;
	line-height: 20px;
}

.preview.course-preview.default-course-preview a {
	text-decoration: none;
}

.preview.default-course-preview .inner .star-ranking-container {
	padding-top: 10px;
}

.preview.default-course-preview.formation-summary h3 {
	margin-bottom: 40px;
}

.preview.default-course-preview.formation-summary .subject-type {
	min-width: 50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
}

.preview.default-course-preview.formation-summary .subject-type img {
	padding-right: 0;
}

.preview.default-course-preview.formation-summary .subject-type span {
	position: absolute;
	left: 60px;
}

@media (max-width: 768px) {

	.preview.default-course-preview .other-data {
		font-size: 14px;
	}
}

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

.main-container > section.inner, 
.main-container .colored-row-container > section, 
.main-container > .single-column > section.inner, 
.main-container > .single-column .colored-row-container > section {
	max-width: 1280px;
}

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

header {
	min-height: inherit;
	position: relative;
	z-index: 1;
}

header .manager-logo-container {
	display: flex;
	flex-direction: row;
	padding: 0 20px;
	align-items: center;
	justify-content: center;
}

.header-content .manager-logo-container {
	display: flex;
	position: relative;
	top: auto;
	left: auto;
	min-width: 140px;
}

header .manager-logo-container img {
	max-height: 60px;
}

header .header-content {
	width: 100%;
}

header .header-row .page-title,
header .header-row .help {
	display: none;
}

header .main-nav {
	margin-bottom: 0;
}

header .main-nav > ul > li {
	display: block;
}

header .main-nav > ul > li + li {
	margin-left: 10px;
}

header .main-nav > ul > li + li:before {
	content: '';
	display: block;
	width: 1px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 8px;
}

header .main-nav > ul > li > a {
	display: inline-block;
	font-size: 16px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	line-height: 32px;
	text-decoration: none;
}

header .main-nav > ul > li > a .fa {
	display: none;
}

header .main-nav > ul > li > a.selected:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0px 0px;
	margin-left: 20px;
}

.header-search-block {
	min-width: 240px;
	width: 240px;
	right: 340px;
}

.header-search-block .multiple-select-container {
	height: 40px;
}

.header-search-block .multiple-select-container .custom-select {
	border-radius: 0;
}

.header-search-block .multiple-select-container .custom-select .select-list {
	margin-top: 1px;
}

.header-search-block .multiple-select-container input[type="text"] {
	margin-top: -10px;
	border: none !important;
}

/*.header-search-block .custom-select:not(.flag-select) .select-list .placeholder {
	padding: 6px 15px 6px 0 !important
}*/

.header-search-block .multiple-select-container.search-container .multiple-select-btn {
	bottom: 1px;
}
/*
header .logged-in-profile-container {
	height: 72px;
	width: auto;
	min-width: 320px;
	padding: 0;
	flex-direction: row;
}

header .logged-in-profile-container .profile-pic {
	padding-bottom: 0;
	padding-right: 10px;
	display: flex;
	align-items: center;
}

header .logged-in-profile-container .badge-container img {
	width: 50px;
	min-width: 50px;
	max-width: 50px;
	height: 50px;
	min-height: 50px;
}

header .logged-in-profile > span {
	text-align: left;
}

header .logged-in-profile > .name {
	font-size: 15px;
	white-space: normal;
	margin-top: 14px;
	padding-bottom: 16px;
}

header .logged-in-profile > .score {
	display: none;
}

header .profile-reminders {
	position: relative;
	top: auto;
	right: auto;
	padding: 0 20px;
	flex-direction: row;
	align-items: center;
	flex-wrap: inherit;
}
*/

/*::-ms-backdrop, header .logged-in-profile { /* IE11 */
/*	width: auto;
}

*::-ms-backdrop, header .logged-in-profile-container .profile-pic { /* IE11 */
	/*margin-right: 10px;
}

header .profile-reminders a + a {
	margin-top: 0;
	margin-left: 10px;
}

header .logged-in-profile-container .nav-submenu {
	margin-top: 0;
	padding-top: 10px;
	font-size: 14px;
}

header .logged-in-profile-container .flag-select {
	line-height: 36px;
	min-height: 40px;
}

header .logged-in-profile-container .flag-select .select-list {
	font-size: 14px;
	min-height: 40px;
	padding-left: 0;
}

header .logged-in-profile-container .flag-select .select-list ul {
	font-size: 14px;
	padding-left: 0;
}

header .logged-in-profile-container .flag-select i {
	top: 4px;
}

header .logged-in-profile-container .flag-select .placeholder {
	display: flex;
	align-items: center;
	height: 36px;
	line-height: normal;
	margin-top: 0;
	font-size: 14px;
}

header .logged-in-profile-container .flag-select .placeholder img {
	padding-top: 0;
}*/

@media (max-width: 1600px) {
	
	.header-content .main-nav {
		padding-left: 200px;
	}
	
	header .main-nav ul {
		padding-left: 0;
	}
	
	header .main-nav > ul > li > a {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 1280px) {
	
	.header-content .manager-logo-container {
		min-width: auto;
	}
	
	.header-content .main-nav {
		padding-left: 100px;
	}
	
	header .main-nav > ul > li + li:before {
		display: none;
	}
	
	header .main-nav > ul > li > a.selected:after {
		margin-left: 0;
	}
	
	header .main-nav > ul > li > a {
		font-size: 14px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.logged-in-profile .name,
	.logged-in-profile .score,
	.logged-in-profile .role {
		display: none;
	}
	
	header .logged-in-profile-container {
		min-width: 220px;
	}
	
	.header-search-block {
		right: 240px;
	}
}

@media (max-width: 1024px) {
	
	header .manager-logo-container {
		display: none;
	}
	
	header .header-content {
		align-content: center;
		align-items: center;
	}
	
	header .header-content .side-nav-btn {
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	header h1 {
		font-size: 26px !important;
	}
	
	header .header-row .page-title {
		display: none;
		padding-bottom: 0;
	}
	
	.header-search-block {
		right: 100px;
	}
	
	header .logged-in-profile-container {
		width: auto;
		min-width: inherit;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	header .logged-in-profile-container .profile-pic {
		padding-right: 0;
	}
	
	header .logged-in-profile {
		margin-right: 20px;
	}
}

@media (max-width: 768px) {
	
	header .logged-in-profile-container {
		padding-right: 20px;
	}
	
	header .logged-in-profile-container .profile-pic .badge {
		left: 40px;
	}
}

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

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

.breadcrumbs-container {
	max-width: 1240px;
	margin: 0 auto;
	width: 100%;
}

.main-container > .breadcrumbs-container {
	padding: 0 30px;
}

.back-btn,
.breadcrumbs li:first-child:before {
	display: none;
}

ul.breadcrumbs {
	padding-left: 0;
}

.breadcrumbs li + li {
	margin-left: 8px;
}

.breadcrumbs li:before {
	margin-right: 8px;
}

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

/* News Wall *******************/

.generic-wall-container .news-wall-btn {
	display: flex !important;
	position: absolute;
	width: 80px !important;
	height: 100% !important;
	top: 0 !important;
	bottom: 0;
	border-radius: 0 !important;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.generic-wall-container .news-wall-btn i {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	font-size: 18px;
	top: 50%;
	position: absolute;
	padding-top: 0 !important;
	padding-left: 0 !important;
}

.generic-wall-container .news-wall-previous-btn {
	left: 0 !important;
}

.generic-wall-container .news-wall-next-btn {
	right: 0 !important;
}

*::-ms-backdrop, .generic-wall-container .card-mode { /* IE11 */
	justify-content: flex-start !important;
}

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

.b2v-home-img-container {
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 768px) {
	
	.b2v-home-main-container .col-container {
		margin-top: 20px;
	}
}

.my-stakes-container h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	padding-bottom: 10px;
}

.my-stakes-container h1:before {
	width: 36px;
	height: 3px;
}

.title-container .choice {
	margin-left: 20px;
}

.choice .choice_btn_car:empty {
	display: none;
}

.choice .choice_btn_car:not(:empty) {
	padding: 6px 12px;
	border-radius: 24px;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	position: relative;
	margin-right: 10px;
}

@media (max-width: 768px) {
	
	.my-stakes-container .title-container .col-container {
		flex-wrap: wrap;
	}
	
	.my-stakes-container .title-container .choice {
		margin-left: 0;
		margin-top: 20px;
		width: 100%;
	}
}

.select-list ul li {
    background-color: #ffffff;
    color: #55646e;
}

.news-wall-pagination a,
.news-wall-pagination a .fa,
.news-wall-pagination a:hover .fa {

	padding-top: 40px;

}

.title-container .choice {
	margin-top:10px
}

header .logged-in-profile-container .logged-in-profile .nav-submenu li:hover .flag-select .placeholder {
    color: #55646e;
}

header .logged-in-profile-container .logged-in-profile .nav-submenu li .flag-select .placeholder {
    color: #55646e;
}

.logged-in-profile .nav-submenu .flag-select {
    line-height: 28px !important;
}