/*-- Author : G. Karl Féry --*/

* {
    box-sizing: border-box;
  }

BODY { 
  SCROLLBAR-BASE-COLOR: #C3C9A7; 
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family: Helvetica,Arial,sans-serif;*/
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
  overflow-x: hidden;
}

a {
  text-decoration: none;
	/*font-weight: bold;*/
}

.singp{
 float: right;
 margin-right: 27px;
}

.singp2{
  font-weight: bold;
}

.sidenavsr{
  display: none;
}

.menu-title {
  color: #3b6d12;
  display: flex;
  font-size: 14px;
  padding: 5px 15px;
  white-space: nowrap;
}

.submenu{
  /*margin: 14px 0 10px 5px;*/
  margin: 0 0 6px 5px;
}

.msgsucc {
  width: 100%; 
  padding: 3px;
  border-radius: 7px 7px 0 0;
  /*background-color: #4CAF50;*/
}

.msgsucc2 {
  margin: 4px 0 0 4px;
}

.msgsuccw {
  width: 100%; 
  padding: 3px;
  border-radius: 7px 7px 0 0;
  /*background-color:#92ad33;*/
}

.msgsuccd {
  width: 100%; 
  padding: 3px;
  border-radius: 7px 7px 0 0;
  /*background-color:#92ad33;*/
}

.msgdel2 {
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  width: 100%; 
  padding: 4px;
  border-radius: 7px 7px 0 0;
  background-color:#c74a4a;
}

.msghd2b {
  padding: 0 20px 5px 20px;
  text-align: center;
}

.textareawh {
  height: 45px;
  width: 400px;
}

.clb {
  font-weight: bold;
  padding-left: 1px;
}

.ic-s{
  width: 20px;
  height: 20px;
  /*color: #867e7e;*/
  color: #ffffff;
  float:left;
  margin-right: 10px;
}

.ic-s0{
  width: 15px;
  height: 15px;
  color: #867e7e;
  float:left;
  margin-right: 0;
}

.ic-s0r{
  width: 15px;
  height: 15px;
  color: #867e7e;
  float:right;
  margin-right: 0;
  margin-top: 2px;
}

.ic-s0t{
  height: 16px;
  width: 16px;
  color: #349e72;
}

.ic-su{
  width: 15px;
  height: 15px;
  color: #0ba867;
}

.ic-t{
  color: #ffffff;
  float: left;
  padding-top: 4px;
}

.ic-sr{
  width: 20px;
  height: 20px;
  float: right;
  /*color: #867e7e;*/
  color: #ffffff;
}

.nav-item{
  margin-left: 12px;
  font-size: 14px;
  padding: 2px;
  background-color:rgba(236, 243, 243, 0.76);
}

.nav-item1{
  margin-left: 12px;
  font-size: 14px;
  padding: 2px;
  background-color:rgba(236, 243, 243, 0.76);
  border-radius: 0 0 5px 5px;
}

.m11{
  overflow-x: hidden;
}

.submenu1{
  margin: 25px 0 10px 5px;
  background-color:#6a8ef2;
  border-radius: 5px;
}

.asub{
  padding: 1px 0 21px 5px;
}

.ic-s1{
  width: 20px;
  height: 20px;
  color: #ffffff;
  float:left;
  margin-right: 10px;
}

.ic-t1{
  color: #ffffff;
  float: left;
  padding-top: 2px;
}

.wcr{
  color: #ffffff;
}

.wcr1{
  color: #ffffff;
}

.rcr{
  background-color: rgba(29, 109, 109, 0.76);
}

.rd{
  border-radius: 5px 5px 5px 0;
}

li.submenu1:hover{
  border-radius: 5px;
}

li.submenu:hover{
  border-radius: 5px;
  background-color: #606677;
}

.stsea {
  background-color: #f2fcfb;
  color: #1266ac;
  font-weight: bold;
  margin: 3px;
  height: 5px;
}

.txt{
  color: #5a4e4e;
  text-decoration: none;
  margin-left: 12px;
}

.txtsub{
  color: #5a4e4e;
  margin-left: 12px;
}

.mlk{
  color: #5a4e4e;
  margin: 2px 0 2px 12px;
  font-weight: normal;
}

.nav-item:hover, .nav-item1:hover{
  background-color: rgba(186, 240, 207, 0.76);
}

/*.ahv:hover {
  background-color: rgba(255, 255, 255, 0.76);
}*/

.art{
  -ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.st1{
  color:rgb(230, 248, 188);
  margin-right: 5px;
}

.pr1{
  color:#eff3c9;
  margin: 0 5px 0 5px;
}

.atc {
	font-weight: normal;
}

a.lo {
  text-decoration: none;
	color: #00006C;
	font-weight:normal;
  margin : 0 0 0 5px;
}

li.lo1 {
  margin : 0 0 0 5px;
}

.inv-fb{
  color:#FF0000;
  font-size: 12px;
  margin-top: 2px;
}

/* Trl Trx.  */

.brtab3 {    
  border: 1px solid #d5ebd9; 
  /*box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);*/
  background-color: #11265e;
  color: #ffffff;
  width: 100%;
	padding: 7px;
  margin-top: 5px;
	border-radius: 10px; 
  text-align: center;
	/*overflow: auto;*/
}

.brtab7 {    
  /*border: 1px solid #d5ebd9; 
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);*/
  background-color: #11265e;
  color: #ffffff;
  width: 100%;
	padding: 7px;
  margin-top: 5px;
	/*border-radius: 10px; */
  text-align: center;
	/*overflow: auto;*/
}

.titletrl {
  font-size: 14px;
  /*font-weight: bold;*/
}

.imgctr {
  /*margin: 0 auto;*/
  /*padding-top: 10px;*/
  padding-bottom: 30px;
}

.img1 {
  /*float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 5.2%;
  margin: 20px auto;*/
}

.img2 {
  /*float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 3.2%;*/
}

.img3 {
  /*float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 3.2%;*/
}

.img4 {
  /*float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 3.2%;
   margin: 20px auto;*/
}

/* */

.cae1{
  font-weight: bold;
  margin-top: 10px;
  color: rgba(9, 53, 53, 0.76);
}

.cae2{
  font-weight: bold;
  margin-top: 10px;
  color: rgba(9, 53, 53, 0.76);
  justify-content: center;
}

/* Floating column for labels: % width */
.col-pcia {
  float: left;
  width: 26%;
}

.col-pcia2 {
  float: left;
  width: 25%;
  /*margin-top: 6px;*/
}

.col-pcia2b {
  float: left;
  width: 29%;
  /*margin-top: 6px;*/
}

.col-pcia2b1 {
  float: left;
  width: 31%;
  /*margin-top: 6px;*/
}

.col-pcia2c {
  float: left;
  width: 25%;
  /*margin-top: 6px;*/
}

.col-pcia2d {
  float: left;
  width: 40%;
  /*margin-top: 6px;*/
}

.col-pcib {
  float: left;
  width: 27%;
  /*margin-top: 6px;*/
}

.col-pcib2 {
  float: left;
  width: 22%;
  /*margin-top: 6px;*/
}

.col-pcib3 {
  float: left;
  width: 12%;
  /*margin-top: 6px;*/
}

.col-pcic {
  float: left;
  width: 7%;
  /*margin-top: 6px;*/
}

.col-pcic2 {
  float: left;
  width: 42%;
  /*margin-top: 6px;*/
}

.col-pcic3 {
  float: left;
  width: 60%;
  /*margin-top: 6px;*/
}

label.lbpci {
  padding: 7px 0 2px 0;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

label.lbpci2 {
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

.bdr{
  padding: 10px; 
  border: 1px solid #cfcfcf; 
  border-radius: 10px;
}

.bdr2{
  padding: 10px; 
  border: 1px solid #3d2e2e; 
  border-radius: 10px;
}

.recommendation-message {
  font-weight: bold;
  color: green; /* ou la couleur que vous préférez */
  margin-left: 10px;
}

.subtitle {
  margin-left: 20px;
  margin-bottom: 2px;
}

.subsubtitle {
  margin-left: 40px;
  margin-bottom: 2px;
}

.recommendation-message {
  font-weight: bold;
  color: green; /* ou la couleur que vous préférez */
  margin-left: 10px;
}

.alert {
  color: red; /* Alert messages in red */
  padding: 10px 10px 10px 0;
}

.inppci{
  width: 155px;
}

.inppci2{
  width: 108px;
}

.inppci3{
  width: 70px;
}

.inppci4{
  width: 128px;
}

.inppci5{
  width: 136px;
}

.fo {
  color: #FF0000;
  margin-left: 2px;
}

.fo2 {
  color: #FF0000;
  margin-left: 5px;
  font-weight: normal;
}

/* Floating column for labels: % width */
.col-cae1 {
  float: left;
  width: 11%;
  /*margin-top: 6px;*/
}

.col-cae3 {
  float: left;
  width: 30%;
  padding: 5px 12px 12px 0;
  /*display: inline-block;*/
}

.col-cae3lb {
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

.col-cae3b {
  float: right;
  /*width: 70%;*/
  padding: 5px 1px 12px 0;
}

.col-cae1elb {
  float: left;
  width: 18%;
  /*margin-top: 6px;*/
}

.col-cae11elb {
  float: left;
  width: 82%;
  padding-top: 5px;
  /*margin-top: 6px;*/
}

/* Floating column for labels: % width */
.col-cae2 {
  float: left;
  width: 6%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: % width */
.col-cae11 {
  float: left;
  width: 25%;
  padding-top: 18px;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: % width */
.col-cae11sr {
  float: left;
  width: 25%;
  padding-top: 10px;
  /*margin-top: 6px;*/
}

label.lbcaesr {
  padding: 10px 12px 5px 0;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

label.lbcaesr1 {
  padding-top: 5px;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

label.lbcaesr2 {
  padding-top: 5px;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

.col-cae12 {
  float: left;
  width: 25%;
  padding-top: 34px;
  /*margin-top: 6px;*/
}

.col-cae12z {
  float: left;
  width: 25%;
  padding-top: 18px;
  /*margin-top: 6px;*/
}

.col-cae12b {
  float: left;
  width: 10%;
  padding-top: 32px;
  margin-right: 2px;
  /*margin-top: 6px;*/
}

.col-cae12ba {
  float: left;
  padding-top: 32px;
  margin-right: 5px;
  /*margin-top: 6px;*/
}

.col-cae12ba2 {
  float: left;
  padding-top: 22px;
  margin-right: 5px;
  /*margin-top: 6px;*/
}

.col-cae12b2 {
  border: 1px solid rgba(14, 83, 83, 0.76);
  padding: 1px 1px 1px 2px;
  width: 70px;
  height: 19px;
}

.col-enc {
  border: 1px solid rgba(14, 83, 83, 0.76);
  padding-left: 3px;
  width: 141px;
  height: 19px;
}

.col-enc2 {
  border: 1px solid rgba(182, 186, 196, 0.76);
  padding: 3px;
  width: 350px;
  height: 25px;
  border-radius: 3px;
  display: inline-block;
}

.col-enc3 {
  border: 1px solid rgba(182, 186, 196, 0.76);
  padding: 3px;
  width: 30px;
  height: 25px;
  border-radius: 3px;
  display: inline-block;
}

.col-enc4 {
  border: 1px solid rgba(182, 186, 196, 0.76);
  text-align: right;
  padding: 3px;
  width: 40px;
  height: 25px;
  border-radius: 3px;
  display: inline-block;
}

.col-enc5 {
  background-color: #fafafa;
  text-align: center;
  border: 1.5px solid rgba(14, 83, 83, 0.76);
  /*padding: 1px 2px 3px 1px;*/
  width: 80px;
  height: 19px;
}

.col-enc6 {
  border: 1px solid rgba(14, 83, 83, 0.76);
  background-color: #f9fffa;
  padding: 1px 1px 1px 3px;
  width: 100px;
  height: 19px;
}

.col-cae12c {
  float: left;
  /*width: 10%;*/
  padding-top: 24px;
  /*margin-top: 6px;*/
}

.col-cae12c1 {
  float: left;
  margin-right: 6px;
  padding-top: 24px;
  /*margin-top: 6px;*/
}

.col-cae12c2 {
  float: left;
  padding-top: 24px;
  /*margin-top: 6px;*/
}

.col-cae11b {
  float: left;
  width: 39%;
  padding-top: 5px;
  /*margin-top: 6px;*/
}

.col-cae11c {
  float: left;
  width: 10%;
  padding-top: 0;
  /*margin-top: 6px;*/
}

.col-cae11d {
  float: left;
  width: 22%;
  padding-top: 5px;
  /*margin-top: 6px;*/
}

.col-cae11d2 {
  float: left;
  width: 27%;
  padding-top: 5px;
  /*margin-top: 6px;*/
}

.col-cae11e {
  float: left;
  width: 39%;
  padding-top: 21px;
  /*margin-top: 6px;*/
}

/* Floating column for inputs */
.col-dr {
  float: right;
  width: 43%;
  padding-top: 5px;
  /*margin-top: 6px;*/
}

.col-dr1 {
  float: right;
  width: 43%;
  padding-top: 0;
  /*margin-top: 6px;*/
}

.dtlg{
  float: right;
  margin-bottom: 5px;
}

.dtlf{
  margin-bottom: 5px;
}

.lgcae{
  margin: 15px 0 5px 0;
  font-weight: bold;
}

.lbelb{
  font-weight: bold;
}

.lblb{
  font-weight: bold;
}

.lgcs{
  margin: 15px 0 5px 0;
  font-weight: bold;
  color:#585858;
}

.ico{
  font-size:17px;
  color:#4CAF50;
}

.inpat{
  margin-top: 10px;
}

.imggfa{
  width: 50%;
}

.imggfa1{
  width: 75%;
  height: 75%;
}

.pgheader{
  text-decoration: none;
  display:inline;
  color:#ffffff;
}

.pagntn {   
  /*display: inline-block;  */
  float: right;
  padding-top: 3px;
}   

.pagntn a{   
  font-weight: bold;   
  font-size:11px;   
  color: black;   
  float: left;   
  padding: 5px 9px;   
  border-radius: 3px;
  text-decoration: none;   
  border:1px solid black;  
}   
.pagntn a.active {   
  background-color: pink;   
}   
.pagntn a:hover:not(.active) {   
  background-color: skyblue;   
} 

.stp{
  font-weight: bold;
  margin: 15px 0 0 0;
}

.bld{
  font-weight:bold; 
}

.fp{
	font-size: 12px;
  margin: 15px 0 3px 0; 
  /*color:brown;*/
}

.dh{
  width: 100%; 
  border-radius: 10px 10px 0 0; 
  background-color: #3372ad;
  padding: 10px;
  color: #ffffff;
}

.dh1{
  color: #ffffff;
}

.dm{
  margin: 10px 0 5px 0;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color:#000;
}

.dm1{
  font-size: 14px;
  text-align: center;
}

.btnlogup {
  width: 60px;
  margin-left: 250px;
  padding: 8px 14px;
  margin-bottom: 10px;
}

.btnyn {
  width: 100px;
  padding: 8px 14px;
  margin-bottom: 10px;
  background-color: #4CAF50;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.btnyn2 {
  width: 100px;
  padding: 8px 14px;
  margin-bottom: 10px;
  background-color: #a57c30;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.btnyn3 {
  width: 150px;
  padding: 8px 14px;
  margin-bottom: 10px;
  background-color: #916060;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.btnyn4 {
  width: 150px;
  padding: 8px 14px;
  margin-bottom: 10px;
  background-color: #6e7199;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.btnyn5 {
  width: 100px;
  padding: 8px 14px;
  margin-bottom: 10px;
  background-color: #696d69;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.modal-contentprp {
 /* max-height: 80vh; /* Hauteur maximale */
  /*overflow-y: auto; /* Défilement vertical si nécessaire */
}

/* Styles pour le conteneur dans le modal */
.containerprp {      
  overflow-y: auto; /* Ajoute un défilement vertical si nécessaire */
  /*height: 400px; /* Hauteur fixe pour le conteneur */   
  height: 100%; /* Hauteur fixe pour le conteneur */        
  /* ... autres styles ... */
}

/* Styles spécifiques pour le tableau de l'ordonnance */
.ordonnance-table {
  width: 100%; /* Largeur du tableau */
}

/*.ordonnance-table th, .ordonnance-table td {
  padding: 5px; /* Espace intérieur des cellules 
  text-align: center; /* Alignement du texte 
  border: 1px solid #ddd; /* Bordure des cellules 
}

/* Pour réduire la largeur des entrées de texte et des sélecteurs 
input[type="text"],
input[type="number"],
input[type="date"],
input[type="checkbox"],
select {
  width: auto; /* Permet aux éléments de rétrécir pour s'adapter 
  margin: 0 5px; /* Ajoute une petite marge sur les côtés 
  padding: 5px; /* Réduit le padding pour économiser de l'espace 
}

/* Styles spécifiques pour gérer les petites largeurs de colonne 
.small-input {
  width: 50px; /* Pour les entrées de texte qui n'ont pas besoin de beaucoup d'espace 
}
.modal {
display: none; /* Hidden by default 
background-color: #fefefe;
padding: 20px;
border: 1px solid #ccc;
margin-top: 20px;
}

.modal-content {
max-height: 80vh; /* Hauteur maximale 
overflow-y: auto; /* Défilement vertical si nécessaire 
}

      /* Styles pour le conteneur dans le modal 
      .container {
        
          overflow-y: auto; /* Ajoute un défilement vertical si nécessaire 
          height: 400px; /* Hauteur fixe pour le conteneur 
  
  /* ... autres styles ... 
}
*/
        

/* Styles pour les nouvelles sections */
.additional-section {
  margin-top: 10px;
}

.additional-section label {
  display: block;
  margin-bottom: 2px;
}

.additional-section input {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

.input-error {
  border: 2px solid red;
}

.mg {
  margin: 30px 0 5px 0;
}

.mg1 {
  margin: 7px 0 2px 0;
}

.cx1 {
  padding: 6px;
  margin-right: 10px;
}

.cx1b {
  padding: 6px;
  /*margin-right: 10px;*/
}

.cx1c {
  padding: 4px;
  /*margin-right: 10px;*/
}

.cx1b2 {
  padding-top: 6px;
  margin-right: 15px;
  /*margin-right: 10px;*/
}

.cx1b3 {
  padding: 4px;
  /*margin-right: 10px;*/
}

.szfrm {
  padding: 6px 6px 6px 2px;
  margin-bottom: 6px;
}

.cx1b5 {
  padding: 6px 6px 6px 2px;
}

.fade{transition:opacity .15s linear}

.tablesu1 thead th {
	font-weight: bold;
    letter-spacing: 0.05em;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #f6f6f6;
}

.tablesu {
  margin: 25px 0 5px 0;
}

.tablesu1 {
  width: 100%;
  border-collapse: collapse;
}

.custom-table tr {
	background-color: #fff;
	box-shadow: 0 0 3px #e5e5e5;
}
.tablesu1.custom-table > tbody > tr > td,
.tablesu1.custom-table > tbody > tr > th,
.tablesu1.custom-table > tfoot > tr > td,
.tablesu1.custom-table > tfoot > tr > th,
.tablesu1.custom-table > thead > tr > td,
.tablesu1.custom-table > thead > tr > th {
	padding: 10px 8px;
	vertical-align: middle;
}
.tablesu1.custom-table > tbody > tr > td:first-child,
.tablesu1.custom-table > thead > tr > th:first-child {
	padding-left: 15px;
}
.tablesu1.custom-table > tbody > tr > td:last-child,
.tablesu1.custom-table > thead > tr > th:last-child {
	padding-right: 15px;
}

.text-center {
  text-align: center;
}

.fontn {
  font-weight: normal;
}

.thl {
  text-align: left;
  background-color: #f9fffb;
  color: #330000;
}

.thlb {
  text-align: left;
  background-color: #f9fffb;
  color: #330000;
  font-size: 12px;
}

.thlc {
  text-align: center;
  background-color:#f9fffb;
  color: #330000;
}

.thnc {
  text-align: center;
}

.thl1 {
  background-color: #f9fffb;
  color: #330000;
}

.thl2 {
  text-align: left;
}

.thr {
  text-align: right;
  background-color: #f9fffb;
  color: #330000;
}

.thc {
  font-weight: normal;
}

td, th {
  border: 2px solid #ececec;
  padding: 7px;
  border-left: 0;
  border-right: 0;
}

tr:nth-child(even) {
  background-color: #f7f7f7;
}

/*Columns*/
.column {
  float: left;
  /*padding: 10px;*/

}

/*Columns*/
.column.lcol {
  /*width: 25%;*/
  left: 0;
  bottom: 0;
  margin-top: 40px;
}

/*Columns*/
.column.rcol {
  left: 0;
  margin-top: 40px;
  width: 100%;
	margin-left: 270px;
}

.column.rcol2 {
  left: 0;
  margin-top: 40px;
  width: 100%;
	/*margin-left: 270px;*/
}

/*clear col*/
.row1:after {
  content: "";
  display: table;
  clear: both;
}

.row2{
    margin: 20px 0 20px 0;
}

div.content {
	 
	/*margin-left: 220px;*/
  text-align: center;
  margin: 7% auto;

}

.inper{
  padding: 7px;
  margin-right: 10px;
}

.dter1{
  margin-right: 10px;
}

.dter2{
  margin-right: 10px;
}

ul.sidenav {
	 
	font-size: 14px;
  font-weight: normal;
	list-style-type: none;
	margin-top: 30px;
	padding: 0;
	width: 270px;
  background-color: #11265e;
  position:absolute;
  height: 100%;
  position: fixed;
  /*position: fixed;
  overflow: hidden;*/
	height: 100%;
  overflow:hidden;
  overflow-wrap: break-word;
	border-right: 0px solid rgba(23, 156, 156, 0.76);
  /*box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);*/
}

ul.sidenav:hover{
  overflow: auto;
}

.lispc{
  padding-bottom: 45px;
}

ul.sidenav3 {
	 
	font-size: 14px;
	list-style-type: none;
	padding-left: 0;
  margin: 0;
  background-color: #ffffff;
  position:absolute; 	  
  border-radius: 5px;
  display:none; 
  background:#c2e7d4;
  width: 175px;
  height: 85px;
	 
}
ul.sidenav4 {
	 
	font-size: 14px;
	list-style-type: none;
	padding: 0;
	width: 200px;
  background-color: #ffffff;
  position:absolute;
  margin: 0;
	border-right: 3px solid #227fdb; 	  
	 
}

ul.sidenav4{ 
  display:none; 
  background:#a3d6bc;
  width: 175px;
  height: 54px;
}

#nav li:hover ul{
  display:block;
  /*margin-left: 15px;*/
  width: 100%;
} /* shows sublist on hover */

/*#nav li:hover {background:#44a173;width: 100%;} */

ul.sidenav:hover {	 
  /*overflow-y: scroll;*/
}
	 
ul.sidenav li a {
	 
	display : block;
	color: #000;
	padding: 5px;
	text-decoration: none;
  margin-left: 5px;
	 
}

	 
ul.sidenav li a.active {
	 
  background-color: #4CAF50;
	color: white;
	 
}

ul.sidenav1 {
	 
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 260px;
  height: 96px;
  background-color: #ffffff;
  position:absolute;
  /*	position: fixed;
	height: 100%;*/
	overflow:auto;
	border: 1px solid #f1f1f1; 	  
	 
}

ul.sidenav1 li.lict a {
	 
	display : block;
	color: #000;
  font-weight: normal;
	padding: 5px;
	text-decoration: none;
	 
}

ul.sidenav2 {
	 
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 324px;
  height: 84px;
  background-color: #ffffff;
  position:absolute;
  /*	position: fixed;
	height: 100%;*/
	overflow:auto;
	border: 1px solid #f1f1f1; 	  
	 
}

ul.sidenav2 li.lict2 a {
	 
	display : block;
	color: #000;
  font-weight: normal;
	padding: 5px;
	text-decoration: none;
	 
}

ul.sidenavsr {
	 
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 400px;
  height: 90px;
  background-color: #ffffff;
  position:absolute;
  /*	position: fixed;
	height: 100%;*/
	overflow:auto;
	border: 1px solid #f1f1f1; 	  
	 
}

ul.sidenavsr li.lict a {
	 
	display : block;
	color: #000;
  font-weight: normal;
	padding: 5px;
	text-decoration: none;
	 
}


.contlay {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 500px;
  padding: 10px;
  margin: 31px 30px 0 30px;  
}

.contlaym {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 500px;
  padding: 10px;
  margin: 15px auto;  
}

.contlayint {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 800px;
  padding: 10px;
  margin: 15px auto;  
}

.contlayef {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 900px;
  padding: 10px;
  margin: 15px auto;  
}

.contlayso {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 1200px;
  padding: 10px;
  margin: 15px auto;  
}

.contlaym3 {
  border-radius: 15px;
  border: 3px solid #f1f1f1; 
  box-shadow: 0 8px 20px 0 rgba(18, 63, 63, 0.76);
  width: 600px;
  padding: 10px;
  margin: 15px auto;  
}

.contlaym {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 500px;
  padding: 10px;
  margin: 15px auto;  
}

.contlaym1 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 500px;
  padding: 10px; 
  margin: 15px; 
}

.contlaym2 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 500px;
  padding: 10px; 
  margin: 15px auto; 
}

.contlaysu {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 400px;
  padding: 10px;
  margin: 15px auto;  
}

.contlay1 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 100%;
  padding: 5px 10px 10px 10px;
  margin: 15px auto; 
}

.contlay12 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 100%;
  height: 1600px;
  padding: 5px 10px 10px 10px;
  margin: 15px auto; 
}

.contlay1b {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 600px;
  padding: 5px 10px 10px 10px;
  margin: 15px auto; 
}

.contlay1c {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 500px;
  padding: 5px 10px 10px 10px;
  margin: 15px auto; 
}

.contlay2 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 600px;
  padding: 5px 10px 10px 10px;
  margin: 31px 30px 0 30px;  
}

.contscr {
  border-left: 3px solid rgba(23, 156, 156, 0.76);
  padding-bottom: 30px;
  margin: 47px 0 0 0;
  height: 100vh;
}

.contscr1 {
  /*border-left: 0px solid rgba(23, 156, 156, 0.76);
  background-color: rgba(244, 252, 252, 0.76);*/
  padding: 40px 0 0 7px;
  margin-right: 1px;
  height: 100vh;
}

.contscr5 {
  /*border-left: 0px solid rgba(23, 156, 156, 0.76);
  background-color: rgba(244, 252, 252, 0.76);*/
  padding: 24px 0 0 0;
  /*margin-right: 1px;
  height: 100vh;*/
}

.h-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

.h-header {
  color: #1f1f1f;
  padding: 7px;
  width: 100%;
  margin-bottom: 15px;
  background-color: #56945e;
}

.h-header3 {
  color: #1f1f1f;
  padding: 7px;
  width: 100%;
  margin-bottom: 15px;
  background-color: #4b97ee;
}

.h-header4 {
  color: #1f1f1f;
  padding: 7px;
  width: 100%;
  margin-bottom: 15px;
  background-color: #8a5858;
}

/***/
.frm1 {
  float: right;
  margin-top: 5px;
}

.frm1b {
  float: right;
}

.col-fr {
  float: left;
  margin-right: 10px;
}

.col-fr2 {
  float: right;
}

/***/
.frm2 {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.frm2b {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.frm2b2 {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.frm2b3 {
  float: left;
  width: 100%;
  margin-top: 5px;
}

.frm2c {
  float: left;
  width: 100%;
  /*margin-top: 5px;*/
  margin-bottom: 20px;
}

.frm2c2 {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.frm2c3 {
  float: left;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 20px;
}

.frm2d {
  float: left;
  width: 100%;
  margin-top: 5px;
}

.frm2e {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.frm2f {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 12px;
}

.col-frb {
  float: left;
  width: 180px;
}

.col-frb2 {
  float: left;
  margin-right: 10px;
}

.col-frb2b {
  float: left;
  margin-right: 20px;
}

.col-frb2c {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}

.col-frb2d {
  float: left;
  margin-right: 20px;
}

.col-frb2e {
  float: left;
  margin-right: 20px;
  padding-top: 5px;
}

.col-frb2f {
  float: left;
  margin-right: 10px;
  padding-top: 3px;
}

.col-frb3 {
  float: left;
}

.tme {
  padding: 4px;
}

/***/
.frm3 {
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
}

/***/
.frm4 {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.spcfr {
  padding-top: 5px;
}

.spcfr2 {
  padding-bottom: 25px;
}


.szfrm {
 width: 150px;
}

.szfrm2 {
 width: 220px;
}

.szfrm3 {
 width: 60px;
}

.spcdn {
  margin-bottom: 25px;
}

.spcdn2 {
  margin-bottom: 10px;
}

.spcdn3 {
  margin-bottom: 8px;
}

.spcdn4 {
  margin-bottom: 18px;
}

.spcdn5 {
  padding-bottom: 8px;
}

.spcdn6 {
  margin-bottom: 15px;
}

.spctp {
  margin-top: 20px;
}

.spctp2 {
  padding-top: 20px;
}

.spctp3 {
  padding-top: 16px;
}

.mgn{
  /*padding: 0 7px 7px 7px;*/
  text-align: center;
  cursor: pointer;
}

.th3{
  height: 25px;
  color: #ffffff;
  text-align: left;
  border-color: rgba(29, 109, 109, 0.76);
  background-color: rgba(29, 109, 109, 0.76);
}

.th3b{
  height: 25px;
  color: #ffffff;
  font-size: 10px;
  text-align: left;
  border-color: rgba(29, 109, 109, 0.76);
  background-color: rgba(29, 109, 109, 0.76);
}

.thc3{
  height: 25px;
  color: #ffffff;
  text-align: center;
  border-color: rgba(29, 109, 109, 0.76);
  background-color: rgba(29, 109, 109, 0.76);
}

.tdc3{
  text-align: center;
}


.h-footer {
	background-color: #ffffff;
	text-align: center;
  color: #000;
  border-radius: 0 0 5px 5px;
}

button.btnlg1 {
  background-color: #56945e;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 100px;
  height: 21px;
  border-radius: 3px;
}

button.btnlg1a {
  background-color: #4b97ee;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 100px;
  height: 21px;
  border-radius: 3px;
}

button.btnlg1b {
  background-color: #8f5a5a;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 100px;
  height: 21px;
  border-radius: 3px;
}


button.btnlg2 {
  background-color: #728d4e;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 200px;
  height: 21px;
  border-radius: 3px;
}

.contscr2 {
  float: left;
  width: 28%;
  height: 287px;
  border: 1px solid #56945e;
  /*background-color:#f0faf1;*/
  border-radius: 5px;
  padding: 0;
  margin: 20px 60px 20px 20px;
}

.contscr21 {
  height: 248px;
  /*overflow-x: scroll;
  overflow-y: hidden;*/
}

.contscr3 {
  float: left;
  width: 28%;
  height: 287px;
  border: 1px solid #4b97ee;
  /*background-color:#f6faff;*/
  border-radius: 5px;
  padding: 0;
  margin: 20px 60px 0 0;
}

.contscr4 {
  float: left;
  width: 28%;
  height: 287px;
  border: 1px solid #8a5858;
  /*background-color:#fffcfc;*/
  border-radius: 5px;
  padding: 0;
  margin: 20px 18px 0 0;
}

.brtab {    
  /*border: 1px solid #d5ebd9; 
  background-color: #d8f0d8;*/
	padding: 10px;
  width: 79.5%;
	margin: 0; 
	border-radius: 10px; 
	overflow: hidden;
  z-index: -1;
}

.brtab1 {    
  border: 1px solid #d5ebd9; 
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
  background-color: #fff;
  width: 100%;
	padding: 10px;
  margin-top: 10px;
	border-radius: 10px; 
	overflow: auto;
}

.brtab4 {    
	padding: 10px 10px 35px 10px;
  width: 79.5%;
	margin: 0; 
	border-radius: 10px; 
	overflow: hidden;
  z-index: -1;
}

.brtab6 {    
  /*border: 1px solid #d5ebd9; 
  background-color: #d8f0d8;
	padding: 10px;*/
  width: 100%;
	margin: 0; 
	/*border-radius: 10px; */
	overflow: hidden;
  z-index: -1;
}

.modal-content1 {
  background-color: #f7fcfa;
  margin: 10% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 680px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-content7 {
  background-color: #f7fcfa;
  margin: 6% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 680px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.brtab2 {    
  text-align: center;
  border: 1px solid #d5ebd9; 
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
  background-color: #fff;
  width: 100%;
	padding: 6px 6px 6px 203px;
  margin-top: 10px;
	border-radius: 10px; 
	overflow: auto;
}

.brtab5 {    
  /*text-align: left;*/
  border: 1px solid #d5ebd9; 
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
  background-color: #fff;
  width: 100%;
	padding: 10px;
  margin-top: 10px;
	border-radius: 10px; 
	/*overflow: auto;*/
}

/** Schema */
.timeline {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 400px;
  margin: 4px auto;
  position: relative;
}

.step {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 50px;
}

.spc14 {
margin-left: 50px;
}

.icon {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
  margin-bottom: 5px;
}

.circle {
  width: 15px;
  height: 15px;
  background-color: #360bf7;
  border-radius: 50%;
  margin-left: 1px;
  /*display: flex;
  align-items: center;
  justify-content: center;*/
  color: rgb(231, 238, 224);
  font-size: 12px;
  z-index: 1; /* Ajouté pour que le cercle apparaisse au-dessus du trait */
}

.circle2 {
  width: 15px;
  height: 15px;
  background-color: #360bf7;
  border-radius: 50%;
  margin-left: 2px;
  /*display: flex;
  align-items: center;
  justify-content: center;*/
  color: rgb(231, 238, 224);
  font-size: 12px;
  z-index: 1; /* Ajouté pour que le cercle apparaisse au-dessus du trait */
}

.circle.incomplete {
  background-color: #c8c0ee;
  color: transparent;
}

.circle.incomplete2 {
  background-color: #c8c0ee;
  color: transparent;
}

.circle2.incomplete {
  background-color: #c8c0ee;
  color: transparent;
}

.circle.incompleteb {
  background-color: #c8c0ee;
  color: transparent;
}

.circle.incompleteb2 {
  background-color: #c8c0ee;
  color: transparent;
}

.label2 {
  margin-top: 11px;
  font-size: 10px;
  width: 100px;
}

.label.break {
  display: inline-block;
  text-align: center;
  line-height: 1.2;
  font-size: 10px;
}

.label.break span {
  display: block;
  line-height: normal;
}

.step.completed + .arrow {
  background-color: #360bf7;
}

.step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 102px;
  /*left: 135%;
  width: calc(150% + 5px);*/
  width: 120px;
  height: 1px;
  background-color: #360bf7;
  z-index: 0;
  top: calc(50% + 1px);
  transform: translateX(-50%);
}

.step.incomplete:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 152px;
  width: 190px;
  height: 1px;
  margin-top: 2px;
  background-color: transparent;
  border-top: 2px dashed #ddd9f1;
  z-index: 0;
  top: calc(50% - 1px);
  transform: translateX(-50%);
}

.step.incomplete2:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 170%;
  /*width: calc(309% + 72px);*/
  width: 160px;
  height: 1px;
  background-color: transparent;
  /*border-top: 2px dashed #ddd9f1;*/
  z-index: 0;
  top: calc(50% - 1px);
  transform: translateX(-50%);
}

.timelineb {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 650px;
  /* margin: 4px auto;*/
  margin: 4px 0 4px 136px;
  position: relative;
}

.spc7 {
  margin-right: 5px;
}

.spc71 {
  margin-right: 20px;
}

.spc7b {
  padding-left: 50px;
}

/*.spc8 {
  padding-left: 20px;
}*/

.label2b {
  margin-top: 11px;
  font-size: 10px;
  padding: 0 17px 0 17px;
}


.stepb {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 50px;
}

.stepb.completed + .arrow {
  background-color: #360bf7;
}

.stepb:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 167px;
  width: 212px;
  /*left: 142%;
  width: calc(165% + 5px);*/
  height: 1px;
  background-color: #360bf7;
  z-index: 0;
  top: calc(50% + 1px);
  transform: translateX(-50%);
}

/*.stepb#followUpStep2.completed::after {
  content: "";
  position: absolute;
  left: 282%;
  width: calc(385% + 20px);
  height: 1px;
  background-color: #360bf7;
  z-index: 0;
  top: calc(50% + 1px);
  transform: translateX(-50%);
}*/

.icmpw {
  width: 200px;
}

.stepb.incompleteb:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 167px;
  width: 212px;
  height: 1px;
  margin-top: 2px;
  background-color: transparent;
  border-top: 2px dashed #ddd9f1;
  z-index: 0;
  top: calc(50% - 1px);
  transform: translateX(-50%);
}

.stepb.incompleteb2:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 120px;
  width: 100px;
  height: 1px;
  background-color: transparent;
  /*border-top: 2px dashed #ddd9f1;*/
  z-index: 0;
  top: calc(50% - 1px);
  transform: translateX(-50%);
}


/* Report */


.ic-s0a{
  width: 14px;
  height: 13px;
  color: #867e7e;
  float:left;
  margin-right: 0;
}

.ic-s0b{
  width: 18px;
  height: 13px;
  color: #867e7e;
  float:left;
  margin-right: 0;
}
.png-container {
  overflow: hidden;
}

.brightness {
  filter: brightness(0.25);
  -webkit-filter: brightness(0.25);
}

.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.png-container img {  
  /*filter: drop-shadow(0px 10px 0 #bf39da);
  transform: translateY(-10px);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%)
  hue-rotate(149deg) brightness(103%) contrast(101%) #bf39da; */
}

.brtabc {    
  border: 1px solid #d5ebd9; 
  background-color: #d8f0d8;
	padding: 10px;
  width: 850px;
	margin: 15px auto; 
	border-radius: 10px; 
	overflow: hidden;
}

.brtabc2 {    
  border: 1px solid #d5ebd9; 
  background-color: #d8f0d8;
	padding: 10px;
  width: 505px;
	margin: 15px auto; 
	border-radius: 10px; 
	overflow: hidden;
}

.brtabrpt {    
  border: 1px solid #d5ebd9; 
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
  background-color: #fff;
  width: 100%;
	padding: 10px;
  margin-top: 10px;
	border-radius: 10px; 
	overflow-x:hidden;
}

.brtabrpt2 {    
  border: 1px solid #d5ebd9; 
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
  background-color: #fff;
  width: 483px;
  text-align: center;
	padding: 10px;
  margin-top: 10px;
	border-radius: 10px; 
	overflow-x:hidden;
}

.brtabrpt3 {    
  border: 1px solid #d5ebd9; 
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
  background-color: #fff;
  width: 483px;
  /*text-align: center;*/
	padding: 10px;
  margin-top: 10px;
	border-radius: 10px; 
	overflow-x:hidden;
}

.modal-contentrpt {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 950px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentrpt2 {
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 600px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.contlayrpt {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 900px;
  padding: 5px 10px 10px 10px;
  margin: 15px auto; 
}

.contlayrptb {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 550px;
  padding: 5px 10px 10px 10px;
  margin: 15px auto; 
}

.contlayrpt2 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 870px;
  height: 300px;
  padding: 5px 10px 10px 10px;
  margin: 15px auto; 
}

.formrpt {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 1000px;
  height: 635px;
  padding: 10px;
  margin: 15px auto; 
}

.formrpt2 {
  width: 100%;
	margin-top: 10px; 
}

.formrpt3 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 850px;
  height: 1100px;
  padding: 10px;
  margin: 15px auto; 
}

.tablerpt {

  width: 100%;
	height: 100%;
  margin: 10px 0 5px 0;

}

.spcrpt {
  margin-top: 20px;
}

.spcrpt2 {
  margin-right: 5px;
}

.btnrpt {
  background-color: #97bacf;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 65px;
  border-radius: 3px;
}

.btnrpt2 {
  background-color: #9b7851;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

.thlrpt {
  text-align: left;
  background-color: #f9fffb;
  color: #330000;
  cursor: pointer;
}

.ic-sr2{
  width: 15px;
  height: 15px;
  margin-left: 1px;
  color: #867e7e;
}

.card-bodyrpt{
  padding: 10px;
  text-align: left;
  height: 55px;
}

.kpi-subtextrpt {
  color: #6c757d;
  font-weight: bold; /* Met en gras */
  align-self: flex-start; /* Aligné à gauche dans un conteneur flex */
  order: -1; /* Assure que le texte s'affiche au-dessus de la valeur KPI */
  width: 100%; /* Prend toute la largeur pour aligner le texte à gauche */
  text-align: left; /* Texte aligné à gauche */
}

.col-md-3rpt {
  width: 300px;
  margin-left: 15px;
}

.card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 8px;
  background-color: #fff;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card:hover {
  /*transform: translateY(-5px);*/
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.tdtrpt2 {
  text-align: center;
  width: 140px;
}

.icons {
  margin-top: 5px;
}

.chartIcon {
  font-size: 12px; /* Change the size */
  color: #bf39da; /* Change the color */
  cursor: pointer;
  margin-right: 7px;
}

.eIcon {
  font-size: 12px; /* Change the size */
  color: #a5d1c1; /* Change the color */
  cursor: pointer;
}

.fltr {
  float: right;
}

.fltr2 {
  float: right;
  padding-top: 17px;
}

.fltl {
  float: left;
}

.fltl2 {
  float:left;
  width: 330px;
  padding: 0;
  margin-right: 15px;
}

.fltl3 {
  float:right;
  width: 460px;
  padding: 0;
}

.fltl4 {
  float: left;
  padding: 11.5px 0 0 7px
}

.fltl4b {
  float: left;
  padding: 16px 0 0 7px
}

.fltl5 {
  float: left;
  font-size: 20px;
  padding: 15px 0 0 7px
}

.print-export-buttonsrpt {
  /*display: flex; Utilisez flex pour un alignement facile */
  /*justify-content: flex-end;  Alignez les boutons à droite */
  padding: 10px 0; /* Ajoutez un peu d'espace au-dessus des boutons */
  /*position: absolute;  Positionnement absolu par rapport au conteneur parent */
  /*top: -40;  Positionnez en haut du conteneur parent */
  right: 0; /* Positionnez à droite du conteneur parent */
  /*left: unset;  Réinitialisez la valeur right */
  background: transparent; /* Fond transparent pour les boutons */
}

.print-export-buttonsrpt button {
  background: none; /* Supprimez l'arrière-plan des boutons */
  border: none; /* Supprimez les bordures des boutons */
  cursor: pointer; /* Changez le curseur en pointeur */
  color: #63a6ee; /* Couleur par défaut de Bootstrap pour les liens */
  margin-left: -120px; /* Espacement entre les boutons */
  margin-right: 120px; /* Créez une marge à droite */
}

.print-export-buttonsrpt i {
  font-size: 15px; /* Réduisez la taille des icônes */
}

.btn01 {
  background-color: #6c6d6a;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 180px;
  height: 21px;
  border-radius: 3px;
}

.btn02 {
  background-color: #83824f;
  color: white;
  padding: 2px;
  margin-left: 20px;
  border: none;
  cursor: pointer;
  width: 180px;
  height: 21px;
  border-radius: 3px;
}

.btn03 {
  background-color: #6c6d6a;
  color: white;
  padding: 2px;
  margin-left: 20px;
  border: none;
  cursor: pointer;
  width: 180px;
  height: 21px;
  border-radius: 3px;
}

.btn04 {
  background-color: #83824f;
  color: white;
  padding: 2px;
  margin-left: 20px;
  border: none;
  cursor: pointer;
  width: 180px;
  height: 21px;
  border-radius: 3px;
}

.btn05 {
  background-color: #405a4c;
  color: white;
  padding: 2px;
  margin-left: 20px;
  border: none;
  cursor: pointer;
  width: 120px;
  height: 21px;
  border-radius: 3px;
}

.icrpt{
  border-collapse: collapse;
  border: solid 2px white;
}

/*Report*/
.th1 {
  border: 1px solid #ececec;
  background-color: #ffffff;
  text-align:center;
  padding: 10px;
}

.th2 {
  border: 1px solid #ececec;
  background-color: #ffffff;
  text-align:left;
  padding: 15px 0 15px 8px;
}


input,select,textarea {
  padding: 5px;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
}

.txtarea{
  padding: 5px;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  width: 580px;
}

input:focus {
	border-color: #ccc;
	box-shadow: none;
	outline: 0 none;
}

textarea:focus {
	border-color: #ccc;
	box-shadow: none;
	outline: 0 none;
}

select:focus {
	border-color: #ccc;
	box-shadow: none;
	outline: 0 none;
}

button:focus {
	border-color: #ccc;
	box-shadow: none;
	outline: 0 none;
}

.dbk{
  display : block;
  margin: 2px;
}

#dticrpt{
  display: none;
}

.modal-header{
  text-align: center;
}

.modal-title{
  font-size: 17px;
}

.title{
  font-size: 17px;
  font-weight: bold;
  margin: 10px 0 10px 13px;
}

.titlesub{
  font-size: 15px;
  font-weight: bold;
  color: rgba(8, 83, 83, 0.76);
}

.lblr {
  font-weight: bold;
  margin-right: 3px;
}

.dt4{
  margin-bottom: 5px;
}

.inputsz {
  width: 220px;
}

.inputsz2 {
  width: 141px;
}

.inputsz2b {
  width: 260px;
}

.inputsz2c {
  width: 70px;
  text-align: right;
}

.inputsz3 {
  width: 604px;
}

.inputsz3b {
  width: 516px;
}

.inputsz3c {
  width: 610px;
}

.inputsz3d {
  width: 530px;
}

.inputsz3e {
  width: 400px;
}

.inputsz3f {
  width: 539px;
}

.inputsz3g {
  width: 550px;
}

.inputsz3h {
  width: 620px;
}

.inputsz4 {
  width: 300px;
}

.inputsz5 {
  width: 265px;
}

.input3 {

  margin: 15px 0 0 0;
  text-align: right;

}

.inputd {
  margin-right: 20px;
}

.inputgj {
  width: 200px;
}

.inputcts {
  width: 200px;
  padding: 7px;
}


.input4 {
  text-align: right;
  background-color: #f1f1f1;
  width: 80px;
}

.input6 {
  text-align: right;
  background-color: #f1f1f1;
  width: 60px;
}

.inputme {
  text-align: right;
  width: 80px;
}


.inputgj4 {
  text-align: right;
  width: 80px;
}

.inputgj5 {
  text-align: right;
  width: 57px;
}

.inputctp {
  text-align: right;
  width: 60px;
}

.inputm4 {
  background-color: #f1f1f1;
  margin-left: 12px;
  width: 250px;
}

.inputsr {
  margin: 0;
  padding: 10px;
  width: 400px;
}

.inputic4 {
  background-color: #f1f1f1;
  width: 80px;
}

.inputint {
  width: 450px;
}

.inputint2 {
  width: 280px;
}

.input5 {
  text-align: right;
  background-color: #f1f1f1;
  width: 150px;
}

.inputfy {
  /*text-align: right;*/
  width: 40px;
}

.inputam {
  text-align: right;
  width: 70px;
}

.inputin {
  width: 400px;
}

.inputinc {
  width: 300px;
  background-color: #f1f1f1;
}

.inputinc2 {
  width: 377px;
  background-color: #f1f1f1;
}

.inputct4 {
  width: 250px;
  background-color: #f1f1f1;
}

.inputct44 {
  width: 250px;
}

.inputids {
  width: 280px;
}

.inputidsct {
  width: 200px;
  background-color: #f1f1f1;
}
	 
.inputdt {
  width: 350px;
}

.inputdt1 {
  width: 200px;
}

.inputdt1b {
  width: 250px;
  margin-left: 3px;
}

.inputdt1b2 {
  width: 280px;
  margin-left: 3px;
}

.inputdt1c {
  width: 250px;
}

.inputdt1c2 {
  width: 280px;
}

.input11 {
  width: 100px;
  margin-right: 10px;
  text-align: right;
}

.input12 {
  width: 100px;
  margin-right: 10px;
}


.inputdt12 {
  width: 324px;
}

.inputdt2 {
  width: 365px;
  background-color: #f1f1f1;
}

.inputdt3 {
  width: 610px;
}

.inputdt3b {
  width: 617px;
}

.inputdt3b2 {
  width: 664px;
}

.inputdt4 {
  width: 458px;
}

.inputckep {
  width: 100px;
  margin-right: 5px;
}

.inputoa {
  width: 150px;
}

.dtct44{
  margin-bottom: 5px;
}

.mmb {
	 
	display: none;
	 
}

.ablo {

  display : block;

} 

.pf {

  overflow: hidden;

}

.lgo {

  border: 2px solid #f1f1f1; 
  width: 5px;
	padding: 0 4px 2px 4px;
	margin: 0;  
	height: 5px;
	border-radius: 50px;
	text-align: center;

}

.tblg {
  position: absolute;
  width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  border: 2px solid #92710C;
	border-collapse: collapse;
}

.ifhd {

  border: none; 
	width: 100%;
	height: 45px;
	   
}

.iflt {
  display: block;
  border: none; 
	width: 100%;
	height: 100%;

}

.ifrt {

  border: none; 
	width: 100%;
	height: 100%;
}

.tabadd {

  width: 100%;
	font-size: 13px;
	border-collapse: collapse;
	   
}

.dateocrpt {
  margin-left: 3px; 
	border-style: hidden;      
}

.fielddy { 
	border-style: hidden; 
	margin-left: 2px     
}

.adm {
	margin : 15px 0 10px 15px;
	color: #646400;
}

.ope {

	margin : 20px 0 10px 15px;
	color: #646400;
   
}

.sg {
  border: 2px solid #ffffff;
	padding: 5px;
  border-radius: 50px;

}

.ocfont {

	font-weight: bold;
   
}

.imgset {
  width: 25px;
	height: 25px;
  border-radius: 50%;
  margin-right: 5px;
	margin-bottom: 6px;
	  
}

.dropbtn {
  font-size: 13px;
  display: inline-block;
  color: black;
  text-decoration: none;
  text-align: center;
}

.dropdown {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  /*border-bottom-style: solid;*/
  border-width: 1px;
  border-color: #92710C;
  float: right; 
}

.dropdown-content {
  display: none;
  font-size: 13px;
  position: fixed;
  right: 0;
  background-color: #f9f9f9;
  min-width: 100px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
  text-align: right;
  margin-top: 30px;
}

.dropdown-content a{
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;

  /* border-top: 0 solid #678b3f;THEME CHANGE HERE*/
  border-bottom: 1px solid #678b3f; 
}

.dropdown-content a:hover{
  background-color: #555;
}

.dropdown:hover .dropdown-content{
  display: block;
}

.dropdown-content1 {
  display: none;
  font-size: 13px;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content1 a{
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;

  /* border-top: 0 solid #678b3f;THEME CHANGE HERE*/
  border-bottom: 1px solid #678b3f; 
}

.dropdown-content1 a:hover{
  background-color: #555;
}

.dropdown:hover .dropdown-content1{
  display: block;
}

/* Drpdown*/
.dropdown-menu, .dropdown-menu2, .dropdown-menuelb, .dropdown-menupec {
	display: none;
}

.dropdown-menu, .dropdown-menu2, .dropdown-menuelb, .dropdown-menupec {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
  font-size: 13px;
  width: 90px;
  height: 51px;
	box-shadow: inherit;
	background-color: #fff;
  position:absolute;
  z-index: 3;
  margin-top: 7px;
  right: 0;
}

.pos {
 position: relative;
}

.div1 .spc6{
  padding: 5px 0 3px 5px;
  display: block;
}

div.dropdown-menu .div1 a:hover{
  background: #f7f7f7;
}

div.dropdown-menu2 .div1 a:hover{
  background: #f7f7f7;
}

div.dropdown-menuelb .div1 a:hover{
  background: #f7f7f7;
}

div.dropdown-menupec .div1 a:hover{
  background: #f7f7f7;
}

textarea {
  resize: none;
}

.header {
  background-color: #2a5eec;
  font-size: 24px;
  color: #ffffff;
  padding: 8px;
	/*box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.19);*/
  margin-bottom: 3%;     
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.footer2 {
  width: 100%;
  padding: 10px;
  background-color: #2a5eec;
}

.footera {
  float: left;
  width: 12%;
  padding-top: 17px;
  background-color: #ee828d;
}

.footerb {
  float: left;
  width: 33%;
  padding-top: 17px;
  background-color: #c2e189;
}

.footerc {
  float: left;
  width: 45%;
  padding-top: 17px;
  background-color: #914a22;
}

.footerd {
  float: left;
  width: 10%;
  padding-top: 17px;
  background-color: #ffd257;
}

.headeri {
         		 
  font-size: 24px;
  color: #ffffff;
  padding: 5px;
         
}

.headerline {
    
  background-color: #b49204;
  padding: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 
         
}

.header3 {

  background-color: #F8FCF8;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  padding: 8px 0 8px 30px;
  margin: 0;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.19);
  
}

.headerocprt {

  font-size: 18px;
  font-weight: bold;
  color: #000000;
  padding: 8px 0 8px 0;
  margin: 0;
         
}

.hgicprt {

  font-size: 20px;
  font-weight: bold;
  color: #000000;
  padding: 8px 0 8px 0;
  margin-left: 7px;
  
}
		 
.headerfy {

  float : right;
	margin : 0 30px 0 0;

}

div.headerpfe {
        
  font-size: 13px;
  color: #000000;
	margin: 30px 0 5px 30px;
	width: 780px;

}

p.fe {
        
	font-weight: bold;
  font-size: 13px;
  color: #000000;
	margin: 25px 0 5px 0;

}

p.fe1 {
        
	font-weight: bold;
  font-size: 13px;
  color: #000000;
	margin: 0;

}

p.fe2 {    
	font-weight: bold;
  font-size: 13px;
  color: #000000;
	margin-bottom: 10px;
}
	 
div.fe {  	
  font-size: 13px;
  color: #000000;
	margin: 25px 0 5px 0;
}
	 
p.fep {    
	font-weight: bold;
  font-size: 13px;
  color: #000000;
	margin: 10px 0 5px 0;
}

div.fe0 {
  font-weight: bold;
  font-size: 13px;
  color: #000000;
	margin: 0 0 5px 0;;
}
  
div.fe {
  font-size: 13px;
  color: #000000;
	margin: 0 0 10px 10px;
}
	
div.feoc {
  font-size: 13px;
  color: #000000;
	margin: 20px 0 3px 0;
	font-weight: bold;
}
	
div.feocpl {
  font-size: 13px;
  color: #000000;
	margin: 3px 0 3px 0;
	font-weight: bold;
}

div.feocpl2 {
  font-size: 13px;
  color: #000000;
	margin: 20px 0 3px 0;
	font-weight: bold;
}

div.feii {
	margin: 10px 0 10px 15px;
}
		 
div.submitfe {           		   
	margin: 50px 0 15px 210px;
}
		
		 
.submitfisc {           
	text-align: center;
	padding: 16px;
}
	
.submitau {          
	margin: 10px 0 15px 202px;
}
		 
.submitu {          
	margin-top: 15px;
  padding-top: 3px;
	text-align: center;
}

.submitub {         
	margin: 20px 0 20px 0;
	text-align: center;
}

.submituc {          
	margin-top: 9px;
  padding-top: 3px;
	text-align: center;
}

.submituc2 {         
	margin: 20px 0 15px 0;
	text-align: center;
}


.submitrpt {          
	text-align: center;
}

.submitu2 {            
	margin-top: 10px;
	text-align: center;
}

.submitu1 {            
	margin: 15px 0 15px 0;
	text-align: center;
}
		 
.submitcust {          
	margin: 30px 0 15px 0;
	text-align: center;
}

.dat1{
  float : right;
  margin: 0 1px 3px 0;
}
	
#tablefe {
  width: 100%;
	height: 200px;
	overflow: scroll;
  margin: 10px 0 10px 0;
}

#tablefe2 {
  width: 100%;
	height: 200px;
	overflow: scroll;
  margin: 10px 0 10px 0;
}

#tableer {
  width: 100%;
	height: 300px;
	/*overflow: scroll;*/
  margin: 10px 0 5px 0;
  border-bottom: 1px solid #d4d0d0;
}

#tableer2 {
  width: 100%;
	height: 220px;
	/*overflow: scroll;*/
  margin: 10px 0 5px 0;
  border-bottom: 1px solid #d4d0d0;
}

#tableer3 {
  width: 100%;
	height: 220px;
	overflow: scroll;
  margin: 10px 0 5px 0;
  border-bottom: 1px solid #d4d0d0;
}

#tablebr {
  width: 100%;
	height: 340px;
	/*overflow: scroll;*/
  margin: 10px 0 5px 0;
  border-bottom: 1px solid #d4d0d0;
}

#tablebr2 {
  width: 100%;
	height: 340px;
	/*overflow: scroll;*/
  margin: 5px 0 5px 0;
  border-bottom: 1px solid #d4d0d0;
}

#tableer5 {
  width: 100%;
	height: 220px;
	overflow:hidden;
  margin: 10px 0 5px 0;
}



#tableferpt {
  width: 804px;
	height: 100%;
  margin: 0 0 10px 0;
}
		  
#tablefeoc {
  /*width: 100%;*/
	height: 195px;
	overflow: auto;
}
		  
#tablefeocprt {
  width: 100%;
	height: 250px;
}
		  
#tablefep {
  width: 754px;
	height: 200px;
	overflow: scroll;
}
		  
#tablefisc {
  width: 420px;
	height: 200px;
	overflow: scroll;
}
		  
th {
  position: sticky;
	top: 0;
}
	
table.utab {
   font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  /*border: 1px solid black;*/
  border-collapse: collapse;
  padding: 2px;
  border-spacing: 0px;
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
	overflow: scroll;
} 

table.utabrpt {
  /*border: 1px solid black;*/
  border-collapse: collapse;
  padding: 2px;
  border-spacing: 0px;
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
}

table.utabh {
  background-color: #ffffff;
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
} 

table.utab1 {
  border: 0px;
  padding: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-spacing: 0px;
  font-size: 13px;
  color: #000000;
  width: 100%;
} 

table.utab2 {
  border: 0px;
  padding: 2px;
  margin-top: -4px;
  border-spacing: 0px;
  font-size: 13px;
  color: #000000;
  width: 100%;
} 

table.tabinc {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 755px;
}

table.tabinc2 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 1100px;
}

table.tabexp {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 1350px;
}

table.tabexp2 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
}

table.tabexp3 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 1550px;
}

table.tabexp4 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 940px;
}

table.tabexp5 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 1230px;
}

table.tabexp6 {
  border-collapse: collapse;
  font-size: 13px;
  color: #000000;
	/*border-color: #999999;*/
  border-top: 1px;
  border-bottom: 1px;
  border-left: 0;
  border-right: 0;
  width: 100%;
}

.tdl{
  white-space: nowrap;
  min-height: 25px;
  position: relative;
  width: 105px;
}

.long{
  overflow-x: hidden;
  width: 105px;
  display: inline-block;
}

.long:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 132px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.long7{
  overflow-x: hidden;
  width: 90px;
  display: inline-block;
}

.long7:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 119px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.long8{
  overflow-x: hidden;
  width: 30px;
  display: inline-block;
}

.long8:hover{
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0;
  width: 119px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.longin{
  overflow-x: hidden;
  width: 120px;
  display: inline-block;
}

.longin:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 120px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.longina{
  overflow-x: hidden;
  width: 96px;
  display: inline-block;
}

.longina:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 110px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.longinb{
  overflow-x: hidden;
  width: 170px;
  display: inline-block;
}

.longinb:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 170px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.longin1{
  overflow-x: hidden;
  width: 188px;
  display: inline-block;
}

.longin1:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 188px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.longin2{
  overflow-x: hidden;
  width: 255px;
  display: inline-block;
}

.longin2:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 255px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.longin3{
  overflow-x: hidden;
  width: 230px;
  display: inline-block;
}

.longin3:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 268px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.longin4{
  overflow-x: hidden;
  width: 185px;
  display: inline-block;
}

.longin4:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 185px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

.longin5{
  overflow-x: hidden;
  width: 220px;
  display: inline-block;
}

.longin5:hover{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 220px;
  padding: 6px 5px 7px 5px;
  white-space:normal;
  background-color: #f1f1f1;
  border: 1px solid #999999;
  overflow-x: visible;
}

table td.crossed::after
{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

table.tabct {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
}

table.tabct5 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 950px;
}

table.tabct4 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
}

table.tabctgj4 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
}

table.tabincrpt {
  border-collapse: collapse;
  font-size: 13px;
  color: #000000;
  border-color: #999999;
  width: 100%;
  
  border-left: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  border: 1px solid black;
  padding: 2px;
  border-spacing: 0px;	
}

table.tabincrpt2 {
  border-collapse: collapse;
  font-size: 14px;
  color: #000000;
  border-color: #999999;
  width: 100%;
  border-left: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  border: 1px solid black;
  padding: 2px;
  border-spacing: 0px;	
}

table.tabvrpt {
  border-collapse: collapse;
  font-size: 13px;
  color: #000000;
  border-color: #999999;
  width: 100%;
  border-left: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  border: 1px solid black;
  padding: 2px;
  border-spacing: 0px;	
}

table.fetab4 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 500px;
}

table.fetab1 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
}

table.fetab2 {
  font-size: 13px;
  color: #000000;
	border-color: #999999;
  width: 100%;
} 

table.tboc {

  font-size: 13px;
  color: #000000;
	width: 100%;

}
		  
table.tboc2 {

  font-size: 13px;
  color: #000000;
	width: 65%;

}
		  
table.fetaboc {

  font-size: 13px;
  color: #000000;
}
	
.divfeselectrt00 {
    
	margin-left: 250px;
		  
}	
	
.divfeselectrt0 {
    
	margin-left: 140px;
		  
}	
				
.divfeselectrt0a {
    
	margin-left: 371px;
		  
}	
				
.divfeselectrt01 {
    
	margin-left: 50px;
		  
}
			
.divfeselectrt01a {
    
	margin-left: 7px;
		  
}
				
.divfeselectrt01ac {
    
	margin-left: 388px;
		 
}
				
.divfeselectrt01am {
    
	margin-left: 388px;
		 
}
				
.divfeselectrt01ao {
    
	margin-left: 339px;
		 
}
				
.divfeselectrt01at {
    
	margin-left: 31px;
		 
}
				
				
.divfeselectrt02 {
    
	margin-left: 53px;
		  
}
				
.divfeselectrt02a {
    
	margin-left: 20px;
		  
}
	
.divfeselectrt1 {
    
	position: absolute;
	margin-left: 179px;
		  
}
			 
.divfeselectrt11 {
    
	position: absolute;
	margin-left: 300px;
		  
}
		
.divfeselectrt2 {
    
	position: absolute;
	margin-left: 150px;
		  
}
			 
.divfeselectrt22 {
    
	position: absolute;
	margin-left: 271px;
		  
}
			 
.divfeselectrt3 {
    
	position: absolute;
	margin-left: 229px;
		  
}
			 
.divfeselectrt33 {
    
	position: absolute;
	margin-left: 350px;
		  
}
			 
.divfeselectrt4 {
    
	position: absolute;
	margin-left: 260px;
		  
}
			 
.divfeselectrt44 {
    
	position: absolute;
	margin-left: 381px;
		  
}
			 
.divfeselectrt5 {
    
	position: absolute;
	margin-left: 225px;
		  
}
			 
.divfeselectrt55 {
    
	position: absolute;
	margin-left: 346px;
		  
}
			 
.divfeselectvf1 {
    
	position: absolute;
	margin-left: 228px;
		  
}
			 
.divfeselectvf11 {
    
	position: absolute;
	margin-left: 348px;
		  
}
		
.divfeselectvf2 {
    
	position: absolute;
	margin-left: 30px;
		  
}
			 
.divfeselectvf22 {
    
	position: absolute;
	margin-left: 150px;
		  
}
			 
.divfeselectvf3 {
    
	position: absolute;
	margin-left: 159px;
		  
}
			 
.divfeselectvf33 {
    
	position: absolute;
	margin-left: 279px;
		  
}

.pabs {

  position: absolute;
	margin-left: 5px;
  color:#FF0000;

}

.divfeselectii {
    
	position: absolute;
	margin-left: 15px;
}

.divfeselectii1 {
    
	position: absolute;
	margin-left: 100px;
}


.formaccuser {
  border: 3px solid #f1f1f1; 
  width: 480px;
	padding: 10px 10px 10px 10px;
	margin: 30px 0 50px 30px;  
}

.formaccp {
  border: 3px solid #f1f1f1; 
  width: 520px;
	padding: 10px 10px 10px 10px;
	margin: 30px 0 50px 30px;  
}

.formcust {
  border: 3px solid #f1f1f1; 
  width: 470px;
	padding: 10px;
	margin: 30px 0 50px 30px;  
	border-radius: 10px;
}

.msgpu {
      
	margin: 10px 0 0 30px;  
}


div.updatecust {
      
  border: 3px solid #f1f1f1; 
  width: 70%;
	padding: 10px;
	margin: 31px 0 50px 30px; 
	border-radius: 10px; 
	overflow: auto;
}

div.updatecustcs {  
  width: 100%;
	margin-top: 10px; 
	/*overflow: auto;*/
}

div.vlg {  
  width: 100%;
  padding-bottom: 27px;
	margin-top: 10px; 
	/*overflow: auto;*/
}

div.csfm {  
	margin-bottom: 45px; 
}

div.bst {
  border: 3px solid #f1f1f1; 
  width: 40%;
  padding: 10px;
  margin: 31px 0 50px 30px; 
  border-radius: 10px; 
  overflow: auto;
}

.top1 {
margin-top: 40px;
}

.pad1 {

  padding-bottom: 10px;

}

div.updatecust1 {
      
	border: 3px solid #f1f1f1; 
  width: 85%;
	padding: 10px;
	margin: 10px 0 50px 30px;
	border-radius: 10px;  
	overflow: auto;
}
	 
div.updatecust2 {
      
	border: 3px solid #f1f1f1; 
  width: 85%;
	padding: 10px;
	margin: 30px 0 50px 30px;
	border-radius: 10px;  
}
	 
	 


div.updateoc {
      
  border: 3px solid #f1f1f1; 
  width: 815px;
	padding: 10px 10px 10px 10px;
	margin: 5px 0 50px 30px;  
	height: 380px;
	overflow: scroll;
}



div.searchbc {
      
  border: 3px solid #f1f1f1; 
  width: 600px;
  padding: 10px 10px 10px 10px;
	margin: 30px 0 5px 30px;  
}

div.searchbcdy {
      
  border: 3px solid #f1f1f1; 
  width: 660px;
	padding: 10px 10px 10px 10px;
	margin: 30px 0 5px 30px;  
}


.formfe1 {
	margin: 30px 0 3px 30px;
	width: 550px;
	text-align: right; 
}

.formfe33 {
	margin: 30px 0 3px 30px;
	width: 850px;
	text-align: right; 
}

.formfe44 {
	margin: 30px 0 3px 30px;
	width: 770px;
	text-align: right; 
}

.formfe2 {
  border: 5px solid #f1f1f1; 
  width: 550px;
	padding: 10px;
	margin: 0 0 30px 30px;  
	border-radius: 10px;
}

.formfe3 {
  border: 5px solid #f1f1f1; 
  width: 850px;
  padding: 10px;
	margin: 0 0 30px 30px;  
	border-radius: 10px;
}

.formfe4 {
  border: 5px solid #f1f1f1; 
  width: 770px;
	padding: 10px;
	margin: 0 0 30px 30px;  
	border-radius: 10px;
}

.formfe {
  border: 3px solid #f1f1f1; 
  width: 850px;
	padding: 10px 10px 10px 10px;
	margin: 30px 0 50px 30px;  
	border-radius: 10px;
}

.formoc {
  border: 3px solid #f1f1f1; 
  width: 850px;
	padding: 10px;
	margin: 30px 0 50px 30px;  
	border-radius: 10px;
}

.formocprt {
  border: 3px solid #f1f1f1; 
  width: 830px;
	height: 940px;
	padding: 10px;
	margin: 10px 0 20px 0;  
}

.formicprt {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 830px;
  height: 900px;
  padding: 10px;
  margin: 15px auto; 
}

.formicprt1 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 830px;
  height: 100%;
  padding: 10px;
  margin: 15px auto; 
}

.formicprt2 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 830px;
  height: 100%;
  padding: 10px;
  margin: 15px auto; 
}

.formicprt3 {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 830px;
  height: 100%;
  padding: 10px;
  margin: 100px auto; 
}

.formicprtso {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 1200px;
  height: 100%;
  padding: 10px;
  margin: 15px auto; 
}

.formvrt {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 830px;
  height: 1000px;
  padding: 10px;
  margin: 15px auto 60px auto; 
}

.formfep {
  border: 3px solid #f1f1f1; 
  width: 780px;
	padding: 0 10px 10px 10px;
	margin: 30px 0 50px 30px; 
	border-radius: 10px; 
}

.formfisc {
  border: 3px solid #f1f1f1; 
  width: 446px;
	padding: 10px;
	margin: 30px 0 50px 30px;  
	border-radius: 10px;
}

.imgcenter {

  display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 20px;
  width: 50%;
	height: 100%;

}
	 
.imgcenter1 {

  display: block;
  width: 90px;
	height: 48px;
         
}

.imgcmp {

  display: block;
  width: 134px;
  height: 51px;
      
}

.imgcmp1 {

  display: block;
  width: 134px;
  height: 51px;
  float: left;
}

.imgcmp2 {

  display: block;
  width: 40px;
  height: 40px;
  float: right;
}

.capt{
  font-size: 17px;
  margin-bottom: 3px;
}
	
	 
.logcenter {
      
	margin-top: 15%;
	margin-bottom: 10px;
  text-align: center; 
	font-size: 20px;
			  
} 


.admin2 {
  left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1002;
  background-color: #2a5eec;
  font-size: 20px;
	/*font-weight: bold;*/
  color: #ffffff;
  padding: 10px 10px 10px 5px;
  width: 100%;
  height: 70px;
	/*box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.19);*/
}

.admin2w {
  float: right;
  font-size: 15px;
  padding: 21px 10px 10px 5px;     
}

.admin2d {
    
	float: right;
  font-size: 15px;
	padding: 5px 10px 0px 10px;
}


.tbord {
        
	background-color: #FBFBFB;
  font-size: 20px;
  font-weight: bold;
  color: rgba(13, 114, 114, 0.76);
  padding: 8px 0 8px 10px;
  margin: 0;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.19);
         
}

.bspace {

  margin-bottom: 30px;
	padding-bottom: 30px;

}

.line {   
  background-color: rgba(23, 156, 156, 0.76);;
  padding: 1px 0 1px 10px;
	margin: 0 4px 0 4px;
}

.line3 {
    
  background-color: #4CAF50;
  padding: 2px;
	margin-top: 20px;
		 
}

.line4 {
    
  background-color: #f1f1f1;
  padding: 2px;
	margin-bottom: 20px;
		 
}

.line2 {
    
  background-color: #4CAF50;
  padding: 2px;
	margin-top: 20px;
		 
}

.line1 {
    
  background-color: #b49204;
  padding: 1px 0 1px 10px;
	margin-top: 25px;
}

.lineope {
    
  /**background-color: #b49204;**/
  background-color: #bdbbb6;
  padding: 0.5px;		 
	margin: 20px 0 20px 0;
  box-shadow: 0 0 4px 0 rgba(223, 221, 219, 0.87);
}

ul {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  background-color: #ffffff;
  height: 100%;
  overflow: auto;
  font-size: 16px;
  font-weight: bold;
 
}

li {
  /*border-bottom-style: solid;
  border-width: 1px;
  border-color: #ffffff;*/
  width: 95%;
}

li a {
  display: block;
  color: #000;
  padding: 8px 10px;
  text-decoration: none;
}

li a.active {
  background-color: #4CAF50;
  color: white;
}

li.lict a:hover:not(.active) {
  background-color: #555;
  color: white;
}

li.lict2 a:hover:not(.active) {
  background-color: #555;
  color: white;
}


span a {
  color: #ffffff;
  text-decoration: none;
}

span a.active {
  background-color: #4CAF50;
  color: white;
}

span a:hover:not(.active) {
  color: white;
	text-decoration: none;
}

a.loglink {
  color: blue;
	font-size: 20px;
  text-decoration: none;
}

a.loglink.active {
  background-color: #4CAF50;
  color: blue;
}

a.loglink:hover:not(.active) {
  color: blue;
	text-decoration: underline;
}

.formh {
  text-align: center;
  font-size: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.formhi {
  text-align: center;
  font-size: 20px;
  margin-top: 3%;
}

.formhi1 {
  text-align: center;
  font-size: 20px;
  margin-top: 1%;
}

.formhi2 {
  text-align: left;
}

.formhi3 {
  float: right;
}

.btnlg {
  font-size: 16px;
	/*font-weight: bold;*/
  padding: 8px;
	margin-top: 20px;
	border-radius: 5px;
  background-color: #163a9e;
}

.form-conn{
 color: #ffffff;
 text-align: center;
 padding: 10px;
 font-size: 17px;
}

.formloguph {
  text-align: center;
  font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px; 
	background-color:#4CAF50;
	color:#FFFFFF;
	padding: 5px;
}

.formhh {
  border: 3px solid #f1f1f1; 
  width: 300px;
  margin: auto;
  margin-top: 20px;
    
}

.formhh1 .form-area{
  position: relative;
  background: #2a5eec;
  width: 250px;
  overflow: hidden;
  /*box-shadow: 0 0 40px 0 #f0f0f0;*/
  border-radius: 12px;
  margin: auto 87%;
}

.formhh1 .form-area .form-content,
.formhh1 .form-area .form-input{
  position: relative;
  width: 50%;
  height: 100%;
  float: left;
  box-sizing: border-box;
}
.formhh1 .form-area .form-content{
  width: 100%;
  padding: 0 0 0 25px;
}
.formhh1 .form-area .form-content h2{
  color: #fff;
}
.formhh1 .form-area .form-content p{
  color: #fff;
}
.formhh1 .form-area .form-content ul{
  margin-top: 30px;
}
.formhh1 .form-area .form-content ul li{
  display: inline-block;
  margin-right: 6px;
}
.formhh1 .form-area .form-content a i{
  margin-right: 6px;
}

.formhh1 .form-area .form-input{
  width: 100%;
  background: #fff;
  padding: 10px 10px;
}
.formhh1 .form-area .form-input h2{
  margin-bottom: 20px;
  color: rgba(45,135,215);
}
.formhh1 .form-area .form-input input{
  position: relative;
  height: 60px;
  padding: 20px 0;
}
.formhh1 .form-area .form-input textarea{
  height: 120px;
  padding: 20px 0;
}
.formhh1 .form-area .form-input input,
.formhh1 .form-area .form-input textarea{
  width: 100%;
  box-sizing: border-box;
  outline: none;
  border: none;
  border-bottom: 2px solid #e1e1e1;
  color:#000;
}
.formhh1 .form-area .form-input form .form-group{
  position: relative;
}
.formhh1 .form-area .form-input form .form-group label{
  position: absolute;
  top: 20px;
  left: 0;
  pointer-events: none;
  /*font-size: 14px;*/
  color: #595959;
  margin-bottom: 0;
  transition: all .6s;
}
.formhh1 .form-area .form-input input:focus ~ label,
.formhh1 .form-area .form-input textarea:focus ~ label,
.formhh1 .form-area .form-input input:valid ~ label,
.formhh1 .form-area .form-input textarea:valid ~ label{
  top: -5px;
  left: 0;
  /*font-size: 14px;*/
  color: rgba(15, 43, 68);
  font-weight: normal;
}
.formhh1 .form-area .form-input input:focus,
.formhh1 .form-area .form-input textarea:focus,
.formhh1 .form-area .form-input input:valid,
.formhh1 .form-area .form-input textarea:valid{
  border-bottom: 2px solid rgba(45,135,215);
}
.formhh1 .form-area .form-text{
  margin-top: 10px;
}
.formhh1 .form-area .form-text span a{
  color: rgba(103,58,183);
}
.formhh1 .form-area .a2z-button{
  margin-top: 30px;
}
.formhh1 .form-area .a2z-button .a2z-btn{
  height: 50px;
  /*font-size: 17px;*/
  background: rgba(45,135,215);
  border: none;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  padding:0 30px;
}
.formhh1 .form-area .a2z-button .a2z-btn:hover{
  background: rgb(14, 67, 114);
}

.formlogup {
  border: 3px solid #f1f1f1; 
  width: 400px;
	padding: 10px;
  margin: auto;
  margin-top: 8%;
    
}

.inputi {
  width: 100%;
  font-size: 14px;
  padding: 6px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputi1 {
  width: 100%;
  padding: 6px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  /*text-transform: lowercase;*/
}

.feplan {

  margin: 5px 0 0 0;

}
		
.feplan {

  margin: 5px 0 0 0;

}
		
.feplan1 {

  margin: 6px 0 0 0;
	border: 1.5px solid #ccc;
	padding: 10px;

}
		
.feplanp {

  margin: 3px 0 30px 0;
	border: 1.5px solid #ccc;
	padding: 10px;

}
		
.fiscplan {

  margin: 3px 0 0 0;
	border: 1.5px solid #ccc;

}
		
.fiscplan1 {

  margin: 3px 0 10px 0;
	border: 1.5px solid #ccc;

}

.sep {
  margin-left: 60px;
}

.sep1 {
  margin-left: 20px;
}

.sep2 {
  margin-left: 30px;
}

.sep3 {
  margin-left: 100px;
}

.sep4 {
  margin-left: 41px;
}

p.plan {

  line-height: 0.5;

}
		
p.plan1 {

  margin-left: 10px;

}

.inputoc1 {
  padding: 2px;
	margin-left: 5px;
}
.inputoc2 {
  padding: 2px;
	margin-left: 46px;
}
.inputoc3 {
  padding: 2px;
	margin-left: 25px;
}
.inputoc4 {
  padding: 2px;
	margin-left: 29px;
}
.inputoc5 {
  padding: 2px;
	margin-left: 5px;
}

.inputfehp1 {
  padding: 2px;
	margin-left: 5px;
}

.inputfehp2 {
  padding: 2px;
	margin-left: 45px;
}

.inputfehp22 {
  padding: 2px;
	margin-left: 60px;
}

.inputfehp3 {
  padding: 2px;
	margin-left: 28px;
}

.inputfehp33 {
  padding: 2px;
	margin-left: 12px;
}
.inputfe0 {
  padding: 2px;
	margin-left: 102px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe1 {
  padding: 2px;
	margin-left: 100px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfisc {
  padding: 2px;
	margin-left: 10px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe2 {
  padding: 2px;
	margin-left: 14px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe3 {
  padding: 2px;
	margin-left: 100px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe4 {
  padding: 2px;
	margin-left: 87px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe5 {
  padding: 2px;
	margin-left: 28px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe6 {
  padding: 2px;
	margin-left: 81px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe7 {
  padding: 2px;
	margin-left: 46px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe8 {
  padding: 2px;
	margin-left: 98px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe9 {
  padding: 2px;
	margin-left: 64px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputfe10 {
  padding: 2px;
	margin-left: 118px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu1 {
  padding: 2px;
	margin-left: 23px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu2 {
  padding: 2px;
	margin-left: 49px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu3 {
  padding: 2px;
	margin-left: 48px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu4 {
  padding: 2px;
  margin-left: 97px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu5 {
  padding: 2px;
	margin-left: 103px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu6 {
  padding: 2px;
	margin-left: 86px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu7 {
  padding: 2px;
	margin-left: 101px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu8 {
  padding: 2px;
	margin-left: 53px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputu9 {
  padding: 2px;
	margin-left: 60px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputp1 {
  padding: 2px;
	margin-left: 49px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputp2 {
  padding: 2px;
	margin-left: 76px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.inputp3 {
  padding: 2px;
	margin-left: 74px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
		   
}

.inputp4 {
  padding: 2px;
  margin-left: 49px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
		   
}

.inputp5 {
  padding: 2px;
	margin-left: 109px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
		   
}

.inputp6 {
  padding: 2px;
	margin-left: 129px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
		   
}

.inputp7 {
  padding: 2px;
	margin-left: 93px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
		   
}

.inputp8 {
  padding: 2px;
	margin-left: 117px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
		   
}

.inputp9 {
  padding: 2px;
	margin-left: 106px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 10px;
		   
}

.inputp10 {
  padding: 2px;
  margin-left: 111px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
		   
}

.inputp11 {
  padding: 2px;
	margin-left: 93px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border: 1px solid #ccc;
		   
}

.inputp12 {
  padding: 2px;
	margin-left: 117px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
	margin-bottom: 10px;
		   
}

.inputcust1 {
  padding: 2px;
	margin-left: 30px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
	margin-bottom: 5px;
	background-color: #F9F9F2;
		   
}

.inputcust2 {
  padding: 2px;
	margin-left: 32px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
	margin-bottom: 5px;
		   
}

.inputcust3 {
  padding: 2px;
	margin-left: 58px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 5px;
		   
}
.inputcust4 {
  padding: 2px;
	margin-left: 76px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
	margin-bottom: 5px;
		   
}

.inputcust5 {
  padding: 2px;
	margin-left: 57px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
	margin-bottom: 5px;
		   
}

.inputcust6 {
  padding: 2px;
	margin-left: 41px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
	margin-bottom: 5px;
		   
}

.inputcust7 {
  padding: 2px;
	margin-left: 65px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
	margin-bottom: 5px;
		   
}

.hrp {
  border-top: 2px solid #94773e;
}

button {
  background-color: #21568b;
  color: white;
  padding: 14px 20px;
  /*margin: 8px 0;*/
  border: none;
  cursor: pointer;
  width: 100%;  
  
}

button:hover {
  opacity: 0.8;
}

button.btnf1 {
  background-color: #4CAF50;
  color: white;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 5px;
  margin: 0 0 0 30px;
  border: none;
  cursor: pointer;
  width: 100px;
}

button.btnsup {
  background-color: #4CAF50;
  color: white;
  padding: 5px 5px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100px;
}

button.btn1 {
  background-color: #4CAF50;
  color: white;
  padding: 5px;
  margin: 9px 0 7px 0;
  border: none;
  cursor: pointer;
  width: 110px;
  border-radius: 3px;
}

button.btn12 {
  background-color: #ad4b4b;
  color: white;
  padding: 5px;
  margin: 9px 0 7px 0;
  border: none;
  cursor: pointer;
  width: 110px;
  border-radius: 3px;
}

button.btn1b {
    background-color: #94773e;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

button.btn1c {
  background-color: #798155;
  color: white;
  padding: 5px;
  /*margin: 5px 0 5px 0;*/
  border: none;
  cursor: pointer;
  width: 80px;
  border-radius: 3px;
}

button.btn1d {
  background-color: #94773e;
  color: white;
  padding: 5px;
  /*margin: 5px 0 5px 0;*/
  border: none;
  cursor: pointer;
  width: 140px;
  border-radius: 3px;
}

button.btn1e {
  background-color: #748847;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

button.btn1f {
  background-color: #748847;
  color: white;
  padding: 3px;
  border: none;
  cursor: pointer;
  width: 70px;
  border-radius: 3px;
}

button.btn1f2 {
  background-color: #748847;
  color: white;
  padding: 3px;
  border: none;
  cursor: pointer;
  width: 130px;
  border-radius: 3px;
}

button.btn1g {
  background-color: #4CAF50;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

.spcbtn {
  margin-bottom: 20px;
}

.sep5 {
  margin-left: 16px;
}

button.btn11 {
  background-color: #4CAF50;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 65px;
  border-radius: 3px;
}

button.btn11b {
  background-color: #817773;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 75px;
  border-radius: 3px;
}

button.btn11c {
  background-color: #4CAF50;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  height: 25px;
  width: 70px;
  border-radius: 3px;
}

button.btn11d {
  background-color: #4CAF50;
  color: white;
  padding: 2px;
  border: none;
  cursor: pointer;
  width: 130px;
  height: 27px;
  border-radius: 3px;
}

button.btnop {
  background-color: #b67327;
  margin-right: 5px;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 75px;
  border-radius: 3px;
}

button.btnopdl {
  background-color: #b67327;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 80px;
  border-radius: 3px;
}

button.btnfel {
  background-color: #b67327;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 145px;
  border-radius: 3px;
}

button.btna {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 230px;
  border-radius: 3px;
}

button.btnic {
  background-color: #4CAF50;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 120px;
  border-radius: 3px;
}

button.btnic2 {
  background-color: #4CAF50;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 150px;
  border-radius: 3px;
}

button.btnup1 {
  background-color: #94773e;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 100px;
  height: 32px;
  border-radius: 3px;
}

button.btn2 {
  background-color: #4CAF50;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

button.btn2b {
  background-color: #74977a;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

button.btner2 {
  background-color: #4CAF50;
  color: white;
  padding: 7px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

button.btner3 {
  background-color: #3372ad;
  padding: 7px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
  margin-left: 15px;
}

button.btnme {
  background-color: #3372ad;
  padding: 7px;
  border: none;
  cursor: pointer;
  width: 110px;
  border-radius: 3px;
  margin-left: 15px;
}

button.btn3 {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

button.btn3b {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 130px;
  border-radius: 3px;
}

button.btn5 {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 220px;
  border-radius: 3px;
}

button.btn5u {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 120px;
  border-radius: 3px;
}

button.btn5ub {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 155px;
  border-radius: 3px;
}

button.btn5u2 {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 140px;
  border-radius: 3px;
}

button.btn6 {
  background-color: #92ad33;
  color: white;
  padding: 5px;
  margin-right: 15px;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 3px;
}

button.btn3bs {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 160px;
  border-radius: 3px;
}

button.btn4 {
  background-color: #3372ad;
  color: white;
  padding: 5px;
  border: none;
  cursor: pointer;
  width: 175px;
  border-radius: 3px;
}

button.btn7 {
  background-color: #92ad33;
  color: #ffffff;
  margin-top: 20px;
  margin-right: 2px;
  padding: 0 5px 0 5px;
  /*border: 0.3px solid #606677;*/
  cursor: pointer;
  width: 17px;
  height: 17px;
  border-radius: 10px;
}


button.btnsup:hover {
  opacity: 0.8;
}

button.btnoc {
  background-color: #4CAF50;
  margin-top: 20px;
  color: white;
  padding: 5px 5px;
  margin: 8px 100px 15px 0;
  border: none;
  cursor: pointer;
  width: 100px;
  border-radius: 25px;
}

button.btnoc:hover {
  opacity: 0.8;
}

button.btnocprt {
  background-color: #4CAF50;
  color: white;
  padding: 2px;
  float: right;
  border: none;
  cursor: pointer;
  width: 50px;
}

button.btnocprt2 {
  background-color: #806707;
  color: white;
  padding: 2px;
  margin-right: 5px;
  float: right;
  border: none;
  cursor: pointer;
  width: 100px;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

.container {
  padding: 16px;
}

.containerh {
  padding: 0 200px 0 200px;
  margin-top: 6%;
}

.container1 {
  padding: 16px;
  width: 300px;
  margin: auto;
  background-color: #f1f1f1;
}


.containerup {
  padding: 16px;
  width: 400px;
	margin: auto;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
    display: block;
    float: none;
     
  }
  

.cancelbtn {
    width: 100%;
  }
}


 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 
}

#msgerr {
  
  padding: 0 5px 5px 5px;
  text-align: center;

}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 330px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentpp {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 350px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-content2 {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 550px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentint {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 850px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-content3 {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 650px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentcae {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 800px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.contlaymcae {
  border-radius: 15px;
  border: 3px solid #f1f1f1; 
  box-shadow: 0 8px 20px 0 rgba(18, 63, 63, 0.76);
  width: 750px;
  padding: 10px;
  margin: 15px auto;  
}

.modal-contentcae2 {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 1200px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.contlaymcae2 {
  border-radius: 15px;
  border: 3px solid #f1f1f1; 
  box-shadow: 0 8px 20px 0 rgba(18, 63, 63, 0.76);
  width: 1150px;
  padding: 10px;
  margin: 15px auto;  
}

.containerprp {
  background-color:rgb(251, 253, 255);
  border-radius: 10px;
  padding: 20px;
  width: 1094px;
  /*width: 90%;
  max-width: 1200px;*/
  /*margin: 20px auto;*/
  margin: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.modal-content4 {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 850px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-content5 {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 650px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-content6 {
  background-color: #fefefe;
  margin: 7% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 550px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentef {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 950px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentso {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 1250px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentsu {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 450px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentinc {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 850px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.modal-contentsf {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 650px; /* Could be more or less, depending on screen size */
  border-radius: 10px;
}

.contlaysf {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 600px;
  padding: 5px 10px 10px 10px;
  margin: 15px auto; 
}


/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-right: 10px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.close1 {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-right: 10px;
}

.close1:hover,
.close1:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.btnlogup {

  width: 60px;
	margin-left: 250px;
	padding: 8px 14px;
	margin-bottom: 10px;

}

.btnlogup2 {
  width: 60px;
	padding: 8px 14px;
  margin-top: 10px;
	margin-bottom: 10px;
  background-color:#6c6d6a;
}

.msghd {
  width: 100%; 
  border-radius: 10px 10px 0 0;
  padding: 10px;
  background-color: #cecf71;
}

.msghd2 {
  margin: 10px;
  text-align: center;
}

.btnlogout {

  width: 80px;
	height: 25px;
	background-color: #4CAF50;
  color: white;
  margin: 10px 20px 20px 20px;
  border: none;
  cursor: pointer;
 
}

.btnengp {

  margin: 0 0 10px 220px

}

.btnsupp {
  margin: 0 0 10px 100px;
}

/* Style the label to display next to the inputs */
label.lbc {
  padding: 18px 12px 12px 0;
  display: inline-block;
}

label.lbct {
  padding: 14px 12px 12px 0;
  display: inline-block;
}

label.lbcb {
  font-weight: bold;
  padding: 18px 12px 12px 0;
  display: inline-block;
}

label.lbcd {
  padding: 10px 12px 12px 0;
  display: inline-block;
}

label.lbc7 {
  padding: 18px 2px 12px 0;
  display: inline-block;
  font-weight: bold;
}

label.lbc7b {
  padding: 12px 2px 12px 0;
  display: inline-block;
  font-weight: bold;
}

label.lbc7c {
  padding: 12px 2px 12px 0;
  display: inline-block;
  font-weight: bold;
}

label.lbc8 {
  /*padding: 18px 2px 12px 0;*/
  display: inline-block;
  font-weight: bold;
}

label.lbc81 {
  padding-top: 5px;
  display: inline-block;
  font-weight: bold;
}

label.lbc81b {
  padding-top: 10px;
  display: inline-block;
  font-weight: bold;
}

label.lbc82 {
  padding-top: 10px;
  display: inline-block;
  font-weight: bold;
}

label.lbc82b {
  padding-top: 4px;
  display: inline-block;
  font-weight: bold;
}

label.lbc82c {
  padding-top: 6px;
  display: inline-block;
  font-weight: bold;
}

label.lbc82d {
  padding-top: 10px;
  display: inline-block;
  font-weight: bold;
}

label.lbc82e {
  padding-top: 12px;
  display: inline-block;
  font-weight: bold;
}

label.lbc8b {
  padding: 18px 0 12px 0;
  display: inline-block;
  font-weight: bold;
}

label.lbc8c {
  padding: 6px 0 0 1px;
  display: inline-block;
}

label.lbc9 {
  padding: 12px 2px 12px 0;
  display: inline-block;
  font-weight: bold;
}

label.lbc9b {
  padding: 9px 2px 12px 0;
  display: inline-block;
  font-weight: bold;
}



label.lbcae3 {
  padding: 18px 12px 12px 0;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

label.lbcae {
  padding: 18px 12px 12px 0;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

label.lbcae1 {
  padding: 5px 12px 12px 0;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

label.lbcae2 {
  float: right;
  padding: 5px 0 0 0;
  /*display: inline-block;*/
  margin-right: 5px;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

label.lbcae3 {
  padding: 25px 12px 0 0;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

label.lbcae4 {
  padding: 34px 12px 12px 0;
  display: inline-block;
  font-weight: bold;
  color: rgba(14, 83, 83, 0.76);
}

.col-cae123 {
  float: left;
  width: 25%;
  padding-top: 25px;
  /*margin-top: 6px;*/
}

label.lbc0 {
  padding: 10px 12px 12px 0;
  display: inline-block;
}

label.lbc1 {
  padding: 13px 12px 12px 0;
  display: inline-block;
}

label.lbc2 {
  padding: 10px 12px 12px 0;
  display: inline-block;
}

label.lbc3 {
  padding: 20px 12px 12px 0;
  display: inline-block;
}

label.lbc5 {
  padding: 25px 12px 12px 0;
  display: inline-block;
}

span.lbc4 {
  padding: 45px 1px 1px 0;
}

label.lbc6 {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

.lb {
  padding: 0 5px 12px 0;
  float: right;
}

.lbl {
  padding: 0 6px 10px 0;
  display: inline-block;
}

.lbl2 {
  margin: 0 6px 10px 0;
  display: inline-block;
}

.contcustoc {
  border-radius: 10px;
  border: 3px solid #f1f1f1; 
  width: 45%;
  padding: 12px 0 0 10px;
  margin: 30px 0 0 30px;  
}

.inpfs1 {

  width: 3%;
  text-align: center;

}

.inpfs2 {

  width: 30%;

}

.inpejf1 {

  width: 100%;

}

.inpasc {

  width: 80%;

}

.inpkpf1 {

  width: 45%;
  text-align: center;

}

.inpkpf2 {

  width: 55%;

}

.inpejf1r {

  width: 100%;
  text-align: right;

}

.inpejf1c {

  width: 100%;
  text-align: center;

}

.inpejf2 {

  width: 15%;

}

.inpejf3 {

  width: 35%;

}

.inpejf33 {

  width: 40%;

}

.inpejf4 {

  width: 30%;

}

.inpejf5 {

  width: 6%;

}

.inpejf6 {

  width: 18%;

}

.rctr{
  text-align: center;
}

.rctrrg{
  text-align: center;
  color: #FF0000;
  font-weight: bold;
  font-size: 14px;
}

.rctrg{
  text-align: center;
  color:green;
  font-weight: bold;
  font-size: 14px;
}

.rrgt{
  text-align: right;
}

.rctrb{
  text-align: center;
  font-weight: bold;
}

.rpad{
  padding: 10px;
}

.rwdt{
  width: 7%;
}

.rwdt2{
  width: 15%;
}

.rwdt3{
  width: 80%;
}

.rwdt4{
  width: 10%;
}

.spc1{
  display: inline-block;
  padding: 4px;
}

.spc1{
     margin-right: 50px;
}

.spc2{
  margin-right: 10px;
}

.spc3{
  margin-top: 5px;
}

.spc3b{
  padding-top: 5px;
  padding-bottom: 7px;
}

.spc4{
  margin-top: 10px;
  margin-bottom: 2px;
}

.spc4b{
  margin-top: 10px;
  margin-bottom: 2px;
  float: left;
}

.spc6{
  text-align: left;
}

.spc7{
  margin-right: 5px;
}

.spc8{
  margin-bottom: 20px;
}

.spc9{
  margin-bottom: 7px;
}

.spc9b{
  margin-top: 15px;
  margin-bottom: 10px;
}

.spc9c{
  margin-top: 10px;
  margin-bottom: 10px;
}

.spc10{
  margin-top: 4px;
}

.spc11{
  margin-bottom: 10px;
}

.spc12{
  margin-right: 68px;
}

.spc15{
  margin-bottom: 10px;
}

.spc16{
  margin-top: 20px;
}

.spc-enc {
  margin-left: 27px;
  margin-right: 7px;
}

.spc-enc2 {
  float: left;
  margin-top: 5px;
  margin-left: 4px;
}

.spc-enc3 {
  float: left;
  margin-top: 12px;
  margin-left: 4px;
}

.hidden {
  display: none;
}

.show {
  display: block;
}

.inpcust {
  width: 260px;
}

.inpcae1 {
  width: 50%;
}

.inpop {

  width: 235px;
  margin-right: 5px;
  background-color: #f2f2f2;

}

.inplp {

  width: 30%;
  text-align: right;

}

.inpcustint {

  width: 98%;

}

.inpcustch {

  width: 95%;
  background-color: #f1f1f1;

}

.inpcustit {

  width: 95%;
  background-color: #f1f1f1;
}

.inpupd {

  width: 95%;
  background-color: #F8F8F8;
  border: none;
  padding: 3px;

}

.inpupd2 {

  width: 80px;
  text-align: right;
  background-color: #F8F8F8;
  border: none;
  padding: 3px;
  font-weight: bold;

}

.inpcust1 {

  width: 55%;
  border: none;
  padding: 3px;
  background-color: #f1f1f1;
  font-weight: bold;

}

.inpcust11 {

  width: 140px;
  border: none;
  padding: 3px;
  background-color: #f1f1f1;
  font-weight: bold;

}

.inpcust2 {

  width: 35%;

}

.inpcust3 {

  margin: 20px;

}

.col-2 {
  margin-left: 10px;
}

.col-3 {
  margin-left: 49px;
}

.col-22 {
  margin-left: 20px;
	background-color: #FBFBFB;
}

.col-20 {
  margin-left: 20px;
}

.col-89 {
  margin-left: 89px;
	background-color: #FBFBFB;
}

.col-70 {
  margin-left: 71px;
	background-color: #FBFBFB;
}

.col-60 {
  margin-left: 61px;
	background-color: #FBFBFB;
}

/* Floating column for labels: 20% width */
.col-15vr {
  float: left;
  width: 15%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 80% width */
.col-65vr {
  float: left;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}
	 
/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 20%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 80%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 25% width */
.col-23 {
  float: left;
  width: 25%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 75% width */
.col-73 {
  float: left;
  width: 75%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

.col-731 {
  float: left;
  width: 75%;
  padding: 18px 0 0 0;
  /*margin-top: 6px;*/
}

.col-730 {
  float: left;
  width: 75%;
  padding: 10px 0 0 0;
  /*margin-top: 6px;*/
}

.col-7311 {
  float: left;
  width: 15%;
  padding: 18px 0 0 0;
  /*margin-top: 6px;*/
}

.col-7312 {
  float: right;
}

.col-733 {
  float: left;
  width: 75%;
  padding: 17px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 15% width */
.col-15 {
  float: left;
  width: 15%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 85% width */
.col-85 {
  float: left;
  width: 85%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

.col-851 {
  float: left;
  width: 100%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 20% width */
.col-25ic {
  float: left;
  width: 20%;
  /*margin-top: 6px;*/
}

.col-25vc {
  float: left;
  width: 20%;
  margin-top: 7px;
}

/* Floating column for inputs: 80% width */
.col-75ic {
  float: left;
  width: 80%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

.col-75icv {
  float: left;
  width: 80%;
  /*padding: 12px 0 0 0;
  margin-top: 6px;*/
}

/* Floating column for labels: 20% width */
.col-25ic2 {
  float: left;
  width: 13%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 80% width */
.col-75ic2 {
  float: left;
  width: 87%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 20% width */
.col-25ic2c {
  float: left;
  width: 22%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 80% width */
.col-75ic2c {
  float: left;
  width: 78%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

.col-25ic2b {
  float: left;
  width: 22%;
  /*margin-top: 6px;*/
  padding-left: 41px;
}

.col-75ic2b {
  float: left;
  width: 78%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

.col-25ic2b2 {
  float: left;
  width: 22%;
  /*margin-top: 6px;*/
  padding-left: 114px;
}

.col-25ic2b3 {
  float: left;
  width: 22%;
  /*margin-top: 6px;*/
  padding-left: 55px;
}

.col-25ic2b33 {
  float: left;
  width: 12%;
  /*margin-top: 6px;*/
  padding-left: 55px;
}

.col-25ic2b3b {
  float: left;
  width: 17.6%;
  /*margin-top: 6px;*/
  padding-left: 55px;
}

/* Floating column for labels: 20% width */
.col-25ic2d {
  float: left;
  width: 19%;
  margin-left: 12px;
  margin-top: 9px
}

/* Floating column for inputs: 80% width */
.col-75ic2d {
  float: left;
  width: 27%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 20% width */
.col-25ic2e {
  float: left;
  width: 28%;
  margin-left: 12px;
  margin-top: 9px
}

/* Floating column for inputs: 80% width */
.col-75ic2e {
  float: left;
  width: 18%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

/**/
.col-25b {
  float: left;
  width: 14%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 80% width */
.col-75b {
  float: left;
  width: 39%;
  padding: 12px 0 0 0;
  margin-right: 20px;
}

.col-75b1 {
  float: left;
  width: 185px;
  padding: 12px 0 0 0;
}

/**/
.col-25b2 {
  float: left;
  width: 12%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 80% width */
.col-75b2 {
  float: left;
  width: 28%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

.col-25b2b {
  float: left;
  width: 20%;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 20% width */
.col-25ic3 {
  float: left;
  width: 29%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 80% width */
.col-75ic3 {
  float: left;
  width: 71%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}


/* Floating column for labels: 20% width */
.col-25ic4 {
  float: left;
  width: 27%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 80% width */
.col-75ic4 {
  float: left;
  width: 73%;
  padding: 8px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 20% width */
.col-25ic5 {
  float: left;
  width: 30%;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 80% width */
.col-75ic5 {
  float: left;
  width: 70%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

.col-25icb4 {
  float: left;
  width: 22%;
  padding-top: 20px;
  /*margin-top: 6px;*/
}

.col-25icf {
  float: left;
  width: 13%;
  /*margin-top: 6px;*/
}

.col-75icf {
  float: left;
  width: 37%;
  padding: 12px 0 0 0;
  /*margin-top: 6px;*/
}

.col-25icf2 {
  float: left;
  width: 7%;
  /*margin-top: 6px;*/
}

.col-75icf2 {
  float: left;
  width: 30%;
  padding: 12px 4px 0 0;
  /*margin-top: 6px;*/
}

.col-25icf3 {
  float: left;
  width: 20%;
  /*margin-top: 6px;*/
}

.col-75icf3 {
  float: left;
  width: 10%;
  padding: 12px 4px 0 0;
  /*margin-top: 6px;*/
}

.col-25icb {
  float: left;
  width: 20%;
  padding-top: 20px;
  /*margin-top: 6px;*/
}

.col-25icb2 {
  float: left;
  width: 13%;
  padding-top: 20px;
  /*margin-top: 6px;*/
}


.col-25icbf {
  float: left;
  width: 13%;
  padding-top: 20px;
  /*margin-top: 6px;*/
}

.col-75icb {
  float: left;
  width: 80%;
  padding: 17px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 25% width */
.col-25oc {
  float: left;
  width: 20%;
  padding: 7px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 75% width */
.col-75oc {
  float: right;
  width: 80%;
  padding: 5px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 25% width */
.col-252 {
  float: left;
  width: 6%;
  padding: 5px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for inputs: 75% width */
.col-752 {
  float: right;
  width: 94%;
  padding: 5px 0 0 0;
  /*margin-top: 6px;*/
}

/* Floating column for labels: 20% width */
.col-ck {
  float: left;
  width: 27%;
  margin-top: 3px;
}

.col-ckb {
  float: left;
  width: 22.05%;
  margin-top: 3px;
}

/* Floating column for inputs: 80% width */
.col-ck2 {
  float: left;
  width: 73%;
  /*padding: 12px 0 0 0;
  margin-top: 6px;*/
}

.col-cka {
  float: left;
  width: 35%;
  margin-top: 3px;
}

.col-ck3 {
  float: left;
  width: 36%;
  margin-top: 3px;
}

.col-ck3b {
  float: left;
  width: 17.6%;
  margin-top: 3px;
}

.col-ck3c {
  float: left;
  width: 14.6%;
  margin-top: 3px;
}

/* Floating column for inputs: 80% width */
.col-ck4 {
  float: left;
  width: 64%;
  /*padding: 12px 0 0 0;
  margin-top: 6px;*/
}

/* Floating column for labels: 20% width */
.col-sup {
  float: left;
  width: 150px;
  margin-top: 3px;
  padding-top: 3px;
}

.col-supb {
  float: left;
  width: 20%;
  margin-top: 3px;
  padding-top: 3px;
}

.col-sup1 {
  float: left;
  width: 100px;
  margin-top: 3px;
  padding-top: 3px;
}


.col-sup2 {
  float: left;
  width: 200px;
  padding-bottom: 15px;
  /*margin-top: 3px;*/
}

.col-v {
  float: left;
  width: 22%;
  /*margin-top: 3px;*/
  padding-top: 11px;
}

.col-vb {
  float: left;
  width: 24%;
  /*margin-top: 3px;*/
  padding-top: 11px;
}

.col-v2 {
  float: left;
  width: 13.5%;
  /*margin-top: 3px;*/
  padding-top: 8px;
}

.col-v3 {
  float: left;
  width: 30%;
  /*margin-top: 3px;*/
}

.col-v4 {
  float: right;
  width: 22%;
  /*margin-top: 3px;*/
 padding-left: 12.7px;
}

.col-v5 {
  float: left;
  width: 5%;
  margin: 3px 0 15px 0;
  margin-left: 643px;
  padding-top: 2px;
}

.col-v52 {
  float: left;
  width: 10%;
  margin-top: 3px;
 padding-left: 12.7px;
}

.col-rg4 {
  margin-left: 15px;
  width: 15%;
}

.col-rg4b {
  margin-left: 25px;
  width: 15%;
}

.col-rg4c {
  margin-left: 12px;
  width: 15%;
}

.col-rg4d {
  margin-left: 35px;
  width: 5%;
}

.col-rg4e {
  margin-left: 38px;
  width: 5%;
}

.col-rg4f {
  /*float: left;*/
  margin-left: 2px;
  width: 30%;
}

.col-rg5 {
  float: right;
  margin-right: 38px;
  width: 30%;
}

.col-rg5b {
  /*float: right;*/
  margin-left: 16px;
  width: 30%;
}

.col-rg6 {
  margin-left: 12px;
  width: 18%;
}

.col-rg6b {
  float: right;
  margin-right: 18px;
  width: 24%;
}

.col-rg61 {
  margin-left: 60px;
  width: 18%;
}

.col-rg6c {
  float: right;
  margin-right: 4px;
  width: 24%;
}

.col-rg6d {
  float: right;
  margin-right: 18px;
  width: 15%;
}

.col-lbl {
  font-weight: bold;
  margin-right: 16px;
}

/* Floating column for inputs: 80% width */
.col-25lc {
  float: left;
  width: 254px;
  padding: 15px 0 10px 0;
 /* margin-top: 6px;*/
}

.col-75lc {
  float: left;
  width: 200px;
  padding: 32px 0 0 0;
  /*margin-top: 6px;*/
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  text-align: left;
  width: 100%;
  margin-top: 30px;
}

.flex-item-left {
  /*background-color: #f1f1f1;*/
  padding: 3px 0 3px 0;
  flex: 50%;
}

.flex-item-right {
  /*background-color: dodgerblue;*/
  padding: 3px 0 3px 0;
  flex: 50%;
}

.rgtoc {

  float: right;

}

.rgtoc1 {

  float: right;

}

.lftoc {

  float: left;

}

.inpoc {

  margin-left: 60px;
	float: right;

}

.inpoc1 {

  width: 95%;

}

.inpoc12 {

  width: 100%;

}

.inpoc2 {

  width: 85%;

}

.inpoc22 {

  width: 45%;

}

.inpoc22pl {

  width: 60%;

}

.inpoc23pl {

  width: 85%;

}

.inpoc24pl {

  width: 45%;

}

/* Style the form - display items horizontally */
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* Add some margins for each label */
.form-inline label {
  margin: 2px 10px 2px 0;
}


.lboc2 {

  padding-left: 10px;

}

.test-container {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
  background-color: #f9f9f9;
}

.test-container label {
  font-weight: normal;
}

@media print and (color){
  @page {

	  /*margin-top: 0;
		margin-bottom: 0;*/
    size: landscape;
    margin: 25px;  /* this affects the margin in the printer settings */
    /*border: 1px solid red;  /* set a border for all printed pages */
	 
	}

  #content26 {
    page-break-before: always;
  }

  #content2 {
    display: table;
  }

  #pageFooter {
    display: table-footer-group;
    float: right;
  }

  #pageFooter:after {
    counter-increment: page;
    content: counter(page);
    /*content: "Page " counter(page) " of " counter(pages);*/
  }

	#noprintprt{
	 
	  display: none;
	 
	}

  .noprnt{
	  display: none;
	}

  #noprintprt2{
	 
	  display: none;
	 
	}
  
	body{
	 
	  padding-top: 25px;
		padding-bottom: 25px;
	 
	}

  *{
    -webkit-print-color-adjust: exact; /*Ch, Saf*/
    color-adjust: exact;

  }
	 
}

/*HP*/
.rowh {
  display: flex;
  flex-wrap: wrap;
  /*padding: 0 4px;*/
  padding: 0;
}

/* Create four equal columns that sits next to each other */
.columnh {
  flex: 25%;
  max-width: 25%;
  padding: 15px 5px 5px 5px;
}

.columnh img {
  margin-top: 8px;
  vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
  .columnh {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .columnh {
    flex: 100%;
    max-width: 100%;
  }
}