styles.css

/*style 4*/
/* injecter ça dans le renderer au lieu de le faire ici 
afin que ça n'impacte pas le reste de la plateforme */

/* [BOOST] : course header */
/*#page-header .card {
	border: none;
}
#page-header .card-body {
	padding-left: 0;
}*/

/* [BOOST] : left nav */
/*#nav-drawer,
[data-region="drawer"] {
	background-color: #fff;
}
#nav-drawer .list-group-item {
	border: 1px solid #ffffff;
}
#nav-drawer .list-group-item:hover {
	background-color: #e7e9ea;
}
#nav-drawer .list-group-item.active:hover {
	color: #000000;
}*/

/* [BOOST] : blocks */
/*#block-region-side-pre section.block {
	border: none;
}
#block-region-side-pre section.block .card-body {
	padding-top: 0;
}*/

/* [BOOST] : margin for ul, because ul is used to list sections */

/*ul, ul ul {
	padding-left: 2.5rem;
	margin-bottom: 0.5rem !important;
}*/



/* iena-specific */

ul.iena-editing {
	padding: 0;
}

ul.iena-editing .voir-plus {
    background-color: #eee;
    padding: 10px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}


.voir-plus{
    margin-left: 3%;
margin-top: 14px;
}

.iena-section .instancename {
    font-size: 1rem;
}

.iena-editing h3.sectionname {
	/*margin: 1rem 0;*/
	margin: 0;
	padding:0 10px;
	background: transparent;
}

/*
* description de la section dépliable
*/
.iena-description .small {
    font-size: inherit;
    max-height: 3.7rem;
    overflow-y: hidden;
}
ul.navbar-nav.d-none.d-md-flex,
ul.nav.navbar-nav.ml-auto {
    margin-bottom: inherit !important;
}

/* EDITING MODE */

.iena-editing li.section {
	list-style-type: none;
}

.iena-editing li.section .content span span.inplaceeditable a {
	font-size: 2rem;
}

.iena-editing .section-modchooser-link a {
	color: #5cb85c!important;
}

.iena-section {
	padding-bottom: 1.3rem;
	padding-top: 1%;
	clear: both;
	border-bottom: none!important;
}

.iena-section > .card.card_block {
	border: none;
}

.set_height {
	/*min-height: 3rem;*/
	}

.heading-iena {
	background: #D6D6D6;
	padding: 0rem;
	
	float: left;
	width: 100%
}

.heading-iena .right.side{
	margin-top: 0;
	padding: 0 6px 0;
    text-align: right;
    width: auto;
}
.iena-heading_title {
	background: #2d2d2d;
	padding: 0rem;
	padding-top: 0rem;
	padding-left: 0rem;
	color: white;
	float: left;
	width: auto;
	min-width: 100%;
	padding-left: 0.5rem;
	padding-top: 0.5rem;
	font-weight: bold;
	margin-bottom: 1rem;
	clear: both;

}

.iena-field {
	padding-left: 2%;
	clear: both;
}

.iena-field-section {
	color: #0059d2;
	clear: both;
	font-size: 1.08rem;
	font-weight: bold;
}

.iena-percent {
	background: #009186;
	float: left;
	padding: 1rem;
	font-size: 1.4rem;

}

.titre_section {
	display: flex;
    align-items: center;
	margin-left: -40px;
	/*padding-left: 0.8rem;*/
	/*padding-right: 1rem;*/
	font-size: 1.4rem;
	color: #1a1a1a;
    font-weight: 100;
    /* border: 2px solid; */
    background: #2a657d;
    border-radius: 50px;
    margin-left: -64px;
    margin-right: 24px;
	/*font-weight: bold;*/
}

.iena .my-3{
    border-bottom: 1px solid #dee2e6;
}

.titre_section p {
	margin-bottom: 0;
	display: inline-block;
	padding-left: 0.5rem;
}

.titre_section .label_item.sect-date{
	display: inline-block;
	border-left: none;
    font-style: italic;

}

.nb_pers {
	text-align: center;
    background: #009186;
    float: right;
    min-width: 4rem;
    padding: 7px 20px;
    font-size: 14px;
    border-radius: 10px;
    
    /* line-height: 0.9rem; */
    margin: 0;
    transition: 0.3s;
}
.nb_pers a {
	color: white;
}
.nb_pers:hover {
	text-decoration: unset;
	color: white;
    background: #02746C;
}

.iena-icon-suivi{
	display: block;
  min-width: 0;
  padding: 6px 10px;
  border-radius: 50px;
}

.iena-icon-suivi img{
	margin-right: 0;
	width: 13px;
	height: 5px;
}

.right_info {
	margin-left: auto;
    display: flex;
    align-items: center;
}

.right_info a{
    margin-left:10px;
}

.right_info a:focus{
	outline: none!important;
	background: none!important;
	box-shadow: none!important;
}

.section_action_menu.ml-auto{
    margin-left: 5px!important;
}

.label_item.sect-date, .label_item.sect-mode {
    /* color: #fafafa; */
    /* border: 1px solid #fafafa; */
    /* margin: .9rem .2rem .9rem .2rem; */
    padding: .05rem .6rem;
    float: left;
    font-weight: 700;
    /* background-color: #666; */
    font-size: .85rem;
    /*line-height: 2.4rem;*/
    color: #666;
    font-weight: 400;
    border: 1px solid lightgrey;
    border-radius: 50px;
}

.label_item.sect-date{
    font-style: italic;
}

.label_item.sect-mode{
    background: var(--main-color)!important;
    padding: 8px;
    display: flex;
    align-items: center;
    border:none;
}

.label_item.sect-date.prog{
	background-color:#40aca3;
	color: white;
    font-weight: 500;
    padding: 5px 17px;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    font-style: normal;
    margin-left: 5px;

}

.iena-description {
	
	color: #323232;
	padding: 1rem;
	clear: both;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    border-top: 1px solid #dee2e6;
}

.iena-description i{
    color:#2a657d;
    flex-basis: 3%;
}
.format-iena .course-description-item.summarytext{
    flex-basis: 97%;
    overflow:hidden;
    max-height: 144px;
}



/* iENA course format header with progression */


/* Top header */

.iena-course-header-top {
	margin-bottom: 1.6rem;
}

.btn-outline-primary.iena-course-h-total,
.iena-course-h-attendance,
.iena-course-h-message .btn {
	border-radius: 0.15rem;
}
.iena-course-h-group,
.iena-course-h-attendance,
.iena-course-h-message {
    margin-bottom: 0.8rem;
}

.iena-course-h-attendance,
.iena-course-h-message,
.iena-course-h-group {
	float: right;
	margin-left: 0.5rem;
}

/* teacher message dropdown */

.iena-course-h-message .dropdown-menu {
	max-height: 16.5rem;
	overflow-y: scroll;
}

/* group select */

.iena-course-h-group label {
	border-radius: 0.15rem 0 0 0.15rem;
}

.iena-course-h-group select {
	border-radius: 0 0.15rem 0.15rem 0;
}

/* course total button */

.btn-outline-primary.iena-course-h-total {
	font-weight: 600;
	color: #009085;
	border-color: #009085;
	background-color: #ffffff;
}
.btn-outline-primary.iena-course-h-total:hover {
	border-color: #009085;
	background-color: #009085;
}
.btn-outline-primary.iena-course-h-total:active {
	border-color: #009085 !important;
	background-color: #10aa95 !important;
	box-shadow: none !important;
}
.btn-outline-primary.iena-course-h-total:focus {
	box-shadow: none;
	color: #009085;
	border-color: #009085;
}
.btn-outline-primary.iena-course-h-total:hover:focus {
	background-color: #ffffff;
}

/* Bottom header */

.iena-course-header > .iena-course-header-bottom {
	margin-bottom: 40px;
    background: #eaeaea;
    padding: 1.5rem;
    border-radius:10px;
}



/* Toggler */

.iena-course-header-toggler {
	text-align: center;
}

.iena-course-header-toggler hr {
	border: 0.5px solid #999;
}

.iena-course-header-toggler a {
	position: relative;
	top: -1.9rem;
	background-color: #ffffff;
	padding: 0rem 1rem;
}

/* Progress detail */

.iena-progress-header .iena-progress-label, .iena-progress-header .progress-wrapper{
	display: inline-block;

}

.iena-progress-header .progress{
	width: 200px;
	background-color:white;
}

.iena-progress-header{
	background-color: #eaeaea;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.iena-progress-header .btn.btn-icon:hover, .iena-progress-header .btn.btn-icon:focus{
    background:white;
}

.iena-progress-header h5{
    margin: 0 7px 0 2px;
}

.iena-progress-wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-items: center;

}
.progress-wrapper{
	vertical-align: 8%;
}

.iena-h-prog-sect{
	margin-left: 5px!important;
    padding-left: 20px;
    margin-top: 7px;
    border-left: 1px solid lightgrey;
}

.iena-h-prog-sect h2 {
	margin-bottom: 1rem;
}

.iena-h-clear {
	clear: both;
}


.iena-progress-legend #caption-iena{
	margin-top: 10px;
}

.iena-progress-legend #caption-iena .caption-status{
	margin-right: 0;
	display: block;
	margin-bottom: 5px;
	cursor: default!important;
}

.iena-progress-legend #caption-iena .caption-status .pointer-help{
	width: 17px;
    height: 17px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px;
}


.iena-progress-legend #caption-iena .caption-status .pointer-help .icon-progress{
	line-height: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.iena-progress-legend #caption-iena .caption-icons-iena{
    margin-top: 10px;
}


/* Section progression block */

/* Section progression name and % */
.btn-outline-success.iena-h-prog-name {
	color: #009085;
    border-color: #009085;
    border-radius: .15rem;
    max-width: 300px;
    display: block;
    /* overflow: hidden; */
    /* position: relative; */
    /* margin-bottom: .5rem; */
    /* float: left; */
    /* clear: left; */
    min-width: 300px;
    text-align: left;
}
.iena-h-prog-name{
	display: block;
	font-size: initial;
}
.btn-outline-success.iena-h-prog-name:before {
	/*content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 245px, rgba(255, 255, 255, 1) 289px);
	*/
}
.btn-outline-success.iena-h-prog-name:hover,
.btn-outline-success.iena-h-prog-name:active {
	background-color: #ffffff !important;
	color: #009085 !important;
	border-color: #009085 !important;
}
.btn-outline-success.iena-h-prog-name:focus:before {
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 245px, #009085 289px);
}
.btn-outline-success.iena-h-prog-name:focus {
	box-shadow: none !important;
	background-color: #009085 !important;
	color: #ffffff !important;
	border-color: #009085 !important;
}

.details-progress{
	padding-left: 0!important;
}

.details-progress .section-progress{
	margin-bottom: 0.5rem;
}


.details-progress .section-progress .progress-wrapper{
	width: 300px;
	display: inline-block;
}

.details-progress .section-progress .progress-wrapper .progress{
	height: 0.5rem;
}

.details-progress .section-progress .progress-wrapper .iena-prog-label{
	font-size: small;
}


.details-progress:target::before, #progress-details.iena-h-prog-sect.row.collapse.show::before{
	display: none!important;
}
.details-progress:before{
	display: none!important;
}
.details-progress::before{
	display: none!important;
}


/* Represent a course module link as a bullet */
.iena-h-prog-mod-item {
	border-radius: 1.5rem;
    display: inline-block;
    line-height: 36px;
    vertical-align: top;
    /* float: left; */
    min-width: 1.5rem;
    display: inline-block;
    /* height: 24px; */
    /* width: 24px; */
    height: 1.5rem;
    position: relative;
    margin-left: .25rem;
    margin: auto;
    text-align: center;
    /* margin-top: .4rem;*/
}

.section-progress .iena-h-prog-mod-item{
	height: 17px;
	width: 17px;
	min-width: 17px;
}

.section-progress .iena-prog-bubble .icon-progress{
	line-height: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.iena-prog-bubble .icon-progress{
	line-height: 24px;

}

.iena-prog-link{
	display: block;
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    /* float: right; */
    top: 0;
}


/* .iena-h-prog-mod-item.iena-g-prog-done {
	background-color: #009085;
	border-color: 1px solid red;
}
.iena-h-prog-mod-item.iena-g-prog-todo {
	background-color: rgba(0, 143, 132, 0.23);
}
.iena-h-prog-mod-item.iena-g-prog-late {
	background-color: rgba(214, 141, 1, 0.4);
} */

.iena-h-prog-mod-item.iena-g-prog-0 {
	background-color: rgba(0, 143, 132, 0.23);
}
.iena-h-prog-mod-item.iena-g-prog-1 {
	background-color: #009085;
}
.iena-h-prog-mod-item.iena-g-prog-2 {
	background-color: #009085;
}
.iena-h-prog-mod-item.iena-g-prog-3 {
	background-color: rgba(214, 141, 1, 0.4);
}

/* Course module name in a bubble */
.iena-h-prog-mod-item span.popover-module {
	display: none;
	position: absolute;
	top: -3rem;
	left: -135px;
	background-color: #333;
	color: #fafafa;
	padding: 0 10px;
	width: 300px;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 0.15rem;
	font-size: 0.9rem;
	text-align: center;
	overflow: hidden;
}
.iena-h-prog-mod-item:hover span.popover-module {
	display: inline;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.iena-h-prog-mod-item span.popover-module:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	/*background:linear-gradient(90deg, rgba(51, 51, 51, 0) 220px, rgba(51, 51, 51, 1) 300px);*/
}

/* Group select */

.iena-editing .orange-bg {
	background: #d68d01;
    color: white;
    border-color: #d68d01;
}


 #summary-wrapper{
 	padding-left: 1px;
 	display: block;
	max-height: 144px;
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
 }

/*#title-summary-iena #summary-collapse.collapse:not(.show) {
  display: block;
  max-height: 7rem;
  height: auto;
  overflow: hidden;

}

#title-summary-iena #summary-collapse.collapsing {
	height: auto;
  max-height: 100rem;
      -webkit-transition: max-height .35s ease;
    -o-transition: max-height .35s ease;
    transition: max-height .35s ease;
    transition: max-height 1s ease;
}*/;



span#days-text{
	margin:0 20px 0 5px;
}





/*#################################   CSS TABLEAU DE SUIVI ##########################################*/
/* Permet la rotation des entêtes du tableau */
th.th-rotate {
	/* Something you can count on */
	height: 185px;
	white-space: nowrap;
	position: sticky;
	top:0;
	background: white;
}

th.th-rotate > div {
	transform: 
	/* Magic Numbers */
	/*translate(18px, 53px)*/
    translate(18px, 74px)
	/* 45 is really 360 - 45 */
	rotate(315deg);
	width: 30px;
}
th.th-rotate > div > span {
	border-bottom: 1px solid #ccc;
	padding: 0px 3px;
    width: 240px;
    display: block;

}
/* Change la couleur une ligne sur deux dans le tableau */
#table-body tr:nth-child(even) { background: #fafafa; }
#table-body tr:nth-child(odd) { background: #eee; }

#table-body tr{
	border-bottom: 1px solid white;
}


/* Colorie la cellule en fonction de l'achèvement */

/*.state-0 { background-color: rgba(0, 143, 132, 0.23); }
.state-1 { background-color: #009085; }
.state-2 { background-color: #009085; }
.state-3 { background-color: rgba(214, 141, 1, 0.4); }*/

.state-0 { background-color: #CECECE; }
.state-1 { background-color: #40ACA3; }
.state-2 { background-color: #40ACA3; }
.state-3 { background-color: #F3A41C}; 


.state-0 span.icon-progress, .state-1 span.icon-progress, .state-2 span.icon-progress, .state-3 span.icon-progress{
	content: "";
	display: block;
	color: white;
}


.state-1 span.icon-progress::after{
	content: "\f111";
	width: 100%; display: inline-block;text-align: center; 
	color: white;
	
	font-size: 130%;
	vertical-align: middle;
    line-height: 20px;
    font: var(--fa-font-regular);
    
}

.state-2 span.icon-progress::after{
	content: "\f058";
	font: var(--fa-font-regular); 
	width: 100%; display: inline-block; text-align: center;
	color: white;
	font-size: 130%;
	vertical-align: middle;
    line-height: 20px;
    
}
.state-3 span.icon-progress::after{
	font: var(--fa-font-regular);
	content: "\f057";
	 width: 100%; display: inline-block; text-align: center;
	color: white;
	font-size: 130%;
	vertical-align: middle;
    line-height: 20px;
   
}	

#table-body span.icon-progress::after{
    position: relative;
    top: -1px;
}
.section-progress span.icon-progress::after, .iena-progress-legend span.icon-progress::after{
	font-size: small;
	line-height: 16px!important;
}



#first-column-head, #iena-select-all {
	vertical-align: bottom;
	padding-bottom: 0.5rem;
}

.pointer-help {
	cursor: default!important;
}

.stud_perc {
	min-width: 42px;
	display: inline-block;
    text-align: right;
}

#table-body td { 
	border-right: 1px solid #eee;

	 }

/* Scroll de la table */
#table-body {
	display: table-row-group; 
	/*overflow-y:scroll;*/
	/*overflow: auto; 
	margin-right: 10rem;
	height: 300px;
	height: 50vh; */
}

#suivi thead {
	display: table-header-group; 
	/*overflow-x:scroll;*/
	
	
	height: 143px;
}

#suivi thead tr th:nth-child(1) {
	/*width:20em;
	min-width:20em;*/

}
#suivi thead tr th {
	min-width:32px;
}
#suivi tbody tr th {
	width:20em;
	min-width:20em;
	word-break: break-word;
}
#suivi tbody tr td {
	min-width:32px;
}

#suivi input[type="checkbox"] {
	margin: 5px;
	font-size: 1rem;
}

.mb1 { margin-bottom: 1rem; }
.mt1 { margin-top: 1rem; }


#suivi .first-column-iena{
	width: 2em;
	min-width: 2em;
	left: 0;
}
#suivi .second-column-iena{
	width: 3em;
    min-width: 3em;
    left:2em;
    text-align: center;

    
}
#suivi .third-column-iena{
	width: 15em;
    min-width: 15em;
    padding-left: 6px;
    left: 10em;
	
}

#suivi .actions-column-iena{
	width: 5em;
    min-width: 5em;
    left: 5em;
    text-align: center;
}

tbody th{
	font-weight: normal;
}


#suivi thead .first-column-iena, #suivi thead .second-column-iena, #suivi thead .third-column-iena,#suivi thead .actions-column-iena, #suivi thead .group-column-iena{
	vertical-align: bottom;
	padding-bottom: .5rem;
}

#caption-iena .caption-status{
	display: flex;
	margin-right: 20px;
    align-items: center;
}

#caption-iena .caption-status .pointer-help{
	width: 32px;
	height: 25px;
	margin-right: 7px;
	display: flex;
    align-items: center;
    border-radius: 5px;
}

#caption-iena .caption-status .pointer-help .icon-progress{
    display: flex;
    margin: auto;
}
#caption-iena .caption-status .caption-title{
	display: inline-block;
}

#caption-iena{
	margin-top: 50px;
	margin-bottom: 30px;
}

#caption-iena .icon-progress::after{
	
}

.caption-wrapper{
    display: flex;
}
.iena-icon-distance, .iena-icon-presence{
	content: "";
	display: block;
	color: white;
}

.iena-icon-presence::after{
	content: "\f0c0";
	font: var(--fa-font-solid); width: 100%; display: inline-block;text-align: center; 
	color: white;
	font-size: medium;
	font-size: large;
	font-weight: 900;
}

.iena-icon-distance::after{
	content: "\f108";
	font: var(--fa-font-solid); width: 100%; display: inline-block;text-align: center; 
	color: white;
	font-size: medium;
	font-size: large;
	font-weight: 950;

}

.iena-caption-sections > .iena-caption-icons, .iena-caption-sections > .iena-caption-icons > * {
	display: inline-block;
	margin-right: 7px;
}

.iena-caption-sections > .iena-caption-icons{
	margin-right: 20px;
}

.table-wrapper{
  position: relative;
  overflow: auto;
  white-space: nowrap;
  max-height: 85vh;
  border:1px solid lightgrey;
  border-radius: 5px;
  padding: 0 10px 10px 0px;
}

.first-column-iena, .second-column-iena, .actions-column-iena, .third-column-iena{
    position: sticky;
    background: inherit;
}

th.first-column-iena, th.second-column-iena, th.actions-column-iena, th.third-column-iena{
    background: white;
    z-index: 200;
    position: sticky;
    top: 0;
}

#table-body td.row-header{
	z-index: 10;
}
#table-body th.col-header{
	z-index: 11;
}

#partial-table{
	margin-bottom: 20px;
}

.iena-message{
	margin-top: 20px;
}

.course-content ul.iena li.section{
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: white;
}

.course-content ul.iena{
    padding: 0;
    margin: 0;
    list-style: none;
}
.course-section-header.d-flex{
    align-items: center;
}

.iena-filters .input-group .input-group-text{
    border:none;
}

.iena-filters .input-group>.custom-select:not(:first-child){
    border-color: #e9ecef;
}

.iena-filters #group-select{
	max-width: 240px;
}

#count-selected-students{
    margin-top: 10px;
}

.iena-custom-dropdown{
    border-radius: 0 5px 5px 0;
    border: 1px solid #e9ecef;
    min-width: 13rem !important;
}

.iena-custom-dropdown button{
    border-radius: 0 5px 5px 0;
    width: 100%;
}

.iena-custom-dropdown .dropdown-menu{
    border-radius: 0 0 0.5rem 0.5rem; 
    max-height: 200px;
    overflow-y: auto;
}

.iena-custom-dropdown .dropdown-menu label{
    justify-content: left!important;

}

.iena-custom-dropdown .dropdown-menu label input[type="checkbox"]{
    margin: 0 5px 0 7px;
}

.iena-custom-dropdown .dropdown-text{
    text-align: left;
}

.iena-custom-dropdown .dropdown-toggle::after{
    position: absolute;
    right: 10px;
    top: 13px;
}

.iena-dynamic-options, .iena-dynamic-activities{
    list-style: none;
    padding: 0;
    margin-left: 0;
}

.iena-dynamic-options label, .iena-dynamic-activities label{
    white-space: nowrap;
text-overflow: ellipsis;
width: 94%;
display: block;
overflow: hidden;
}

.dropdown-menu .divider{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}


#region-main{
    overflow-x: visible!important;
}

.mobile_titre_section, .mobile-bouton-suivi{
    display: none;
}



#fgroup_id_modalite .form-inline.align-items-start.felement{
    align-items: center !important;
    padding-top: 0.38rem;
}

#days-text{
    margin-right: 10px;
}

@media only screen and (max-width : 768px) {
    .mobile_titre_section{
        display: block;
        flex-basis: 100%;
        margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid #dee2e6;

    }

    .course-section-header{
        flex-wrap: wrap;
    }
    .titre_section, .right_info .sect-date, .nb_pers.set_height.id_groupe0{
        display: none!important;
    }
    .label_item.sect-date.prog{
        display: block !important;
        padding: 5px 8px;
        font-size: 0.90rem;
    }
    .d-flex.align-items-start.position-relative{
        flex-basis: 80%;
    }
    .right-info{
        flex-basis: 15%;
    }

    
    .mobile-bouton-suivi{
        display: block;
        min-width: 1rem;
        padding: 6px 10px 4px 10px;
        border-radius: 31px;
    }
    .iena-icon-distance::after, .iena-icon-presence::after{
        font-size: initial;
        
    }
    .label_item.sect-mode{
        padding: 2px 6px;
    }
    .mobile-sect-date{
        float: right!important;
    }
    .iena-progress-wrapper .progress-wrapper{
        flex-basis: 100%;
    }
    .iena-progress-wrapper .progress-wrapper .progress{
        width: 80%;
        margin:8px auto;
    }
    #progress-details .details-progress {
        order:2;
    }

    #progress-details .iena-progress-legend{
        order: 1;
    }
} 


.activity-name:hover{
	text-decoration: none;

}

#table-body .hover-details:hover{
	cursor: pointer!important;
	opacity: 0.8;

}

/******************************************************** Paramètres du tableau de suivi ******************************************/
#iena-suivi-edit .form-inline{
	padding-top: calc(0.375rem + 1px);
}


/******************************************************** Modale dans le tableau de suivi ******************************/
#modal-completion-infos{
  padding: 10px 12px 15px 12px;
  background-color: #efefef;
  margin-bottom: 10px;
}

#iena-group-dropdown optgroup{
	margin-left: 8px;

}

#details-modal{

}
#details-modal .modal-dialog{
	margin-top: 13vw;
	width: 80vw;
}

#drawermenu .iena-custom-button{
	margin:0!important;
}

#drawermenu > ul.navbar{
	padding:0;
}