.login-card
{
    /* background:linear-gradient(to bottom, rgba(255,128,255,0.5), rgba(128, 119, 0, 0.5)),url(../images/login/bg.png) no-repeat 50% center; */
    background-image:url(../images/login/Sanstitre);
    background-image:url(../images/login/banniere-it-audit);
    background-image:url(../images/login/Agile-Project-Management);
    background-image:url(../images/login/Fotolia_53105774_S);
    /* background-image:url(../images/login/873656-clinical-coffee-cup);
    background-image:url(../images/login/33798635-e1461751818697);
    background-image:url(../images/login/securite-Informatique-backgroundjpg);
    background-image:url(../images/login/security-concept-4k-digital-art-creative-3d-lock);
    background-image:url(../images/login/AdobeStock267083342jpeg_64074a3de21734.06049009);
    background-image:url(../images/login/2023-08-17-7e47c41ab0461646dbf4d259f6ab7663); */
    /* background:linear-gradient(to bottom, rgba(255,128,255,0.5), rgba(128, 119, 0, 0.5)); */
    background-size: cover;
    background-attachment: fixed;
}
.cliquerAction{
    font-size: 1.3em;
}
.cliquerAction:hover{
    cursor:pointer;
}
#login-main{
    background: rgba(255,255,255,.9);
    box-shadow:1px 2px 3px 2px rgba(0, 0, 0, .3);
    border:4px double rgba(0, 0, 0, 0.7);
}
#login-main input, #login-main button{
    background: rgba(255,255,255,.7);
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, .3);
    border:1px solid rgba(0, 0, 0, 0.4);
}
.logo{
    width:100px;
    /* box-shadow:1px 1px 4px 1px rgba(0, 0, 0, .3); */
    border-radius: 50px;
}
.logo1{
    width:160px;
    /* box-shadow:1px 1px 4px 1px rgba(0, 0, 0, .3); */
    /* border-radius: 30px; */
}
.imgPersonnel{
    width:40px;
    /* box-shadow:1px 1px 4px 1px rgba(0, 0, 0, .3);
    border-radius: 30px; */
}
#grille{
    /* min-height: 530px;
    max-height: 850px; */
    /* background-image:url(../images/login/6e3f47bf33153bd352d684a4d0ddea12);
    background-image:url(../images/login/image_processing20201125-26929-gywlop); */
    background-image:url(../images/login/64b0d74e3ab4a3c0ab0076db8e7565f5);
    background-size: cover;
    background-attachment: fixed;
    
    overflow: auto;
}
#sidebar-menu .fa{
    font-size:1.7em;margin-right:7px;
    color:rgb(34, 34, 156);
}
#sidebar-menu .icofont{
    font-size:1.7em;margin-right:7px;
    color:rgb(34, 34, 156);
}
ul li{
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
}
.sidebar-submenu li{
    list-style-type: none;
}
.page-body-wrapper{
    min-height:600px;
}
.footer{
   position:fixed;
   /* background: red; */
   width:100%;
}
.transparent{
   background: rgba(255, 255, 255, 0.8);
}
#ecran1,#ecran2,#grandEcran{
    background:rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    /* min-height: 530px; */
    height: 850px;
    /* height: 850px; */
    overflow-y:auto;
    font-size: 0.8em;
    /* background: yellow; */
}
#ecran2{
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .7);
}
.loader-box {
	position : fixed;
	z-index: 9999;
	/* background : url('../images/gifs/29.gif') 15% 10% no-repeat; */
	top : 2%;
	left :7%;
	height :100%;
	width : 100%;
	cursor : wait;
}
.filtre:hover,.ligne:hover {
	cursor : pointer;
}
body{
    font-size: 0.6em;
    /* font-family: 'Arial Narrow Bold',Impact, Haettenschweiler, sans-serif; */
  }
#imgEtd{
    text-align: left;
    padding: 10px;
    /* background: rgba(93, 47, 219, 0.473); */
    /* padding-left: 0px; */
    /* background:blue; */
    /* width: 150%; height: auto; */
    /* padding:4%; */
    /* border-radius:50%; */
    /* overflow: hidden; */
    /* overflow:hidden; */
  }
#imgEtd img{
    /* min-width: 100%; */
    margin-left:-20px;
    margin-top:-20px;
    width: 130%;
    /* max-height: 100%; */
    border:4px double rgba(102, 92, 196, 0.144);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .7);
    border-radius:5%;
  }
@media (min-height: 680px) {
    #ecran1,#ecran2,#grandEcran{
      /* background: red; */
      /* min-height: 530px; */
      /* height: 500px; */
      height: 850px;
      /* font-size:0.9em; */
    }
    body{
        font-size: 0.9em;
      }
  }
@media (min-height: 900px) {
    #ecran1,#ecran2,#grandEcran{
      /* background: green; */
      /* min-height: 630px; */
      /* height: 840px; */
      height: 850px;
      /* font-size: 1em; */
    }
    body{
      font-size: 1em;
    }
    .tabNewEtd{
      height: 800px;
      /* background:red; */
    }
  }
  .ligne,.ligne1,.ligneInsert{
      background:rgba(23, 4, 233, 0);
  }
  .actif{
      background:rgba(93, 47, 219, 0.473);
      color:white;
      box-shadow:1px 1px 1px 1px rgba(0, 0, 0, .3);
  }
  .ligne:hover,.ligne1:hover,.ligneInsert:hover{
    background:rgba(102, 92, 196, 0.144);
    cursor:pointer;
  }
  .filtre1{
    display:inline-block;
  }
  .cocherTout{
    color:rgba(23, 4, 233, 0.2);
  }
  .cliquable{
    font-size: 1em;
  }
  .cliquable:hover{
    cursor:pointer;
  }
  .cocherTout:hover{
    cursor:pointer;
  }
  .bouton{
    /* background: rgba(39, 72, 223, 0.671); */
    background: rgba(39, 72, 223,0.8);
    border: 1px solid rgba(0, 0, 0,0.5);
    box-shadow:2px 2px 4px 2px rgba(0, 0, 0, .3);
    color:white;
  }
  .bouton:hover{
    /* box-shadow:1px 1px 4px 1px rgba(2, 121, 2, 0.3); */
    border: 1px solid rgba(0, 0, 0,0.5);
    color:white;
    background: rgb(99, 151, 99);
  }