/*------------------- not for a specific page -------------------------*/
* {
     font-family: 'PT Sans', sans-serif;
	 outline:none;
 }
 th td  :not(.no_style){
    cursor:  pointer;	
} 
.thead-inverse th {
	              background-color:#f07935!important;
					font-size: 14px;
					padding: 3px 9px !important;
    
}
  
button.btn.btn-primary:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0);}

ul.list-group {
    font-size: 13px;
    margin-top: 39px;
}
body {    margin: 0;
          padding: 0;
          background-color: #d6d6d642 !important;
	      width:100%;
     }
.header {
    /* display: inline-block; */
    /* width: 100%; */
}
.logo {
    background: #fff;
}
.show
{
  visibility:visible !important;
}
.hide
{
  display: none!important;
}
.lien {
        color: #332f2f;
        /* font-size: 0rem; */
        font-weight: bold;
        text-decoration: underline;
      }

.lien:hover { 
              color: #670022;
           }
           
.wrapper {
            margin: 0 auto;
            max-width: 4000px;
            display: block;
            min-height: 753px;
            width: 100%;
          }

.card-box {
            background-color: #fff;
            box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
            padding: 21px;
            border-radius: 5px;
            width: 100%;
        }

.card-box h3{
                font-size: 1rem;
                font-weight: bold;
              }  

label{
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 0.9rem;
    }

.right{
        float: right;
        margin: 0px 0px 10px;
      }

.btn-primary {
                 color: #fff;
                 background-color: #535456 !important;
                 border-color: #022864;
                 color: white!important;
                 border-color: #535456 !important;
             }

.valider {margin: 0 12px;padding: 10px 20px !important;}

body .form-control:focus {border-color: #f07935;box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);}

span.page-link {
    background-color: #535456 !important;
    border-color: #535456 !important;
}

select.required.form-control {
    font-size: 14px;
}

p.ref{
    font-size:  14px;
    max-height: 108px;
    height: 108px;
    overflow:  scroll;
  }
  
textarea.ref {
    font-size: 14px;
    height: 108px;
    max-height: 108px;
    overflow:  scroll;
}

.alert-warning hr {
    border-top-color:#f079354f !important;
}

/*----------------- header ----------------------------*/
span.datemis {
    float: right;
}
body.detail-cl .wrapper {
    max-width: 1004px;
}
form.rech-colis {
    margin-bottom: 40px;
}
li.page-item a {
    color: #535456 !important;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #ffffff !important;
    background: #f07935 !important;
    border-color: #f07935 !important;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(240, 121, 53) !important;
}
strong.payes {
    font-size: 18px;
}
span.date {
    font-size: 14px;
}
h3.colis-titre {
    margin: 10px 0;
}
.wrapper.detail-colis {
    background: #ffffff;
    padding: 0;
}

.wrapper.detail-colis .card-box {
    padding: 0;
    box-shadow: none;
}
.row.reche input.btn.btn-primary.btn-big {
    background: #f07935 !important;
    border: none;
    color: #ffffff !important;
}
.col-12.historique {
    margin-top: 60px;
}

h2.colis-titre {
    margin-bottom: 10px;
    display: inline-block;
}
span.etat {
    line-height: 1.25;
    text-align: center;
    background: #f07935;
    padding: 5px 20px;
    color: #ffffff;
    margin-left: 20px;
    border-radius: 20px;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    max-width: 120px;
}
strong.left:after {
    content: "";
    width: 140px;
    height: 4px;
    color: #ef7935;
    background: #f07935;
    padding: 1px;
    display: inline-block;
    margin-bottom: 2px;
}
.row.reche {
    margin-bottom: 10px;
    padding: 40px 0;
    background: #e4e2e2;
    color: #ffffff;
}





.wrapper.ajouter-co {
    
}

.logo img {
    width: 100%;
    max-width: 160px;
    padding: 10px 0;
}

li.logout a{
    color: #ffffff !important;
}

a.lien-colis {
    color: #656464 !important;
}

a.lien-colis:hover {
    color: #f07935 !important;
}
.img{
      /* height: 120px; */
      margin:  0 auto;
      display:  block;
      padding: 31px 0 18px;
    }
       
       
.header ul li{
               display: inline;
              
            }
.menu li{
                padding: 0 55px;
            }

.fa-bell.alertes {
          color: #f07935;
          margin-right: 5px;
          font-size: 16px;
         }
.menu{
       color: #ffffff;
       text-align: center;
       font-weight: bold;
       font-size: 15px;
       letter-spacing: 0.5px;
       /* margin: 10px; */
       margin: 0px;
       background-color: #f07935;
       padding: 8px;
       /* padding-bottom:  0; */
    }
    .menu a{
            font-family: 'PT Sans', sans-serif;
            text-decoration: none !important;
            color: #ffffff;
            /* font-family: 'Montserrat';*/
            }


    .header a:hover{
                   
color: #535456 !important;
              }

    .active svg {
                color: #306394;
                }
    .active i{
               color: #306394;
             }
			 
/* ------------------ icon log out ------------------- */
li.log_icon {
    top: 10px;
    float:  right;
    padding-right: 6px;
    margin-top: -3px;
}
ul.drop {
    padding:  14px;
}

.drop li {
    padding: 15px 0 15px 27px;
    text-decoration: none !important;
}
 .drop li:hover {
      background-color: #f4f4f4;
 }
.drop {
    background-color: white;
    /* list-style:  none; */
    width: 185px;
    border-radius: 0 0 5px 5px;
    border: solid 1px white;
    /* color: #9a0a3b !important; */
    margin:  0;
    /* top: -10px; */
    /* position:  fixed; */
    /* height: 0; */
    float:  right;
    /* right: -200%; */
    visibility:hidden;
    position: relative;
    z-index: 99;
}

.drop ul {
    list-style: none;
    padding: 14px 10px 1px 0px;
    margin:  0;
    padding:  0;
    /* height:  0; */
    /* right: -200%; */
}
.drop li {
    color: #f07935;
.pointer {
    cursor: pointer;  }
    cursor: pointer;
    cursor: pointer;
}
.drop li:hover {
    color:#f07935;
    /* text-decoration: none; */
    /* background-color: gray; */
}
.drop li:focus {
    color:#f07935;
    /* text-decoration: none; */
    /* box-shadow: 0 0 0 0.2rem rgba(0,0,0,0); */
}
/*---------------footer ---------------------------------  */  

.footer {
             border-top: solid #6565654a  1px;
             color: #40494e;
             text-align: center;
             padding: 20px 0px;
             position: relative;
             width: 100%;
             display: inline-block;
             background: #fff;
          }

.footer p{
            color: #58666e;
            text-align: center;
            font-size: 14px;
            padding: 6px;
        }

/*---------------- index ----------------------------*/

#accueil{
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
       }   
    

/*.bg {
    background-color: #535456a6;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    z-index: 99999999;
    }
*/
#accueil .wrapper{
                    max-width: 701px;
                    display: flex;
                    text-align: center;
                    align-items: center;
                    vertical-align: middle;
              }

#accueil .container{
                       z-index: 99999999;
                     }

#accueil .header-title{
                         margin-bottom: 20px;
                         letter-spacing: 1.5px;
                         /*                          font-family: 'Inconsolata', monospace;
*/
                         color: #f07935;
                         font-size: 1.8rem;
                         font-weight: bold;
                      }

#accueil p{
              color: #868e96!important;
              font-size: 13px;
              margin-bottom: 28px;
              padding: 0 46px;
            }


#accueil .btn-primary {
                         color: #fff;
                         padding: 12px 50px;
                         margin: 15px 0;
                         letter-spacing: 0.7px;
                         background-color: #535456!important;
                         border-color: #535456!important;
                      }

#accueil .btn-primary:hover, .btn-primary:hover {
    background-color:#f07935!important;
    border-color:#f07935!important;
}
#accueil strong {
                   padding: 15px;
                   /* font-weight: bold; */
                   text-transform: uppercase;
                }
#accueil a:focus {
    color:#f07935;

}
a.btn.btn-primary.btn-big {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}
  .lien:focus {
	  color:#f07935;
}
/* -------------------------------avertissement ------------------------------------------- */

/* #averti .checkbox input { */
    /* padding: 0 10px; */
    /* margin-right: 10px; */
    /* margin: 0 5px; */
/* } */
#avertis h4 {
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    color:#f07935;
    font-size: 1.8rem;
    font-weight: bold;
}

/* #avertis p{ */
              /* color: #868e96!important; */
              /* font-size: 13px; */
              /* margin-bottom: 28px; */
              /* padding: 0 46px; */
            /* } */

#avertis .wrapper{
                    max-width: 701px;
                    display: flex;
                    text-align: center;
                    align-items: center;
                    vertical-align: middle;
                    padding: 13% 0;
              }

#avertis .container{
                       z-index: 99999999;
                     }
#avertis label {
    margin-bottom: 12px;
}
#avertis .btn-primary {
    color: #fff;
    padding: 12px 30px;
    margin: 15px 10px;
    letter-spacing: 0.7px;
    background-color: #535456!important;
    border-color: #535456!important;
}
#avertis .btn-primary:hover{
    background-color:#f07935!important;
    border-color:#f07935!important;
}
/*  ------------------ page saisir (etape 1 et 2 et 3) ----------------------------------------*/

#page-saisir{
              margin: 0;
              padding: 0;
              background-color: rgba(214, 214, 214, 0.34901960784313724);
            }                  
#page-saisir .card-box {
	            padding:27px;
               }
#page-saisir p{
                color: #868e96!important;
                font-size: 13px;
                margin-bottom: 28px;
              }

#page-saisir p span{
                     font-size: 15px;
                     margin-bottom: 28px;
                     color: black !important;
                    }

.suivant {
            margin-left: 124px;
            margin-bottom: 7px;
            letter-spacing: 0.4px;
            }
             
.etapesuiv {
             margin-left:47px;
             letter-spacing: 0.7px !important;
             margin-bottom: 7px;
             float:  right;
           }
           
.title{
        /* margin-top: 13px; */
        font-size: 18px;
        font-weight: bold;
      }  


.form-group{
              margin-left: 20px;
           }

.etape1 .q{
             text-align: center;
           }
.etape1 .radio-inline{
            margin-left:50px;
           }
textarea#desc {
    font-size: 15px;
}
textarea#q6 {
    font-size: 15px;
}


textarea#note {
    margin-bottom: 9px;
	 font-size: 15px;
}
label.radio-inline.rad {float:  right;margin-left: 17px;margin-top: 4px;}

.hidestatut {
    overflow: hidden;
    max-height: 0; 
	transition: .5s all;
}
div#addstatut {
    margin-top: 7px;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/*etape2*/
.etape2 .col.col-sm-3 {
    padding: 2px;
}
.etape2 label.radio-inline {
    margin-left: 48px;
    float:  right;
    margin-top: 4px;
}

.etape2 label.label {
    margin-bottom: 12px;
}
.etape2 button#addpc {
    float: right;
    padding: 2px 11px;
    font-size: 19px;
    margin-top: 4px;
    margin-left:8px;
    background-color:#f07935 !important;
    border-color:#f07935 !important;
}
.etape2 button#addpc:focus {
box-shadow: 0 0 0 2px rgba(134, 2, 46, 0.54);
}

.etape2 button#delpc {
    float: right;
    padding: 2px 13px;
    font-size: 19px;
    margin-top: 4px;
    background-color:#f07935 !important;
    border-color:#f07935 !important;
}
.etape2 button#delpc:focus {
box-shadow: 0 0 0 2px rgba(134, 2, 46, 0.54);
} 

/*etape3*/
label.label.labelq2 {
    margin-top: 7px;
}
.etape3 label.radio-inline {
    margin-left: 95px;
    float:  right;
    margin-top:  4px;
}

.etape3 p {
    margin-bottom: 10px !important;
    font-size: 11px !important;
}
.etape3 textarea.form-control {
    font-size: 14px;
}

label.label { margin: 0; }

.etape3 label.radio-inline.rad3 { float: left;
                                  margin-left: 113px; }
.etape3 label.radio-inline.rad2 {
          margin-left: 33px;
          float: right;
} 

.etape3 .row.justify-content-md.first {margin-bottom: 5px; }

.etape3 label.radio-inline.rad1 {
    margin-left: 48px;
    float: right;
    margin-top: 4px;
}
 /*etape4*/
.etape4 textarea.form-control.text {  font-size: 14px ;}

.etape4 label.radio-inline.rad {float:  right;
                                margin-left: 17px;
								margin-top: 4px;}
.etape4 textarea.form-control { font-size: 14px; }

.etape4 col-6 {
                margin-bottom: 6px;
              }
/*etape5*/

.etape5 label.radio-inline.rad3 {
    float: left;
    margin-left: 113px;
}

.etape5 label.radio-inline {
    margin-left: 95px;
    float: right;
    margin-top: 4px;
}
.etape5 input[type="radio"] {
    margin-right: 5px;
}
.etape5 label.trans{

    margin-bottom: 16px;
}
.etape5 .politique {
    height: 158px;
    overflow-y: scroll;
    padding: 16px;
    background: #f6f6f6;
    font-size: 15px;
    margin-top: 15px;
}
.etape5 .checkbox1 {
    float: right;
    margin-top: 14px;
}
.etape5 .checkbox2 {
    float: right;
    
}
.etape5 input[type="checkbox"] {
    margin-right: 4px;
}
/*------------------------ page de remerciement --------------------------------*/
.remercie {
            text-align: center;
          }

.remercie .card-box{
                     margin-top: 90px;
                     padding: 56px;
                    }

.remercie p strong {
                    color: black;
                    font-family: 'PT Sans', sans-serif;
                   }
#remerciement .remercie p {
    color: #868e96!important;
    font-size: 15px !important;
    margin-right: 5px;
}
.remercie h4 {
    color:#f07935;
}

/*---------------------------deja lance une alerte  -------------------------------------*/
#deja{
        margin: 0;
        padding: 0;
        background-color: #d6d6d642;
      }                  

#deja p {
          text-align: center;
          margin-bottom: 2rem;
         }

#deja .right {
                padding-right: 125px;
                margin: 45px 50px 9px;
             }

#deja .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color:#f07935;
    font-size: 18px;
}

button.btn.btn-primary.valider {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}

.deja a{
    color: #a70239;
    font-size: 14px;
}
.deja a:hover{
    color: #535456;
}
.deja a:focus {
    color:#f07935;
    text-decoration: underline;
}
/*------------------------------forgot alerte ----------------------------*/
#forgot_alerte .right .send {
                     padding-right: 125px;
                      margin: 45px 50px 9px;
                  }
#forgot_alerte .right .reset {
                     padding-right: 125px;
                      margin: 45px 50px 9px;
                  }
#forgot_alerte button.btn.btn-primary.valider {
    padding: 5px 10px;
}
#forgot_alerte .link.right.send {
    margin-top: 8px;
    margin-right: -16px;
}
#forgot_alerte .link.right.reset {
    margin-top: 8px;
    margin-right: -16px;
}
#forgot_alerte .send button.btn.btn-primary.valider {
    padding: 5px 13px !important;
    background-color:#f07935 !important;
    border-color:#f07935 !important;
}
#forgot_alerte .text-center.notif.alert.alert-danger.fade.show {
    font-size: 16px;
    padding: 6px;
    background-color: #f2dede;
    color: #ad053df5;
    font-size: 15px;
    padding: 7px;
    border-radius: 4px;
}
/* ------------------------------detail deja------------------------------ */

#detail_deja .alert-info {
	    background-color: #f6fcff;
        border-color: #99a3bd;
        color: #535456;
        font-size: 12px;
        font-weight: 200;
	    padding-top:16px;

}

#detail_deja .alert-warning {
    background-color: #f4f4f4;
    border-color: #b9b9b9;
    color: #535456;
    font-size: 12px;
    font-weight: 200;
    padding-top:16px;

}
#detail_deja textarea {   margin-top: 10px;   }
#detail_deja  .form-control[readonly] {
    background-color: #f1f1f170;
    font-size: 12px;
}

.readonly {
    background-color: #f4f4f4 !important;
}
#detail_deja .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color:#f07935;
    font-size: 21px;

}
#detail_deja span.small {
    float: right;
    position: relative;
    top: -12px;
    right: -12px;
}
/*-------------------- page referent ------------------------------------------*/


#referent  {
              margin: 0;
              padding: 0;
              background-color: rgba(214, 214, 214, 0.25882352941176473);
            }                              

#referent .right {
                     padding-right: 125px;
                      margin: 45px 50px 9px;
                  }

#referent p {
                 text-align:center;
                 margin-bottom: 2rem;
              }
#referent .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color:#f07935;
    font-size: 16px;
}
.referent a:hover {
	color: black;
}
.referent a {
    color: #f07935;
    font-size: 14px;
}
.referent a:focus {
    color:#f07935;
    text-decoration: underline;
}
.fa-user-circle{    font-size: 26px;}
/* ------------------- forgot infos ref --------------------------------------------*/
#forgot_ref .right .send {
                     padding-right: 125px;
                      margin: 45px 50px 9px;
                  }
#forgot_ref .right .reset {
                     padding-right: 125px;
                      margin: 45px 50px 9px;
                  }
#forgot_ref .link.right.send {
    margin-top: 8px;
    margin-right: -16px;
}
#forgot_ref button.btn.btn-primary.valider {
    padding: 8px 25px !important;
}
#forgot_ref .link.right.reset {
    margin-top: 8px;
    margin-right: -16px;
    /* padding: 5px 5px; */
}

#forgot_ref .send button.btn.btn-primary.valider {
    padding: 8px 25px !important;
    background-color:#f07935 !important;
    border-color:#f07935 !important;
}
#forgot_ref .alert-danger {
    background-color: #f2dede;
    color: #ad053df5;
    font-size: 15px;
    padding: 7px;
    border-radius: 4px;
}

/*-------------------- mes alertes --------------------------------------------------*/

th {
       color: #f07935;
       vertical-align: top !important;
       font-weight: bold;
       letter-spacing: 0.2px;
     }
.td  { 
       text-align: center;
     }

.detail {
   /* letter-spacing: 0.4px; */
   border-color: #bababa !important;
   background-color: #535456 !important;
   color: white !important;
   padding: 3px 8px !important;
   /* text-align: center !important; */
   }
		 
#txtSearch:focus {border-color: #131313 !important;box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);}

#referent span {border-color: #131313 !important;}

#referent a.btn.btn-primary.detail:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
a.profil {
    float: right;
    margin-right: 20Px;
    /* float: right; */
    color:#f07935 !important;
    margin-right: 2px;
    /* border-color:#f07935; */
    /* border-right: 2px solid; */
    padding: 3px 10px;
    /* border-left: 2px solid; */
    font-size: 14px;
}
.drop .dropdown {
    float: right;
    margin-top: -34px;
    margin-right: 22px;
}
button.btn.dropdown-toggle {
 background-color: transparent;
 color: #ffffff;
 font-weight: bold;
 /* margin-top: -69px; */
 padding: 0px 8px;
}
button.btn.dropdown-toggle:focus{
    
     box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);
}

/* #referent tr{ font-weight:bold;} */
	
/* #referent .small{ font-weight:bold;} */

/* #referent th:hover{  */
    /* background: #f4f4f4; */
/* } */

 #referent th:focus:not(.no_style) {
 background: #f4f4f4;
 }
 #referent button.btn.btn-primary.search {
    padding-top: 4px;
}

 #referent  thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #959595 !important;
    padding: 0.55rem;
    padding-left: 0.75rem;
    /* width: 200px; */
}
#referent th a {
    color: #9a0a3b;
    /* width: 228px; */
}
#referent th a:hover{
    text-decoration: none;
}
#referent th a:focus{
    text-decoration: none;
}
#referent table#table:not(.small){
    font-size:15px;
}
#referent td.small {
    font-size: 14px;
    width: 114px;
}
#referent .link.right {
    margin: 45px 50px 9px;
}
/*---------------------- detail alerte ref ---------------------------------------------------------*/

#detail{      
           margin: 0;
           padding: 0;
           background-color: #d6d6d642 !important;

        }       
  
.detailbtn {
              padding-right: 45px !important;
               margin: 18px !important;
          }

#detail textarea {margin-top: 10px;}

.alert-warning {     margin-right: 350px;  }


.envoyer {
           float:right;
           margin-top:20PX;
           /* width: 100px; */
           /* letter-spacing: 0.4px; */
          }

.scroll {  overflow: scroll;
           height:300px;
         }

.btn-file {
             position: relative;
             overflow: hidden;
             margin-top:20PX;
          }

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;
  
}
  
#detail .valider {
           float:right;
           margin-top: 11px;
           width: 84px;
           letter-spacing: 0.4px;
           padding: 4px 0px !important;
           margin-right: 0px;
           background-color:#f07935;
           color: #fff;
           display: none;
          }

#detail .modifier{
    margin-top: 11px;
    width: 84px;
    letter-spacing: 0.4px;
    padding: 4px 0px !important;
    background-color:#f07935;
    color: #fff;
    float: right;
}
#detail .modifier:hover {
         background-color: #535456;
}
		 
#detail .valider:hover {
         background-color: #535456;
}

#detail .modifier:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
	}
#detail .valider:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
	}
#detail .form-control[readonly] {
    background-color: #f1f1f170;
    font-size: 13px;
}

#detail .alert-info {
    background-color: #f6fcff;
    border-color: #99a3bd;
    color: #535456;
    font-size: 12px;
    font-weight: 200;
    pading-top: 24px;
    padding-top: 16px;
}

#detail .alert-warning {
    background-color: #f4f4f4;
    border-color: #b9b9b9;
    color: #535456;
    font-size: 12px;
    font-weight: 200;
    /* position:  relative; */
    padding-top: 16px;
}
#detail .form-control:focus {
    /* border-color: #535456; */
}
 
button.btn.btn-primary.search:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}

#detail span.small {
    /* float: right; */
    /* position:  fixed; */
    /* position: fixed; */
    /* right: 0; */
    /* top: 50%; */
    position: absolute;
    top: 4px;
    right: 10px;
    /* bottom: 4px; */
    /* width: 8em; */
    /* margin-bottom: 10px; */
}	

.form-control:disabled, .form-control[readonly] {
 background-color: #eceeef66 !important;
 } 
 
fieldset#infos {
    border: 1px solid#f07935;
    padding: 0px 18px;
    padding-bottom: 23px;
    margin-bottom: 15px;
    font-size: 14px;
    position:  relative;
}
fieldset#infos legend {
    width: 87px;
    padding-left: 19px;
    background:  #fff;
    margin-bottom: 15px;
}

.legend2 {
    position: absolute;
    top: -0.0em;
    right: 20px;
    background: #f4f4f4;
    line-height: 1.2em;
    width: 63px;
    padding-left: 18px;
}
#infos b {
    color: rgb(85, 85, 85);
}
fieldset#infos .col-6.col1 {
    border-right: 1px solid #adadad;
    min-height: 389px;
}

a.btn-danger.back {
    float: left;
    margin-top: 0px;
    background-color:#f07935;
    border-color:#f07935;
    padding: 7px 13px;
    padding: 5.5px 12px;
    font-size: 15px;
    /* margin-right: 8px; */
    margin-bottom: 15px;
}
fieldset.faits_part {
    border: 1px solid#f07935;
    padding: 0px 18px;
    padding-bottom: 12px;
    margin-bottom: 15px;
	font-size:14px;
	position:  relative;

}
fieldset.faits_part b {
    color: rgb(71, 71, 71);
}
fieldset.faits_part legend {
    width: 255px;
    padding-left: 19px;
    background:  #fff;
}
fieldset.ref_part {
    border: 1px solid#f07935;
    padding: 0px 18px;
    padding-bottom: 12px;
    margin-bottom: 15px;
}
fieldset.ref_part legend  {
    width: 99px;
    padding-left: 19px;
    background:  #fff;
}
fieldset.messagerie {
    border: 1px solid#f07935;
    padding: 0px 18px;
    padding-bottom: 21px;
    margin-bottom: 13px;
    border-radius: 2px;
	position:  relative;

}
fieldset.messagerie legend {
    width: 154px;
    padding-left: 19px;
    /* text-align:  center; */
    background: #f4f4f4;
    margin-bottom: 23px;
}

img.img_print:hover {
    cursor: pointer;
}
img.img_print {
    /* font-size: 10px; */
    width: 30px;
    /* color: black; */
    margin-bottom: 10px;
}
label.etat {
    margin-left: 17px;
}


#detail select.form-control {height: 35px !important;font-size: 14px;width: 194px;/* float:  right; *//* margin:  0; */}


#detail button.btn.btn-primary.change{
    padding: 4.9px 10px;
    /* margin-top: -4px; */
    margin-left: 40px;
    float:  right;
}

#detail .row.row1 {
    margin-bottom: 16px;
}
/*--------------------------- confirmation -----------------------------------*/
    #confirm{   
               margin: 0;
               padding: 0;
               background-color: #d6d6d642 !important;

            }      
  .confirmer{
               margin-left: 130px;
               margin-bottom: 7px;
            }
  .showpc .col-9 {
                   padding-left: 5px;
                 }
.showpc .pc {
		     padding-left: 15px;
        	}
fieldset#e1,fieldset#e2,fieldset#e3,fieldset#e4,fieldset#e5 {
    border: 1px solid#f07935;
    padding: 0px 18px;
    padding-bottom: 18px;
    margin-bottom: 15px;
    font-size: 14px;
    max-height: 348px;
}
fieldset#e1 legend {
    width: 538px;
    padding-left: 11px;
    font-size: 16px;
    font-weight: bold;
    color: #535456;
    background: #fff;
}
fieldset#e2 legend {
    width: 319px;
    padding-left: 11px;
    font-size: 16px;
    font-weight: bold;
    color: #535456;
    background:  #fff;
}
fieldset#e3 legend {
    width: 158px;
    padding-left: 11px;
    font-size: 16px;
    font-weight: bold;
    color: #535456;
    background: #fff;
}
fieldset#e4 legend {
    width: 192px;
    padding-left: 11px;
    font-size: 16px;
    font-weight: bold;
    color: #535456;
    background: #fff;
}
fieldset#e5 legend {
    width: 225px;
    padding-left: 11px;
    font-size: 16px;
    font-weight: bold;
    color: #535456;
    background: #fff;
}
fieldset#e1 strong,fieldset#e2 strong,fieldset#e3 strong,fieldset#e4 strong,fieldset#e5 strong {    
	color: rgb(85, 85, 85);
}
#confirm .scroll-confirmation {
    max-height: 250px;
    overflow: auto;
}
#confirm button.btn.btn-primary.modifier {
    /* margin-top: 11px; */
    float: right;
    padding: 6px 12px !important;
    /* outline:  none; */
    box-shadow: 0 0 0 2px rgba(2, 117, 216, 0);
}
/* ---------------------------------------------------------------------------- login admin-------------------------------------------------------------------------------------- */
#login p {
	text-align: center;
    margin-bottom: 2rem;
}
#login .card-box {
    margin-top: 56px;  
}
#login .right {
    float: right;
    margin: 49px 60px 15px;
}
button.btn.btn-primary.login {
    padding: 8px 21px;
}
button.btn.btn-primary.login:focus{
    box-shadow: 0 0 0 1px rgba(0,0,0,0);
}


#admin_index .row {  padding: 0 5px;}

#admin_index .col-6 .col-12 {

    border-radius: 1px;
    color:#f07935;
    background-color: whitesmoke;
    margin: 2px;
    text-align: center;
	padding: 18px 0;
	}
	
              

.consulter { text-align: center;}

#admin_index a:hover {
    color: #656464;   
}

#admin_index a {color: #ffffff;}
 

#admin_index .table-sm td, .table-sm th {
                          padding: 0px 9px!important;
                          font-size: 14px;
}

#login .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color:#f07935;
    font-size: 18px;
}
li.logout {
    float: right;
    color:#f07935 !important;
    margin-right: 18px;
    border-color:#f07935;
    border-right: 2px solid;
    padding: 2px 10px;
    border-left: 2px solid;
    font-size: 14px;
} 

#admin_index td.small {
    width: 83px;
    font-size: 14px;
}
#admin_index #table:not(.small) {
    font-size:15px;
}

/* --------------------admin liste alerte ---------------------------------- */
input.form-control {font-size: 14px;}

#admin_alertes table {  margin-top: 7px;}

#admin_alertes .table-sm td, .table-sm th {
                          padding: 0px 9px!important;
                          font-size: 14px;
                          padding: 3px 9px !important;
}
#admin_alertes th {
	              background-color:#535456;
	              font-size: 14px;
	              padding: 3px 9px !important;
	              /* font-weight: normal; */
}
button.btn.btn-sm.btn-primary.search {
                   margin-top: 22px;
                   /* margin-left: 30px; */
                   padding: 8px 9px;
                   float: right;
                   background-color: #535456 !important;
                   /* border-color:#f07935 !important; */
}
button.btn.btn-sm.btn-primary.search:hover {
        background-color: #535456 !important;
        border-color: #535456 !important;
}


.edit{
      padding: 7px 16px!important;
      background-color:#f07935 !important;
      border-color:#f07935 !important;
}

a.btn.btn-sm.apply {  color:#f07935;  }

#admin_alertes  select.form-control {
    font-size: 14px;
    height: 35px;
}
#admin_alertes td.small {
    width: 99px;
}
#admin_alertes .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color:#f07935;
    font-size: 18px;
}

/* ---------------------admin detail  alerte ------------------------------- */
#admin_detail_alerte .envoyer {
           float:right;
           margin-top: 32px;
           width: 100px;
           letter-spacing: 0.4px;
          }

#admin_detail_alerte .scroll {
                    overflow: scroll;
                    height: 300px;
                    margin-bottom: 10px;
                    margin-top: 10px;
}
#admin_detail_alerte .alert-warning {
   background-color: #f4f4f4;
   border-color: #b9b9b9;
   color: #535456;
   font-size: 12px;
   font-weight: 200;
   padding-top: 16px;
}
#admin_detail_alerte .alert-info {
    background-color: #f6fcff;
    border-color: #99a3bd;
    color: #535456;
    font-size: 12px;
    font-weight: 200;
    padding-top:  16px;
}

#admin_detail_alerte h5 {
    font-size: 13px;
    font-weight: bold;
    color: #545454;
}
a.page-link {
    color: black;
}
a.back-reg.btn.btn-sm.btn-danger.backadm {
    float: right;
    margin-top: 0px;
    background-color:#f07935;
    border-color:#f07935;
    padding: 7px 13px;
    padding: 5.5px 12px;
    font-size: 15px;
    /* margin-right: 8px; */
    margin-bottom: 15px;
}
#admin_detail_alerte  span.small {  float: right;
									 position: relative;
									 top: -12px; 
									 right: -12px; }
 #admin_detail_alerte  select.form-control {
    font-size: 14px;
}
/* ---------------------edit alerte ------------------------------- */

/* button.btn.btn-sm.btn-primary.add { */
    /* width: 10%; */
    /* float: right; */
    /* padding: 10px; */
    /* margin-top: 20px; */
    /* background-color:#f07935 !important; */
    /* border-color:#f07935 !important; */
/* } */

/* button.btn.btn-sm.btn-primary.add:hover { */
        /* background-color: #535456 !important; */
        /* border-color: #535456 !important; */
/* } */
/* #admin_edit .retour { */
	   /* float:right; */
      /* } */

/* #admin_edit button.btn.btn-sm.btn-success{ */
    /* color:#f07935; */
    /* background-color: #ffffff; */
    /* border-color:#f07935; */
    /* border: 2px solid; */
    /* margin-right: 8px; */
/* } */
/* #admin_edit button.btn.btn-sm.btn-success:hover { */
    /* color: #fff; */
    /* background-color:#f07935; */
    /* border-color:#f07935; */
/* } */

/* #admin_edit a.btn.btn-sm.btn-danger{ */
                  /* color: #fff; */
                  /* background-color:#f07935; */
                  /* border-color:#f07935; */
				      /* padding: 5px 6px; */
/* } */

/* #admin_edit a.btn.btn-sm.btn-danger:hover{ */
                  /* color: #fff; */
                  /* background-color: #535456; */
                  /* border-color: #535456 */
/* } */

/* #admin_edit th { */
	              /* background-color:#535456; */
/* } */

/* #admin_edit .row { */
/* padding: 0 17px;} */


/* ---------------------admin liste referent------------------------------------- */
#admin_referent th {
	              background-color:#535456;
	              padding-left: 13px!important;
	              padding-top: 6px !important;
	              padding-bottom: 6px !important;
}
 #admin_referent td {
	            padding-left: 13px!important;
}
a.btn.btn-sm.add {
    background-color: #535456;
    border-color: #535456 !important;
    color: #ffffff;
    float: right;
    margin-top: -41px;
    margin-bottom: 10px;
    padding: 10px 15px;
}
a.btn.btn-sm.add:hover {
	background-color:#f07935;
	border-color:#f07935 !important;
}
a.btn.btn-sm.add:focus {
       box-shadow: 0 0 0 0px rgb(134, 2, 46);
}
button.btn.btn-sm.btn-primary.search{  
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}

a.btn.btn-sm.apply {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
  color:#f07935 !important;
}
td.small {
    vertical-align: middle;
}
#admin_referent .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color:#f07935;
    font-size: 18px;
}


#table thead th:not(.no_style){
  cursor: pointer;
}

#table th:hover:not(.no_style) {background: #f07935 !important;}

/* ------------------admin detail referent -------------------------------   */

#referent_detail .card-box{padding: 29px;}

a.back-reg.btn.btn-sm.btn-warning {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    background-color:#f07935;
    padding: 6px 10px;
    /* border-radius:  2px; */
}
a.btn-warning:hover {
    color: #fff;
    background-color: #535456;
    border-color: #535456;
}
a.btn-warning:focus {
    box-shadow: 0 0 0 1px rgb(134, 2, 46);
    background-color: black;
    color: white;
}
a.btn-danger {
    float: right;
    margin-top: 10px;
    background-color: black;
    border-color: black;
    padding: 6px 13px;
}
a.btn-danger:focus {
    color: white;
    box-shadow: 0 0 0 1px rgb(134, 2, 46);
}
a.btn-danger:hover {
       background-color:#f07935;
       border-color:#f07935;
}
button.btn.btn-success {
    color: white;
    background-color:#f07935;
    box-shadow: 0 0 0 1px rgba(134, 2, 46, 0);
    border-color:#f07935;
    margin-top: 20px;
}
button.btn.btn-success:hover{
    color: white;
    background-color: #535456;
    border-color: #535456;
}

/* ---------------------admin referent add ------------------------------------- */

.wrapper.con-oublie {
    padding: 13% 0;
}
.alert-done {
    text-align: center!important;
    color:#f07935;
    font-size: 16px;
    background-color: #f4f4f4;
}


/* ------------------------------ admin ste ------------------------------------------- */
#admin_ste td {
    padding-left: 22px!important;
}
#admin_ste a.btn.btn-sm.btn-primary {
    margin-right: 2px;
}
#admin_ste th {
    padding: 6px 22px!important;
    width: 491px;
}

#admin_ste .search {
                   margin-top: 20.5px;
                   margin-left: 31px;
                   padding: 8px 9px;
                   float: left;
                   background-color:#f07935 !important;
                   border-color:#f07935 !important;
}
#admin_ste .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color:#f07935;
    font-size: 18px;
}

#ste_detail .form-control:disabled, .form-control[readonly] {
    background-color: #efefef;
}

#ste_detail table#table td {
    border: 1px solid #e2e2e2;
} 
#avertis p {
    color: #868e96!important;
    font-size: 13px;
    margin-bottom: 28px;
    padding: 0 46px;
}
 
 
#avertis strong {
    padding: 15px;
    /* font-weight: bold; */
    text-transform: uppercase;
}
/* ------------------------------ settings- ------------------------------------------ */
#settings .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color:#f07935;
    font-size: 16px;
}
#settings  textarea.form-control {
    font-size: 15px;
}
#settings  textarea.textarea_politique {
    font-size: 15px; 
    height: 86px;
}
 /* ------------------------------ users ----------------------------------------------- */

#users td {
    padding-left: 21px!important;
}
#users th{
    padding-left: 21px!important;
}
  
 
 /*end*/