body {
    background-color: #0D1116;
    background-size: cover;
    margin: 0 auto;
    padding : 0;
    height : 100%;
    color : #c9d1d9;
    font-size: 12px;
    font-family: "roboto","Calibri", "Candara",  sans-serif;
}

@font-face{
   font-family: roboto;
   src: url('Roboto-Regular.ttf');
   font-weight: bold;}

/* scrollbar styling non-standard version */
html::-webkit-scrollbar {
   width: 2rem;
   background-color: rgba(0,0,0,.15); 
 }
 html::-webkit-scrollbar-thumb {
     background: #000; 
 }
 /* scrollbar styling standard version */
 html {
   scrollbar-color: #000 rgba(0,0,0,.15);
   scrollbar-width: thin;
   height : 100%;
 }
 

.nav-link:hover
{
    border-bottom: 2px solid orange;
    color:orange;
}
.nav-link
{
    border-bottom: 2px solid #414141;
    color:white;
}

.icon-link:hover {
   border-bottom: 0px solid orange;
}

#footer {
   position: fixed;
    bottom:0;  /* on le colle en bas */
    margin: 0;
    height:40px;   /* Hauteur du pied de page */
    text-align: center;
    background-color:#161B22;
    color : #c9d1d9;
 }

 #footer p {
    font-size : 0.9em;
    display: inline-block;
    vertical-align:middle;
 }

 .container {
    background-color: #424242;
    padding :10px;
 }

 .nav-link {
    width:8rem;
 }

 option:hover{
    /*background-color: orange;*/
    border-bottom: 1px solid orange;
 }

select {
   background-color: #333333;
}

select:focus option:checked {
  background: #21262d linear-gradient(90deg, 21262d  0%, #21262d  100%);
  color :orange;
}

 option:checked
 {
    color :orange;
    background-color: #21262d;
 }
 option
 {
    font-size: 14px;
    color : #c9d1d9;
    border-bottom: 1px solid #0D1117;
 }

.btn_page {
   background-color: #21262d;
   border: 1px solid grey;
   color : #c9d1d9;
   border-radius: 5px;
   padding:10px 20px 10px 20px;
   font-size: 14px;
   width:120px;
   height:40px;
   line-height: 20px;
   text-decoration:none;
   display: inline-block;
   text-align : center;
   margin: 0px 10px 0px 10px;
}

.btn_page:hover {
   background-color: grey;
   border: 1px solid black;
   color: black;
   text-decoration:none;
}

.button_ifm {
   background-color: #596b81;
   border: 1px solid #7295c2ff;
   color : #ffffffff;
   border-radius: 0px;
   padding:5px 20px 5px 20px;
   font-size: 14px;
   width:20px;
   height:20px;
}

.button_ifm:hover {
       background-color: #677B95;
       border: 1px solid #7295c2ff;
}


.button_ifm_action {
   background : linear-gradient(180deg,#575757,#4a4a4a);
   border: 1px solid #222222ff;
   color : #ffffffff;
   border-radius: 0px;
   padding:5px 20px 5px 20px;
   font-size: 14px;
   width:120px;
   height:40px;
}

.button_ifm_action:hover {
       background-color: #677B95;
       border: 1px solid #7295c2ff;
}

.button_icon_ifm_action {
   background-color: transparent;
   border: 0px solid #222222ff;
   color : #ffffffff;
   border-radius: 0px;
   padding:0px 0px 0px 0px;
   font-size: 14px;
   width:20px;
   height:20px;
}

.button_icon_ifm_action:hover {
       background-color: #677B95;
       border: 0px solid;
}


 .filtre{
    color : #ffffffff; /*#c9d1d9;*/
    font-size: 14px;
    background-color: #494949; /*#0D1116;*/
    border : 0px;
    border-bottom: 1px solid #808080;
    border-radius: 0px;
    margin-bottom : 0px;
    padding :0px;
 }

 .filtre:focus{
   color : #c9d1d9;
   background-color: #0D1116;
   border-bottom: 1px solid orange;
   outline: none;
 }

.input_ifm:focus , .search-input:focus{
  color : #c9d1d9;
  background-color: #0D1116;
  border-bottom: 1px solid orange;
  outline: none;
}

 .titleReport{
   color : #c9d1d9;
   font-size: 14px;
   background-color: #0D1116;
   border : 0;
   border-bottom: 0;
   margin-bottom : 0px;
   padding-left :5px;
   width : 95%;
   height:100%;
}

.titleReport:focus{
  color : #c9d1d9;
  border-radius: 5px;
  background-color: #0D1116;
  border: 1px solid orange;
  outline: none;
}


 .table {
   font-family: "Calibri", "Candara",  sans-serif;
   font-size: 13px;
   color : white;
   border: 0px solid grey;
 }

 .table tr{
   border: 0px 1px 0px 0px solid grey;
   color : #c9d1d9;
   padding : 0;
   margin:0;
}
td.td-sm,th.th-sm{
   border: 1px solid grey;
   padding :0.4rem;
   margin: 0.1rem;
}


tr.tr-sm:hover{
   border-bottom: 1px solid orange;
   color:white;
   opacity: 90%;
}

 .addreport {
   float:right;
 }

 .modalifm{
   background-color: #0D1116;
 }

 .form-switch .form-check-input {
   background-color: #fcebeb;
   border-color: orange;
   border: none;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='orange'/%3e%3c/svg%3e");
}


.form-switch .form-check-input:checked {
   background-color: orange;
   border-color: orange;
   border: none;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}



.input-text,input[type="date"],input[type="time"]{
   color : #c9d1d9;
   background-color: #0D1116;
   font-size: 14px;
   border : 0;
   border-bottom: 1px solid grey;
   border-radius: 5px;
   padding :5px;

}

.listmail {
   margin:auto;
   color : #c9d1d9;
   background-color: #0D1116;
   font-size: 14px;
   border : 0;
}

.input-text:focus, .listmail:focus{
   background-color: #0D1116;
   border-bottom: 1px solid orange;
   outline: none;
   color : #c9d1d9;
   box-shadow: 0 0 0px black;
}

.action {
   margin : 0px 5px 0px 5px;
}

.listmail::placeholder, .input-text::placeholder {
   color: #898f95;
 }

 a{
   font-family: Roboto,sans-serif;
   font-size: 16px;
   color:#ffffff;
 }

 .input_ifm, .search-input {
   color : #ffffffff; /*#c9d1d9;*/
   font-size: 14px;
   background-color: #303030; /*#0D1116;*/
   border : 0px;
   border-bottom: 1px solid #808080;
   border-radius: 0px;
   padding :5px;
   width : 90%;
   height : 40px;
}

button {
   border-radius: 0px;
   margin-top: 15px;
   margin-bottom: 15px;
   color: white;
   cursor: pointer;
   background-color: #4D4D4D;
   width: 100%;
   font-size: 16px;
   background: linear-gradient(180deg,rgba(87,87,87,0.8),rgba(74,74,74,0.5019607843137255));
   border: 1px solid #222;
   height: 2.5rem;
   min-width: 2.5rem;
}

.btn_logout {
   background: linear-gradient(180deg,rgba(192, 124, 47, 0.8),rgba(249, 96, 1, 0.502));
   width: 80px;
}

button:hover {
        background-color: #677B95;
        border: 1px solid #7295c2ff;
 }
.btn-group {
height : 40px;
 }

 .remove, .removeexport {
   color : red;
 }

 .overflowrtl {
   direction: ltr;
   text-overflow: ellipsis;
 }