/* 
color: orange petroleum : #ed570c 
*/
h5 {font-size: 15px}

.bg-login-image {background: none;}
.btn-orange {color: #fff;background-color: #ed570c;border-color: #ed570c;}
.btn-orange:hover {color: #ed570c;background-color: #ffffff;border-color: #ed570c;}
.btn-bleu {color: #fff;background-color: #37bacd;border-color: #37bacd;}
.btn-bleu:hover {color: #37bacd;background-color: #ffffff;border-color: #37bacd;}
.bg-gradient-black {background-color: #1d1d1d;background-image: linear-gradient(180deg,#1d1d1d 10%,#3b3b3b 100%);background-size: cover;}
.text-orange { color: #ed570c; }
.sidebar-dark .nav-item .nav-link {color: white;}
.sidebar-dark .nav-item .nav-link .fas {color: white;}
.indication {font-size: 0.6em; font-style: italic;}
.sidebar-brand-icon {display: none;}
.pointer-hover {cursor: pointer;}
#dataTable-mo .fa-minus-circle {color:#e74a66;}
#dataTable-mo .fa-plus-circle {color:#1cc88a;}
.modal.modal-fullscreen .modal-dialog {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    max-width: none; 
}

.modal.modal-fullscreen .modal-content {
    height: auto;
    height: 100vh;
    border-radius: 0;
    border: none; 
}

.modal.modal-fullscreen .modal-body {
    overflow-y: auto; 
}
::placeholder {
    color: #ddd !important;
}
.fs-10 {
    font-size: 10px !important;
}
.fs-9 {
    font-size: 9px !important;
}
.fs-11 {
    font-size: 11px !important;
}
.vertical-top {
    vertical-align: top !important;
}
.bg-light-green {background-color: #a4fa84; color: black;}
.bs-stepper-label {font-size: 13px;}
.label-hsse {font-weight: bold;font-size: 20px;text-decoration: underline;}
.label-hsse-petit {font-size: 16px; margin-top:10px;}
.border-left-grey {border-left: 1px solid #888383;}

.results_article {
    display: none;
    background-color: #FFF;
    padding: 5px;
    z-index: 50;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.vertical-middle {vertical-align: middle !important;}
.max-width-80 {max-width: 80px!important;}
.card-body-pie, .card-body-bar {min-height:380px;}

#dataTable-piece.table td, .table th, #dataTable-mo.table td, .table th {
    padding: 0.35rem !important;
}

.ligne-intervention:hover {text-decoration: none; border: 1px solid;}

.status-indicator {
    background-color: #eaecf4;
    height: .75rem;
    width: .75rem;
    border-radius: 100%;
    position: absolute;
    bottom: 4px;
    right: 0px;
    left: 15px;
    border: .125rem solid #fff;
}

.status-indicator-text {
    background-color: #eaecf4;
    height: .75rem;
    width: .75rem;
    border-radius: 100%;
    position: absolute;
    border: .125rem solid #fff;
}

.toggle {margin-top:15px;}

fieldset {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
    width: 100%;
}

legend {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto !important;
    padding:0 10px !important;
    border-bottom:none !important;
}
.champ_affaire {color:#929292;}
.input-reduit {padding: 0;max-height: 22px;font-size: 13px;}
.input-addon-reduit {padding: 6px;max-height: 22px;font-size: 13px;}

#statistiques-hsse .bs-stepper .step-trigger:hover {background-color: inherit !important; cursor: inherit !important;}

/* Cacher le texte "Aucun fichier choisi" */
input[type="file"]::file-selector-button {
    margin-right: 0;
  }
  
  /* Styliser le bouton lui-même */
  input[type="file"] {
    width: auto;
    font-size: 14px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
  }
  
  /* Optionnel : cacher complètement le texte du fichier */
  input[type="file"] {
    color: transparent;
  }
  input[type="file"]::-webkit-file-upload-button {
    visibility: visible;
    color: black;
  }
  
.ligne-selection-piece :hover {
    background-color: #e5e5e5 !important;
}

@media screen and (max-width: 767px) 
{
    .sidebar-brand-icon {display: block;}
}

@media screen and (max-width: 1160px) 
{
    .bs-stepper-label {display: none !important;}
}

@media screen and (max-width: 572px) 
{
    .bs-stepper .line, .bs-stepper-line {display: none !important;}
}

@media screen and (max-width: 991px) 
{
    .btn-sm-mpdx {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }

    .mt-sm-2 {
        margin-top: .5rem!important;
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important;
    }
}


.icon-item.icon-item-sm {
    height: 1.875rem;
    width: 1.875rem;
}

.icon-item {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5e6e82;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    height: 2.5rem;
    width: 2.5rem;
    border: 0;
    font-size: 0.875rem;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

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

.bg-primary-subtle {
    background-color: #cfe2ff !important;
}

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

.overflow-hidden {
    overflow: hidden !important;
}

.bg-holder {
    min-height: 154%;
    border-radius: 0.375rem;
}
.bg-card {
    background-size: contain;
    background-position: right;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0;
}

div.dropdown-menu.open { width: 100%; } ul.dropdown-menu.inner>li>a { white-space: initial; }

.dropdown.bootstrap-select {
    border: 1px solid #d8e2ef;
    border-radius: 0.25rem;
}

.custom-no-result-picker {
    background-color: #dadada !important;
    color: #dc3545 !important;
    padding: 10px !important;
    font-weight: bold !important;
    text-align: center !important;
    border: 1px solid #dc3545 !important;
    border-radius: 4px !important;
}

.bootstrap-select .no-results {
    background: #f5f5f5 !important;
    color: #dc3545 !important;
    padding: 10px !important;
    margin: 0 5px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.card {
    -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.bg-primary {
    color : #fff;
}

.bg-info {
    color: #fff;
}

.bg-warning {
    color: #fff;
}

.bg-danger {
    color: #fff;
}

.bg-success {
    color: #fff;
}

.bg-dark {
    color: #fff;
}