.boxHeight300 {height: 300px; overflow: auto;}
.boxHeight400 {height: 400px; overflow: auto;}
.boxHeight500 {height: 500px; overflow: auto;}

#wdr-pivot-view .wdr-credits{display: none;}
#wdr-toolbar-wrapper #wdr-toolbar li{width: 80px;}
#wdr-toolbar-wrapper #wdr-toolbar li svg{height: 25px; width: 25px;}
#wdr-toolbar-wrapper #wdr-toolbar li span{font-size: 12px;}
text[font-size="9px"]{display: none;}
#wdr-pivot-view #wdr-grid-view div.alter1 {background-color: #ffffff;}
#wdr-pivot-view #wdr-grid-view div.alter2 {background-color: #f4f7f9;}

body{background-color: #eeeeee;}

.boxHeaderPage{padding-bottom: 20px;}

ul.footerPaymentList{ margin-left: 0; padding-left: 0;}
ul.footerPaymentList li{list-style: none;}
ul.footerPaymentList img{height: 24px; margin-left: 3px;}

.myTabs .nav-link{padding: 0.75rem 2rem !important; text-transform: uppercase; border-bottom: solid 5px transparent !important;}
.myTabs .nav-link.active{background-color: transparent !important; color: #3f80ea !important; border-bottom-color: #3f80ea !important;}

table.myTable tr th{font-size: 11px; line-height: 13px; border-top: solid 1px #eeeeee;}

.lineH-15{line-height: 15px;}

a:hover{text-decoration: none;}

small.text-danger{display: inline-block;}

table .td_width_50{width: 50px;}

div.alert{display: flex; justify-content: center; border-radius: 0;}

label.form-label span{color: #d0211c;}

.boxLegende{}
.boxLegende .carre{display:inline-block; width: 10px; height: 10px; margin-right: 10px;}
.boxLegende .carre_1{background-color: #d9534f;}
.boxLegende .carre_2{background-color: #e044a7;}
.boxLegende .carre_3{background-color: #744ec2;}
.boxLegende .carre_4{background-color: #3f80ea;}
.boxLegende .carre_5{background-color: #15c6f4;}

.btnDropdown {border: solid 1px #3f80ea;}

table#datatables-operations tr th,
table#datatables-operations-2 tr th{font-size: 11px; line-height: 13px; border-top: solid 1px #eeeeee;}
table#datatables-operations tr td,
table#datatables-operations-2 tr td{line-height: 16px;}

table.questionnaire tr th {font-size: 11px; line-height: 13px; border-top: solid 1px #eeeeee;}
table.questionnaire tr td {font-size: 11px; line-height: 13px; padding-top: 4px; padding-bottom: 4px;}

ul.navSecondaire{border-bottom: 1px solid #dee2e6;}
ul.navSecondaire li a.nav-link{color: #495057; border-bottom: 4px solid inherit;}
ul.navSecondaire li a.nav-link:hover{color: #3f80ea;}
ul.navSecondaire li a.active{color: #3f80ea; border-bottom: 4px solid #3f80ea;}

fieldset.scheduler-border {border: solid 1px #e0eafc; border-radius: 5px; padding:0 10px 10px; margin-bottom: 30px;}
legend.scheduler-border {font-size: 14px; color: #3f80ea; float: none; width: auto;}

.card-header-2{padding: 1rem 1.25rem; background-color: #fff; display: flex; justify-content: space-between; align-items: center;}
.card-header-2 .card-title{margin: 0; padding: 0;}
.card-title{/*text-transform: uppercase;*/}

.cardDashboard{background-color: #e0eafc;}
.cardDashboard .stat{background-color: #ffffff;}
.cardDashboard .badge-soft-primary{color: #0a53be;}
/*
boxQuestionnaire
*/
.boxQuestionnaire{}
.boxQuestionnaire .boxSection{border: solid 1px #edf2f5; margin-bottom: 10px;}
.boxQuestionnaire .boxSection > div{padding:0 10px;}
.boxQuestionnaire .boxSousSection{border: solid 1px #edf2f5; border-top: none;}
.boxQuestionnaire .boxSousSection > div{padding:0 10px;}
.boxQuestionnaire .boxSousSousSection{border: solid 1px #edf2f5; border-top: none;}
.boxQuestionnaire .boxSousSousSection > div{padding:0 10px;}
.boxQuestionnaire .boxSection h2{display: flex; justify-content: space-between; font-size: 16px; background-color: #edf2f5; color: #3f80ea; padding:10px 10px; cursor: pointer; margin: 0; border-bottom: 1px solid #ffffff;}
.boxQuestionnaire .boxSection h3{display: flex; justify-content: space-between; font-size: 16px; color: #3f80ea; padding:10px 10px; cursor: pointer; margin: 0; border-bottom: 1px solid #ffffff;}
.boxQuestionnaire .boxSection h4{display: flex; justify-content: space-between; font-size: 16px; color: #3f80ea; padding:10px 10px; cursor: pointer; margin: 0; border-bottom: 1px solid #ffffff;}
.boxQuestionnaire .boxSection h5{display: flex; justify-content: space-between; font-size: 14px; color: #3f80ea; padding:10px 10px; cursor: pointer; margin: 0; border-bottom: 1px solid #ffffff;}
.boxQuestionnaire .boxSection h2:hover,
.boxQuestionnaire .boxSection h3:hover,
.boxQuestionnaire .boxSection h4:hover,
.boxQuestionnaire .boxSection h5:hover{background-color: #e0eafc;}
.boxQuestionnaire .boxSection .boxQuestion{border: solid 1px #edf2f5; border-top: none;}
.boxQuestionnaire .boxSection .boxQuestion > div{padding:10px;}
.boxQuestionnaire .boxSection .boxQuestion h5.save{font-weight: normal;}
.boxQuestionnaire .boxSection .boxQuestion p{padding: 0; margin: 0;}
.boxQuestionnaire .boxSection .boxQuestion .boxScore{font-size: 12px;}
.boxQuestionnaire .boxSection .boxQuestion .boxScore p{}
.boxQuestionnaire .boxSection .boxQuestion .boxScore .boxForm{}

ul.navQuestionnaire .sidebar-link{color: #333333; padding-left: 0;}
ul.navQuestionnaire .sidebar-dropdown .sidebar-dropdown .sidebar-link{padding-left: 0;}

/*
    boxMatrice
 */
div.boxMatrice{}
div.boxMatrice table{}
div.boxMatrice table tr td.verticalTableHeader{text-align:center;white-space:nowrap;transform: rotate(270deg);}
div.boxMatrice table tr td.legendey{}
div.boxMatrice table tr td.legendex{text-align:center;}
div.boxMatrice table tr td.carre{width: 200px; height: 100px; border: solid 1px #ffffff; padding: 10px; vertical-align: top;}
div.boxMatrice table tr td.carre span.numero{display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; border-radius: 50%; color: #ffffff; background-color: #1b1e21; }
div.boxMatrice table tr td.carre div.solutions{/*height: 60px; overflow-x: auto;*/}
/*div.boxMatrice table tr td.carre div.solutions::-webkit-scrollbar {width: 1px; height: 1px;}*/
div.boxMatrice table tr td.carre div.solutions ul{margin: 0; padding-left: 0px; list-style: none;}
div.boxMatrice table tr td.carre div.solutions ul li{margin: 0; padding: 0; line-height: 20px;}
div.boxMatrice table tr td.carre div.solutions ul li a{font-size: 12px; color: #000000; padding: 0; margin: 0;}
div.boxMatrice table tr td.carre div.solutions ul li a:hover{color: #6c757d;}
div.boxMatrice table tr td.rouge{background-color: #d0211c;}
div.boxMatrice table tr td.jaune{background-color: #fde300;}
div.boxMatrice table tr td.vert{background-color: #2fa360;}
/*
    boxAxeTemps
 */
.boxAxeTemps{display: flex; padding: 20px 0; overflow-x: auto;}
.boxAxeTemps .boxJour{flex: none; width: 50px; height: 30px; display: flex; justify-content: center; align-items: center; text-align: center; border: solid 1px #eeeeee;}
.boxAxeTemps .boxJour label{font-size: 10px; line-height: 13px; cursor: pointer; }
.boxAxeTemps .boxJour input{display: none;}

/* page souscription */
.boxRechercheDate{display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding: 10px 0 10px;}
.boxRechercheDate select,
.boxRechercheDate input{max-width: 150px; padding-left: 8px; border: solid 1px #eeeeee; height: 26px; color: #777777; font-size: 12px;}
.boxRechercheDate .formGroup{height:100%; display: flex; flex-flow: column wrap; justify-content: flex-end; align-items: flex-start; padding-right: 10px;}
.boxRechercheDate .formGroup label{padding: 0; margin: 0; font-size: 12px;}
.boxRechercheDate p{padding: 0; margin: 0;}

.boxRecherche{border: solid 1px #eeeeee; padding: 10px;}
.boxRecherche label{margin: 0; padding: 0; font-size: 12px; }

/* piloter */
table.boxTable{width: 100%;}
table.boxTable th{font-size: 12px; font-weight: bold; border-bottom: solid 1px #eeeeee;}

.boxCardCarte{height: 100%; display: flex; flex-flow: column wrap; justify-content: space-between; padding: 10px;}
.boxCardCarte p{padding: 0; margin: 0; line-height: 18px; text-align: center;}
.boxCardCarte p b{font-size: 18px; font-weight: bold;}

div.boxAvancement{display: flex; justify-content: center; align-items: flex-start; text-align: center; padding-top: 10px;}
div.boxAvancement span{padding: 10px 20px; font-size: 22px; font-weight: bold; line-height: 22px;}


/* Positionnement */
.boxPositionnement{width: 100%; }
.boxPositionnement .header{display: flex; flex-flow: row nowrap; justify-content: space-between;}
.boxPositionnement .body{}
.boxPositionnement .header .box1{width:50%; height: 150px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; border: solid 2px #eeeeee;}
.boxPositionnement .header .box1 p{}
.boxPositionnement .header .box1 h2{padding: 0; margin: 0; font-size: 40px;}
/*
    boxCalendrier
 */
.boxCalendrier{width: 100%; display: flex; flex-flow: row wrap}
.boxCalendrier div.boxMois{flex: none; width: 25%; height: 200px; border: solid 1px #eeeeee; padding: 5px;}
.boxCalendrier div.boxMois span.labelMois{display: block; text-align: right; font-size: 14px; font-weight: bold;}
.boxCalendrier div.boxMois div.boxOperation{font-size: 10px; padding: 2px 0;}
.boxCalendrier div.class_operation{background-color: rgba(255,220,40,.04);}
.boxCalendrier div.class_operation svg{width: 10px; height: 10px; color: #3f80ea;}
.boxCalendrier div.class_operation a{color: inherit;}
.boxCalendrierNav{display: flex; align-items: center;}
.boxCalendrierNav div.y{font-weight: bold; color: #3f80ea; font-size: 20px;}
.boxCalendrierNav a:hover{color: #3f80ea;}

/*

 */

.boxCarteStrategique{}
.boxCarteStrategique div.tr{width: 100%; display: flex; align-items: center; font-size: 12px; padding-top: 4px; padding-bottom: 4px;}
.boxCarteStrategique div.tr div.widthAuto{flex: 1;}
.boxCarteStrategique div.tr div.width50{flex: none; width: 50px;}
.boxCarteStrategique div.tr div.width100{flex: none; width: 100px;}
.boxCarteStrategique div.tr div.width150{flex: none; width: 150px;}

.boxCarteStrategique div.multi{padding: 4px 0; cursor: pointer;}
.boxCarteStrategique div.multi i{height: 10px; width: 10px;}

.boxCarteStrategique div.multi_1{background-color: rgba(48, 164, 252,0.8); color: rgba(255,255,255,1);}
.boxCarteStrategique div.multi_2{background-color: rgba(48, 164, 252,0.1); color: rgba(0,0,0,1);}
.boxCarteStrategique div.multi_2{padding-left: 10px;}
.boxCarteStrategique div.multi_3{background-color: rgba(48, 164, 252,0.2); color: rgba(0,0,0,1);}
.boxCarteStrategique div.multi_3{padding-left: 20px;}
.boxCarteStrategique div.multi_4{background-color: rgba(48, 164, 252,0.1); color: rgba(0,0,0,1);}
.boxCarteStrategique div.multi_4{padding-left: 30px;}
.boxCarteStrategique div.multi_5{background-color: rgba(48, 164, 252,0.2); color: rgba(0,0,0,1);}
.boxCarteStrategique div.multi_5{padding-left: 40px;}
.boxCarteStrategique div.multi_6{background-color: rgba(48, 164, 252,0.1); color: rgba(0,0,0,1)}
.boxCarteStrategique div.multi_6{padding-left: 50px;}
.boxCarteStrategique div.operation{padding-left: 60px;}

/*
    boxAideEnLigne
 */


.boxAideEnLigne{display: flex;}

.boxAideEnLigne .boxTitre{flex: none; width: 250px; margin-right: 40px;}
.boxAideEnLigne .boxTitre .scroll{position: fixed; top: 0; width: 250px;}

.boxAideEnLigne .boxTitre .nav{display: block; height: 100vh; overflow-y: auto; padding:10px;}
.boxAideEnLigne .boxTitre .nav-link{display: block; padding: 5px 0; margin: 0;}
.boxAideEnLigne .boxTitre .active{color: #3f80ea;}
.boxAideEnLigne .boxTitre .h1{font-size: 12px; padding-left: 0;}
.boxAideEnLigne .boxTitre .h2{font-size: 12px; padding-left: 10px;}
.boxAideEnLigne .boxTitre .h3{font-size: 12px; padding-left: 20px; font-weight: normal;}
.boxAideEnLigne .boxContenu{}
.boxAideEnLigne .boxContenu .card{padding:20px 40px;}
.boxAideEnLigne .boxContenu p{text-align: justify;}
.boxAideEnLigne .boxContenu div.img{border:dashed 2px #eeeeee; border-radius: 4px; padding-top: 16px; margin-bottom: 1rem;}
.boxAideEnLigne .boxContenu div.img img{display: block; margin: 0 auto;}
.boxAideEnLigne .boxContenu div.img img.width100{width: 90%;}
.boxAideEnLigne .boxContenu div.img img.width50{width: 50%;}
.boxAideEnLigne .boxContenu div.img p{text-align: center; font-size: 10px; padding-top: 10px;}
.boxAideEnLigne .boxContenu div.code{padding: 16px; border-radius: 8px; background-color: #eeeeee; margin-bottom: 1rem;}
.boxAideEnLigne .boxContenu table{width: 100%;}
.boxAideEnLigne .boxContenu table tr th{border: solid 1px #1b1e21; padding: 5px; background-color: #1b1e21; color: #ffffff; font-weight: normal;}
.boxAideEnLigne .boxContenu table tr td{border: solid 1px #eeeeee; padding: 5px;}
.boxAideEnLigne .boxContenu table tr:nth-child(even) {background-color: #f2f2f2;}

/*

 */
.boxRapport{background-color: #ffffff; border: solid 1px #eeeeee; padding: 20px;}
.boxRapport .headerRapport{}
.boxRapport .headerRapport div.logo{padding: 40px 0;}
.boxRapport .headerRapport div.logo img{width: 180px;}
.boxRapport .headerRapport div.titre{background-color: #3f80ea; text-align: center; padding: 40px 0; border-radius: 10px;}
.boxRapport .headerRapport div.titre h1{font-size: 32px; color: #ffffff;}
.boxRapport .headerRapport div.titre h2{font-size: 16px; color: #ffffff;}
.boxRapport .headerRapport div.titre p{font-size: 14px; color: #ffffff;}
.boxRapport .headerRapport div.titre p b{color: #ffffff;}
.boxRapport .headerRapport div.recapitulatif{padding-top: 40px;}
.boxRapport .headerRapport div.organisation {padding: 40px 0; text-align: right;}
.boxRapport .headerRapport div.organisation img{height: 50px; margin-bottom: 10px;}
.boxRapport .headerRapport div.organisation p{font-size: 14px; padding: 0; margin: 0;}
.boxRapport .headerRapport div.operation{padding: 40px 0;}
.boxRapport .bodyRapport h4{margin: 0; padding: 20px 0 10px;}
.boxRapport .bodyRapport h5{margin: 0; padding: 20px 0 10px;}
.boxRapport .bodyRapport p{font-size: 12px; text-align: justify;}
.boxRapport .bodyRapport ul li{font-size: 12px; text-align: justify;}
.boxRapport .boxRepondant{}
.boxRapport .boxRepondant .header{display: flex; justify-content: space-between; align-items: center;}
.boxRapport .boxRepondant .body{}
.boxRapport .boxRepondant .body .section{margin-bottom: 20px; border: solid 1px #eeeeee;}
.boxRapport .boxRepondant .body .section .titre{}
.boxRapport .boxRepondant .body .section .titre h2{font-size: 12px; padding: 16px 16px 10px 16px; margin: 0;}
.boxRapport .footerRapport{}

table.operation{width: 100%;}
table.operation tr td{width: 50%; border: solid 1px #eeeeee; padding: 10px 5px; font-size: 12px;}
table.contribution{width: 100%;}
table.contribution tr th{border: solid 1px #eaeaea; background-color: #eeeeee; font-weight: bold; padding: 10px 5px; font-size: 10px;}
table.contribution tr td{border: solid 1px #eeeeee; padding: 5px 5px; font-size: 10px; line-height: 12px;}

/*

 */

table.datatables-questionnaire tr th,
table.mydatatables>thead>tr>th,
table.mydatatables-h200>thead>tr>th {border-right: solid 2px #49505720; background-color: #eeeeee; font-size: 12px; padding: 5px;}
table.datatables-questionnaire tr td,
table.mydatatables tr td,
table.mydatatables-h200 tr td {font-size: 12px; padding: 5px;}
table.mydatatables thead tr th span.contenu,
table.mydatatables-h200 thead tr th span.contenu,
table.mydatatables tbody tr td span.contenu,
table.mydatatables-h200 tbody tr td span.contenu {height:20px; display: block; overflow: hidden; text-overflow: ellipsis;}
table.mydatatables thead tr th.width-100,
table.mydatatables-h200 thead tr th.width-100{min-width: 100px;}
table.mydatatables thead tr th.width-50,
table.mydatatables-h200 thead tr th.width-50{min-width: 50px;}
table.mydatatables thead tr th.width-10,
table.mydatatables-h200 thead tr th.width-10{min-width: 10px;}

table.mydatatables-contribution{}
table.mydatatables-contribution>thead>tr>th {border-right: solid 3px #ffffff; background-color: #e0eafc; font-size: 12px;}
table.mydatatables-contribution tbody tr span.contenu {height:20px; display: block; overflow: hidden; text-overflow: ellipsis; font-size: 12px;}
table.mydatatables-contribution thead tr th.width-100{min-width: 100px;}
table.mydatatables-contribution thead tr th.width-50{min-width: 50px;}
/*

 */
.ag-header-cell-text{border-color: #dee6ed;color: #6c757d; font-size: .825rem; font-weight: bold;}
.ag-cell-value{color: #6c757d; font-size: .825rem; font-weight: 400;}
.ag-root-wrapper{border: none;}
.ag-row-odd{background-color: #f4f7f9;}
.ag-row{border: none;}
@media print {
    /*@page { margin: 0; }
    body { margin-top: 40px; } */
    @page { margin-top: 30px; }

    div.boxRapport{border: none; padding: 0;}
    div.titre{background-color: #3f80ea; text-align: center; padding: 40px 0;}
}