/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/* Variables CSS */
:root {
    --themeConsultation: darkgray;
    --themeMaj: lightgray;
    --theme: white;
    /*
    --theme: lightgray;
    --theme: darkgray;
    */
}
/* Variables CSS */

a.navbar-brand {
  white-space: normal;
  text-align: left;
  word-break: break-all;
}

#barre-appli {
    background-color: aliceblue;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    height: 50px !important;
    padding: 0 0 0 .4375rem;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    /*background-image: url(../Images/Backg1.png);*/
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

.UserName {
    background-image: url("../Images/user-off.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 40px;
}

.UserName:focus {
    background-image: url("../Images/user-on.png");
}

.UserPassword {
    background-image: url("../Images/pwd-off.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 40px;
}

.UserPassword:focus {
    background-image: url("../Images/pwd-on.png");
}

.backtotop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 100;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    transition: all, 0.3s;
    line-height: 48px;
    background: #F7BC16;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.backtotop:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.backtotop:active {
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

/* BusyIndicator */

/* Absolute Center Spinner */
.loading {
    position: fixed;
    display: none;
    z-index: 1031;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
       background-color: rgba(0,0,0,0.3); /* couleur de fond pendant l'attente */
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            /* forme de base qui tourne pendant l'attente */
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* BusyIndicator */

.navbar-custom {
    background-color: #ff5500;
}
    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        color: rgba(255,255,255,.8);
    }
    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
        color: rgba(255,255,255,.5);
    }
    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:hover .nav-link {
        color: #ffffff;
    }

.btn.disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

.titre-fiche {
    color: #000000;
    font-size: 1.5rem;
    font-weight: bolder;
    text-decoration: underline;
}

.titre-fiche-mention {
    color: chocolate; /* #a21515 */
    font-size: 1rem;
    font-style: italic;
}

/* Design de la fiche (format document - format titre */
.fiche {
    /* padding: 10px; */
    border-style: solid;
    border-width: 1px;
    border-color: gainsboro;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.35);
}

.cursor-pointer {
    cursor: pointer;
}

.form-control.tache {
    background-image: url("../Images/processus.svg");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 45px;
}

.form-control.tache-autocomplete {
    background-image: url("../Images/processus.svg"), url("../images/indicator.gif");
    background-repeat: no-repeat;
    background-position: 10px 50%, right 10px center;
    padding-left: 45px;
    padding-right: 45px;
}

.form-control.unfct {
    background-image: url("../Images/unfct.svg");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 45px;
}

.form-control.dept {
    background-image: url("../Images/departement.svg");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 45px;
}

.form-control.ets {
    background-image: url("../Images/ets.svg");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 45px;
}

.categorie {
    color: cornflowerblue;
    font-weight: bold;
}

.categorie.select {
    font-weight: bold;
    color: darkblue;
}

/* Data Validation */
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    /*
    border: 1px solid #f00;
    background-color: #fee;
    */
    border: 1px dashed #FF4900;
    background-color: #FFECDD;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
/* Data Validation */

.piecejointe:after {
    height: 24px;
    width: 24px;
    content: url(../barreaction/images/pj.svg)
}

.card-header {
    background-color: aliceblue;
    max-height: 3.85rem;
}

/*.form-row {
    border : solid 1px blue;
    border-radius : 7px;
}*/

.col-form-label.public-display {
    font-weight: bold;
}

.public-display {
    color: chocolate;
}

.col-form-label.private-display {
    font-weight: bold;
}

.private-display {
    color: steelblue;
}

.camera {
    border: solid 1px chocolate;
    border-radius: 5px;
    padding: 40px;
    margin: 20px;
}

.vignette {
    border: solid 1px chocolate;
    border-radius: 5px;
    height: 250px;
}

.private-vignette {
    border: solid 3px steelblue;
    border-radius: 5px;
    height: 250px;
}

.public-vignette {
    border: solid 3px chocolate;
    border-radius: 5px;
    height: 250px;
}

.image-vignette {
    max-height: 100%;
    padding: 5px;
    max-width: 100%;
}

.camera_2 {
    border: dotted 1px gray;
    border-radius: 5px;
    padding: 40px;
    margin: 20px;
    opacity: 0.4;
}

.tooltip-inner {
    min-width: 100px;
    max-width: 100%;
}

.preconisation {
    color: chocolate;
    /*font-weight: bold;*/
}

.preconisation-odd{
    color: black;
    background-color:aliceblue;
}

.preconisation-even {
    color: black;
    background-color: antiquewhite;
}

.nivo_1 {
    border: solid 1px;
    border-radius: 3px;
    border-color: rgba(0, 0, 0, 0.125);
    background-color: aliceblue;
}

.nivo_2 {
    background-color: white;
}

.nivo_2_3 {
    background-color: white;
    padding-left: 25px
}

.nivo_3 {
    padding-left: 50px;
    background-color: white;
}

.nivo_risque_2_3 {
    background-color: white;
    padding-left: 46px;
    color: #007bff;
}

.nivo_risque_3 {
    padding-left: 66px;
    background-color: white;
    color: #007bff;
}

.nivo_risque {
    background-color: white;
    color: darkblue;
    font-weight:bold;    
}

.produit-non-utilisable {
    color: crimson;
    font-style:italic;
}

.fa.fa-angle-down, .fa.fa-angle-up {
    font-size: 24px;
}

.fa.fa-plus {
    color: darkblue;
}

.fa.fa-minus {
    color: darkblue;
}

.label-mandatory {
    color: #a52a2a;
}

.span-mandatory {
    color: #a52a2a;
    font-weight: bold;
}

.input-group-append {
    margin-left: auto;
}

.produit_selectionne {
    color: white;
    font-weight: bold;
}

.categorie_selectionnee {
    background-color: chocolate;
}

.modal-body-message {
    margin: 20px;
}

.champ-obligatoire {
    font-size:14px;
    font-weight:bold;
}

#card_rgpd {
    font-size: 0.70rem;
}