/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/
/* taille logo principal - 11052023 */
.block-system-branding-block {
	margin-right: 1rem;
}
.block-system-branding-block .logo {
	max-width: 14rem;
}

/* divers */

body.admin-learning-path .content-box {
	overflow-x: scroll !important;
}
.block-system-branding-block {
	margin-right: 1rem;
}
.block-system-branding-block .logo {
	max-width: 14rem;
}
/*/

/* logo desktop & mobile - 06062023 */
a.mobile-logo {
	display: none;
}

@media (max-width: 767px) {
a.mobile-logo {
	display: block !important;
}
a.mobile-logo img {
	max-width: 20%;
}
a.home-link {
	display: none !important;
}
header.page-header {
	padding: .5rem 0 .625rem;
}
.mobile-menu-btn {
	margin-top: -5px;
}
}

/* logo & texte footer mobile - 08062023 */
#block-sitebranding-2::after {
	content: '';
}
@media (max-width: 767px) {
#block-sitebranding-2::after {
	content: '© Efficience Digitale 2023';
	font-size: .8rem;
}
#block-sitebranding-2 img {
	display: none;
}
.page-footer {
	min-height: auto;
}
}

/* page de connexion mobile - 08062023 */
@media (max-width: 767px) {
.login-container #edit-pass > a {
	margin: 15px auto;
}
body.user-not-logged-in #edit-actions--2 {
	text-align: center;
}
}

/* divers mobile - 08062023 */
@media (max-width: 767px) {
#block-lp-steps-block .opigno-lp-step-list .current,
#block-lp-steps-block .opigno-lp-step-list .opigno-lp-step-module {
	background: #454545;
	color: #fff;
}
#block-lp-steps-block .opigno-lp-step-list .current h4,
#block-lp-steps-block .opigno-lp-step-list .opigno-lp-step-module h4 {
	color: #fff;
}
#block-lp-steps-block .opigno-lp-step-list .current h4::after,
#block-lp-steps-block .opigno-lp-step-list .opigno-lp-step-module h4::after {
	border-top-color: #fff;
}
#block-lp-steps-block .opigno-lp-step-list .opigno-lp-step-module .fi-rr-lock::before {
	color: #fff;
}
}

/* page de connexion - 14092023 */
.login-container .left-col::before {
	background: none;
}
.login-container .block-sitebranding {
	margin-top: 2.5rem;
}
.login-container .block-sitebranding img {
	box-shadow: 2px 2px 8px 1px #000000;
}
.login-container .form-email, .login-container .form-text {
	border-radius: 5px;
}
.login-container .form-email:hover, .login-container .form-text:hover {
	border: 1px solid #71B700;
}
.login-container .form-email:focus, .login-container .form-email:hover, .login-container .form-text:focus, .login-container .form-text:hover {
	border-color: #71B700;
}
.login-container .main-menu__link {
	background: #F37506;
}
.btn-bg, form .form-submit {
	background-color: #71B700;
	border-color: #71B700;
	border-radius: 5px;
}
.btn-bg:hover, form .form-submit:hover {
	background-color: #F1760C !important;
	border-color: #F1760C !important;
}
#add-first-entity, #folder-add-content-links .folder-add-content-link a, #load-previous-messages, .btn-rounded, .comment-comment-forum-form .form-submit, .folder-menu-wrapper #tft-back-link, .tabledrag-toggle-weight, .ui-dialog-buttonset .form-submit, .view-opigno-calendar .content-box__info #today, form #edit-actions-delete, form #edit-cancel, form #edit-delete, form #edit-unpublish, form .form-submit {
	border: 2px solid #71B700;
	background: #71B700;
	border-radius: 5px;
	color: #fff;
}
#add-first-entity:hover, #folder-add-content-links .folder-add-content-link a:hover, #load-previous-messages:hover, .btn-rounded:hover, .comment-comment-forum-form .form-submit:hover, .folder-menu-wrapper #tft-back-link:hover, .tabledrag-toggle-weight:hover, .ui-dialog-buttonset .form-submit:hover, .view-opigno-calendar .content-box__info #today:hover, form #edit-actions-delete:hover, form #edit-cancel:hover, form #edit-delete:hover, form #edit-unpublish:hover, form .form-submit:hover {
	border: 2px solid #F1760C;
	background: #F1760C;
	color: #fff;
}
.login-container .left-col {
	-ms-flex: 0 0 40rem;
	flex: 0 0 40rem;
}
.login-container .block-sitebranding {
	display: none;
}
.user-not-logged-in .login-container #user-sidebar {
	max-width: 25rem;
}
.login-container .main-menu__link {
	border-radius: 0;
	width: 250px;
}
.login-container .main-menu__link {
	background: transparent;
}
.login-container .main-menu {
	margin-bottom: 15px;
}
.login-container .main-menu .catalogue {
	content: url('/sites/default/files/Logo-mmmil-color.png');
	width: 360px;
	height: 95px;
}
.user-login h1 {
	text-transform: none;
}
.user-login h1::before {
	content: 'Lecture et activité partagées';
	color: #5B9EC9;
	float: left;
	font-size: 1.4rem;
	margin: 0 0 50px;
}
/* logos page logged - 15092023 */
header.page-header {
	padding: 1.2rem 0;
}
.block-system-branding-block .logo {
	max-width: 10rem;
}
.page-footer #block-mmmil-sitebranding-2 a {
	background-size: contain !important;
	background-repeat: no-repeat;
}
.page-footer .logo {
	max-width: 6rem;
}
/* header - 15092023 */
header.page-header {
	background-color: #3388AE;
}
.main-menu__link.is-active, .main-menu__link:hover {
	color: #fff;
	text-decoration: underline;
}
header.page-header .block-profile__link:hover {
	color: #fff;
	text-decoration: underline;
}
/* boutons - 18092023 */
button.btn {
	background: #71B700;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-weight: 300;
}
.awards-list__item {
	background: #71B700;
	border: none;
	border-radius: 5px;
	color: #fff !important;
	font-weight: 300;
}
.btn-add a {
	border: 2px solid #71B700;
	background: #71B700;
}
.btn-add a:hover {
	width: 6.5rem;
}
.view-opigno-calendar .btn-add a::before {
	color: #fff !important;
	font-weight: 300 !important;
}
.form-select.bootstrap-select > .dropdown-toggle {
	border: 1px solid #71B700;
	border-radius: 5px;
}
/* calendar - 18092023 */
.calendar-calendar .date-box.today .inner {
	background: rgba(241,119,11,0.5);
}
/* blocs dashboard - 18092023 */
.dashboard-drupal-block .content-box, .dashboard-drupal-block .view-opigno-calendar {
	border-radius: 5px;
	border: 1px solid #3388AE;
}
.dashboard .view-opigno-calendar {
	margin-bottom: 1.25rem;
}
/* masquage elements - 18092023 */
header.page-header .block-notifications__item--messages {
	display: none;
}
body.page-catalogue #sidebar-first {
	display: none;
}
body.page-catalogue #sidebar-first .form-items-group .form-item-search {
	display: none;
}
body.page-catalogue #sidebar-first .form-items-group input.form-submit {
	display: none;
}
body.page-catalogue #block-mmmil-backlinkblock {
	display: none;
}
body.section-group .lp-global-progress-wrapper {
	display: none;
}
/* modif casse - 18092023 */
body.page-catalogue h1 {
	text-transform: none;
}
/* affichage bouton precedent - 18092023 */
#block-mmmil-backlinkblock .back-btn {
	display: block !important;
}

/* customisation h5p - 18092023 */
.h5p-content .h5p-dragquestion .h5p-draggable {
	/*width: auto !important;
	height: auto !important;
	padding: 0 15px;*/
}
.h5p-content .h5p-dragquestion .h5p-draggable p {
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem;
}
div[id*="h5p-tfq"] p {
	font-family: 'Poppins', sans-serif;
}
.h5p-true-false-answer {
	font-size: 1rem;
}
.h5p-true-false-answer::before {
	font-size: .9rem;
}
.h5p-content .h5p-dragquestion .h5p-draggable p {
	font-size: .8rem;
	font-weight: 500;
}

/* blocs formations - 19092023 */
.learning-path-progress .progress-progress {
	background-color: #F1760C;
}
.statistics-table td[colspan] table {
	border-left: .625rem solid #F1760C;
}
.page-view-opigno-training-catalog-training-catalogue .group--catalog-item a.btn {
	display: none;
}

/* header realignement suite masquage liens + avatar mon profil pour student - 07112023 */
header.page-header .col-right {
	justify-content: end;
}
/* sommaire formation - suppression du bouton resultats - 07112023 */
.group-opigno-course .lp-info .action-wrapper a.continue-link {
	display: none;
}
.group-opigno-course .lp-info .action-wrapper a.use-ajax {
	display: block !important;
}
/* sommaire formation - dropdown menu permanent - 08112023 */
.group-opigno-course .content-box ul.dropdown-menu {
	display: block !important;
	box-shadow: none;
	padding: 0;
}
.group-opigno-course .content-box ul.dropdown-menu li.dropdown-item {
	background: #3388AE;
	margin: 0 0 10px;
	border-radius: 5px;
}
.group-opigno-course .content-box ul.dropdown-menu li.dropdown-item a {
	color: #fff;
}
.group-opigno-course .lp-content__top .dropdown {
	margin-left: 0;
}
.group-opigno-course .lp-content__top .dropdown button.dropdown-toggle {
	display: none;
}
/* bouton page precedente container header - 10112023 */
.back-btn {
    position: relative;
    left: auto;
    top: auto;
}
.dialog-off-canvas-main-canvas .page-main>.container {
    padding-top: 15px;
}

/* ajustements home login page - mobile - 02022024 */
@media (max-width: 767px) {
.user-not-logged-in .login-container .left-col {
	display: none;
}
.user-not-logged-in .login-container #user-sidebar {
	max-width: 100vw;
	padding: 0 1rem;
}
.user-not-logged-in .login-container .main-menu li.main-menu__item {
	margin: 0 15px;
}
.user-not-logged-in .login-container .main-menu li.main-menu__item a.catalogue {
	width: 100%;
	height: auto;
}
.user-not-logged-in .user-login h1 {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.user-not-logged-in .user-login h1::before {
	font-size: 1.3rem;
	font-weight: 600;
}
.user-not-logged-in form#user-login-form .form-item .label {
	text-align: center;
}
}

/* https://activites.jetulis.fr/group/94/module/153/answer/200 - mobile - 02022024 */
@media (max-width: 767px) {
.opigno_activity__wrapper .form-actions {
	position: inherit;
	bottom: 0;
}
}

/* https://activites.jetulis.fr/group/94/module/153/answer/200 - desktop + mobile - 03022024 */
.h5p-image-pair-item {
	/*height: 100%;*/
	height: auto;
}
.h5p-image-pair .game-container > ul {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.h5p-image-pair-images-paired .card-paired {
	width: 100%;
}
.h5p-image-pair-images-paired .event-enabled {
	position: relative;
	top: .5rem;
	left: 0.5rem;
}
.h5p-image-pair-item .image-container {
	box-shadow: none;
	width: 100%;
	height: auto;
}
.h5p-image-pair-item .image-container img {
	top: 0;
	left: 0;
	transform: none; /* important ne pas supprimer */
}
@media (max-width: 767px) {
.h5p-image-pair .game-container > ul {
	width: 50%;
	display: flex;
	flex-direction: column;
}	
.h5p-image-pair-item .image-container img {
	max-height: inherit;
	height: inherit !important
}
}

/* https://activites.jetulis.fr/group/94/module/156/answer/186 - desktop + mobile - 05022024 */
@media (max-width: 767px) {
/*.h5p-dragquestion .h5p-dropzone {
	width: 100% !important;
}
.h5p-dragquestion .h5p-draggable {
	width: 100% !important;
	left: 0 !important;
}
.h5p-dragquestion > .h5p-question-content > .h5p-inner {
	height: auto !important;
}
.h5p-dragquestion .h5p-question-content .h5p-draggable {
	line-height: 2;
	position: relative;
	top: auto !important;
	height: auto !important;
}
.h5p-dragquestion .h5p-dropzone {
	line-height: 20;
	position: relative;
	top: auto !important;
	height: 30px !important;
	margin: 10px 0;
}*/
}

/* module h5p drag & drop global - 06022024 */
@media (max-width: 767px) {
.h5p-content .h5p-dragquestion .h5p-draggable {
	min-height: 25px;
	min-width: 92px;
}
}

/* https://activites.jetulis.fr/group/94/module/154/answer/201 - 06022024 */
@media (max-width: 767px) {
/*.h5p-image-pair-item .image-container img {
	width: 100% !important;
	height: auto !important;
}*/
}

/* https://jetulis.mmmil.net/group/94 - accueil mon livret chinois - tableau etapes - 06022024 */
@media (max-width: 767px) {
.lp-table table.statistics-table td.type,
.lp-table table.statistics-table th.type {
	display: none !important;
	width: 0;
}
.lp-table table.statistics-table td.status,
.lp-table table.statistics-table th.status {
	display: none !important;
	width: 0;
}
.lp-table table.statistics-table td.progress,
.lp-table table.statistics-table th.progress {
	display: none !important;
	width: 0;
}
.col-right .lp-table .inner-table table.statistics-table {
	width: 80vw;
}
.col-right .lp-table .inner-table table.statistics-table td {
	float: none !important;
	border-bottom: 1px solid #d5d5d5 !important;
	padding: 0;
}
.col-right .lp-table .inner-table table.statistics-table tr {
	text-indent: 1rem;
}
.col-right .lp-table table.statistics-table td:last-child {
	padding-right: 0 !important;
	float: right;
	width: 3rem;
}
.col-right .lp-table .inner-table table.statistics-table td h4 {
	font-size: .6rem;
	font-weight: 500;
}
}