@font-face {
    font-family: 'webl';
    src: url('../fonts/weblysleekuil-webfont.eot');
    src: url('../fonts/weblysleekuil-webfont.eot?#iefix')
            format('embedded-opentype'),
        url('../fonts/weblysleekuil-webfont.woff') format('woff'),
        url('../fonts/weblysleekuil-webfont.ttf') format('truetype'),
        url('../fonts/weblysleekuil-webfont.svg') format('svg');
}

@font-face {
    font-family: 'webn';
    src: url('../fonts/weblysleekuisl-webfont.eot');
    src: url('../fonts/weblysleekuisl-webfont.eot?#iefix')
            format('embedded-opentype'),
        url('../fonts/weblysleekuisl-webfont.woff') format('woff'),
        url('../fonts/weblysleekuisl-webfont.ttf') format('truetype'),
        url('../fonts/weblysleekuisl-webfont.svg') format('svg');
}

@font-face {
    font-family: 'webb';
    src: url('../fonts/weblysleekuisb-webfont.eot');
    src: url('../fonts/weblysleekuisb-webfont.eot?#iefix')
            format('embedded-opentype'),
        url('../fonts/weblysleekuisb-webfont.woff') format('woff'),
        url('../fonts/weblysleekuisb-webfont.ttf') format('truetype'),
        url('../fonts/weblysleekuisb-webfont.svg') format('svg');
}

@font-face {
    font-family: 'iconeo';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.woff') format('woff'),
        url('../fonts/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon.svg#icomoon') format('svg') !important;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Black';
    src: url('../fonts/DINPro-Black.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald.ttf');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
        Helvetica, Arial, sans-serif !important;
    min-height: 100% !important;
}

/* line 1, ../sass/_alpha8-elements.scss */
* {
    margin: 0;
    padding: 0;
}

.brandLogoMini {
    max-width: 200px;
    height: auto;
}

.brandLogoTopbar {
    max-width: 200px;
    height: 18px;
}

.brandLogoPdfPrint {
    max-width: 160px;
    height: auto;
}

.mainNavBar {
    padding-left: 40px;
}

/* SHADOWS FROM BOOTSTRAP 4 */

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

/* Global */

.btn-darkblue {
    background-color: rgba(5, 27, 105, 0.856);
    color: #fff;
}

.btn-dark {
    background-color: #000000;
    color: #fff;
}

.littlePolice {
    font-size: 0.8em;
}

.aligned-items {
    display: flex;
    align-items: flex-end;
}

.panel-list {
    box-sizing: border-box;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    border-top: 2px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.panel-list-title {
    font-family: 'Open-Sans', sans-serif;
    font-size: 1.2em;
}

.select-list-pane {
    padding-top: 15px;
}

.panel-flex {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.panel-flex-item-left {
    margin-right: 2%;
}

.panel-flex-item-right {
    margin-left: auto;
    flex-grow: 4;
}

/* end global */

/* Parcours */

.diagnostic-function-list-container {
    box-sizing: border-box;
    border-top: 3px solid orange;
    border-bottom: 1px solid orange;
}

.diagnostic-function-list-pane {
    display: flex;
    flex-direction: row;
    padding-top: 15px;
    justify-content: space-evenly;
}

.btn-orange {
    background-color: rgb(240, 121, 48);
    outline-color: rgb(240, 121, 48);
    color: white;
}

.btn-forgotPassword {
    background-color: white !important;
    border: 2px solid #34515e !important;
    color: #34515e !important;
}

.btn-forgotPassword:hover {
    background-color: #b1b1b1 !important;
}

.btn-orange-outlined {
    background-color: white !important;
    border: 2px solid rgb(240, 121, 48) !important;
    color: rgb(240, 121, 48) !important;
}

.btn-orange-outlined:hover {
    background-color: #ffe0b2 !important;
}

.btn-orange:hover {
    background-color: rgba(240, 121, 48, 0.9);
    color: #424242;
}

.fill {
    min-height: 100%;
    height: 100%;
}

/* DASHBOARD */

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.companyNameDashboard {
    height: 100px;
    line-height: 100px;
}

.companyCardDashboard {
    min-height: 100px;
}

.companyLogoDashboard {
    height: 100px;
    line-height: 100px;
}

.panel-select-company {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mainPane {
    padding-top: 20px;
}

.resolutionCreationPane {
    margin-top: 50px;
}

.ligneDiagShow {
    display: '';
}

.ligneDiagHide {
    display: none;
}

/* GLOBAL */

.noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.panel-list {
    box-sizing: border-box;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    border-top: 2px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.panel-list-title {
    font-family: 'Open-Sans', sans-serif;
    font-size: 1.2em;
}

.list-container-pane {
    padding-top: 15px;
}

/* DASHBOARD2 */
.industry-icon {
    padding-top: 1%;
    margin-left: auto;
}

.jdb-company-title {
    margin-bottom: 0;
    align-self: flex-end;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.panel-jdb-title {
    padding-top: 5px;
    padding-left: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.jdb-panel {
    min-height: 300px;
}

.span-small {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4em;
}

.span-medium {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.8em;
}

.retourList {
    margin-bottom: 1em;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.btn-retour {
    margin-left: auto;
    max-height: 31px;
    align-self: flex-end;
}

.panel-red {
    box-sizing: border-box;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    border-top: 2px solid red;
    border-bottom: 1px solid red;
}

.panel-orange {
    box-sizing: border-box;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    border-top: 2px solid rgb(240, 121, 48);
    border-bottom: 1px solid rgb(240, 121, 48);
}

.panel-orange-border-left {
    box-sizing: border-box;
    border-left: 3px solid rgb(240, 121, 48);
}

.panel-grey-border-left {
    box-sizing: border-box;
    border-left: 3px solid #424242;
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.panel-yellow {
    box-sizing: border-box;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    border-top: 2px solid rgb(255, 192, 0);
    border-bottom: 1px solid rgb(255, 192, 0);
}

.panel-green {
    box-sizing: border-box;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    border-top: 2px solid rgb(0, 158, 71);
    border-bottom: 1px solid rgb(0, 158, 71);
}

.panel-blue {
    box-sizing: border-box;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    border-top: 2px solid rgb(65, 105, 225);
    border-bottom: 1px solid rgb(65, 105, 225);
}

/* DIAGNOSTIC */
.sessiondiagfonction-top-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.dotDiag {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 75px;
}

.dotDiagDefault {
    background-color: #646464;
}

.FctALPHA8Orange {
    background-color: rgb(240, 121, 48) !important;
}

.FctALPHA8Bleue {
    background-color: rgb(9, 20, 67) !important;
}

.lettreDiag {
    height: 35px;
    width: 30px;
}

.titreFonctionDiag {
    height: 90px;
    line-height: 50px;
    padding-bottom: 15px;
}

.resumeDiagTdb > .titreFonctionDiag {
    padding-left: 60px;
}

.divDisabled {
    background-color: grey;
}

.diag {
    margin-top: 100px;
}

.diagPane {
    margin-top: 50px;
}

.marge {
    text-align: center;
    height: 100px;
}

.majTitleFct {
    font-family: 'DINPro-Black';
    font-size: 2.7rem;
    color: white;
}

.TitleFct {
    font-family: 'DINPro-Black';
    font-size: 1.7rem;
    color: white;
}

.tabEntretienIndividuel > th {
    padding: 0 1px 1px;
}

.TitleFctBO {
    font-family: 'DINPro-Black';
    font-size: 1.7rem;
    color: white;
}

.TitleFct::first-letter {
    font-size: 150%;
}

.classWithPad {
    /*margin:10px;
  padding:10px;*/
}

.divFonctionAlpha {
    height: 100px;
    width: 170px;
    line-height: 100px;
    text-align: center;
    border-color: white;
    border-width: 10px;
}

.v-margin {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

.marginHU {
    margin-left: 211px;
}

.marginGA {
    margin-left: 211px;
}

/* FIN DIAGNOSTIC */
/* QUI FAIT QUOI */
.no-margin {
    margin-left: 0px;
}

.margin-20 {
    padding-left: 20px;
}

.margin-20 > span {
    text-decoration: underline;
}

.margin-40 {
    padding-left: 40px;
}

/* DROPDOWM MENU */
.dropdown-menu > li > a {
    color: grey;
}

.dropdown-menu > li > a > i {
    margin-right: 15px;
}

.iconeModulePr {
    font-size: 24px;
}

.nav-tabs > li:last-child > a {
}

/* The sidebar menu */

.navbar {
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-color: #fff !important;
    z-index: 1000;
}

.content-container {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    min-height: 100%;
}

.sideBarContainer {
    bottom: 0;
    overflow-y: scroll;
    top: 0;
    margin: 0;
    padding: 0;
    /* width: 85px; */
    min-width: 85px;
    min-height: 100%;
    position: fixed;
    background-color: white;
    /* box-shadow: 0 6px 6px rgba(0,0,0,0.23); */
    border-right: 1px solid #f5f5f5;
    z-index: 999;
}

.sideBarContainer::-webkit-scrollbar {
    display: none;
}

.sideBarContainer {
    scrollbar-width: none;
}

.mainContentContainer {
    width: 100%;
    padding-left: 105px;
    min-height: 100%;
    padding-top: 20px;
    position: relative;
    transition-duration: 0.5s;
    /* transition pour lisser l'animation du menu-left */
}

.sidebar-wrapper {
    height: 100%;
    max-height: 100%;
    padding: 0;
    padding-top: 70px;
    left: 0;
    transition: width 0.5s;
}

.sidebar-wrapper_tuto {
    padding: 0;
    left: 0;
    transition: width 0.5s;
}

.sidebar-wrapper li,
.sidebar-wrapper_tuto li {
    height: 65px;
    display: list-item;
    padding-left: 10px;
    padding-right: 10px;
}

.sidebar-wrapper li > a {
    text-decoration: none;
    display: flex;
    align-items: center;
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    /* padding-left: 18px; */
    color: #091443;
    font-weight: bold;
}

.sidebar-wrapper li i,
.sidebar-wrapper_tuto li i {
    line-height: 45px;
    padding-left: 0px;
}

.container-fluid-content {
    padding-left: 85px;
}

.menuItemActive,
.sidebar-wrapper li > a:hover {
    background-color: #ff791e;
    color: white;
}

.menuItemActive i {
    color: white !important;
}

.menuItemActive span {
    color: white !important;
}

.sidebar-wrapper li > a:hover > i {
    color: white;
}

.sidebar-wrapper ul li i,
.sidebar-wrapper_tuto ul li i {
    min-width: 60px;
    color: #091443;
    font-size: 24px;
}

.sidebar-wrapper li > a > span {
    display: none;
}

.sidebar-wrapper li > div#derouleMenu {
    display: flex;
}

.sidebar-wrapper li > div#derouleMenu i {
    cursor: pointer;
    max-width: 60px;
    display: flex;
    justify-content: center;
    color: grey;
}

/* NAV BAR TOP */
.newNavbar {
    background-color: #fff;
    border-bottom: 1px solid #c8ced3;
}

.panel-heading {
    background-image: none !important;
    background-color: #f8f8f8;
}

.panel-success > .panel-heading {
    color: white !important;
    background-color: #28a745 !important;
}

.panel-warning > .panel-heading {
    color: #424242 !important;
    background-color: #ffc107 !important;
}

.panel-danger > .panel-heading {
    color: white !important;
    background-color: #c82333 !important;
}

.panel-primary > .panel-heading {
    color: white !important;
    background-color: #007bff !important;
}

.btn {
    background-image: none !important;
    border: none;
}

.btn-danger {
    background-color: #c82333 !important;
}

.btn-warning {
    background-color: #ffc107 !important;
    color: #424242 !important;
}

.btn-success {
    background-color: #28a745 !important;
}

.btn-primary {
    background-color: #007bff !important;
}

.btn-info {
    background-color: #17a2b8 !important;
}

@media (min-width: 768px) {
    .sidenav {
        margin-top: 50px;
    }
}

@media (max-width: 992px) {
    .sidenav {
        margin-top: 100px;
    }
}

@media (max-width: 768px) {
    .sidenav {
        margin-top: 60px;
    }
}

.labeltest {
    background-color: #eaeae9;
    color: black;
    font-size: 15px;
}

.labelTitre {
    background-color: #eaeae9;
    color: black;
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    margin-bottom: 5px;
}

/* CODE COULEUR CHARTE GRAPHIQUE*/
.alpha8Orange {
    color: #e17e43 !important;
    font-family: 'DINPro-Black';
}

.alpha8Bleue {
    color: #0a1640 !important;
    font-family: 'DINPro-Black';
}

/* FIN CODE COULEUR CHARTE GRAPHIQUE*/
/* NGCLOAK */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

/* INSCRIVEZ-VOUS*/
.inscrivezVous {
    height: 75px;
    line-height: 75px;
    background-color: #1f4955;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.span-login-form {
    border-radius: 5px;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 1em;
    background-color: #34515e;
}

.btnConnexion {
    background-color: #e17e43;
    color: #fff;
    border-radius: 0%;
}

.text-orange {
    color: #e17e43;
}

.bordureInscrivezVous {
    border-color: #1f4955;
    border-width: 1px;
    border-style: solid;
    border: -20 -20 -20 -20;
}

.texteInscrivezVous {
    margin: 25px 25px 25px 25px;
}

/* FIN INSCRIVEZ-VOUS*/
.btnParcours {
    border: 1px solid black;
    height: auto;
    width: 100px;
}

.infoParcours {
    padding-bottom: 50px;
}

.bandeautest {
    background-color: yellow;
    height: 50px;
    width: 100%;
    text-align: center;
    top: 0;
    position: fixed;
    z-index: 9999999999999999;
}

/*CSS MENU GAUCHE PIERRE*/
.sidenav > .divIcons {
    width: 100%;
    line-height: 50px;
    overflow: hidden;
}

.lock-icon {
    margin: 27%;
    text-align: center;
}

/* GENERAL */
/*.marginPanel {
  padding-left: 30px;
  padding-right: 30px;
}

/*.panelIndicateursParcours > .panel > .panel-heading {
  background-image: none;
  background-color: purple !important;
  color: white;
}

.panelIndicateurs > .panel > .panel-heading i {
  color: white;
}*/
.floatRight {
    float: right;
}

.baseline {
    font-family: Oswald;
    font-size: 40px;
}

.carnetVolContainer {
    padding: 15px;
}

.panelCarnetDeVol {
    transition: 1s;
}

/* CARNET DE VOL */
.flecheBas {
    font-size: 45px;
    color: red;
    margin-top: 15px;
    margin-left: 37px;
}

.flecheHaut {
    font-size: 45px;
    color: green;
    margin-top: 15px;
    margin-left: 37px;
}

.flecheDroit {
    font-size: 45px;
    color: orange;
    margin-top: 15px;
    margin-left: 37px;
}

.circleroad {
    margin-left: 50px;
}

.circleTendance {
    margin-top: 30px;
}

.circleRouge {
    background-color: rgb(232, 31, 10);
}

.divLeft {
    width: 100px;
    display: block;
    float: left;
}

.divRight {
    width: 100px;
    height: 100px;
    display: block;
    float: right;
    position: absolute;
    bottom: 0;
}

.circleOrange {
    background-color: rgb(255, 192, 0);
}

.circleVert {
    background-color: rgb(0, 158, 71);
}

.circleBleu {
    background-color: #4169e1;
}

.carreRouge {
    font-size: 75px;
    color: red;
    margin-top: 15px;
    margin-left: 37px;
}

.carreOrange {
    font-size: 75px;
    color: orange;
    margin-top: 15px;
    margin-left: 37px;
}

.carreVert {
    font-size: 75px;
    color: green;
    margin-top: 15px;
    margin-left: 37px;
}

.carreBleu {
    font-size: 75px;
    color: blue;
    margin-top: 15px;
    margin-left: 37px;
}

.bgRed {
    background-color: red;
    border-radius: 5px;
    margin-left: 30px;
}

.bgOrange {
    background-color: orange;
    border-radius: 5px;
    margin-left: 30px;
}

.bgGreen {
    background-color: green;
    border-radius: 5px;
    margin-left: 30px;
}

.bgBleu {
    background-color: blue;
    border-radius: 5px;
    margin-left: 30px;
}

.PotentielComportementalecolorText {
    color: white;
    padding-top: 50px;
    font-size: 17px;
}

.PotentielComportementalecolorTextTendance {
    color: grey;
    padding-top: 50px;
    font-size: 17px;
}

.bgPotentielComportementaleTendance {
    margin-left: -30px;
}

/* FIN CARNET DE VOL */
/* DASHBOARD */
.icoDashboard {
    background: url(../images/icoDashboard.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.iconesJournalBord {
    height: auto;
    max-width: 35px;
}

.icoDashboardTest {
    background: url(../images/icoDashboard.png);
    background-size: 24px 24px;
}

.divCornerInd {
    height: 30px;
    line-height: 30px;
    border: 1px solid grey;
    background-color: white;
    color: black;
}

.divCornerDashboard {
    border: 1px solid grey;
    background-color: white;
    color: black;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    border-radius: 10px 10px;
    margin-bottom: 10px;
}

.size-panelMesdocs {
    height: 317px;
}

.size-panelSupervision {
    height: 317px;
}

.size-panelDiag {
    height: 324px;
}

.pourcent {
    font-weight: bold;
    font-size: 23px;
}

.spaceText {
    padding-bottom: 20px;
}

.TitleROAD {
    font-family: 'webb';
    color: #0a1640 !important;
}

.TitleCarnetVol {
    font-family: 'webb';
    font-size: 20px;
    color: #0a1640 !important;
}

.cercleRoad {
    margin-left: 70px;
}

.titleDashboardAutoTest {
    font-size: 25px;
    color: #4d6f64;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'webb';
    padding-bottom: 20px;
}

.titleDashboardPR {
    font-size: 25px;
    color: #520868;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'webb';
    padding-bottom: 20px;
}

.titleDashboardQFQ {
    font-size: 25px;
    color: #a841e6;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'web';
    padding-bottom: 20px;
}

.titleDashboardAutoDiag {
    font-size: 25px;
    color: #ec774f;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'webb';
}

.titleDashboardAutoSupervision {
    font-size: 25px;
    color: #5e9c80;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'webb';
}

.titleDashboardAlphaMesDocs {
    font-size: 25px;
    color: #a994ee;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'webb';
}

.titleDashboardGenParcours {
    font-size: 25px;
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'webb';
}

.titleCarnetdeVol {
    font-size: 25px;
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'webb';
}

.indicateurAutoSupervision {
    font-size: 35px;
    color: #000000;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'webb';
}

.indComportementContainer {
    position: relative;
    margin-left: 75px;
}

/* Modif Loïc pour le template de showCompanies  */

.fa-ellipsis-h {
    cursor: pointer;
}

.padding-l {
    padding-left: 10%;
}

.border-rad {
    border-radius: 25px;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
}

/* positions header-content at the bottom of header's context */
.indComportement {
    position: absolute;
    bottom: 0;
    margin-left: 70px;
}

.flexContainer {
    display: flex;
    flex-direction: row;
}

.flexItem {
    width: 200px;
}

.resRed {
    color: white;
    background-color: red;
}

.resYellow {
    color: black;
    background-color: yellow;
}

.resGreen {
    color: white;
    background-color: green;
}

.searchShowCompanies {
    margin-bottom: 50px;
}

.DashboardNameCompany {
    font-size: 20px;
    font-weight: bold;
    font-family: DINPro-Black;
    color: #0a1640;
}

.DashboardIndicateur {
    font-size: 13px;
    font-weight: bold;
    font-family: DINPro-Black;
    color: #0a1640;
}

.DashbaordBorderCompany {
    background-color: #f7f7f7;
    box-shadow: 6px 6px 12px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.DashbaordBorderAutoDiag {
    background-color: #f7f7f7;
    box-shadow: 6px 6px 12px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.spaceBorder {
    padding-top: 10px;
    margin-bottom: 15px;
    margin-left: 35px;
    margin-right: 70px;
}

.interligne {
    margin-bottom: 20px;
}

.companyIndicatorBlue {
    background-color: #deebf6;
}

.companyIndicatorOrange {
    background-color: #fbe7cb;
}

.companyIndicatorRed {
    background-color: #f8dfde;
}

.companyIndicatorGreen {
    background-color: #e3f3e3;
}

/* FIN DASHBOARD */
/* DIAGNOSTIC */
.diag {
    margin-top: 100px;
}

.marge {
    margin: 20px;
    text-align: center;
    height: 100px;
}

.marginDirection {
    margin-left: 46px;
}

/*
.margeDirection{
  margin-right:148px;
}

.margeCommerciale{
  margin-right:148px;
}

.marge1{
  margin-right: 100px;
}
*/
.majTitleFct {
    font-family: 'DINPro-Black';
    font-size: 2.7rem;
    color: white;
}

.TitleFct {
    font-family: 'DINPro-Black';
    font-size: 1.7rem;
    color: white;
}

.FctALPHA8Orange {
    background-color: rgb(240, 121, 48);
}

.FctALPHA8Bleue {
    background-color: rgb(9, 20, 67);
}

.directionFct {
    font-family: DINPro-Black;
}

.spacingDiv {
    grid-column-gap: 40px;
}

.textWhite {
    color: white;
}

/* FIN DIAGNOSTIC */
/*PLANS DE RESOLUTION */

/* bouton paper clip pour voir le doc/formation */
.orangea8,
.paperclip-orange {
    color: rgb(240, 121, 48) !important;
}

.greya8 {
    color: #424242 !important;
}

/* Bouton de lien avec les documents/formations sur les cartes dans AlphaTech */
.button-assign {
    min-height: 60px;
    min-width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-weight: 700;
    border: none;
}

.button-assign i {
    font-size: 1.6em;
}

.divIndicateur {
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: -18px;
}

.stateCellWhite {
    background-color: '';
}

.stateCellYellow {
    background-color: yellow;
}

.stateCellRed {
    background-color: red;
}

.stateCellGreen {
    background-color: green;
}

/*
.planResolutionTitle {
  background-color: #520868;
  line-height: 35px;
  height: 35px;
  padding-left: 10px;
  font-size: 16px;
  border: 1px solid #9fc6ff;
  /*arrondir les coins en haut à gauche et en bas à droite*/
/*-moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
  border-radius: 10px 10px;
  color: white;
}
*/
.planResolutionLegende {
    margin-top: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.planResolutionLegende > ul {
    margin-left: 10px;
}

.pdrFiltres {
    margin-top: 10px;
    width: 100%;
}

.planResolutionLegende > ul > li {
    list-style-type: none;
    margin-right: 20px;
    display: inline-block;
}

/* line 5, ../sass/_alpha8-elements.scss */
:focus,
:visited {
    outline: none !important;
}

/* line 8, ../sass/_alpha8-elements.scss */
a {
    text-decoration: none;
}

/* line 11, ../sass/_alpha8-elements.scss */
.btn,
.btnNav,
.btnPag,
a,
.slot,
.pointer:hover {
    cursor: pointer;
}

/* line 15, ../sass/_alpha8-elements.scss */
ul {
    margin-bottom: 0;
    list-style: none;
}

legend {
    width: 50%;
    text-align: center;
}

/* line 19, ../sass/_alpha8-elements.scss */
h5 kbd {
    color: #fff;
}

/* line 22, ../sass/_alpha8-elements.scss */
html {
    background-color: #fff;
}

/* line 25, ../sass/_alpha8-elements.scss */
body {
    font-family: 'webn';
    overflow-x: auto;
    overflow-y: auto;
}

/* line 29, ../sass/_alpha8-elements.scss */
table.table:not(.table-bordered),
table.table:not(.table-bordered) td {
    border: none !important;
}

/* line 32, ../sass/_alpha8-elements.scss */
.navbar-brand-min {
    font-size: 14px;
}

.navbar-brand {
    padding-left: 50px;
}

/* line 35, ../sass/_alpha8-elements.scss */
th {
    font-family: 'webb';
    text-align: center;
}

/* line 39, ../sass/_alpha8-elements.scss */
td[class^='in-'] {
    color: #fff !important;
}

/* line 42, ../sass/_alpha8-elements.scss */
td.in-green {
    background-color: #009e47;
}

/* line 45, ../sass/_alpha8-elements.scss */
td.in-blue {
    background-color: royalblue;
}

/* line 48, ../sass/_alpha8-elements.scss */
td.in-yellow {
    background-color: #ffc000;
}

/* line 51, ../sass/_alpha8-elements.scss */
td.in-red {
    background-color: #e81f0a;
}

/* line 54, ../sass/_alpha8-elements.scss */
td.in-black {
    background-color: black;
}

/* line 57, ../sass/_alpha8-elements.scss */
td.in-grey {
    background-color: #aaaaaa;
}

/* line 61, ../sass/_alpha8-elements.scss */
ol {
    list-style-position: inside;
}

/* line 65, ../sass/_alpha8-elements.scss */
/* Page Index.html */
body[ng-app='PageAccueil']
    > div:not(.pbar):not(.alert):not(.modal):not(.modal-backdrop) {
    background-color: #f8f9f7;
}

body[ng-app='mainApp']
    > div:not(.pbar):not(.alert):not(.modal):not(.modal-backdrop) {
}

/* line 68, ../sass/_alpha8-elements.scss */
body[ng-app='mainApp'] .navbar-wrapper .navbar {
    margin-bottom: 0;
    border-width: 0;
}

/* line 71, ../sass/_alpha8-elements.scss */
body[ng-app='mainApp'] .navbar-wrapper .navbar ul.navbar-nav > li > a {
    color: #424242;
}

/* line 76, ../sass/_alpha8-elements.scss */
.leading {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* line 80, ../sass/_alpha8-elements.scss */
.navbar-btn {
    margin-right: 5px;
}

/* line 83, ../sass/_alpha8-elements.scss */
.nav-heading {
    color: #fff;
}

/* line 85, ../sass/_alpha8-elements.scss */
.nav-heading .fa {
    font-size: 18px !important;
}

/* line 89, ../sass/_alpha8-elements.scss */
.info-post li > div {
    display: inline-block;
}

/* line 92, ../sass/_alpha8-elements.scss */
.strong-lead {
    font-size: 16px;
}

/* line 93, ../sass/_alpha8-elements.scss */
.level-1 {
    padding-left: 30px;
}

/* line 94, ../sass/_alpha8-elements.scss */
.level-2 {
    padding-left: 20px;
}

/* line 95, ../sass/_alpha8-elements.scss */
.text-light {
    opacity: 0.7;
}

/* line 98, ../sass/_alpha8-elements.scss */
.regular-cols {
    width: 10%;
}

/* line 101, ../sass/_alpha8-elements.scss */
.master-cols {
    width: 30%;
}

/*header*/
/* line 105, ../sass/_alpha8-elements.scss */
.alpha8-logo {
    width: 280px;
    height: 32px;
    margin: 9px;
    font-family: 'webb';
    color: #fff !important;
    line-height: 2px;
    padding-left: 35px;
}

.logoPlacement {
    margin-top: -9px;
}

.logoPlacement1 {
    margin-top: -5px;
}

.logoHome {
    margin-left: 20px;
}

.logoHome > a {
    color: orange;
}

/* line 114, ../sass/_alpha8-elements.scss */
.selectedListed {
    background-color: #8edec6;
    background-color: #aaaaaa !important;
    color: #424242;
}

.selectedListedArchive {
    background-color: #deb28e !important;
}

/* line 118, ../sass/_alpha8-elements.scss */
.only-mobile {
    display: none;
}

/* line 121, ../sass/_alpha8-elements.scss */
.svg .alpha8-logo {
    /*background: url(../images/logo-alpha8.4.svg) no-repeat 0 0;*/
    /*background-size: contain;*/
}

/* line 122, ../sass/_alpha8-elements.scss */
.no-svg .alpha8-logo {
    /*background: url(../images/logo-alpha8.4.png) no-repeat 0 0;*/
}

.alpha8-logo {
    background: url(../images/alpha8orangelogo.png) no-repeat 0 0;
    background-size: contain;
}

.alpha8chouette {
    background: url(../images/alpha8-chouette.png) no-repeat 0 0;
    background-size: contain;
}

.helpbuttonchouette {
    max-width: 15px;
    max-height: 20px;
}

/*footer*/
/* line 124, ../sass/_alpha8-elements.scss */
img.ico-alpha8-footer {
    width: 40px;
    height: 24px;
}

/* line 128, ../sass/_alpha8-elements.scss */
.svg img.ico-alpha8-footer {
    background: url(../images/alpha8-gl.4.svg) no-repeat 0 -2px;
    background-size: contain;
}

/* line 129, ../sass/_alpha8-elements.scss */
.no-svg img.ico-alpha8-footer {
    background: url(../images/alpha8-gl.4.png) no-repeat 0 -2px;
}

/* line 130, ../sass/_alpha8-elements.scss */
.footer .text-muted.block-right {
    margin: 0;
    padding-right: 10px;
    line-height: 42px;
    font-family: 'webl';
    font-size: 11px;
}

/*****************************************************************/
.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

#tutut {
    min-height: 0 !important;
}

.mainContent {
    margin: 50px 0;
    min-height: calc(100vh - 100px);
}

.optionContent {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 9;
    background-color: #e9e9e9;
}

.input-text {
    margin-top: 15px;
}

.questionContent {
    max-height: 68vh;
    overflow-y: scroll;
    text-align: center;
}

.taille_maximum {
    max-height: 60vh;
    overflow-y: scroll;
}

.selectedTask {
    background-color: #c5fdec !important;
}

.selectedAct {
    background-color: #daf7ee !important;
}

/***************************************************************/
/* line 137, ../sass/_alpha8-elements.scss */
.footer {
    position: fixed;
    bottom: 0px;
    background: #fff;
    width: 100%;
    height: 50px;
    border-top: 1px solid #d3d3d3;
}

/* line 142, ../sass/_alpha8-elements.scss */
.col-region-pdl {
    height: 120px;
    margin: 10px;
    background: #fff url(../images/esprit_grand_ouvert_pdl.png) no-repeat 10px 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.col-silk {
    height: 120px;
    margin: 10px;
    background: #fff url(../images/1434483452.jpeg) no-repeat 10px 0;
    background-repeat: no-repeat;
    background-position: center center;
}

/* line 146, ../sass/_alpha8-elements.scss */
.iframe-wizzbe {
    position: absolute;
    top: 50px;
}

/* line 150, ../sass/_alpha8-elements.scss */
.panel-title button {
    margin-top: -2px !important;
}

/* line 153, ../sass/_alpha8-elements.scss */
.panel-title button + button {
    margin-right: 5px !important;
}

ol.info-post {
    list-style-position: outside;
}

ol.info-post li {
    clear: both;
}

/* line 156, ../sass/_alpha8-elements.scss */
ol.info-post.info-post-ol > ul {
    padding-left: 10px !important;
}

/* line 159, ../sass/_alpha8-elements.scss */
ol.info-post.info-post-ol > ul > ul {
    padding-left: 20px !important;
}

/*--------------------------------------------------------------- HOME BUTTONS*/
/* line 163, ../sass/_alpha8-elements.scss */
.heading-block {
    min-height: 180px;
    padding: 20px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    transition: all 0.2s ease-in;
}

/* line 168, ../sass/_alpha8-elements.scss */
.heading-block:hover {
    cursor: pointer;
    transform: scale(1.1);
    background: rgba(255, 255, 255, 0.5);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* line 173, ../sass/_alpha8-elements.scss */
.heading-block:hover .heading-icon {
    color: #c3c3c3;
}

/* line 176, ../sass/_alpha8-elements.scss */
.heading-block:hover .heading-text {
    text-shadow: 0px 0px 0px #c3c3c3;
}

/* line 179, ../sass/_alpha8-elements.scss */
.heading-block:hover .heading-lg.fa {
    text-shadow: 0px 1px 0px #a3a3a3;
}

/* line 183, ../sass/_alpha8-elements.scss */
.heading-block > span > span {
    text-align: center !important;
}

/* line 187, ../sass/_alpha8-elements.scss */
.heading-block .heading-lg.fa {
    font-size: 64px !important;
    text-align: center;
    color: #d3d3d3;
    padding-bottom: 10px;
    text-shadow: 0px 1px 0px #c3c3c3;
}

/* line 196, ../sass/_alpha8-elements.scss */
.heading-block .heading-text {
    font-size: 18px !important;
    line-height: 19px;
    text-align: center;
    font-family: 'webn';
    text-shadow: 0px 1px 0px #c3c3c3;
}

/* line 202, ../sass/_alpha8-elements.scss */
.heading-block .heading-text .title-regular {
    font-size: 16px !important;
}

/* line 207, ../sass/_alpha8-elements.scss */
.heading-icon,
.heading-text {
    display: inline-block;
    width: 100%;
}

/* line 211, ../sass/_alpha8-elements.scss */
.row-heading {
    /*border-top: 2px solid #fff;*/
    padding: 30px 15px 30px 15px;
}

/*--------------------------------------------------------------- CAROUSEL*/
/* line 216, ../sass/_alpha8-elements.scss */
#myCarousel,
#myCarousel .item {
    color: #7ec12d;
    height: 280px;
    overflow: hidden;
    background: #fff;
}

/* line 222, ../sass/_alpha8-elements.scss */
#myCarousel img {
    max-width: auto;
    height: auto;
    position: relative;
    margin: 0 auto;
}

/* line 228, ../sass/_alpha8-elements.scss */
.carousel-indicators .active {
    background-color: #7ec12d;
}

/* line 231, ../sass/_alpha8-elements.scss */
.carousel-indicators li {
    border: 1px solid #7ec12d;
}

/* line 234, ../sass/_alpha8-elements.scss */
#myCarousel {
    border-top: 1px solid #e9e9e9;
    font-size: 20px;
}

/* line 237, ../sass/_alpha8-elements.scss */
#myCarousel img {
    width: auto;
    font-family: 'webn';
}

/* line 241, ../sass/_alpha8-elements.scss */
#myCarousel h1 {
    color: #57871e;
    font-family: 'webl';
    background-color: rgba(255, 255, 255, 0.85) !important;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* line 248, ../sass/_alpha8-elements.scss */
#myCarousel .carousel-caption {
    top: -10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    color: #7ec12d;
}

/* line 253, ../sass/_alpha8-elements.scss */
#myCarousel .carousel-battery {
    display: none;
    position: absolute;
    height: 42px;
    top: 10px;
    right: 10px;
    z-index: 15;
    width: 92px;
    padding-left: 0;
    text-align: center;
    list-style: none;
    background: url(../images/charge.png) no-repeat 50% 0;
}

/* line 265, ../sass/_alpha8-elements.scss */
#myCarousel .carousel-battery li {
    float: left;
    height: 32px;
    background: #7ec12d;
    margin: 5px 1px 5px 0;
}

/* line 272, ../sass/_alpha8-elements.scss */
#myCarousel .carousel-charge {
    position: relative;
    margin: 0 auto;
    width: 92px;
    height: 42px;
    padding-left: 5px;
}

/* line 279, ../sass/_alpha8-elements.scss */
#myCarousel .carousel-control.right,
#myCarousel .carousel-control.left {
    background-image: none;
    color: #7ec12d;
}

/* line 281, ../sass/_alpha8-elements.scss */
.svg #myCarousel .carousel-battery {
    background: url(../images/charge.svg) no-repeat 50% 0;
    background-size: contain;
}

/* line 282, ../sass/_alpha8-elements.scss */
.no-svg #myCarousel .carousel-battery {
    background: url(../images/charge.png) no-repeat 50% 0;
}

/*--------------------------------------------------------------- MENUS et NAV*/
/*reset*/
/* line 285, ../sass/_alpha8-elements.scss */
header .nav .open > a,
header .nav .open > a:hover,
header .nav .open > a:focus,
header .nav > li > a:hover,
header .nav > li > a:focus,
li.dropdown.open {
    background-color: transparent !important;
    background-image: url(../images/dot-n5.png) !important;
}

/*tabs*/
/* line 292, ../sass/_alpha8-elements.scss */
.nav-tabs {
    border-bottom: 1px solid #337ab7;
}

/*pills*/
/* line 297, ../sass/_alpha8-elements.scss */
#menu .nav.nav-pills a {
    color: #fff;
}

/* line 300, ../sass/_alpha8-elements.scss */
#menu .nav.nav-pills li {
    margin: 10px 0;
    float: right;
}

/* line 306, ../sass/_alpha8-elements.scss */
.nav.nav-tabs .li-selected a {
    border-color: #337ab7 !important;
    background-color: rgba(51, 122, 183, 0.6) !important;
    color: #fff;
}

/* line 310, ../sass/_alpha8-elements.scss */
.nav.nav-tabs .li-selected a:hover {
    cursor: default;
    background-color: rgba(51, 122, 183, 0.6) !important;
    background-image: none !important;
}

/* line 318, ../sass/_alpha8-elements.scss */
.nav.nav-pills .li-selected-less a:hover {
    cursor: default;
}

/* line 319, ../sass/_alpha8-elements.scss */
.li-unselected a {
    border-bottom-color: #337ab7 !important;
}

/* line 320, ../sass/_alpha8-elements.scss */
.nav-tabs {
    margin-bottom: 20px;
}

/* line 322, ../sass/_alpha8-elements.scss */
.nav-tabs li a {
    background: #fff;
    border: 1px solid #ddd;
}

/* line 325, ../sass/_alpha8-elements.scss */
.nav-tabs li a:hover {
    border: 1px solid #ccc;
}

/*  --------------------------------------------------------------- DIAGNOSTICS       */
/* line 331, ../sass/_alpha8-elements.scss */
.innerDiag {
    display: inline-block;
    height: 36px;
}

/* line 335, ../sass/_alpha8-elements.scss */
.innerDiagContent,
.inner-diag-init {
    display: block;
}

/* line 338, ../sass/_alpha8-elements.scss */
.innerDiagContent {
    float: right;
    margin: -8px -8px -10px 0;
    height: 36px;
}

/* line 343, ../sass/_alpha8-elements.scss */
.inner-diag-init {
    float: left;
}

/* line 346, ../sass/_alpha8-elements.scss */
.innerDiagContent {
    width: calc(100% - 12px);
}

/* line 349, ../sass/_alpha8-elements.scss */
.table-assessment tr td:first-child .innerDiagContent {
    position: absolute;
    width: 120px;
    left: 32px;
}

/* line 354, ../sass/_alpha8-elements.scss */
.table-assessment td[style*='background-color'] {
    color: #fff;
}

.tools-content-diag {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 2px;
    color: #414141;
    margin: 0 auto;
}

.selectedCellDiag {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 2;
    box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.3);
}

.selectedCell {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 2;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
}

.selectedRow {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    z-index: 2;
    box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.over-Cell:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-color: #f8f8f8;
    cursor: pointer;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}

/* line 357, ../sass/_alpha8-elements.scss */
.table-assessment td[style*='background-color'] input {
    color: #646464;
}

/* line 360, ../sass/_alpha8-elements.scss */
.dropdown-menu.dropdown-table-assessment {
    padding: 10px;
    min-width: 244px;
}

/* line 364, ../sass/_alpha8-elements.scss */
.dropdown-menu.dropdown-table-assessment tr td:first-child {
    padding: 0 10px 0 5px !important;
}

/* line 367, ../sass/_alpha8-elements.scss */
.dropdown-menu.dropdown-table-assessment tr td:not(:first-child) {
    min-width: 20px;
}

/* line 370, ../sass/_alpha8-elements.scss */
.title-quote small {
    min-width: 70px;
    display: inline-block;
}

/*--------------------------------------------------------------- DIVERS*/
/*photo*/
/* line 376, ../sass/_alpha8-elements.scss */
.my-photo {
    background: url(../images/grid.png);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 10px;
}

/* line 381, ../sass/_alpha8-elements.scss */
.itemForm,
.my-photo {
    float: left;
}

/* line 384, ../sass/_alpha8-elements.scss */
.fa-md {
    color: #337ab7;
    font-size: 24px !important;
}

/* line 388, ../sass/_alpha8-elements.scss */
.block-right {
    float: right;
}

/* line 391, ../sass/_alpha8-elements.scss */
.mainContent {
    width: 100%;
}

/* line 394, ../sass/_alpha8-elements.scss */
.li-head {
    float: left;
    text-align: center;
}

/* line 398, ../sass/_alpha8-elements.scss */
.lead-middle {
    margin: 1em 7em 1em 7em;
}

.fond_info {
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}

.fondquestion {
    border-radius: 17px;
    background-color: #f3f3f3;
}

/* line 401, ../sass/_alpha8-elements.scss */
.rText {
    color: #646464;
}

/* line 404, ../sass/_alpha8-elements.scss */
.title-first {
    font-family: 'webb';
    color: #424242;
}

/* LOADER ET ALERTS*/
/* line 408, ../sass/_alpha8-elements.scss */
.loader {
    z-index: 999;
    color: #666;
    font-size: 11px;
    width: 94px;
    padding: 0 5px;
    z-index: 2;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    height: 24px;
    left: 50%;
    margin-left: -50px;
    text-indent: 20px;
    line-height: 21px;
}

/* line 427, ../sass/_alpha8-elements.scss */
.alert {
    width: 33%;
    margin: 0px 33%;
    position: fixed;
    z-index: 1001;
    top: 60px;
}

/* line 433, ../sass/_alpha8-elements.scss */
.alert.alert-default {
    color: #444;
    background-color: #fff;
    border-color: #999;
}

/* line 438, ../sass/_alpha8-elements.scss */
.alert h1 {
    margin-top: 5px;
    font-size: 21px;
}

/* line 442, ../sass/_alpha8-elements.scss */
.alert p {
    font-weight: 300;
    letter-spacing: 0.02em;
}

/* line 447, ../sass/_alpha8-elements.scss */
.pbar {
    position: fixed;
    height: 66px;
    z-index: 2000;
    width: 33%;
    top: 60px;
    margin: 0 33%;
    padding: 10px;
    background: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #c5c5c5;
}

/* line 458, ../sass/_alpha8-elements.scss */
.pbar h5 {
    margin-top: 0;
    font-family: 'webl';
}

/* line 463, ../sass/_alpha8-elements.scss */
.progresses {
    height: 20px;
    margin: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* line 471, ../sass/_alpha8-elements.scss */
.progresses-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-transition: width 0.1s ease;
    -o-transition: width 0.1s ease;
    -webkit-transition: width 0.1s ease;
    transition: width 0.1s ease;
    display: inline-block;
}

/*JUMBOTRON*/
/* line 486, ../sass/_alpha8-elements.scss */
.jumbotron {
    margin-top: 10px;
    background-color: #fff !important;
}

/* line 490, ../sass/_alpha8-elements.scss */
.jumbotron.jumbo ul li {
    list-style-type: disc !important;
    list-style-position: inside !important;
    margin-left: 14px;
    margin-bottom: 5px;
}

/* line 497, ../sass/_alpha8-elements.scss */
.jumbotron p {
    font-family: 'webn';
    font-size: 14px;
    text-align: justify;
}

/* line 501, ../sass/_alpha8-elements.scss */
.jumbotron p > strong {
    padding-top: 20px;
}

/* line 504, ../sass/_alpha8-elements.scss */
.jumbotron p.img {
    text-align: center !important;
}

/* line 506, ../sass/_alpha8-elements.scss */
.jumbotron p.img img {
    margin: 0 auto;
    position: relative;
}

/* line 512, ../sass/_alpha8-elements.scss */
.jumbotron p.lead {
    font-family: 'webl';
    font-size: 21px;
}

/* line 516, ../sass/_alpha8-elements.scss */
.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6 {
    font-family: 'webb';
}

/* line 519, ../sass/_alpha8-elements.scss */
.jumbotron hr {
    border-top: 1px solid #c3c3c3;
}

/* line 523, ../sass/_alpha8-elements.scss */
.jumbo {
    padding: 20px;
    margin: 10px 0;
    background-color: #fff !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* line 528, ../sass/_alpha8-elements.scss */
.jumbo h1 {
    margin-top: 13px;
}

/* line 532, ../sass/_alpha8-elements.scss */
.content {
    margin-bottom: 10px;
}

/* line 535, ../sass/_alpha8-elements.scss */
.row.jumbo {
    padding: 5px;
}

/* line 537, ../sass/_alpha8-elements.scss */
.row.jumbo h3 {
    margin-top: 5px;
}

/* line 541, ../sass/_alpha8-elements.scss */
kbd[class*='col-'] {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* line 545, ../sass/_alpha8-elements.scss */
kbd[ng-if='hability'] {
    margin-right: 3px;
}

/* MEDIA ET MEDIA QUESTION*/
/* line 549, ../sass/_alpha8-elements.scss */
.media-template:nth-child(odd) {
    background: #fff;
}

/* line 552, ../sass/_alpha8-elements.scss */
.media-left {
    min-width: 120px;
}

/* line 554, ../sass/_alpha8-elements.scss */
.media-left:hover {
    cursor: default;
}

/* line 558, ../sass/_alpha8-elements.scss */
.media-right {
    padding-right: 10px;
}

/* line 560, ../sass/_alpha8-elements.scss */
.media-right .contBtnValid {
    margin-top: 16px;
}

/* line 564, ../sass/_alpha8-elements.scss */
hr {
    margin-top: 14px;
    margin-bottom: 14px;
}

/* line 569, ../sass/_alpha8-elements.scss */
.media-question hr {
    margin: 0;
    border-top: 1px solid #c3c3c3;
}

/* line 573, ../sass/_alpha8-elements.scss */
.media-question .media-left {
    min-width: 40px;
    max-width: 120px;
    padding-left: 8px;
    font-family: 'webb';
}

/* line 580, ../sass/_alpha8-elements.scss */
.row-example > div[class*='col-']:nth-child(2) {
    clear: left;
}

/* line 583, ../sass/_alpha8-elements.scss */
.row-example > div[class*='col-']:nth-child(3) {
    float: right !important;
}

/* line 586, ../sass/_alpha8-elements.scss */
.lead-badge-center {
    position: relative;
    margin: 0 auto;
}

/* line 590, ../sass/_alpha8-elements.scss */
.ordered-question {
    width: 100%;
}

/* line 593, ../sass/_alpha8-elements.scss */
div.para {
    margin-bottom: 6px;
}

/* line 596, ../sass/_alpha8-elements.scss */
.container-result strong {
    font-family: 'webb';
    font-weight: normal;
}

/* line 600, ../sass/_alpha8-elements.scss */
.headerTitle {
    display: inline-block;
    -moz-transform: scale(3, 1);
    -ms-transform: scale(3, 1);
    -webkit-transform: scale(3, 1);
    transform: scale(3, 1);
    margin-left: 17%;
    font-size: 15px;
}

/* line 606, ../sass/_alpha8-elements.scss */
.itemMenu {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 50%;
    text-shadow: 2px 2px 8px #fff;
}

/* line 613, ../sass/_alpha8-elements.scss */
.cap {
    text-transform: capitalize;
}

/* line 616, ../sass/_alpha8-elements.scss */
table.table-lead {
    border: 1px solid #c3c3c3 !important;
}

/* line 619, ../sass/_alpha8-elements.scss */
table.table-lead.table-caption {
    border-top-width: 1px !important;
}

/* line 622, ../sass/_alpha8-elements.scss */
.table th,
caption {
    font-family: 'webb';
    font-weight: normal;
    text-align: center;
}

/* line 627, ../sass/_alpha8-elements.scss */
label,
.label,
strong {
    font-family: 'webb';
    font-weight: normal;
}

/* line 631, ../sass/_alpha8-elements.scss */
caption {
    border: 1px solid #c3c3c3 !important;
    border-bottom: none !important;
}

/* line 635, ../sass/_alpha8-elements.scss */
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.5;
}

/* line 640, ../sass/_alpha8-elements.scss */
.star-five {
    margin: 50px 0;
    position: relative;
    display: block;
    color: red;
    width: 0px;
    height: 0px;
    border-right: 100px solid transparent;
    border-bottom: 70px solid red;
    border-left: 100px solid transparent;
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

/* line 651, ../sass/_alpha8-elements.scss */
.star-five:before {
    border-bottom: 80px solid red;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    height: 0;
    width: 0;
    top: -45px;
    left: -65px;
    display: block;
    content: '';
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

/* line 665, ../sass/_alpha8-elements.scss */
.star-five:after {
    position: absolute;
    display: block;
    color: red;
    top: 3px;
    left: -105px;
    width: 0px;
    height: 0px;
    border-right: 100px solid transparent;
    border-bottom: 70px solid red;
    border-left: 100px solid transparent;
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
    content: '';
}

/* line 1, ../sass/_alpha8-ui.scss */
.modal {
    display: none;
    /* Hidden by default */
}

/* line 4, ../sass/_alpha8-ui.scss */
.modal-body {
    display: table;
    width: 100%;
}

/*#formAddUser > .form-group,*/
/* line 1, ../sass/_alpha8-forms.scss */
.input-group-addon > label {
    margin-bottom: 0;
}

/* line 5, ../sass/_alpha8-forms.scss */
.input-group-addon > label {
    width: auto;
}

/* line 8, ../sass/_alpha8-forms.scss */
.input-group-addon .btn {
    padding: 0;
    background: none;
    line-height: 0;
}

/* line 14, ../sass/_alpha8-forms.scss */
button.disabled {
    opacity: 0.35 !important;
}

/* line 15, ../sass/_alpha8-forms.scss */
.cha_intro {
    width: 80px;
}

/* line 18, ../sass/_alpha8-forms.scss */
.cha_num {
    width: 20px;
}

/* line 21, ../sass/_alpha8-forms.scss */
label[for*='cha_'] {
    width: 100%;
    text-align: center;
}

/* line 25, ../sass/_alpha8-forms.scss */
label.label-checkbox {
    display: inline-block;
    text-align: center;
}

.media-question {
    margin: 0 0 50em 0;
    display: inline-block;
}

.media-question-vip {
    margin: 0 0 5em 0;
    display: inline-block;
}

.navquest {
    margin-top: 1.2em;
}

/* line 29, ../sass/_alpha8-forms.scss */
.media-question .media-middle .checkbox {
    margin-top: 15px;
    margin-bottom: -4px;
}

/* line 33, ../sass/_alpha8-forms.scss */
.media-question .media-middle .checkbox[type='checkbox'] {
    margin-bottom: 0px;
}

/* line 37, ../sass/_alpha8-forms.scss */
.li-radio,
.li-checkbox {
    display: inline-block;
    min-width: 80px;
}

/* line 39, ../sass/_alpha8-forms.scss */
.pict-question .li-radio,
.pict-question .li-checkbox {
    display: inline-block;
    min-width: 10px;
}

/* line 40, ../sass/_alpha8-forms.scss */
.li-text,
.li-number {
    margin: 12px 0 -6px 0;
}

/* line 43, ../sass/_alpha8-forms.scss */
.input-radio {
    margin-left: 32% !important;
}

/* line 46, ../sass/_alpha8-forms.scss */
.input-checkbox {
    margin-left: 42% !important;
}

/* line 49, ../sass/_alpha8-forms.scss */
label[for]:hover,
input[type='checkbox']:hover,
.list-group-item:hover {
    cursor: pointer;
}

/* line 52, ../sass/_alpha8-forms.scss */
.leftBtn {
    float: left;
}

/* line 55, ../sass/_alpha8-forms.scss */
.rightBtn {
    float: right;
}

/* line 58, ../sass/_alpha8-forms.scss */
.rightBtn.badge {
    margin: 1px 5px;
}

.badge {
    width: 100px;
    background-color: #000;
}

.badgeOrange {
    width: 100px;
    background-color: #f07930 !important;
    color: #424242 !important;
}

.badgeValide {
    width: 100px;
    background-color: forestgreen !important;
    color: white !important;
}

.badgeEncours {
    width: 100px;
    background-color: #d40000 !important;
    color: white !important;
}

.badge span {
    color: #424242;
}

.alignText {
    line-height: auto;
}

/* line 61, ../sass/_alpha8-forms.scss */
.input-group-addon + input.form-control[list='testList'] {
    -moz-border-radius: 0 4px 4px 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0 !important;
}

/* line 65, ../sass/_alpha8-forms.scss */
.form-group.input-group-less {
    padding: 0 15px;
}

/* line 68, ../sass/_alpha8-forms.scss */
.form-control.ta-editor {
    height: auto;
    min-height: 300px;
    max-height: 800px;
    overflow-y: auto;
    margin: 10px 0 10px 0;
}

/* line 75, ../sass/_alpha8-forms.scss */
.btn-right {
    float: right;
}

/* line 78, ../sass/_alpha8-forms.scss */
input[required] {
    border-color: #eb9316;
    border-width: 1px;
    border-style: solid;
}

/* line 78, ../sass/_alpha8-forms.scss */
select[required] {
    border-color: #eb9316;
    border-width: 1px;
    border-style: solid;
}

/* line 83, ../sass/_alpha8-forms.scss */
.synth-edit {
    cursor: pointer;
    position: relative;
}

/* line 86, ../sass/_alpha8-forms.scss */
.synth-edit > div + div {
    margin-top: 5px;
}

/* line 90, ../sass/_alpha8-forms.scss */
.btn-inside {
    margin-top: 10px;
    margin-right: 10px;
}

/* line 94, ../sass/_alpha8-forms.scss */
.form-in-horizontal .form-group {
    margin-bottom: 0 !important;
}

@media (max-width: 991px) {
    /* line 3, ../sass/_alpha8-responsive.scss */
    header .title-first,
    header .title-regular {
        display: none;
        color: #424242;
    }
}

@media (max-width: 768px) {
    /* line 9, ../sass/_alpha8-responsive.scss */
    #myCarousel h1 {
        font-size: 20px;
    }

    /* line 12, ../sass/_alpha8-responsive.scss */
    #myCarousel,
    #myCarousel .item {
        height: 180px;
    }

    /* line 15, ../sass/_alpha8-responsive.scss */
    #myCarousel .carousel-battery {
        top: 0;
        right: -16px;
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    /* line 20, ../sass/_alpha8-responsive.scss */
    header .navbar-toggle {
        border: 1px solid #fff !important;
    }

    /* line 22, ../sass/_alpha8-responsive.scss */
    header .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    /* line 26, ../sass/_alpha8-responsive.scss */
    .heading-text {
        overflow: hidden;
    }

    /* line 29, ../sass/_alpha8-responsive.scss */
    .footer .col-region-pdl {
        background-position: 50% 50%;
    }

    /* line 32, ../sass/_alpha8-responsive.scss */
    .footer .block-right {
        float: none;
        text-align: center;
    }

    /* line 37, ../sass/_alpha8-responsive.scss */
    header .title-first,
    header .title-regular {
        display: inline-block;
    }

    /* line 41, ../sass/_alpha8-responsive.scss */
    li.nav-heading,
    li.nav-heading + li {
        float: left;
    }

    /* line 44, ../sass/_alpha8-responsive.scss */
    li.nav-heading {
        font-size: 12px;
    }

    /* line 47, ../sass/_alpha8-responsive.scss */
    .only-medium-more {
        display: none;
    }
}

@media (max-width: 480px) {
    /* line 53, ../sass/_alpha8-responsive.scss */
    .alpha8-logo {
        width: 240px;
    }

    /* line 56, ../sass/_alpha8-responsive.scss */
    .navbar-header {
        font-size: 16px;
    }

    /* line 59, ../sass/_alpha8-responsive.scss */
    .heading-text span {
        font-size: 15px;
    }
}

@media (max-width: 320px) {
    /* line 65, ../sass/_alpha8-responsive.scss */
    .heading-text span {
        font-size: 13px;
    }

    /* line 68, ../sass/_alpha8-responsive.scss */
    .only-medium-more,
    .only-medium {
        display: none;
    }

    /* line 71, ../sass/_alpha8-responsive.scss */
    .only-mobile {
        display: inline-block;
    }
}

/************ class rotate *************/
.rotate {
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    font-weight: bold;
}

.rightcontent {
    float: right;
}

.listContent {
    overflow-y: auto;
}

.panel-list-Show {
    padding: 15px 0 15px;
    width: 30px;
    margin-left: -10px;
    text-align: center;
}

.col-md-4.listContent {
    height: calc(100vh - 110px);
    position: fixed;
    margin-left: 75px;
    margin-top: 10px;
    z-index: 9;
    left: 0px;
    transition: all 0.5s ease;
}

.listContent.hiddenList {
    left: -100%;
}

.hidden-pannel-list {
    opacity: 0.4;
}

.infoContent {
    /* margin-left: 40px; */
    overflow-y: auto;
}

/************ LOADER *************/
.loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: absolute;
    border: 1px solid #080808;
    animation: up 1s;
    animation-iteration-count: infinite;
    transition: 2s;
    border-bottom: none;
    border-right: none;
    animation-timing-function: linear;
    margin-left: -70px;
    margin-top: -70px;
    left: 50%;
    top: 50%;
}

@keyframes up {
    from {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#img2 {
    width: 90px;
    height: 90px;
    left: 50.35%;
    top: 50.7%;
    animation-delay: 0.2s;
}

#img3 {
    width: 80px;
    height: 80px;
    left: 50.7%;
    top: 51.4%;
    animation-delay: 0.4s;
}

#img4 {
    width: 70px;
    height: 70px;
    left: 51.05%;
    top: 52.1%;
    animation-delay: 0.6s;
}

#img5 {
    width: 60px;
    height: 60px;
    left: 51.4%;
    top: 52.8%;
    animation-delay: 0.8s;
}

.habi {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    color: white;
}

.habiIcon {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.habiList {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    display: inline-block;
    color: white;
    margin: 0 2px;
}

.habiList.ko,
.habiIcon.ko {
    color: rgb(31, 30, 30) !important;
}

.habiList.Concerné,
.habi.Concerné,
.habiIcon.Concerné {
    background-color: grey !important;
}

.habiList.Inapte,
.habi.Inapte,
.habiIcon.Inapte {
    background-color: rgb(232, 31, 10) !important;
}

.habiList.aformer,
.habi.aformer,
.habiIcon.aformer {
    background-color: rgb(255, 192, 0) !important;
}

.habiList.Apte,
.habi.Apte,
.habiIcon.Apte {
    background-color: rgb(0, 158, 71) !important;
}

.habiList.Expert,
.habi.Expert,
.habiIcon.Expert {
    background-color: #4169e1 !important;
}

.habiList.Formateur,
.habi.Formateur,
.habiIcon.Formateur {
    background-color: cyan !important;
}

.diagList.diagClass_-1 {
    background-color: #aaa !important;
}

.diagList.diagClass_0 {
    background-color: #000 !important;
    color: #fff !important;
}

.diagList.diagClass_1 {
    background-color: rgb(232, 31, 10) !important;
    color: #fff !important;
}

.diagList.diagClass_2 {
    background-color: rgb(255, 192, 0) !important;
}

.diagList.diagClass_3 {
    background-color: rgb(0, 158, 71) !important;
    color: #fff !important;
}

.diagList.diagClass_4 {
    background-color: #4169e1 !important;
    color: #fff !important;
}

.dropDownBtn {
    display: inline-block;
    margin: 0 10px;
}

result-vip {
    margin: 1px 10px;
}

.table-simple-result td,
.table-detail-result td,
.table-detail-result th {
    border: 1px solid #ddd !important;
}

table.table.table-section-result td {
    border-bottom: 1px solid #ddd !important;
}

.table-section-result tr:first-child td {
    border-top: 1px solid #ddd !important;
}

.table-simple-result td,
.table-detail-result th {
    padding: 1px 8px !important;
}

.glypher,
.table-simple-result td,
.vip,
th {
    text-align: center !important;
}

.table + p.vip {
    margin-top: -15px;
}

.table-simple-result .name,
.table-simple-result .society {
    line-height: 34px;
}

.table-simple-result .logo {
    width: 10%;
}

.table-simple-result .logo .img-responsive {
    position: relative;
    margin: 0 auto;
}

.table-simple-result .name {
    width: 34%;
    font-size: 21px;
}

.table-simple-result,
.table-section-result,
.table-detail-result {
    background-color: white;
}

.cell-xs-6 {
    width: 50%;
}

.section-color {
    position: relative;
}

.table-simple-result .society {
    font-size: 16px;
}

.table-simple-result .society,
.table-section-result .section-text {
    width: 34%;
}

.result-date,
.table-detail-result p {
    font-size: 12px;
}

.table-simple-result .result-date,
.detail-result {
    width: 10%;
}

.table-simple-result .result-color {
    width: 3%;
}

.glypher {
    width: 6%;
}

.table-detail-result .print-bold {
    width: 34%;
}

.result-blue {
    background: #2f56db !important;
}

.result-green {
    background: #008e35 !important;
}

.result-yellow {
    background: #ffb400 !important;
}

.result-red {
    background: #e31304 !important;
}

.table-detail-result p {
    margin: 0 0 3px;
}

.table-detail-result {
    margin: 0 0 10px 0;
}

.table-section-result td {
    text-align: left;
}

.table-section-result .section-color {
    width: 6%;
    position: relative;
}

.atleft,
.atright {
    display: inline-block;
}

.atright {
    float: right;
}

.atleft {
    float: left;
}

.img-polary-graph {
    position: relative;
    margin: 0 auto;
}

/*
 * @eric VIP test result
 */
.print-only {
    display: none;
}

.innerDiagScoring {
    height: 36px;
    width: 36px;
}

.container-diag-scoring {
    position: absolute;
    left: -15px;
    border: 1px solid white;
    box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.search-icon-list {
    position: absolute;
    z-index: 10;
    font-size: xx-large !important;
    opacity: 0.4;
}

.input-search-list {
    padding-left: 30px;
}

.task-font {
    font-size: 12px;
    font-style: italic;
}

.input-filter-proAct {
    width: 50%;
    display: inline-block;
    padding: 0 10px;
}

.formList-groupe-alpha8 {
    float: left;
    width: calc(100% - 150px) !important;
}

.icon-groupe-alpha8 {
    float: left;
    padding: 10px;
}

/*          TOOL TIP            **/
.overflow-dotted {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-filter-fileList:hover {
    cursor: pointer;
}

.input-filter-search-file {
    width: 100%;
    text-align: center;
    padding: 10px;
}

table.matable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

table.matable td,
table.matable th {
    border: 2px solid #aaaaaa;
    padding: 3px 2px;
}

table.matable tbody td {
    font-size: 13px;
}

table.matable thead {
    background: #ffffff;
    border-bottom: 2px solid #444444;
}

table.matable thead th {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

table.matable tfoot td {
    font-size: 14px;
}

table.matable tfoot .links {
    text-align: right;
}

table.matable tfoot .links a {
    display: inline-block;
    background: #1c6ea4;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 5px;
}

.res_pane {
    max-height: 86vh;
    overflow-y: scroll;
}

.case_coche {
    background-color: #444;
}

.flexEnd {
    display: flex;
    align-items: flex-end;
    min-height: 445px;
}

.widthmax {
    width: 100%;
}

.flexColumn-center {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: space-around;
    align-items: stretch;
}

.flexCenter {
    width: 100%;
    display: flex;
    justify-content: center;
}

.flex-jdb {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
}

.texte_cdv {
    text-align: center;
    padding: 2%;
}

.cdvContainer_flex {
    display: flex;
    flex-flow: row wrap;
}

.cdv_flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.espace_div_cdv {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    margin-right: 15px;
}

table.fixed {
    table-layout: fixed;
}

table.fixed td {
    overflow: hidden;
}

.font_encours {
    color: red;
}

.font_valide {
    color: green;
}

table thead tr th#hid {
    border-width: 0px;
}

.iconesQuestionnaire {
    height: auto;
    max-width: 35px;
}

table.noborder tr.border-less > th.border-less {
    border-top: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
}

table.noborder {
    border-top: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
}

.align_switch {
    padding-top: 20px;
}

.stick_to_right {
    float: right;
}

.fix_height {
    height: 63px !important;
}

.fixed_height_cq {
    height: 132px !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.showborder {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3) !important;
}
.scrollable_div {
    height: 390px;
    overflow: auto;
}

.set_scroll {
    height: 390px;
    overflow: auto;
}

.set_scroll_780 {
    height: 780px;
    overflow-y: scroll;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: '';
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slider {
    background-color: rgb(240, 121, 48);
}

input:checked + .slider.slider-orange {
    background-color: rgb(240, 121, 48) !important;
}

input:checked + .slider.slider-bleu {
    background-color: rgb(9, 20, 67) !important;
}

.orangea8 {
    color: rgb(240, 121, 48);
}

.orangea8bg {
    background-color: rgb(240, 121, 48);
}

.textGrey {
    color: #424242;
}

.textWhite {
    color: #ffffff;
}

.bleua8 {
    color: rgb(9, 20, 67);
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.fontsans {
    font-family: 'Open Sans';
}

tr.selected-alpha8 {
    /*background-color: rgba(240, 121, 48, 0.2);*/
    background-color: #aaaaaa !important;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
}

tr.row-selected-alpha8 {
    background-color: rgba(240, 121, 48, 0.2);
}

.hover_pointer:hover {
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.hover_pointer_norm:hover {
    background-color: rgba(230, 230, 230);
    cursor: default;
}

#wrapper {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#logo_alpha8 {
    margin-bottom: 100px;
}

.entete_rapport {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 750px;
    flex-direction: column;
}

.entete_enfant {
    height: 250px;
    text-align: center;
    width: 100%;
}

.entete_enfant_nomserie {
    height: 150px;
    text-align: center;
    width: 100%;
}

.entete_enfant_nomcompany {
    height: 100px;
    text-align: center;
    width: 100%;
}

.entete_enfant_commentaire {
    height: 500px;
    text-align: center;
    width: 100%;
}

button#genrapport {
    color: rgb(255, 255, 255);
}

/* LOADING CSS ANIMATION */
#btn--yp {
    box-sizing: content-box;
    position: fixed;
    z-index: 9;
    bottom: 1em;
    right: 1em;
    border: solid 1em transparent;
    width: 4.625em;
    height: 3.25em;
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/2017/icon-yp.svg)
        50% / cover content-box;
    font: 16px/ 1.25 trebuchet ms, sans-serif;
    text-indent: 200vw;
    text-shadow: none;
    filter: grayscale(1) drop-shadow(0 0 1px #e8e0e0);
    transition: 0.5s;
    white-space: nowrap;
}

#btn--yp:before {
    box-sizing: inherit;
    position: absolute;
    left: 0;
    bottom: 100%;
    margin: 1em -0.5em;
    padding: 0.5em;
    width: 100%;
    border-radius: 5px;
    background: #e8e0e0;
    color: #000;
    text-align: center;
    text-decoration: none;
    text-indent: 0vw;
    white-space: normal;
    animation: float 1s ease-in-out infinite alternate;
    content: attr(data-txt);
}

#btn--yp:hover,
#btn--yp:focus {
    outline: none;
    filter: grayscale(0) drop-shadow(0 0 1px crimson);
}

@keyframes float {
    to {
        transform: translateY(0.75em);
    }
}

.dot {
    background: tomato;
}

.dot,
.dot:after {
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    animation: a 1.5s calc(((var(--i) + var(--o, 0)) / var(--n) - 1) * 1.5s)
        infinite;
}

.dot:after {
    --o: 1;
    background: currentcolor;
    content: '';
}

@keyframes a {
    0%,
    50% {
        transform: scale(0);
    }
}

/* Parcours */
.create-resolution-parcours-container {
    padding: 1em;
}

.form-create-resolution-parcours {
    padding: 1em;
}

.span-a8 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    color: #e17e43;
    font-weight: bold !important;
    text-align: center !important;
}

.span-a8-orange {
    color: #e17e43;
}

/* LISTES */
.list-a8-container {
    padding: 8px;
}

.title-list-a8 {
    z-index: 2;
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
    height: 40px;
    background-color: rgb(240, 121, 48);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.title-list-a8 span {
    display: flex;
    align-items: center;
    border-top-color: 1px solid #424242;
    border-right-color: 1px solid #424242;
    color: white;
    padding-left: 10px;
    height: 100%;
}

.list-resolutions-parcours-cards-container {
    padding-top: 20px;
}

.list-resolution-parcours-card {
    min-height: 45px;
    width: 100%;
}

.list-resolution-parcours-card-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: 100%;
    padding-left: 10px;
}

.collapse-resolution-card {
    width: 100%;
    padding-top: 10px;
    background-color: #fff;
}

.list-resolution-panel-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.list-button-action {
    margin-left: auto;
}

.button-toolbar-a8 {
    height: 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.list-item-a8 {
    display: flex;
    padding-left: 5px;
    border-radius: 5px;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #eeeeee;
}

.list-item-a8-selected {
    background-color: #bdbdbd;
    color: white;
}

.list-item-a8-unselected:hover {
    background-color: rgba(240, 121, 48, 0.2);
}

.top-row-affectation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display_middle {
    display: flex;
}

.display_middle_e {
    margin: auto;
}

.filters-container {
    padding-top: 10px;
}

/* CSS LOIC */

ul {
    list-style-type: none;
}

.containerFlex {
    display: flex;
    flex-direction: row;
}

.containerCol {
    display: flex;
    flex-direction: column;
    min-width: 630px;
}

/* .pr-card {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-left: 1px solid #eceff1;
    border-right: 1px solid #eceff1;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 220px;
    min-height: 150px;
}

.over-pr-card:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-color: #f8f8f8;
    cursor: pointer;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
} */

.pr-card {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 150px;
    padding: 1em;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.pr-sub-card {
    min-height: 100px !important;
}

.addContenGridParcours {
    height: 150px !important;
}

.pr-card-grande {
    width: 300px !important;
}

.over-pr-card:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

.espacement-card {
    width: 95%;
    margin-top: 20px;
}

.span-pr {
    margin-top: 1em;
    padding-top: 0 !important;
    color: #b1b1b1;
}

.pr-card-indicateur {
    /* margin-left: 20px; */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-left: 1px solid #eceff1;
    border-right: 1px solid #eceff1;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: 685px;
    margin-top: 20px;
}

.pr-card-late {
    border-top: 3px solid #f44336;
    /* border-bottom: 3px solid #f44336; */
}

.pr-card-done {
    border-top: 3px solid #4caf50;
    /* border-bottom: 3px solid #4caf50; */
}

.pr-card-doing {
    border-top: 3px solid #795548;
    /* border-bottom: 3px solid #795548; */
}

.pr-card-todo {
    border-top: 3px solid #ffeb3b;
    /* border-bottom: 3px solid #ffeb3b; */
}

.pr-card-await {
    border-top: 3px solid #eceff1;
    /* border-bottom: 3px solid #eceff1; */
}

.pr-card-parcours {
    border-top: 3px solid #e0e0e0;
    border-bottom: 3px solid #e0e0e0;
}

.pr-card-selected {
    border-top: 3px solid #ff791e;
    border-bottom: 3px solid #ff791e;
}

.pr-card-select {
    border-left: 5px solid #ff791e;
    border-radius: 5px;
}

.pr-card-add {
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pr-card-add-srp {
    height: 50px !important;
}

.pr-card-srp {
    height: auto;
}

.pr-card-form {
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-left: 1px solid #eceff1;
    border-right: 1px solid #eceff1;
    border-top: 3px solid #bdbdbd;
    border-bottom: 3px solid #bdbdbd;
}

.pr-top-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.pr-top-row-det {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pr-top-row-statuses {
    /* margin-left: auto; */
}

.pr-middle-row {
    padding-top: 10px;
}

.pr-sub-middle-row {
    padding-top: 15px;
    padding-bottom: 10px;
}
.pr-bottom-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: auto;
}

.pr-card-rounded-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pr-card-rounded-road {
    margin-left: 5px;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
}

.pr-card-number {
    background-color: #ff791e !important;
}

.legend {
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
}

.legend-late {
    width: 14px;
    height: 12px;
    /* margin-bottom: 1em; */
    /* margin-right: 0.5em; */
    border-radius: 2px;
    background-color: #f44336;
}

.legend-await {
    width: 14px;
    height: 12px;
    /* margin-bottom: 1em; */
    /* margin-right: 0.5em; */
    border-radius: 2px;
    background-color: #eceff1;
}

.legend-doing {
    width: 14px;
    height: 12px;
    /* margin-bottom: 1em; */
    /* margin-right: 0.5em; */
    border-radius: 2px;
    background-color: #795548;
}

.legend-todo {
    width: 14px;
    height: 12px;
    /* margin-bottom: 1em; */
    /* margin-right: 0.5em; */
    border-radius: 2px;
    background-color: #ffeb3b;
}

.legend-done {
    width: 14px;
    height: 12px;
    /* margin-bottom: 1em; */
    /* margin-right: 0.5em; */
    border-radius: 2px;
    background-color: #4caf50;
}

/* .pr-bottom-row-duedate {
    margin-left: auto;
} */

.span-srp {
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px;
}

.span-no-srp {
    color: #091443;
}

.span-some-srp {
    color: #091443;
}

.span-icon-module-pr {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: #091443;
}

.span-icon-module-pr i {
    font-size: 18px;
    color: white;
}

.div-nb-srp {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.span-task {
    margin-left: 3px;
    padding: 5px;
    background-color: #f44336;
    border-radius: 5px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
}

.span-task-late {
    background-color: #f44336;
}

.span-task-done {
    background-color: #4caf50;
}

.span-task-doing {
    background-color: #795548;
}

.span-task-duedate {
    margin-left: auto;
    /* background-color: #b1b1b181; */
    color: #b1b1b181;
    border-radius: 5px;
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    font-weight: 600;
}

.tooLate {
    background-color: #e78b7f;
    color: white;
}

.notTooLate {
    color: #424242;
}

.span-task-act {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1em !important;
    color: #424242 !important;
    max-width: 80%;
}

.span-task-description {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 1em !important;
    color: #424242 !important;
}

.span-task-module {
    width: 70%;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 1em !important;
    color: #424242 !important;
}

.profile-picture {
    border-radius: 50%;
    width: 35px;
    height: auto;
}

.profile-picture-no-img {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    margin-left: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    background-color: #b1b1b181;
}

.suivi-partners-picto {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    margin-left: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    background-color: #ff791e;
}

.trello-modal {
    width: 50%;
    margin: auto;
}

.detailBlocks {
    width: 220px;
    padding: 5px;
    border: solid 1px #b1b1b181;
}

.detailBlocks:hover {
    opacity: 0.95;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
}

.pr-detail {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    border-radius: 0 5px 5px 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0.5em;
    padding-bottom: 5px;
    border-left: 1px solid #eceff1;
    border-right: 1px solid #eceff1;
    border-bottom: 3px solid #bdbdbd;
}

.pr-card-add-det {
    width: 220px;
    background-color: #b1b1b181;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px #2f57dbb7;
}

.resol-detail {
    width: 100%;
    padding: 0.5em;
}

.resol-detaille {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    font-weight: 600;
    color: #f07930;
    width: 33px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: #b1b1b181; */
}

.detail-info {
    width: 100%;
    padding: 0.5em;
    display: flex;
    justify-content: space-between;
}

.pilot-detail {
    margin-right: 5%;
    align-self: flex-end;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

/* .pr-detail-2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1em;
    padding-bottom: 5px;
    border-left: 1px solid #eceff1;
    border-right: 3px solid #bdbdbd;
    border-bottom: 1px solid #eceff1;
}

.resol-detail-2 {
    background-color: #efefef;
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    padding-left: 2%;
}

.detail-info-2 {
    padding-left: 2%;
    background-color: #efefef;
    border-radius: 0px 0px 5px 5px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.first {
    border-top: 3px solid #bdbdbd;
}
.last {
    border-bottom: 3px solid #bdbdbd
}

.ul{
    background-color: #bdbdbd;
    padding-left: 0;
    border-radius: 5px;
} */
.addContentPR-small {
    padding: 5px 75px !important;
}

.addContentPR-large {
    padding: 5px 95px !important;
}

.progressPR {
    width: 45%;
    margin-bottom: 0 !important;
}

.pr-progress-left {
    width: 20%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
}

.pr-progress-right {
    width: 33%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
}

.pr-colonnage {
    /* margin-top: 50px; */
    margin-bottom: 0.5em;
    display: flex;
}

/* .scrolls {
    overflow-y: scroll;
    scrollbar-width: none;
    max-height: 510px;
}
.scrolls::-webkit-scrollbar {
    display: none;
} */

.pr-col-left {
    width: 20%;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.bgc {
    background-color: #bdbdbd36;
    border-radius: 3px;
}

.trello-like {
    height: 100%;
    width: 95%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding-bottom: 1em;
}

.trello-container {
    width: 95%;
    border-radius: 3px;
    background-color: #bdbdbd36;
    display: flex;
}

.trello-container2 {
    width: 98%;
    display: flex;
}

.pr-col-right {
    width: 33%;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.pr-col-border-det {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.pr-button {
    width: 100%;
    margin-bottom: 1em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.btn-pr {
    margin-left: 0.3rem;
}

.tac {
    /* width: 100%; */
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 0.7em;
    font-weight: bolder;
    margin-left: 0.5em;
    /* margin-bottom: 2.5em; */
    text-align: center;
}

.list-card-container {
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}

.list-card-container-without-shadow {
    padding: 15px;
}

.a8-yellow {
    background-color: rgb(255, 192, 0) !important;
}

.a8-green {
    background-color: rgb(0, 158, 71) !important;
}

.a8-blue {
    background-color: #4169e1 !important;
}

.a8-red {
    background-color: rgb(232, 31, 10) !important;
}

.a8-yellow-color {
    color: rgb(255, 192, 0) !important;
}

.a8-green-color {
    color: rgb(0, 158, 71) !important;
}

.a8-blue-color {
    color: #4169e1 !important;
}

.a8-red-color {
    color: rgb(232, 31, 10) !important;
}

/* The actual popup */
/*# sourceMappingURL=alpha8.css.map */

.indicateur-ref-card {
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 70px;
    padding-left: 10px;
    margin-top: 5px;
}

.indic_gauche {
    margin-left: auto;
    margin-right: 10px;
}

.indicateur-ref-card-f-name {
    width: 125px;
}

.indicateur-ref-card-f-name span {
    font-weight: bold;
}

.list-ind-entreprise-value {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.a8-table-content-centered {
    text-align: center;
}

/* Customisation des graphiques */

.nvd3 g.nv-groups path.nv-line {
    stroke-width: 4px;
}

.background-orange {
    background-color: rgba(240, 121, 48, 0.4) !important;
}

.flex-a8 {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.hover_custom:hover {
    background-color: rgba(200, 200, 200, 0.2) !important;
    box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow_bottom {
    -moz-box-shadow: 0px 3px 8px rgb(100, 100, 100);
    -webkit-box-shadow: 0px 3px 8px rgb(100, 100, 100);
    box-shadow: 0px 3px 8px rgb(100, 100, 100);
    margin-bottom: 40px;
    padding-top: 20px;
}

.disabledLink {
    pointer-events: none;
}

.nb-srp {
    width: 100% !important;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    border: none;
    color: #f07930;
    flex-direction: row;
    font-size: 0.8em;
}

.frequence_indic {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.red_dot {
    height: 35px;
    width: 35px;
    background-color: #f44;
    border-radius: 50%;
    display: inline-block;
}

.green_dot {
    height: 35px;
    width: 35px;
    background-color: #4b4;
    border-radius: 50%;
    display: inline-block;
}

.orange_dot {
    height: 16px;
    width: 16px;
    background-color: #a71206;
    border-radius: 50%;
    display: inline-block;
}

.blue_dot {
    height: 16px;
    width: 16px;
    background-color: #507baf;
    border-radius: 50%;
    display: inline-block;
}

.centrer_parent {
    height: 34px;
    line-height: 34px;
}

.centrer_text {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

/* Override les couleurs par défaut de chartist */

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
    stroke: #a71206 !important;
}

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
    fill: #a71206 !important;
}

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
    stroke: #507baf !important;
}

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
    fill: #507baf !important;
}

.ct-series-c .ct-point,
.ct-series-c .ct-line,
.ct-series-c .ct-bar,
.ct-series-c .ct-slice-donut {
    stroke: #f4c63d !important;
}

.ct-series-c .ct-slice-pie,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-area {
    fill: #f4c63d !important;
}

.ct-series-d .ct-point,
.ct-series-d .ct-line,
.ct-series-d .ct-bar,
.ct-series-d .ct-slice-donut {
    stroke: #d17905 !important;
}

.ct-series-d .ct-slice-pie,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-area {
    fill: #d17905 !important;
}

.ct-series-e .ct-point,
.ct-series-e .ct-line,
.ct-series-e .ct-bar,
.ct-series-e .ct-slice-donut {
    stroke: #b2c326 !important;
}

.ct-series-e .ct-slice-pie,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-area {
    fill: #b2c326 !important;
}

.ct-series-f .ct-point,
.ct-series-f .ct-line,
.ct-series-f .ct-bar,
.ct-series-f .ct-slice-donut {
    stroke: #a748ca !important;
}

.ct-series-f .ct-slice-pie,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-area {
    fill: #a748ca !important;
}

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
    stroke: #0544d3 !important;
}

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-solid,
.ct-series-g .ct-area {
    fill: #0544d3 !important;
}

.ct-series-h .ct-point,
.ct-series-h .ct-line,
.ct-series-h .ct-bar,
.ct-series-h .ct-slice-donut {
    stroke: #6b0392 !important;
}

.ct-series-h .ct-slice-pie,
.ct-series-h .ct-slice-donut-solid,
.ct-series-h .ct-area {
    fill: #6b0392 !important;
}

.ct-series-i .ct-point,
.ct-series-i .ct-line,
.ct-series-i .ct-bar,
.ct-series-i .ct-slice-donut {
    stroke: #f05b4f !important;
}

.ct-series-i .ct-slice-pie,
.ct-series-i .ct-slice-donut-solid,
.ct-series-i .ct-area {
    fill: #f05b4f !important;
}

.ct-series-j .ct-point,
.ct-series-j .ct-line,
.ct-series-j .ct-bar,
.ct-series-j .ct-slice-donut {
    stroke: #dda458 !important;
}

.ct-series-j .ct-slice-pie,
.ct-series-j .ct-slice-donut-solid,
.ct-series-j .ct-area {
    fill: #dda458 !important;
}

.ct-series-k .ct-point,
.ct-series-k .ct-line,
.ct-series-k .ct-bar,
.ct-series-k .ct-slice-donut {
    stroke: #eacf7d !important;
}

.ct-series-k .ct-slice-pie,
.ct-series-k .ct-slice-donut-solid,
.ct-series-k .ct-area {
    fill: #eacf7d !important;
}

.ct-series-l .ct-point,
.ct-series-l .ct-line,
.ct-series-l .ct-bar,
.ct-series-l .ct-slice-donut {
    stroke: #86797d !important;
}

.ct-series-l .ct-slice-pie,
.ct-series-l .ct-slice-donut-solid,
.ct-series-l .ct-area {
    fill: #86797d !important;
}

.ct-series-m .ct-point,
.ct-series-m .ct-line,
.ct-series-m .ct-bar,
.ct-series-m .ct-slice-donut {
    stroke: #453d3f !important;
}

.ct-series-m .ct-slice-pie,
.ct-series-m .ct-slice-donut-solid,
.ct-series-m .ct-area {
    fill: #453d3f !important;
}

.ct-series-n .ct-point,
.ct-series-n .ct-line,
.ct-series-n .ct-bar,
.ct-series-n .ct-slice-donut {
    stroke: #6188e2 !important;
}

.ct-series-n .ct-slice-pie,
.ct-series-n .ct-slice-donut-solid,
.ct-series-n .ct-area {
    fill: #6188e2;
}

.ct-series-o .ct-point,
.ct-series-o .ct-line,
.ct-series-o .ct-bar,
.ct-series-o .ct-slice-donut {
    stroke: #b2c326;
}

.ct-series-o .ct-slice-pie,
.ct-series-o .ct-slice-donut-solid,
.ct-series-o .ct-area {
    fill: #b2c326;
}

.ct-label {
    fill: rgba(0, 0, 0, 1) !important;
    color: rgba(0, 0, 0, 1) !important;
    font-size: 1.25rem !important;
    line-height: 1;
}

.ct-legend {
    z-index: 10;
    list-style: none;
    text-align: left;
}

.ct-legend li {
    position: relative;
    padding-left: 23px;
    margin-right: 10px;
    margin-bottom: 3px;
    cursor: pointer;
    display: inline-block;
}

.ct-legend li:before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    content: '';
    border: 3px solid transparent;
    border-radius: 2px;
}

.ct-legend li.inactive:before {
    background: transparent;
}

.ct-legend.ct-legend-inside {
    /*position: absolute;*/
    top: 0;
    right: 0;
}

.ct-legend.ct-legend-inside li {
    display: block;
    margin: 0;
}

.ct-legend .ct-series-0:before {
    background-color: #a71206;
    border-color: #a71206;
}

.ct-legend .ct-series-1:before {
    background-color: #507baf;
    border-color: #507baf;
}

.ct-legend .ct-series-2:before {
    background-color: #f4c63d;
    border-color: #f4c63d;
}

.ct-legend .ct-series-3:before {
    background-color: #d17905;
    border-color: #d17905;
}

.ct-legend .ct-series-4:before {
    background-color: #b2c326;
    border-color: #b2c326;
}

.ct-legend .ct-series-5:before {
    background-color: #a748ca;
    border-color: #a748ca;
}

.ct-legend .ct-series-6:before {
    background-color: #0544d3;
    border-color: #0544d3;
}

.ct-legend .ct-series-7:before {
    background-color: #6b0392;
    border-color: #6b0392;
}

.ct-legend .ct-series-8:before {
    background-color: #f05b4f;
    border-color: #f05b4f;
}

.ct-legend .ct-series-9:before {
    background-color: #dda458;
    border-color: #dda458;
}

.graph_title {
    display: block;
    text-align: center;
    color: #ff9800;
    font-family: sans-serif;
    padding-top: 12px;
    padding-bottom: 12px;
}

.flex_dot {
    height: 35px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex_dot_children {
}

.table-fixed {
    table-layout: fixed;
}

.table-fixed td {
    overflow: hidden;
}

hr.hr_tuto {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.fixed_tuto {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.borderless td,
.borderless th {
    border: none !important;
}

table.fixed_survey {
    table-layout: fixed;
}

table.fixed_survey td {
    overflow: hidden;
}

.margin_up {
    margin-top: -21px;
}

.margin_up_rapport {
    margin-top: -81px;
}

.bottom_separator {
    margin-bottom: 15px;
}
.top_separator {
    margin-top: 15px;
}

.customListHeaderSeparator {
    margin-top: 25px;
}

.smallText {
    font-size: x-small !important;
}

/* Qui Fait Quoi */

.span-role,
.span-post-info,
.span-rounded-red {
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    display: inline-block;
    width: 85px;
    padding: 5px;
    height: 30px;
    border-radius: 5px;
    color: white;
    margin-left: auto;
}

.span-rounded-red {
    width: 100%;
}

.span-post-info {
    width: 120px !important;
}

.span-role-leader,
.span-rounded-red,
.span-post-datebegin {
    background-color: #fc2923;
}

.span-role-candidate {
    background-color: #33a9ff;
}

.span-role-employee {
    background-color: #29be96;
}

.span-role-framer {
    color: #424242 !important;
    background-color: #ffa533;
}

.span-role-former {
    background-color: #ff7043;
}

.span-role-participant {
    background-color: #8d6e63;
}
table.table-effectif th > td {
    vertical-align: middle !important;
    padding: 10px !important;
}

.row-active {
    background-color: #ffe0b2 !important;
}

.user-card-top-row {
    display: flex;
    height: 40px;
    justify-content: center;
    flex-direction: row;
}

.user-card {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 75px;
    padding: 8px;
    width: 100%;
    box-shadow: 0 1px 10px rgba(158, 158, 158, 0.12),
        0 1px 10px rgba(158, 158, 158, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-bottom: 15px;
}

.card-rounded-shadow,
.card-org-chart {
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(158, 158, 158, 0.12),
        0 1px 10px rgba(158, 158, 158, 0.24);
}

.card-rounded-bordered {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
}

.user-card-orgchart {
    margin: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.name-org-chart {
    font-size: 1em;
    font-weight: bold;
}

.user-photo-orgchart {
    border-radius: 50%;
    box-shadow: 0 1px 10px rgba(158, 158, 158, 0.12),
        0 1px 10px rgba(158, 158, 158, 0.24);
    width: 40px;
    height: auto;
}

.user-card-user-fullname {
    font-weight: bold;
}

.user-card-active {
    border-left: 3px orangered;
}

.empty-post-list,
.empty-user-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.empty-post-list img,
.empty-user-list img {
    width: 500px;
    height: auto;
    padding: 20px;
}

.empty-user-list img {
    width: 600px !important;
}

.post-name-span,
.empty-resource-span {
    color: #757575;
    font-style: italic;
}

.div-info-employee {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.employee-photo {
    width: 100px;
    height: 100px;
}

.list-new-gen {
    max-height: 800px;
    overflow: scroll;
}

.span-fa8-outlined {
    display: inline-block;
    padding: 10px;
    margin: 2px;
    border-radius: 5px;
    font-size: 1em;
    font-weight: bold;
    background-color: #7e57c2;
    color: white;
}

.span-a8-purple {
    color: #280680;
    font-weight: bold;
}

.btn-active-purple {
    background-color: #280680 !important;
    color: white !important;
}

.span-container {
    padding: 2px;
}

.tab-users-posts tr > td {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px !important;
}

.icon-flat-color-60 {
    height: 60px;
    width: auto;
}

.org-chart-profile-picture {
    height: 40px;
    border-radius: 50%;
    width: auto;
}

.lvl-1 > td {
    font-weight: bold;
}

.lvl-2 {
    padding-left: 2em !important;
}

.lvl-3 {
    padding-left: 5em !important;
    font-style: italic;
}

.tickReview {
    padding: 5px;
}

.btn-print {
    background-color: rgb(240, 121, 48);
}

.span-function-orgchart {
    display: flex;
    font-size: 1.4em;
    font-weight: bold;
    background-color: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding: 5px;
    justify-content: center;
    color: #280680 !important;
    width: 100%;
}

.empty-orgchart-span {
    display: flex;
    height: 35px;
    border-radius: 5px;
    font-weight: bold;
    color: #bdbdbd;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.logo-company-pdf {
    width: 300px;
    height: auto;
}

.customWarning {
    color: #f00 !important;
}

.pr-card-id {
    display: flex;
    font-size: 0.9em;
    align-items: center;
    justify-content: center;
    background-color: #fbdd00;
    height: 20px;
    border-radius: 5px;
    padding: 4px;
}

.toRed {
    color: red !important;
}

.alphatech-card {
    font-family: 'Open Sans', sans-serif !important;
}

.alphatech-card:hover {
    background-color: #f5f5f5;
    transition: 0.5s ease-in-out;
}

.alphatech-paper {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.8em;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.14),
        0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    padding: 8px;
    width: 100px;
}

.alphatech-card-base {
    width: 100%;
    padding: 8px;
    min-height: 70px;
    /*box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.14),
        0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);*/
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.alphatech-card-resource {
    box-shadow: 0px 2px 1px -1px rgba(9, 20, 67, 0.28),
        0px 1px 1px 0px rgba(9, 20, 67, 0.2),
        0px 1px 3px 0px rgba(9, 20, 67, 0.24);
    border-left: 3px solid #091443;
}

.alphatech-card-formation {
    box-shadow: 0px 2px 1px -1px rgba(240, 121, 48, 0.28),
        0px 1px 1px 0px rgba(240, 121, 48, 0.2),
        0px 1px 3px 0px rgba(240, 121, 48, 0.24);
    border-left: 3px solid #f07930;
}

.alphatech-card-resource-actions {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}

.alphatech-card-reference {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}

.alphatech-reference {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    color: #424242;
    border-radius: 4px;
    background-color: #fafafa;
    height: 30px;
}

.alphatech-card-title {
    font-weight: 600;
}

.alphatech-card-description {
    font-weight: 300;
}

.alphatech-card-link-container {
    color: #000;
}

.alphatech-card-link-container:hover {
    color: #000;
    text-decoration: none;
}

.a8-paper {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
        0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 8px;
    margin: 10px;
    cursor: pointer;
}

.a8-paper:hover {
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.product-category-paper {
    min-height: 330px;
    font-family: 'Open Sans', sans-serif !important;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.product-category-name {
    margin-top: auto;
    font-size: 2em;
    font-weight: 600;
}

.product-category-subname {
    font-size: 1.4em;
    font-weight: 300;
}

.product-category-image {
    width: 250px;
    height: auto;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-300 {
    font-weight: 300;
}

.resultVIPTitle {
    color: white;
    font-weight: bold;
}

.colorDanger {
    color: #c62828;
}

.top-margin {
    margin-top: 20px;
}
.big-top-margin {
    margin-top: 40px;
}

.top-little-margin {
    margin-top: 10px;
}

.fixed-height {
    height: 69px;
}

.impress-fix-checkbox:before {
    left: -24px !important;
}

.mesdocs-cop-custom-color {
    background-color: #280680 !important;
    color: white !important;
}

.menuLink {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.menuLinkBadge {
    position: absolute;
    bottom: -15px;
}